
/* FONT REAL HEAD LIGHT   */
@font-face {
  font-family: 'RealHeadWebW01-Light';
  src: url('../fonts/RealHeadWebW01-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/RealHeadWebW01-Light.woff') format('woff'),
       url('../fonts/RealHeadWebW01-Light.ttf')  format('truetype'),
       url('../fonts/RealHeadWebW01-Light.svg#RealHeadWebW01') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* FONT AVENIR BOOK   */

@font-face {
  font-family: 'Avenir-Book';
  src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Avenir-Book.woff') format('woff'),
       url('../fonts/Avenir-Book.otf') format('otf'),
       url('../fonts/Avenir-Book.ttf')  format('truetype'),
       url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* FONT REAL HEAD SEMILIGHT   */

@font-face {
  font-family: 'RealHeadWebW04-Semilight';
  src: url('../fonts/RealHeadWebW04-Semilight.eot?#iefix') format('embedded-opentype'),
       url('../fonts/RealHeadWebW04-Semilight.woff') format('woff'),
       url('../fonts/RealHeadWebW04-Semilight.ttf')  format('truetype'),
       url('../fonts/RealHeadWebW04-Semilight.svg#RealHeadWebW04-Semilight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Medium';
  src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Avenir-Medium.woff') format('woff'),
       url('../fonts/Avenir-Medium.otf') format('otf'),
       url('../fonts/Avenir-Medium.ttf')  format('truetype'),
       url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RealHeadWebW03-Book';
  src: url('../fonts/RealHeadWebW03-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/RealHeadWebW03-Book.woff') format('woff'),
       url('../fonts/RealHeadWebW03-Book.ttf')  format('truetype'),
       url('../fonts/RealHeadWebW03-Book.svg#RealHeadWebW03-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {margin:0;padding:0;background-color:#fff;}
p{font-family: 'Avenir-Book';font-size:18px;line-height:26px;color:#58595B;}
h1, h2, h3, h4, h5, h6, p, a, li, ul{margin:0;padding:0;}
ul{list-style:none;}
img{max-width:100%;height:auto;}
a{color:inherit;transition:all 0.4s ease;}
a:hover, a:focus{text-decoration:none !important;outline:none;color:inherit;}

h1{font-family: 'RealHeadWebW01-Light' !important;font-size: 60px !important;line-height: 80px !important;color:#141a44 !important; }
h2{font-family: 'RealHeadWebW04-Semilight' !important;font-size: 40px !important;line-height: 50px !important;color: #141a44 !important;}
h3{font-family: 'RealHeadWebW04-Semilight' !important;font-size: 26px;color:#141a44 !important;line-height: 28px;}
h4{font-family: 'RealHeadWebW01-Light' !important;font-size: 20px !important;color: #00abb6 !important;}

/* My style*/
:focus{
outline: none !important;
}
header ul li{ display: inline-block;padding: 20px 25px;}
header{position: relative;}
header ul li a {font-size: 17px;font-family:'RealHeadWebW04-Semilight';color:#141a44; outline:none; }
.header-padding{margin-top: 65px;}
#Logo-img{padding: 0px !important;}

#hero-sec #hero-sec-content {}
#hero-sec-padding{padding: 0px;}
#hero-sec #hero-sec-content h1{margin-bottom: 30px;margin-top: 239px;}
#hero-sec #hero-sec-content p{font-family: 'RealHeadWebW01-Light';font-size: 25px;line-height: 35px;margin-bottom: 40px;}
a.btn, input.btn {font-family: 'Avenir-Medium' !important; width: 129.35px;height: 43px;border:2px solid #00abb6; color:#00abb6; font-size: 18px;border-radius:0px; background: transparent; }
a.btn:hover, input.btn:hover {color:#fff;background-color: #00abb6;}
#hero-sec #hero-sec-img img{position: absolute;top:-140px;}
#our-story h4{margin-bottom: 20px;margin-top: 0px; letter-spacing:3px; }
#our-story h2{margin-bottom: 35px;margin-top: 0px;}
#our-story p{margin-bottom: 34px;}
#ourstory-content{padding-left: 120px;}
.sec-borderbottom{border-bottom: 0.5px solid #dedede;padding: 100px 0px;position:relative;  }
.sec-borderbottom1{padding: 26px 0px 100px;}

#our-values{padding: 100px 0px;}
#our-values h4{color:#77b743 !important; text-align: center;margin-bottom: 30px;margin-top: 0px;letter-spacing:3px; }
#our-values h2{text-align: center;margin-bottom: 40px;margin-top: 0px;}
#our-values .values-box{padding: 60px 0px;  box-shadow: 0px 0px 10px #dedede;text-align: center;max-width: 250px;margin: 0px;}
#our-values .values-box .quality, #our-values .values-box .Integrity, #our-values .values-box .Collaboration, #our-values .values-box .Innovate {}
#our-values .values-box h3{padding-top: 60px;margin: 0px;padding-bottom: 30px;}
#ourservices h4{margin-bottom: 30px;margin-top: 0px; letter-spacing:0px; }
#ourservices h2{margin-bottom: 40px;margin-top: 0px;}
#ourservices p{margin-bottom: 45px;}
.accordion {background-color: #0000;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.quality-border{
border-bottom:2px solid #77b743;
padding-bottom: 60px;
width: 35px;
margin: 0 auto;
}

#contact-imos{
  height: 150px;max-height: 150px;
}

.accordion:after {
  content: '\002B';
  color: #141a44;
  font-size: 40px;
  float: right;
  margin-left: 5px;
      margin-top: -15px;
}

.active:after {
  content: "\2212";
}
.accordion:active h4 {

}
    
.panel {
  margin: 0px !important;
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;}
#ourservices-content h4{margin: 0px;color: #141a44 !important;}
#ourservices-content p{margin-top: 12px;}
#ourservices-content{padding-top: 174px; padding-left: 80px;}
#ourservices-content .active, .accordion:hover {
  background-color: #cccccc08;
   font-weight: bold;
   color: #00aab6 !important;
}

#chooseimos h2{text-align: center;margin-top: 0px;letter-spacing:0px; }
#chooseimos h4{margin-bottom: 30px; letter-spacing: 3px; text-align: center;}
#chooseimos h2{margin-bottom: 68px;}
#chooseimos .choosebox{text-align: center; padding: 20px 20px 40px; box-shadow: 0px 0px 10px #dedede;margin: 0px ;max-width: 343px;}
.choosebox h1.borderbottom{color:#00abb6 !important;padding-bottom: 55px; }
.one-border{
  border-bottom: 2px solid #00abb6;
  margin: 0 auto;
  width: 35px;
}
.choosebox h3{padding-top: 55px; margin-top: 0px;margin-bottom: 30px;}
#happyclients{text-align: center;}
#happyclients h2{margin-bottom: 84px; margin-top: 0px;}
#happyclients #clients-btn{margin-top: 62px;}
#results{text-align: center;  }
#results #res-box{ box-shadow: 0px 0px 10px #dedede;}
#results h2 {margin-top:0px; }
#results h4{margin-bottom: 25px; color: #77b743 !important; margin-top: 50px;letter-spacing:0px; }

#results h2{margin-bottom: 31px;}
#results p{ max-width: 650px;margin: 0 auto; margin-bottom: 80px;}
#results h1{font-size: 76px;  font-family: 'RealHeadWebW04-Semilight' !important; }
#result-h h1{ margin-top: 0px; margin-bottom: 80px;}
#result-green {background-color: #77b743;box-shadow: 0px 0px 10px #dedede; }

#result-green h3{color: #fff !important; display: inline-block;  padding:60px 0px; margin: 0 auto;}
#result-green .green{display: inline-block;border:2px solid #fff;color:#fff; margin: 0px 0px 0px 45px;}
#result-green .green:hover{background-color: #77b743;color:#fff;}
#successstories{text-align: center;padding-bottom: 390px;}
#successstories h4, #successstories h2{margin-top: 0px;letter-spacing:0px; }
#successstories h4{margin-bottom: 30px;}
#successstories h2{margin-bottom: 40px;}
#ourvision{background-color: #141a44;}
#vision-continer{margin-top: -400px; background-color: #fff;}
#vision-continer-privacy {margin-top: -240px;background-color: #fff;}
#contact-box{box-shadow: 0px 0px 8px #141a442e; opacity: 0.9;}
#form {padding: 15px 20px 15px 20px;}
#contact-h {text-align: center;}
#contact-h h4, #contact-h h2{margin-top: 0px;letter-spacing:0px; }
#contact-h h4{margin-bottom: 30px;}
#contact-h h2{ margin-bottom: 0px;  width: 600px; margin: 40px auto 0px;}
#form input[type=text], #form input[type=email] {border: none;border-bottom: 2px solid #707070;width: 100%; font-size: 18px;font-family: 'Avenir-Book' !important;}
#form > div { margin-bottom:25px; }
#form h2{margin-bottom: 50px;margin-left: 15px;}
#form select {width: 100%;border:1px solid #141a44;background-color: #9d9d9d00;padding: 5px 0px;    font-size: 18px; font-family: 'Avenir-Book' !important;}
#contact-btn{margin-top: 15px;display: inline-block;margin-left: 20px;}
#footer-sec{background-color: #141a44}
#footer-row .p1{margin-top: 50px; color: #fff;font-size: 17px!important;font-family: 'RealHeadWebW03-Book' !important; }
#footer-row .p2{color: #fff;font-size: 17px !important;font-family: 'Avenir-Book' !important;}
#footer-row a{color: #fff !important;}
.foo-phone{margin-bottom: 30px;}
.foo-img{padding-right: 15px;}
#foo-subscribe p{margin-top: 130px;color: #fff; font-family: 'RealHeadWebW04-Semilight' !important;}
#foo-subscribe input[type=mail]{background-color: #393e61;color: #fff;padding: 6px 34px 6px 5px;border: none;}
.foo-submit{background-color: #73768f;padding: 6px 20px;margin-left: -4px;display: inline-block;}
#foo-subscribe{padding: 0px !important;}
#foo-subscribe ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
#foo-contact{padding: 0px;}
#footer-row {border-bottom: 0.5px solid #5b5f7d;padding-bottom: 40px;}
#footer-row1 {padding-top: 70px;padding-bottom: 20px;}
#footer-row1 nav{padding-top: 20px; padding-bottom: 50px;}
#footer-row1 nav li{ display: inline-block;padding: 0px 30px; }
#footer-row1 nav li a{color: #fff;font-size: 17px;font-family: 'RealHeadWebW04-Semilight' !important;}
#foo-nav{text-align: center;}
#foo-nav p {font-size: 13px !important;color:#fff;font-family: 'Avenir-Book' !important;}
#foo-nav a {display: inline-block;color: #fff;font-family: 'Avenir-Book' !important;}
#foo-socialicon{text-align: right;padding-top: 20px;}
#privacy-policy{padding-bottom: 372px;}
#privacy-policy h3{margin-top: 140px;margin-bottom: 50px;}
#privacy-policy p{margin-bottom: 30px;}
#privacy-policy p a{text-decoration: underline !important;}
#maps {padding: 0px;}


.cookieinfo {    position: fixed;
    left: 25% !important;
    right: 25% !important;
    height: auto;
    min-height: 21px;
    z-index: 2147483647;
    background: rgb(238, 238, 238);
    color: rgb(51, 51, 51);
    line-height: 21px;
    padding: 8px 18px;
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
    text-align: left !important;
    bottom: unset !important;
    opacity: 1;
    top: 50% !important;
}

.cookieinfo span{    padding: 80px 20px !important;}


#carousel3d .carousel-3d-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
#carousel3d .carousel-3d-slide.current {
  background-color: #333;
  color: #fff;
}
#carousel3d .carousel-3d-slide.current span {
  font-size: 20px;
  font-weight: 500;
}
.right-2{
  display: none !important;
}
.left-2{
  display: none !important;
}
 .current{
  width: 800px !important;
  height: 435px !important;
  margin: 0 83px !important;
}
.carousel-3d-container{
  width: 100% !important;
  height: 450px !important;
  margin: 0 auto !important;
}
.carousel-3d-slider{
   width: 950px !important;
  height: 450px !important;
  margin: 10px auto 0 !important;
}
.right-1{
  width: 100% !important;
  height:100% !important;
  margin-top: -30px !important;
}
.left-1{
  width: 100% !important;
  height:100% !important;
  margin-top: -30px !important;
}
.carousel-3d-controls{
 
}
.current {
    background-color: #fff !important;
    color: #fff;
}
.carousel-3d-slide p{
 font-family: 'Avenir-Book' !important;
    font-size: 18px !important;
    line-height: 26px !important;
    padding: 10px;
    margin-top: 0px;
    color: #58595B !important;
    font-style: italic;
}
.privacy li{
  list-style: decimal;
  margin-bottom: 10px;
  font-family: 'Avenir-Book' !important;
  font-size: 18px !important;
}
.privacy{
  padding: 0 0px 0px 40px;
}
.collect li{
  list-style: disc !important;
}
.experience{
padding: 0 0px 0 100px;
}
.experience li{
  list-style: disc !important;
   margin-bottom: 10px;
  font-family: 'Avenir-Book' !important;
  font-size: 18px !important;
}
.links{
  padding: 0 10px 0 150px;
}
.bot{
  border-bottom: 2px solid #00abb6;
  text-align: center;
  margin:0 auto 35px !important;
  width: 75px;
}
.carousel-3d-slide h4{
  color: #141A44 !important;
  margin-bottom: 0px !important;
}
.carousel-3d-slide .alsa{
  margin-top: 0px !important;
      color: #9d9d9d !important;
      font-size: 13px !important;
    line-height: 20px !important;
    font-style: normal;

}
#bxslider-mobile .alsa{
  margin-top: 0px !important;
      color: #9d9d9d !important;
      font-size: 13px !important;
    line-height: 20px !important;

}
.carousel-3d-slide {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    top: 0;
    border-radius: none !important;
    border-color: none !important;
    border-color: none !important;
    border-style: none !important;
    background-size: cover;
    background-color: #ccc;
    display: block;
    margin: 0;
    box-sizing: border-box;
    text-align: left;
    box-shadow: 0 0 8px #dedede !important;
}

.cookie-notice{
      color: #58595B !important;
    background-color: #ffffff !important;
    visibility: visible;


    top: 50% !important;
    z-index: 999999999;
    position: absolute !important;
}
.cookie-notice-container{
  height: 200px !important;
  top: 50% !important;
    z-index: 999999999;
    position: absolute !important;
        margin: 0 auto;
    width: 500px;
    box-shadow: 0 0 8px #dedede;
    background: #fff;
    padding: 25px;
    left: 0;
    right: 0;
}
.cookie-notice-container h4{
  font-family: 'RealHeadWebW01-Light' !important;
  font-size: 15px !important;
}
.cookie-notice-container span{
  font-family: 'Avenir-Book';
  font-size: 14px !important;
}
.cook-btn{
  margin-top: 20px;
      height: 40px !important;
      background-color: #00abb6 !important;
      color: #fff !important;
}
.accordion:hover {
    background-color: #fff0 !important;
}


.her-img{
  padding: 0 !important;
   position: absolute !important;
   right: 0 !important;
   top:0 !important;
}
input:focus{
  outline: none !important;
}
.or-story{
  margin-top: 200px;
}
#cookie-notice{display: none;}

.hideonmobile{
  display: block;
}
.hideondesktop{
display: none;
}

.MobileTrigger { display: none; }

.mobileFlyOut { display: none; }


.nav-dots {
  width: 100%;
  bottom: 9px;
  height: 11px;
  display: block;
  position: absolute;
  text-align: center;
}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
       box-shadow: 0px 2px 2px #efebeb;
    z-index: 1;
    height:80px;
}
.fixed-header #Logo-img {
    padding: 0px !important;
    margin-top: -50px;
}
.fixed-header #Logo-img .lg img{
  max-width: 135px !important;
}
.fixed-header .fix{
  width: 100%;
}

.fixed-header .desktopNavigation{
margin-top: -62px;
}
.nav-dots .nav-dot {
  top: -5px;
  width: 11px;
  height: 11px;
  margin: 0 4px;
  position: relative;
  border-radius: 100%;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
}



.carousel-indicators .active {
    width: 10px !important;
    height: 10px !important;
    margin: 0;
    background-color: #009da8 !important;
}
.carousel-indicators {
    bottom: -46px !important;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 6px 5px !important;
    text-indent: -999px;
    cursor: pointer;

    background-color: #dedede !important;
    border: 1px solid #fff;
    border-radius: 10px;
    /* margin-top: -8px; */
}

.sec-borderbottom:before { position:absolute;bottom:0px;left:0px;width:95%;height:1px;background:#dedede;content:'';right:0px;margin:0 auto; }
/* .sec-borderbottom:after { position:absolute;bottom:-1px;right:0px;width:3%;height:5px;background:#fff;content:''; } */




.MobileTrigger._open span:nth-child(1) {
    top: 4px;
    -webkit-transform: rotate(45deg);
    right: -3px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(47deg);
    width: 25px;
}
	
.MobileTrigger._open span:nth-child(2) {
    display: none;
}
	
.MobileTrigger._open span:nth-child(3) {
    top: 4px;
    -webkit-transform: rotate(-45deg);
    right: -3px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-46deg);
    width: 25px;
}


.sec-borderbottom { border-bottom:none; }
#successstories:before { display:none; }


#gdpr-cookie-message{
    top: 64%;
    position: fixed;
    width: 45%;
    background: #fff;
    left: 50%;
    padding: 25px;
    box-shadow: 0px 0px 8px #141a442e;
}
#gdpr-cookie-advanced{
  display: none;
}
#gdpr-cookie-accept{
      padding: 6px 40px;
    background: #00abb6;
    border: 1px solid #00abb6;
    color: #fff;
}


#foo-socialicon ul { margin:0px; padding:0px; }
#foo-socialicon li { list-style:none; display:inline-block;margin-left: 10px; }
#foo-socialicon li a { color:#fff; font-size:20px; }
#foo-socialicon li a:hover { color: #00abb6; }


/* Media query strats*/

@media(max-width:2560px){
.or-story {
    margin-top: 30%;
}
.her-img{
  text-align: right;
}
.her-img img{
  width: 100%;
}

}
@media(max-width:1440px){
 .or-story {
    margin-top: 200px;
}
}
@media(max-width:1199px){

.str{
      max-width: 221px;
    margin: 0 auto;
}
.cos{
    max-width: 250px;
    margin: -13px auto;
}
.tme{
    max-width: 237px;
    margin: 0 auto;
  }
 
header ul li {padding: 20px 17px;}
#our-values .values-box{max-width: 218px; margin: 12px;}

#footer-row .col-md-9 { width: 70% !important;}
#footer-row .col-md-3 { width: 30% !important;}
#foo-subscribe input[type=mail]{padding: 6px 20px 6px 5px;}
#foo-subscribe p{margin-top: 134px;}
#foo-nav p{font-size: 12px !important;}
#footer-row1 nav li {padding: 0px 20px;}


}
@media(max-width:1024px){
.cos {
    max-width: 250px;
    margin: -13px auto;
}
}

@media(max-width:991px){
  a {
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    color: #141a44;
}
#privacy #contact-box {
    box-shadow: 0px 0px 8px #141a442e;
    opacity: 1;
}
#privacy .ph {
    margin-top: -20px;
}
  .MobileTrigger span {
    background-color: #141a44 !important;
    top: 12px;
    width: 25px;
    display: block;
    position: absolute;
    height: 2px;
   
    right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .MobileTrigger span:nth-child(1) {
    top: 4px;
    width: 35px;
}
.MobileTrigger span:nth-child(2) {
    width: 35px;
}
.MobileTrigger span:nth-child(3) {
      top: 20px;
    width: 35px;
}
.flyClose{
-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
.mobileFlyOut .flyClose span:nth-child(1) {
  display: block;
    position: absolute;
  background-color: #fff !important;
     height: 2px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    right: -3px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(47deg);
    width: 35px;
}
.mobileFlyOut .flyClose span:nth-child(3) {
  display: block;
    position: absolute;
  background-color: #fff !important;
    top: 4px;
     height: 2px;
    -webkit-transform: rotate(-45deg);
    right: -3px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-46deg);
    width: 35px;
}
  #contact-h h2 {
    margin-bottom: 70px;
    width: 100%;
    margin: 39px auto;
}
  .or-story {
    margin-top: 0px;
}
.str{
      max-width: 100%;
    margin: 0 auto;
}
.cos{
    max-width: 100%;
    margin: 0 auto;
}
.tme{
    max-width: 100%;
    margin: 0 auto;
  }

#our-values {
    padding: 70px 0px 40px;
}
.bot {
    border-bottom: 2px solid #00abb6;
    text-align: center;
    margin: 30px auto 30px !important;
    width: 75px;
}
 #results #res-box h4{
  margin-bottom: 15px;
   color: #77b743 !important;
    margin-top: 30px;
    letter-spacing:3px;
}
#results #res-box h2 {
    margin-bottom: 10px;
}
#hero-sec #hero-sec-content h1 {
    margin-bottom: 30px;
    margin-top: 115px;
}
.sec-borderbottom {
   
    padding: 100px 0px;
position:relative;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: none;
    z-index: 1;
    height: 80px;
}

  .her-img{

    max-width: 100%;
    text-align: center;
    margin: 35px auto;
   position: relative  !important;
}
#ourservices-content{padding-top: 174px; padding-left: 15px; padding-right: 15px;}
h1 {

    font-size: 42px !important;
    line-height: 50px !important;

}
#hero-sec #hero-sec-content p {

    font-size: 18px;
    line-height: 20px;

}
.bx-wrapper {
    
    margin-bottom: 0 !important;
    }
#ourstory-content {
    padding-left: 15px;
}
.hideonmobile{
  display: none;
}
.hideondesktop{
display: block;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 35px;
}
#chooseimos{
  margin-top: 20px;
}
#chooseimos h2 {
    margin-bottom: 10px;
}
#happyclients h2 {
    margin-bottom: 0;
    margin-top: 20px;
}
#happyclients #clients-btn {
    margin-top: 0px;
}
#results p {
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 10px;
}
#result-h h1 {
    margin-top: 0px;
    margin-bottom: 70px;
}

#result-green h3 {
    color: #fff !important;
    display: inline-block;
    padding: 40px 0px;
    margin: 0 auto;
    line-height: 35px;
    font-size: 25px;
}
#successstories h4 {
    margin-bottom: 15px;
}

h4 {

    font-size: 18px !important;

}
h2 {

  font-size: 34px !important;
    line-height: 42px !important;

}
#our-values .values-box {
    max-width: 100%;
    margin: 30px 12px;
}
#ourservices-content {
    padding-top: 0px;
}
.accordion {
    background-color: #0000;
    color: #444;
    cursor: pointer;
    padding: 18px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
#chooseimos .choosebox {
    margin:30px 6px;
    max-width: 100%;
}
.current {
    width: 750px !important;
    height: 400px !important;
    /* margin: 0 0px !important; */
    margin: 0 auto !important;
}
#result-green .green {

    margin: 0px 0px 30px 0px;
}
#contact-box {


    margin: 20px;
}
.sec-borderbottom1 {
    padding: 0px 0px;
    margin-bottom: -134px;
}
#footer-row {

    margin: 20px;
}
#privacy #footer-row {
    margin: 20px 0px;
}

#privacy #foo-socialicon{
  padding-left: 0;
}
#privacy .header-padding {
    margin-bottom: 35px;
    margin-top: 35px;
    margin-right: 0px;
    margin-left: 0px;
}
#footer-row .hideondesktop{
  text-align: left;
    padding: 0;
        margin-top: 40px;
  }
  #foo-subscribe p {
    margin-top: 50px;
}
#footer-row .col-md-3 {
    width: 100% !important;
}
#footer-row {
    border-bottom: none !important;
    padding-bottom: 0px;

}
#foo-nav nav{
  display: none;
}
#foo-socialicon {
    text-align: left;
    padding-top: 20px;
}
#foo-nav p {
    font-size: 12px !important;
    text-align: left;
        margin-top: 30px;
}
#footer-row1 {
    padding-top: 0;
    padding-bottom: 20px;
}
#footer-row1 .hideondesktop {
    display: block;
    text-align: left;
    margin-top: 0;
}
.fixed-header #Logo-img {
    padding: 0px !important;
    margin-top: -29px;
}

.desktopNavigation { display: none; }
.MobileTrigger { display: inline-block; position: absolute;right: 0px; top: 13px; }

header { position: fixed;top: 0px; width: 100%;background: #fff; z-index: 10; }
.page { padding-top: 100px }
.header-padding { margin-bottom: 35px; margin-top: 35px;margin-right:25px; margin-left: 25px; }

.flyClose {     position: absolute;
    right: 22px;
    top: 10px; }

.mobileFlyOut { position:fixed;top: 0px; left: 0px; width: 100%; background: #141A44; color: #fff; z-index: 1000; height: 100%; display: block; padding-top: 35px;  }
.FlyLogo { margin-bottom: 50px; }
.mobileFlyOut a {  color: #fff;  }
.flyNav { font-size: 28px; }
.flyNav li { margin-bottom: 10px;  }

.flyFooter { position: fixed; bottom: 20%; width: 100%; }
.flyFooter li { display: inline-block; font-size: 24px; margin-right: 10px; }


.mobileFlyOut {


    -ms-transform: translateX(-900px);
    -webkit-transform: translateX(-900px);
    -moz-transform: translateX(-900px);
    -o-transform: translateX(-900px);
    transform: translateX(-900px);
    position: fixed;
    -webkit-transition: transform 287ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: transform 287ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: transform 287ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: transform 287ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 287ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    z-index: 9999;
    width: 100%;
    display: block;
}

.mobileFlyOut._nav_open {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

#form { padding-bottom:0px;padding-top:0px; }
.bx-viewport{
  height: 100% !important;
}

#footer { padding-top: 100px; }

#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
@media(max-width:768px){
#results #res-box {
   
    margin: 0 20px;
    }
    #result-green {
    background-color: #77b743;
    margin: 0 20px;
}
}
@media(max-width:500px){
  #privacy .ph {
    margin-top: -40px;
}
.str {
  padding: 0 10px;
}
.str {
   padding: 0 10px;
    }
    
  #contact-h h2 {
    width: 333px;
    margin: 40px auto;
  }
  .sec-borderbottom:before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 95%;
    height: 1px;
    background: #dedede;
    content: '';
    right: 0px;
    margin: 0 auto;
    display: none;
}
  #result-green h3 {
    color: #fff !important;
    display: inline-block;
    padding: 40px 40px;
    margin: 0 auto;
    line-height: 35px;
    font-size: 18px;
}
  #form {
    padding: 20px 20px 0px 20px;
}
#chooseimos .choosebox {
    margin: 30px 12px;
    max-width: 100%;
}
#chooseimos .choosebox {
    text-align: center;
    padding: 60px 0px;
    box-shadow: 0px 0px 10px #dedede;
   
    max-width: 100%;
}
.ph{
  margin-top: -20px;
}
.carousel-3d-container {
    width: 100% !important;
    height: 530px !important;
    margin: 0 auto !important;
}
.current {
    width: 420px !important;
    height: 530px !important;
    /* margin: 0 0px !important; */
    margin: 0 auto !important;
    max-width: 100%;
}
.sec-borderbottom1 {
    padding: 50px 0px;
    margin-bottom: -134px;
}
.links {
    padding: 0 10px 0 140px;
}

#privacy-policy { word-break:break-word; }

#footer {
    padding-top: 50px;
}

#privacy #contact-box {
    margin: 20px 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #eaeaea !important;
    }
#bxslider-mobile h4{
  color: #141a44 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}
#bxslider-mobile .slider p.slider-margin {    margin-top: 15px;
    font-size: 18px !important;
    padding: 0 20px 0 10px;
    font-style: italic;
  }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #00abb6 !important;
}

@media(max-width:410px){

 #chooseimos .choosebox {
    margin: 30px 29px;
    max-width: 100%;
}
#chooseimos .choosebox {
    text-align: center;
    padding: 60px 10px;
    box-shadow: 0px 0px 10px #dedede;
   
}
}
@media(max-width:394px){
#chooseimos .choosebox {
    margin: 30px 21px;
    max-width: 100%;
}
}
@media(max-width:378px){
#chooseimos .choosebox {
    margin: 30px 13px;
    max-width: 100%;
}
}
@media(max-width:340px){

  #foo-subscribe input[type=mail] {padding: 6px 4px 6px 5px;}
  .foo-submit{padding: 6px 13px;}
  #foo-nav p{    font-size: 10px !important; text-align: center;}
  #footer-row1 .hideondesktop{text-align: center;}
  #footer-row .p2{    font-size: 14px !important;}

  #rc-imageselect, .g-recaptcha {transform:scale(0.5);-webkit-transform:scale(0.5);transform-origin:0 0;-webkit-transform-origin:0 0;}


}



/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
   
   bottom:50px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
background:#fff;
right:50px;
margin:0 auto;
    left: auto;
    top: auto;
    width: auto;
 
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #000;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: left;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    
   
    cursor: pointer;
    transition: all 0.3s ease-in;
 background: #00abb6;
    color: #fff;
border:2px solid #00abb6; width:150px;
}
#gdpr-cookie-message button:hover {
    background: #fff;
    color: #00abb6;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: #00abb6;
    color: #fff;
display:none;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
	
#response h2 { margin-left:0px; }	

.MobileTrigger._open span:nth-child(1) {
    top: 4px;
    -webkit-transform: rotate(45deg);
    right: -3px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(47deg);
    width: 25px;
}
	
.MobileTrigger._open span:nth-child(2) {
    display: none;
}
	
.MobileTrigger._open span:nth-child(3) {
    top: 4px;
    -webkit-transform: rotate(-45deg);
    right: -3px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-46deg);
    width: 25px;
}