@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;700');

:root {
  --white: #ffffff;
  --black: #000000;
  --purple:  #A92783;
 --teal:  #20B7C0;
  --blue: #0185F7;
  --lightBlue: #EDF6FD;
   --yellow:#ECAF00;
   --pink1:#FFF8F4;
   --pink2:#FFFCF3;

}

body {
  font-size: 16px;
  line-height: 25px;
  font-family: "Inter", sans-serif !important;
  position: relative;
  overflow-x: hidden;
  font-weight:400;
}
.preloader {
  background: #d35937;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  
  font-weight: 400 !important;
}
h1 {
  font-size: 40px;
  line-height:48px;
  text-transform: capitalize;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  padding:0px 0 20px 0;
  margin:0;
  position:relative;
}
/*h1:before { content:' '; background:url(../img/brand_line.svg) no-repeat center top; height:5px; width:100px;     background-size: cover; position:absolute; top:0; left:50%; margin-left:-50px; }*/
h1.left:before {left:0px; margin-left:0px;}
h1.noLine { padding:20px 0;}
h1.noLine:before { display:none !important;}


h2 {
  font-size: 32px;
  line-height:38px;
  text-transform: capitalize;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  padding:0px 0 10px 0;
  margin:0;
  position:relative;
}
h2.topLine:before { content:' '; background:#017EE4; height:5px; width:70px;     background-size: cover; position:absolute; top:-25px; left:50%; margin-left:-35px; }
h2.topLine.left:before {left:0px; margin-left:0px;}




h3 {
  font-size: 28px;
}
p,
li {
  color: #000000;
  font-size: 16px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  line-height:26px;
  font-weight:400;
  letter-spacing:0.1px;
}
p.xl {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.padRight50 { padding-right:50px;}
.preTitle { color:var(--orange) !important; font-family: "Roboto", sans-serif !important; font-weight:500; font-size: 16px  !important;  line-height:28px  !important;   letter-spacing:0.2px  !important; display:block;}
.text-link {
  color: var(--blue) !important;
  font-weight: 700;
  font-size: 16px !important;
  text-decoration:none;
  position:relative;
  padding-right:10px;
  transition:ease-in-out 0.25s;
}
.text-link:after {content:url(../img/textlink_arrow.svg); position:absolute; top:-2px; right:0px;}
.text-link:hover:after {right:-5px; transition:ease-in-out 0.25s;}
.bold {
  font-weight: 700 !important;
}
.white,
.white * {
  color: #fff !important;
}
.orange,
.orange * {
  color: var(--orange) !important;
}
.blue, .blue * { color: var(--blue) !important;}
.purple, .purple * { color: var(--purple) !important;}

.preheader{letter-spacing: 0.135em; font-weight:bold;}

.p-l-50 {
  padding-left: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.p-t-75 {
  padding-top: 50px !important;
}
.p-b-75 {
  padding-bottom: 50px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}

.vGap10 {
  height: 10px !important;
}
.vGap25 {
  height: 25px !important;
}
.vGap50 {
  height: 50px !important;
}
.vGap75 {
  height: 75px !important;
}
.vGap100 {
  height: 100px !important;
}
 .vGap200 {
  height: 200px !important;
}
.vGap300 {
  height: 300px !important;
}
.vGap400 {
  height: 400px !important;
}
.vGap500 {
  height: 500px !important;
}
.topOverlap300{ margin-top:-300px !important;}
.topOverlap400{ margin-top:-400px !important;}
.topOverlap500{ margin-top:-500px !important;}

.text-left{ text-align:left !important;}
.text-center{ text-align:center !important;}
.text-right{ text-align:right !important;}
.width50perct {
  width: 50%;
}
.width60perct {
  width: 60%;
}
.width70perct {
  width: 70%;
}
.width80perct {
  width: 80%;
}
.width90perct {
  width: 90%;
}
.centered {
  margin: 0 auto;
}
.mobileMenuicon { display:none !important;}
.main-nav {
  background: #FFF  !important;
 padding:0px 0;
}
.navbar-collapse { }

.main-nav nav .navbar-nav .nav-item a {
  color: #000 !important;
}
.main-nav nav ul {
  margin-top: 15px !important;
  display:block !important;
  margin:0 0 0 50px !important;
}
.main-nav nav ul li {

  display:inline-block !important;
  margin:0 0px 0 0;
  padding:20px 0 20px 0;
  position:relative;
}
.main-nav nav ul li a{
text-transform:uppercase !important;
  display:block !important;
 color:#7C7C7C  !important;
 font-size:14px !important;
 text-decoration:none !important;
 padding-right:40px;
 letter-spacing:0.3px;
}
.main-nav nav ul li ul.sub-menu {display:none !important;
position: absolute !important;
    top: 100%;
    left: -25px;
    z-index: 111;
    background: #FFF;
    border-radius: 0 0 10px 10px;
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
	 box-shadow: 0 30px 20px rgba(0, 0, 0, 0.5) !important;
	}
.main-nav nav ul li.twoColumn ul.sub-menu,  li.twoColumn ul.sub-menu { column-count:2; column-gap:25px;}
.main-nav nav ul  li.menu-item:hover ul.sub-menu{display:block !important;}
.main-nav nav ul li ul.sub-menu li { padding:0 !important; margin:0 !important; display:block !important; white-space: nowrap;}
.main-nav nav ul li ul.sub-menu li.menu-item:hover a { background: linear-gradient(90deg, #EEE 0%, #FFF 100%) !important;}
.main-nav nav ul li ul.sub-menu li.menu-item a { padding:8px 25px !important; font-weight:normal !important; color:#000 !important; font-size:14px !important; text-transform:capitalize !important; }
.main-nav nav ul li ul.sub-menu li.menu-item:last-child a, .main-nav nav ul li ul.sub-menu li.menu-item:last-child { border-radius: 0 0 10px 10px;}
.main-nav nav .navbar-nav .nav-item:hover a,
.main-nav nav .navbar-nav .nav-item a.active, .main-nav nav ul li.current_page_item a, .main-nav nav ul li.current-page-ancestor a, .main-nav nav ul li ul.sub-menu  li.current_page_item a  {
  color: var(--blue) !important;
  font-weight:700 !important;
}
.mobile-nav { display:none;}
.sticky-nav .main-nav {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}
.sticky-nav .main-nav nav .navbar-nav .nav-item a {
  color: #393939 !important;
}
.menu-btn .seo-btn,
.default-btn {
  background-color: #da5c2f !important;
  border-radius: 5px;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 35px;
}
.default-btn:hover,
.menu-btn .seo-btn:hover {
  background-color: #f47216 !important;
  color: #fff !important;
  border: solid 0px #f47216 !important;
}
.menu-btn .seo-btn {
  box-shadow: 0 10px 5px 0 rgb(0 0 0 / 5%);
}

.btn {
  background-color: #0185F7 !important;
  border-radius: 10px;
  border: solid 1px #69B2EE !important;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 35px;
}
.btn:hover {
  background-color: #0185F7 !important;
  color: #fff !important;
  border: solid 2px #0185F7 !important;
}
.alt-btn {
  background-color: transparent !important;
  border-radius: 5px;
  border: solid 2px #f47216 !important;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 35px;
}
.alt-btn:hover {
  background-color: transparent !important;
  color: #f47216 !important;
  border: solid 2px #f47216 !important;
}
.pre-header { background:#F0F0F0; padding:10px 0; font-weight:bold; font-size: 14px; line-height: 19px; color: #3A3A3A; text-align:right;}
.pre-header .blue { color:var(--blue) !important;}
.header { border-bottom:5px solid purple;}
.header.fixed { width:100%; position:fixed; top:0; left:0; box-shadow:0 0 30px rgba(0,0,0,0.5); z-index:111;}
.relative { position:relative;}
.main-banner {
  padding: 0px 0 0 0 !important;
  background:var(--lightBlue) !important;
  position:relative;
}
.main-banner.hasBottomBorder:after {content:''; height:5px; width:100%;  background:url(../img/banner_bottom_border.svg) no-repeat center bottom; background-size:cover; position:absolute; bottom:0; left:0;}
.main-banner img.banner, .processGraph {max-width:100%;}
.main-banner img.banner { z-index:0;  position:absolute; width: 100% !important;     height: auto !important; min-height:100% !important;   max-width: none !important;    left: 0 !important;    right: 0 !important;}
.main-banner .heightAdjust {height:450px;}
.main-banner .heightAdjust_Inside {height:350px;}
.main-banner .textInfo{ padding-right:90px;}
.main-banner h2 { line-height:52px; font-size:40px;}

.colorbox { padding:25px; color:#FFF; border-radius:5px; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.16em;}
.colorbox * { color:#FFF !important;}
.colorbox h2 { margin:0; padding:0;}
.colorbox .number {font-size: 72px; line-height: 88px;  color:#FFF;}
.colorbox .number sup { }
.colorbox.purple { background:var(--purple)!important;  color:#FFF;}
.colorbox.teal { background:var(--teal)!important;  color:#FFF;}
.banner-text span,
.about-content span {
  color: #f47216;
}
.sectionBlock { padding:75px 0;}
.bgGradient{ background: linear-gradient(-90deg, #A92783 -3.96%, #0185F7 111.67%) !important;}
.bgBlue { background:var(--blue) !important;}
.bgLightBlue{ background:var(--lightBlue) !important;}
.bgGray {
  background: #eee !important;
 
}
.bgGray.withBorder {
  border: solid 5px #000;
  border-left: 0;
  border-right: 0;
}
.bgGray.withOnlyBottomBorder,
.withOnlyBottomBorder {
  border-bottom: solid 5px #000;
  border-left: 0;
  border-right: 0;
}
.bgWhite {
  background: #fff !important;
  padding: 75px 0;
}
.bgWhite.withBorder {
  border: solid 5px #000;
  border-left: 0;
  border-right: 0;
}
.bgCTAForm {
  background: #eee url(../img/footer-form-bg.jpg) repeat-y center center !important;
  background-size: cover;
  padding: 75px 0 300px 0;
}

.testimonial_lightblue_bg { background:#EDF6FD url(../img/world_map_bg.svg) no-repeat center center; background-size:contain; padding:75px 0;}
.testimonialSmallTile { background:#FFF; padding:30px; border-radius:10px; position:relative;  z-index:2; margin:0 20px; }
.testimonialSmallTile:before { content:''; background:url(../img/quote_purple.svg) no-repeat center center; width:50px; height:40px; background-size:cover; position:absolute; top:20px; right:20px; }
.testimonialSmallTile:after { content:''; background:url(../img/tile_shadow.png) no-repeat bottom  center; width:100%; height:20px; background-size:cover; position:absolute; bottom:-20px; right:0; z-index:1; }
.testimonialSmallTile .testimonial_header { display:block; position:relative; padding-left:100px; padding-top:15px; padding-bottom:20px; border-bottom:solid 1px #CCC; margin-bottom:20px;}
.testimonialSmallTile .testimonial_header .profilePic { position:absolute; left:0; top:-15px; }

.testimonialQuote { padding:0 0 25px 0; border-bottom:solid 1px #FFF; position:relative; width:85%; margin:0 auto; }
.testimonialQuote:after { content:''; border-top:solid 1px #FFF; position:absolute; top:25px; right:0; height:1px; width:calc(100% - 150px); }
.testimonialQuote:before { content:url(../img/quote.svg);}
h2.count{
font-family: 'Roboto';
font-style: normal;
font-weight: 700 !important;
font-size: 60px;
line-height: 37px;
text-align: center;
color: #0C57A6;

}
.testimonialBox .testimonialText, .testimonialBox h3 { font-family: 'Playfair Display', serif !important; font-weight: 600; font-size: 26px; line-height: 38px;}
.brandsBlock {padding:350px 0 100px 0}

.tealBg { background:var(--teal) !important;}
.purpleBg { background:var(--purple) !important;}

.grayBox {
  padding: 0px;
  background: #f2f2f2;
}
.whiteBoxPlain {
  padding: 50px;
  background: #ffffff;
 
  z-index: 1;
}
.whiteBox {
  padding: 0px;
  background: #ffffff;
  border-radius: 0px;
  box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.WhatWeHaveBox {padding: 0px;
  background: #ffffff;
 
 
  z-index: 1;}
  
.blogTile {padding: 5px;  background: #ffffff; border-radius: 5px; border:solid 1px #DDD; margin:15px;}
.blogTile .category {font-weight: 700; font-size: 14px; line-height: 28px; color: #959595;}
  
.boxContent { padding:25px 40px;  border:solid 1px #DDD;}
.thumbBg { height:200px; background-size:cover !important;}

.serviceHomeBox {}
.serviceHomeBox .content { padding:10px 30px !important;}
.serviceHomeBox ul {display:none !important;}

.simpleList { padding:0; margin:0;}
.simpleList li { list-style:none; padding:5px 0 ; margin:0; position:relative; display:block; vertical-align:top;}

.listItems { padding:0; margin:0;}
.listItems li { list-style:none; padding:5px 0 5px 30px; margin:0; position:relative; display:block; vertical-align:top;}
.listItems.blueTick li:before{content:''; background:url(../img/icon_check_blue.svg) no-repeat center center; background-size:cover; width:20px; height:20px; position:absolute; left:0; top:8px;}

.listItems.purpleTick li {padding:10px 50px 30px 50px;}
.listItems.purpleTick li:before{content:''; background:url(../img/icon_check_purpal.svg) no-repeat center center; background-size:cover; width:30px; height:30px; position:absolute; left:0; top:8px;}

.listItems.whiteTick li:before{content:''; background:url(../img/icon_check_white.svg) no-repeat center center; background-size:cover; width:20px; height:20px; position:absolute; left:0; top:5px;}


.twoColumns {
column-count:2;
}
.twoColumns li {
break-inside: avoid-column;
}

.animated-progress {
  width: 100%;
  height: 30px;
  border-radius: 5px;
  margin: 10px 0 20px 0px;
  border: 0;
  background:rgba(255,255,255,0.25);
  overflow: hidden;
  position: relative;
}

.animated-progress span {
  height: 100%;
  display: block;
  width: 0;
  color:var(--blue) !important;
  font-weight:bold;
  font-size:16px;
  line-height: 30px;
  position: absolute;
  text-align: end;
  padding-right: 5px;
  
}

.progress-blue span {
  background-color: #FFF;
}
.progress-green span {
  background-color: green;
}
.progress-purple span {
  background-color: indigo;
}
.progress-red span {
  background-color: red;
}

.whyusBox { border-radius:6px; padding:15px 25px;}
.whyusBox.withShadow { position:relative; z-index:1;}
.whyusBox.withShadow:after {content:''; background:url(../img/tile_shadow.png) no-repeat center center; background-size:cover; height:10px; width:100%; position:absolute; bottom:-10px; left:0; z-index:-1; opacity:0.2;}
.serviceBox {border: 1px solid #B9B9B9; text-align:left; font-weight:normal; margin:10px;}
.serviceBox p {font-weight:normal !important;}
.serviceBox a {color:inherit !important; text-decoration:none !important;}

.brandBox {background: #FFFFFF; border: 1px solid #E4E4E4;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);border-radius: 6px; min-height:125px; display: flex;
    align-items: center;
    justify-content: center;}

.overlapedServiceBox {position:relative; margin-bottom:150px;}
.overlapedServiceBox .bgPhoto { position:relative;}
.overlapedServiceBox .contentBox {position:absolute; width:60%; bottom:-50px; right:0px; padding:50px; background: #ffffff;
  border-radius: 0px;
  box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1);
  z-index: 1;}

  
.serviceBoxLoop:nth-of-type(even) .overlapedServiceBox { position:relative; text-align:right;}
.serviceBoxLoop:nth-of-type(even) .overlapedServiceBox .contentBox {right:auto; text-align:left; left:0px; background: #FFF; }

.serviceBoxLoop:nth-child(1) .overlapedServiceBox .contentBox { border-top:solid 3px var(--blue);}
.serviceBoxLoop:nth-child(2) .overlapedServiceBox .contentBox { border-top:solid 3px var(--orange);}
.serviceBoxLoop:nth-child(3) .overlapedServiceBox .contentBox { border-top:solid 3px var(--yellow);}

.serviceBox .projectPhoto, .galleryPhoto { max-width:100%}

.team_member_info { background:#EDF6FD; padding:35px !important;}

.contactInfo {  position:relative; padding:10px 0 10px 40px;}
.contactInfo .icon { position:absolute; left:0; top:15px;}
ul.noBullet {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.enquireBox {
  padding: 50px;
  background: #da5c2f;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  z-index: 11;
  position: relative;
}
.form-control {
  background: #FFF !important;
  border-radius: 10px;
  border: 0px;
  margin-bottom: 10px;
  padding: 12px 25px;
  color:#333;
  border:1px solid rgba(255, 255, 255, 0.47) !important;
}
textarea.form-control { height:50px;}
.form-control.whiteBg {
  background: #fff !important;
}
.form-control:placeholder {
  color: #333 !important;
}
.form-control.wpcf7-not-valid { border:solid 2px #C00 !important; color:#C00 !important;}
.wpcf7-submit.btn { width:100% !important; text-transform:uppercase !important;}
.wpcf7-form p { margin-bottom:10px !important;}
.wpcf7-spinner { position:absolute; right:0; bottom:0;}
.wpcf7-not-valid-tip { display:none !important;}
.contactForm, .contactForm .col-lg-5, 	.contactForm textarea.form-control { width:100%; margin:0 auto !important;}
.contactForm textarea.form-control { height:100px;}
.contactForm  .form-control {
	 color:#000;
  background: var(--lightBlue) !important;}
  .contactForm  .form-control:placeholder {
	 color:#000;}
  
.fullwidth {
  width: 100% !important;
}
.whiteIconBox {
  background: #fff !important;
  padding: 50px;
  text-align: center;
  position: relative;
  margin-bottom: 25px;
  color: #000;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.referralBox {
  background: #fff !important;
  padding: 0px;
  text-align: left;
  position: relative;
  margin-bottom: 25px;
  color: #000;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.referralBox .photo {
  padding: 0px;
  width: 100%;
}
.referralBox .content {
  padding: 50px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  color: #fff !important;
  border-radius: 0;
  margin: 0 -1px;
}
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
  font-size: 32px;
}
.projectTile {
  position: relative;
  overflow: hidden;
}
.projectTile .photo {
  position: relative;
  z-index: 0;
  min-height: 100% !important;
  width: auto !important;
}
.projectTile .description {
  opacity: 0;
  transition: all 0.1s linear;
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: calc(100% - 8px);
  color: #fff;
  padding: 50px;
  background: rgba(0, 0, 0, 0.8);
  text-align: left;
}
.projectTile .description * {
  color: #fff;
}
.projectTile:hover .description {
  opacity: 1;
  z-index: 2;
}

.lightbox .portfolio-image {
  margin-bottom: 25px;
}
.portfolio-image {
  width: 100%;
  margin-bottom: 0px;
  border-radius: 25px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  filter: grayscale(0.9);
  transform: scale(0.9);
}
.portfolio-image:hover {
  filter: grayscale(0);
  transform: scale(0.85);
  transition: all 0.2s linear;
}
.inner-banner::before {
  background: rgba(0, 0, 0, 0);
  opacity: 0.9;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 35%,
    rgba(255, 255, 255, 0) 50%,
    rgba(149, 62, 26, 1) 100%
  );
}
.brand-bg {
  background: #fff !important;
}
.brand-item img {
  width: 80%;
  border: solid 1px #ddd !important;
  border-radius: 20px;
}

.switch-box {
  display: none !important;
}
.single-counter img {
  display: inline-block;
  margin-bottom: 35px;
}
.inner-banner .inner-title h3,
.inner-banner .inner-title * {
  text-shadow: 0 10px 20px rgb(0 0 0 / 50%);
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 30px;
  background: #da5c2f !important;
}

.offsetTop {
  margin-top: -200px;
}
.offsetBottom {
  margin-bottom: -250px;
}

.bg-footer {
 
  border-radius: 0 0 0;
 
  margin: 5px 0 0 0;
  padding: 75px 0 0 0;
}

.bg-footer::before,
.bg-footer::after {
  display: none !important;
}
.bg-footer .social_icons {
  margin: 0;
  padding: 0;
  float:right;
}
.bg-footer .social_icons li {
  font-weight: 400;
  text-align: left;
  padding: 10px 20px 10px 0;
  color: #000000;
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  display: inline-block !important;
}
.bg-footer .social_icons li .icon {
  position: relative;
  margin: 0 0px;
  width:18px;
}

.footer-list .navbar-nav {
  display: block !important;
}
.footer-list .navbar-nav li {
  display: inline-block !important;
  margin: 0 0px;
  font-size: 14px;
  vertical-align:top;
  text-transform:uppercase;
  font-weight:700;
  padding-left:50px;
}
.footer-list .navbar-nav li a { color:#000; text-decoration:none;}
.footer-list .navbar-nav ul { margin:15px 0 0 0; padding:0;}
.footer-list .navbar-nav ul li {
  display: block !important;
  margin: 0 0px;
  font-size: 14px;
  text-transform:capitalize;
  font-weight:400;
  padding:5px 0;
}
.footer-bottom {
  border-top:solid 1px #CECECE;
  font-size: 12px !important;
  padding:10px 0;
  letter-spacing:0.5px;
  background: linear-gradient(90deg, #A92783 -3.96%, #0185F7 111.67%);
  color:#FFF;
}
.footer-bottom * {
  font-size: 14px !important;
  letter-spacing: 0.3px;
  color: #FFF !important;
 
}
.footer-bottom p { margin:0;
  padding:0;}
.footer-list ul li a:hover {
  color: var(--blue) !important;
}


.footer-top .container {
  position: relative;
}
.onlyMobile{ display:none !important;}

@media only screen and (max-width: 1280px) {
	
	
}
@media only screen and (max-width: 1024px) {
	
	
.mobileMenuicon { display:block !important;}
.mobileMenuicon img { position:absolute; right:15px; top:30px; z-index:111111;}
.mobileMenuicon .menuIcon { display:block !important;}
.mobileMenuicon  .closeIcon { display:none !important; position:fixed; right:25px; top:25px;}
.mobileMenuicon.opened .closeIcon{display:block !important;}
.mobileMenuicon.opened .menuIcon{display:none !important;}
.navbar-expand-md .collapse:not(.show) {display:none !important;}
.navbar-collapse {    position: fixed; background: linear-gradient(-90deg, #A92783 0%, #0185F7 100%); width: 100%; height: 100%; left: 0; top: 0; border-top:solid 5px #A92783;    margin: 0px !important; z-index: 1111;   }
.navbar-collapse ul.navbar-nav.show { display:none !important;}
.navbar-collapse ul.navbar-nav { margin:75px auto 20px auto !important;}
.navbar-collapse ul.navbar-nav li { display:block !important; text-align:center; border-bottom:solid 1px rgba(255,255,255,0.2) !important; padding:15px 0; margin:0;}
.navbar-collapse ul.navbar-nav li a { display:block !important; color:#FFF !important;}
.navbar-collapse ul.navbar-nav li.current_page_item a { font-weight:bold !important;  color:#FFF !important;}
.main-banner .heightAdjust, .main-banner .heightAdjust_Inside { display:none !important;}	
.h-100 { height:auto !important;}
}

@media only screen and (max-width: 768px) {
	
	.onlyMobile{ display:block !important;}
.hideOnMobile { display:none !important;}
.main-banner { padding:0 !important; position:relative;}	

.main-banner .textInfo { padding:25px 0  !important; z-index:2; position:relative;}
.main-banner .textInfo h1 {font-size: 30px !important; line-height: 38px !important;}
.main-banner .textInfo * { color:#FFF !important; text-align:center !important;}

/*.main-banner img.banner {height: auto !important; width:auto !important; max-width:none!important;  left: 0;  right: 0; }*/
.main-banner:after {content:''; position:absolute; left:0; top:0; height:100%; width:100%; background:linear-gradient(-90deg, rgba(169, 39, 131, 0.7) 0%, rgba(0,133,247,0.7) 100%) ; z-index:0;}

.whiteBoxPlain { padding:25px !important;}
.p-r-50 { padding:0px !important;}
.p-5 { padding:25px !important;}
.colorbox { margin:25px 0 !important; padding:25px !important;}
.width80perct { width:100% !important;}
.twoColumns { column-count:1;}
.listItems li { margin-bottom:20px !important;}
.listItems li p { margin-bottom:0 !important; padding-bottom:5px !important;}
.testimonialQuote { padding:50px 25px !important; width:100% !important;}
.testimonialQuote:after { top:75px;}
.team_member_info { background:#EDF6FD; padding:20px !important; margin-bottom:35px !important;}
.listItems.purpleTick li { padding:10px 10px 20px 50px !important;}
.p-l-50, .p-r-50  { padding:0px !important;}

#menu-footer-menu { display:none !important;}
.footer-map.topOverlap300 { margin-top:50px !important;}
.testimonialSmallTile { margin:25px 20px !important;}
}