/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
*/



/* -- Global font and color -- */







/* -- Website Header -- */











/* -- Typography -- */






























/* -- Website Button -- */
/* btn 1 */










/* btn 2 */










/* --Form -- */











/* --Footer -- */





body {font-family: Open Sans; font-size:16px; font-weight: 400; line-height:1.5; color:#333333; background:#fff;  margin:0; padding:0; overflow-x:hidden; }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

p{margin:0; padding:10px 0px;}

.clear { clear:both }
a { text-decoration:none; outline:none; color:#083F5F; font-size: 16px; font-weight: 400; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; cursor:pointer;}
a:hover{color:#E1E533;}

ul{list-style-type:none;margin:0;padding:0;}

h1{ font-family:Montserrat; font-size: 70px; color: #083F5F; font-weight: 500; line-height: 1.2; margin:0; padding:0; clear:both; }
h2{ font-family:Montserrat; font-size: 60px; color: #083F5F; font-weight: 500; line-height: 1; margin:0; padding:0; clear:both; }
h3{ font-family:Montserrat; font-size: 24px; color: #083F5F; font-weight: 700; line-height: 1.1; margin:0; padding:0; clear:both; }
h4{ font-family:Montserrat; font-size: 22px; color: #083F5F; font-weight: 700; line-height: 1.1; margin:0; padding:0; clear:both; }
h5{ font-family:Montserrat; font-size: 20px; color: #083F5F; font-weight: 700; line-height: 1.1; margin:0; padding:0; clear:both; }
h6{ font-family:Montserrat; font-size: 18px; color: #083F5F; font-weight: 700; line-height: 1.1; margin:0; padding:0; clear:both; }

h1 span, h2 span { font-weight:700; }
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.header-section { width: 100%; display: inline-block; vertical-align: top; background:#093F5D;}
.header-section .left-part { width: 220px; float: left; }
.header-section .right-part { width: calc(100% - 220px); float: left; text-align: right; }
.header-section .right-part .mainmenu { width: auto; float: none; display: inline-block; vertical-align: middle; }
.header-section .right-part .header-btn { width: auto; display: inline-block; vertical-align: middle; float: none; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li { display: inline-block; padding: 20px 0px 20px 0px; margin-right: 25px; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children { position: relative; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a{color:#ffffff;font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 17px;}
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a:hover{color:#E1E533;}
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper { position: absolute; top: 100%; z-index: 9; text-align: left; background: #E1E533; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 160px; transition: all 0.5s; opacity: 0; visibility: hidden; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 10px 10px; display: inline-block; width: 100%; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); font-size: 15px; color:#093F5D; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border: 0; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background: #093F5D; color: #ffffff; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
.header-section .container { display: flex; align-items: center; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children a { font-weight: 500; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.active-branch a, .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.active a{color:#E1E533;}
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li.active-branch a, .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li.active a{ #ffffff; }

.header-section .right-part .header-btn a { color: #fff; font-size: 18px; font-weight: 700; font-family: 'Montserrat', sans-serif; position: relative; }
.header-section .right-part .header-btn a:before { content: ' '; top: auto; bottom: -5px; width: 100%; height: 2px; background: #fff; position: absolute; transition: all 0.5s; }
.header-section .right-part .header-btn a:hover { color: #E1E533; }
.header-section .right-part .header-btn a:hover:before { background: #E1E533; }
.header-section .right-part .mainmenu .hs-menu-wrapper .header-btn { display: none;}






@media (max-width:1199px){

    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li { margin-right: 20px; }
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a { font-size: 16px; }
    .header-section .right-part .header-btn a { font-size: 16px; }


}

@media (min-width:992px){
    .header-section .right-part .mainmenu .hs-menu-wrapper{display:block !important; }
}


@media (max-width:991px){

  .header-section .container {
    height: 27px;
    overflow: hidden;
  }
  

    .mainmenu, .mainmenu *{display: block;float: none;position: static;top: auto;right: auto;left: auto;bottom: auto;padding: 0px;margin: 0px;background-image: none;background-color: transparent;
        border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; max-width: none;width: 100%;height: auto;
        line-height: 1; font-weight: normal;text-decoration: none;text-indent: 0px;text-align: left;color: ;}
    a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 19px; right: 15px; width: 44px; height: 44px; padding: 12px 10px;
        background: #e1e733; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase;
        border-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in;}
    a.mobile-trigger:hover { text-decoration: none; color: ;}
    a.mobile-trigger span{ display: inline;}
    a.mobile-trigger span:before{ position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; 
        background-color: ; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }

    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper { width: 100%;}
  
    /* Change button when menu is open */
    .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear;}
    .mobile-open a.mobile-trigger span:after{ opacity: 1; }

    /* Toggle Button Icon & Animations */
    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s;
        transition-duration: 0s; transition-delay: .2s; background: #093f5d;}
    a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: '';}
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; height: 3px; background: #093f5d; display: inline-block;}
    a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
    a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
    .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0);}

    /* Child Toggle Button */
    span.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 45px !important; 
        padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20);}
    span.child-triggerm:hover { text-decoration: none;}

    /* Child Toggle Button Icon & Animations */
/*     span.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;} */
/*     span.child-triggerm span:after { position: absolute; content: '';} */
  
    span.child-triggerm span {
      box-sizing: border-box;
      position: relative;
      display: block;
/*       transform: scale(var(--ggs,1)); */
      width: 22px;
      height: 22px;
      border: 2px solid transparent;
      border-radius: 100px;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
    
    span.child-triggerm span:after {
      content: "";
      display: block;
      box-sizing: border-box;
      position: absolute;
      width: 10px;
      height: 10px;
      border-bottom: 2px solid;
      border-right: 2px solid;
      transform: rotate(45deg);
      left: 4px;
      top: 2px
        -webkit-transition-duration: .2s; 
        -moz-transition-duration: .2s;
        transition-duration: .2s;
    }
    span.child-triggerm.child-open span:after {
       transform: rotate(-135deg);
        -webkit-transition-duration: .2s; 
        -moz-transition-duration: .2s;
        transition-duration: .2s;
    }
/*     span.child-triggerm span:after { width: 10px; height: 10px; background-color: #093f5d; display: block;} */
    .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #FFF; }
/*       span.child-triggerm span:after { 
        -webkit-transform: rotate(-90deg); 
        -ms-transform: rotate(-90deg); 
        transform: rotate(-90deg); 
        -webkit-transition-duration: .2s; 
        -moz-transition-duration: .2s;
        transition-duration: .2s;
    }
    span.child-triggerm.child-open span:after { 
      -webkit-transform: rotate(-180deg); 
      -ms-transform: rotate(-180deg); 
      transform: rotate(-180deg); 
      -webkit-transition-duration: .2s; 
      -moz-transition-duration: .2s;
      transition-duration: .2s;
    }
    span.child-triggerm.child-open span { 
      -webkit-transform: rotate(180deg); 
      -ms-transform: rotate(180deg); 
      transform: rotate(180deg); 
      -webkit-transition-duration: .2s; 
      -moz-transition-duration: .2s;
      transition-duration: .2s;
    } */

    /* Menu Styles on Mobile Devices */ 
    .mainmenu.js-enabled .hs-menu-flow-horizontal,.mainmenu.js-enabled .hs-menu-children-wrapper{ display: none;} 
    .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none;}
    .mainmenu.js-enabled .hs-menu-flow-horizontal{ position: absolute; top: 100%; left: 0px; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); background: #e1e733; padding: 0;}
    .mainmenu .hs-menu-flow-horizontal{ padding: 40px 0 0 0; background-color: ; width: 100%; z-index: 8888;}
    .mainmenu .hs-menu-flow-horizontal > ul > li{ position: relative;}
    .mainmenu .hs-menu-flow-horizontal > ul > li a{ font-size: 17px; line-height: 45px; overflow: visible;}
    .mainmenu .hs-menu-flow-horizontal ul li{ border-top: 1px dotted rgb(9 63 93 / 34%); }
    .mainmenu .hs-menu-flow-horizontal ul li a{ padding: 0 10px;}
    .mainmenu .hs-menu-flow-horizontal ul li a:hover{ color: ; }
    .mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08);}
    .mainmenu .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; font-size: 16px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px;}


    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li{margin: 0; padding: 0;}
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a{ color: #093f5d;}
    .header-section{ position:relative; padding: 25px 0;}
    .header-section .right-part .header-btn{display:none;}
    .header-section .right-part .mainmenu .hs-menu-wrapper .header-btn { display: block;padding: 16px 10px 15px; border-top: 1px dotted rgb(9 63 93 / 34%); }
    .header-section .right-part .mainmenu .hs-menu-wrapper .header-btn script { display: none; }
    .header-section .right-part .mainmenu .hs-menu-wrapper .header-btn a { color: #093f5d; }
    .header-section .right-part .mainmenu .hs-menu-wrapper .header-btn a:before { display: none; }
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a:hover {color: #093f5d;}


}


@media (max-width:767px){

    .header-section .left-part { width: 200px; }
    a.mobile-trigger { top: 17px; }

}
.footer-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0; background: #093F5D; }
.footer-section .wrap { margin: 0 -15px; }
.footer-section .footer-box { width: calc(100% / 3 - 34px); display: inline-block; vertical-align: top; margin: 0 15px; position: relative; }
.footer-section .footer-box .ig-feed-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.footer-section .footer-box h3 { color: #E1E733; font-size: 25px; padding-bottom: 20px; }
.footer-section .logo { width: 100%; display: inline-block; vertical-align: top; padding-bottom: 20px; }
.footer-section .content { font-size: 16px; font-weight: 600; color: #fff; line-height: 30px; max-width: 370px; width: 100%; padding: 0 0 10px; }
.footer-section .footer-box .social { width: 100%; display: inline-block; vertical-align: top; }
.footer-section .footer-box .social ul li { display: inline-block; vertical-align: top; padding-right: 9px; }
.footer-section .footer-box .social ul li a { display: flex; background: #7CDAD3; height: 40px; width: 40px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; font-size: 20px; padding: 2px 0 0 1px; }
.footer-section .footer-box .social ul li a:hover { background: #e1e533; color: #093f5d; }
.footer-section .footer-box .social ul li:nth-child(3) a { font-size: 18px; padding: 2px 0 0 4px; }
.footer-section .footer-box.center-part { padding-left: 10px; }
.footer-section .footer-box .contact-details { width: 100%; display: inline-block; vertical-align: top; }
.footer-section .footer-box .contact-details ul li { font-size: 15px; color: #fff; padding-bottom: 25px; position: relative; padding-left: 58px; }
.footer-section .footer-box .contact-details ul li:before { content: ' '; top: 0; left: 0; width: 40px; height: 40px; background: #79DAD3; border-radius: 50%; position: absolute; font-size: 23px; display: flex; align-items: center; justify-content: center; }
.footer-section .footer-box .contact-details ul li a { color: #fff; }
.footer-section .footer-box .contact-details ul li:nth-child(2) { padding-top: 8px; }
.footer-section .footer-box .contact-details ul li:nth-child(3) { padding-top: 7px; }
.footer-section .footer-box .contact-details ul li:nth-child(3):before { content: '@'; }
.footer-section .footer-box .contact-details ul li:nth-child(2):before { content: '\f095'; font-family: FontAwesome; }
.footer-section .footer-box .contact-details ul li:nth-child(1):before { content: '\f041'; font-family: FontAwesome; }
.footer-section .footer-box .contact-details ul li a:hover { color: #e1e533; }
.bottom-footer { width: 100%; display: inline-block; vertical-align: top; background: #E2E733; padding: 50px 0 45px; }
.bottom-footer .container { display: flex; align-items: center; }
.bottom-footer .copyright { width: 40%; float: left; color: #0A405E; font-size: 13px; font-weight: 500; font-family: 'Montserrat', sans-serif; }
.bottom-footer .footer-menu { width: 60%; float: left; text-align: right; }
.bottom-footer .footer-menu ul li { padding-left: 19px; display: inline-block; }
.bottom-footer .footer-menu ul li a { font-size: 11px; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; text-transform: uppercase; }
.bottom-footer .footer-menu ul li a:hover { color: #208C8D; }



@media (max-width:1199px){

    .bottom-footer .container { flex-direction: column-reverse; }
    .bottom-footer .copyright { width: 100%; text-align: center; padding-top: 10px; }
    .bottom-footer .footer-menu { width: 100%; text-align: center; }
    .bottom-footer { padding: 30px 0 25px; }

}


@media (max-width:991px){

    .footer-section .footer-box:first-child { width: 100%; padding-bottom: 50px; margin: 0; }
    .footer-section .footer-box { width: calc(100% / 2 - 4px); margin: 0; padding-right: 20px; }
    .footer-section .footer-box.center-part { padding-left: 0; }
    .footer-section .content { max-width: 100%; }
    .footer-section .wrap { margin: 0; }
    .footer-section { padding: 70px 0 40px; }


}

@media (max-width:767px){
    .footer-section .footer-box { width: calc(100% / 1 - 4px); padding: 0; }
    .footer-section .footer-box.center-part { padding: 0 0 30px; }
    .footer-section { padding: 50px 0 40px;}
    .bottom-footer .footer-menu ul li{padding: 0 10px 0;}
}



*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }
.row-fluid a.cta_button, a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border:1px solid #ffffff; background:#ffffff; height:50px; padding:0 20px; font-family: Open Sans; font-size:16px; width:100%; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:15px 20px; height:100px; }
input[type=submit] , button { width:auto; border:none; cursor:pointer; background:url(images/blank.png) no-repeat left top #01adf1; font-size:17px; line-height:24px; font-weight:700; padding:8px 20px; color:#fff; display:inline-block; }
input[type=submit]:hover , button:hover { background-color:#00658b; }

.row-fluid form textarea { min-height: 170px; resize:  none; padding:  15px; font-family: Open Sans; }

.submitted-message { text-align:  center; color: #155724; background-color: #d4edda; border-color: #c3e6cb; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #c3e6cb; border-radius: .25rem; }
.row-fluid .field.hs-form-field + .hs_error_rollup { display:none; }

ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }
.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; }
.hs_error_rollup { display: none; }

@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {

    .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
    .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
    .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
    .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
    .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
}

.hs-form .hs-form-field label{color:#CCCCCC;}
h3.form-title{color:#ffffff;}
.hs-submit .hs-button {background:#093F5D; color:#ffffff; border-radius:50px; padding: 10px 30px; transition:all 0.5s;}
.hs-submit .hs-button:hover{background:#ffffff; color:#093F5D;}

.button-one a{display:inline-block; background:#E1E533; color:#083F5F; border:1px solid #E1E533; border-radius:50px; font-size:18px; padding: 11px 28px; outline: none; font-weight: 600;}
.button-one a:hover{ background:#083F5F; color:#E1E533; border-color:#083F5F;}

.button-two a{display:inline-block; background:#093F5D; color:#ffffff; border:1px solid #093F5D; border-radius:50px; font-size:18px; padding: 11px 28px; outline: none; font-weight: 600;}
.button-two a:hover{ background:#ffffff; color:#093F5D; border-color:#ffffff;}


/* Slider */
.slick-slider {width:100%;margin:auto; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:transparent; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:transparent; color:#000;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: " "; background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/arrow_l.png); width: 40px; height: 40px; background-size: contain; position: absolute; left: 0; top: 0; background-repeat: no-repeat; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: " "; background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/arrow_r.png); width: 40px; height: 40px;  background-size: contain; position: absolute; right: 0; top: 0; background-repeat: no-repeat; }
.slick-arrow.slick-disabled { display:none; }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#a1a1a1;  width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; padding:0;}
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#fbb314; }

.container{ max-width:1200px; width:100%; padding:0px 15px; margin:auto !important; float:none; }



/* -- Hero Section -- */
.hero-section { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0 50px; background: #ADE9E9; }
.hero-section .left-part { width: 50%; float: left; padding-left: calc((100% - 1170px) / 2); }
.hero-section .right-part { width: 50%; float: left; padding-left: 30px; padding-right: 20px; }
.hero-section .cover { display: flex; align-items: center; }
.hero-section .left-part .content { font-weight: 600; color: #083f5f; max-width: 490px; width: 100%; padding: 5px 0 20px; }

/* -- Subscribe Section -- */
.subscribe-section { width: 100%; display: inline-block; vertical-align: top; margin-top: -120px; }
.subscribe-section .cover { background: #073F5F; max-width: 830px; width: 100%; margin: auto; padding: 20px 60px; display: flex; align-items: center; }
.subscribe-section .left-part { width: 50%; text-align: center; padding-right: 20px; }
.subscribe-section .right-part { width: 50%; padding-left: 20px; }
.subscribe-section .right-part h3 { font-size: 30px; color: #fff; font-weight: 600; text-align: center; position: relative; padding-bottom: 12px; }
.subscribe-section .right-part h3:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; width: 100px; height: 2px; background: #fff; position: absolute; }
.subscribe-section .right-part h3.form-title { display: none; }
.subscribe-section .right-part h6 { color: #fff; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center; padding: 25px 0 14px; }
.subscribe-section .right-part .form-box { max-width: 300px; width: 100%; margin: auto; }
.subscribe-section .right-part .form-box form { position: relative; }
.subscribe-section .right-part .form-box form .hs-form-field input { height: 45px; padding-right: 60px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; padding-left: 10px; color: #A9A5A5; font-size: 13px; }
.subscribe-section .right-part .form-box form .hs-submit { position: absolute; top: 0; left: auto; right: 0; }
.subscribe-section .right-part .form-box form .hs-submit .hs-button { background-color: #E95351; border-radius: 0; font-size: 0; background-image: url("https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/fly.png"); background-repeat: no-repeat; background-position: center center; height: 45px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.subscribe-section .right-part .form-box form .hs-form-field  label.hs-error-msg { color: red; font-size: 12px; }

/* -- Virtual Section -- */
.virtual-section { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0 20px; text-align: center; }
.virtual-section h2 { position: relative; padding-bottom: 15px; margin-bottom: 90px; }
.virtual-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; height: 2px; width: 240px; background: #9ad1c5; position: absolute; }
.virtual-section .wrap { margin: 0 -15px; }
.virtual-section .box { width: calc(100% / 4 - 34px); display: inline-block; vertical-align: top; margin: 0 15px; margin-bottom: 40px; padding: 0 5px; }
.virtual-section .box .icon { height: 170px; width: 100%; display: inline-block; vertical-align: top; }
.virtual-section .box h3 { padding: 40px 0 5px; }
.virtual-section .box .content { font-size: 13px; line-height: 20px; }

/* -- Case Histories Section -- */
.case-histories-section { width: 100%; display: inline-block; vertical-align: top; background: #EBEAEA; padding: 110px 50px 120px; }
.case-histories-section .top-part { width: 100%; display: inline-block; vertical-align: top; }
.case-histories-section .bottom-part { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0 0; }
.case-histories-section .top-part .left-top { width: 250px; float: left; }
.case-histories-section .top-part .right-top { width: calc(100% - 250px); float: left; text-align: center; }
.case-histories-section .top-part .left-top h2 { transform: rotate(-90deg) translateX(-83px); position: relative; }
.case-histories-section .top-part .left-top h2:before { content: ' '; top: 0; bottom: 0; right: auto; margin: auto; position: absolute; width: 110px; height: 2px; background: #00A59C; left: 0; transform: rotate(90deg) translateY(71px); }
.case-histories-section .top-part .right-top .left-side { width: 70%; float: left; padding: 0 20px 60px; }
.case-histories-section .top-part .right-top .right-side { width: 30%; float: left; padding-top: 111px; text-align: right; }
.case-histories-section .top-part .right-top .left-side .video-box { width: 100%; height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; box-shadow: 0px 0px 27px -6px rgb(0 0 0 / 50%); }
.case-histories-section .top-part .right-top .left-side .video-box video { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; opacity: 0; visibility: hidden; }
.case-histories-section .top-part .right-top .left-side .video-box .play-btn { position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; background: rgba(255, 255, 255, 0.5); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 25px; border-radius: 50%; padding: 2px 0 0 5px; cursor: pointer; transform: translate(-50%, -50%); transition: all 0.5s; }
.case-histories-section .top-part .right-top .left-side .video-box .play-btn:hover { color: #013f60; background: #e1e533; }
.case-histories-section .top-part .right-top .right-side .content { font-size: 13px; font-weight: 600; color: #083f5f; line-height: 27px; }
.case-histories-section .top-part .right-top .right-side h6 { font-size: 16px; font-family: Open Sans; }
.case-histories-section .top-part .right-top .left-side .img-box { width: 100%; height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center center; box-shadow: 0px 0px 27px -6px rgb(0 0 0 / 50%); }
.case-histories-section .bottom-part .in-box { width: 100%; display: inline-block; vertical-align: top; }
.case-histories-section .bottom-part .in-box .img-box { width: 100%; display: flex; height: 150px; background-repeat: no-repeat; background-size: cover; background-position: center center; align-items: center; justify-content: center; position: relative; }
.case-histories-section .bottom-part .slick-slide { margin: 0 10px; }
.case-histories-section .bottom-part .in-box .img-box .play-btn { position: absolute; top: 50%; left: 50%; height: 60px; width: 60px; background: rgba(255, 255, 255, 0.5); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; padding: 2px 0 0 5px; cursor: pointer; transform: translate(-50%, -50%); transition: all 0.5s; }
.case-histories-section .bottom-part .in-box:hover .img-box .play-btn { background: #e1e533; color: #073f5f; }
.case-histories-section .bottom-part .in-box h5 { font-size: 18px; padding: 14px 0 0; line-height: 21px; }
.case-histories-section .bottom-part .slick-list.draggable{ padding:0 !important; }
.case-histories-section .slick-arrow.slick-prev { left: -50px; top: 36%; }
.case-histories-section .slick-arrow.slick-next { right: -50px; top: 36%; }
.case-histories-section .top-part .right-top .left-side .video-box.start video { opacity: 1; visibility: visible; }
.case-histories-section .top-part .right-top .left-side .video-box.start .play-btn { opacity: 0; visibility: hidden; }

/* -- Logo Section -- */
.logo-section { width: 100%; display: inline-block; vertical-align: top; overflow: hidden; }
.logo-section .left-part { width: 25%; background: #00817B; float: left; padding: 55px 20px 55px 0px; position: relative; z-index: 1; }
.logo-section .right-part { width: 75%; float: left; padding: 0 0 0 60px; }
.logo-section .left-part:before { content: ' '; top: 0; left: -3230px; width: 3330px; background: #00817b; position: absolute; height: 100%; z-index: -1; }
.logo-section .left-part:after { content: ' '; top: 0; left: auto; width: 89px; height: 100%; background-image: url("https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/shape.png"); right: -30px; background-repeat: no-repeat; background-size: contain; z-index: -1; position: absolute; }
.logo-section .left-part h3 { color: #fff; }
.logo-section .container { display: flex; align-items: center; }
.logo-section .right-part .logo-slider { text-align: center; }
.logo-section .right-part .logo-slider .slick-slide { margin: 0 20px; }
.logo-section .right-part .logo-slider .logo { max-width: 265px; width: 100%; margin: auto; }
.logo-section .right-part .logo-slider .logo img { max-height: 100px; }
.logo-section .slick-arrow.slick-prev:before { background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/green-l.png); }
.logo-section .slick-arrow.slick-next:before { background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/green-right.png); }

/* -- Image Section -- */
.image-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0; background: #C7E0DA; }

/* -- Request Demo Section -- */
.request-demo-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0 70px; background: #02817A; }
.request-demo-section .left-part { width: 40%; float: left; padding-right: 40px; }
.request-demo-section .right-part { width: 60%; float: left; }
.request-demo-section .left-part h2 { color: #fff; position: relative; padding-bottom: 20px; }
.request-demo-section .left-part h2:before { content: ' '; top: auto; bottom: 0; left: 0; height: 2px; width: 190px; background: #093F5D; position: absolute; }
.request-demo-section .right-part .form-cover .hs-form-field { padding-bottom: 30px; }
.request-demo-section .right-part .form-cover fieldset.form-columns-2 .field:first-child { padding: 0 12px 30px 0; }
.request-demo-section .right-part .form-cover fieldset.form-columns-2 .field:last-child { padding: 0 0px 30px 12px; }
.request-demo-section .right-part .form-cover .hs-form-field .input { margin: 0 !important; }
.request-demo-section .right-part .form-cover .hs-submit { padding-top: 10px; }
.request-demo-section .right-part .form-cover label.hs-error-msg { color: red; font-size: 14px; }

/* -- Recent Section -- */
.recent-blog-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 51px 110px; }
.recent-blog-section h2 { text-align: center; padding-bottom: 20px; margin-bottom: 60px; position: relative; }
.recent-blog-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; height: 2px; width: 80px; background: #00A59C; position: absolute; }
.recent-blog-section .recent-slider .slick-slide { margin: 0 10px; }
.recent-blog-section .recent-slider .post-image { width: 100%; display: inline-block; vertical-align: top; height: 210px; }
.recent-blog-section .recent-slider .post-image img { width: 100%; height: 100%; object-fit: cover; }
.recent-blog-section .recent-slider .content-cover { width: 100%; display: inline-block; vertical-align: top; padding: 65px 25px 25px; }
.recent-blog-section .recent-slider .content-cover .inner-cover { width: 100%; display: inline-block; vertical-align: top; background: #fff; border-radius: 22px; padding: 30px; }
.recent-blog-section .recent-slider .slick-slide:nth-child(3n + 1) .content-cover { background: #EEC6CE; }
.recent-blog-section .recent-slider .slick-slide:nth-child(3n-1) .content-cover { background: #99D1C4; }
.recent-blog-section .recent-slider .slick-slide:nth-child(3n-3) .content-cover { background: #E2E733; }
.recent-blog-section .recent-slider .content-cover a { display: inline-block; font-size: 20px; font-weight: 700; color: #053F5F; font-family: 'Montserrat', sans-serif; line-height: 25px; }
.recent-blog-section .recent-slider .content-cover .post-content { width: 100%; display: inline-block; vertical-align: top; padding-top: 20px; }
.recent-blog-section .recent-slider button.slick-prev.slick-arrow { left: -55px; }
.recent-blog-section .recent-slider button.slick-next.slick-arrow { right: -55px; }
.recent-blog-section .recent-slider .content-cover .post-content .details { width: 100%; display: inline-block; vertical-align: top;}

/* -- Banner Section -- */
.banner-section { width: 100%; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 300px 0px 170px; text-align: center; }
.banner-section h1 { text-transform: uppercase; font-weight: 700; font-size: 151px; }
.banner-section h2 { text-transform: uppercase; letter-spacing: 10px; font-weight: 600; }

/* -- Image Content Section -- */
.imag-content-section { width: 100%; display: inline-block; vertical-align: top; padding: 80px 0px 151px; background: #C7DFDB; position: relative; }
.imag-content-section .left-part { width: 60%; float: left; padding-right: 30px; }
.imag-content-section .right-part { width: 40%; float: left; padding-left: 40px; }
.imag-content-section .right-part .img-box { width: 100%; margin: auto; text-align: center; }
.imag-content-section .right-part .img-box img { width: 350px; height: 350px; object-fit: cover; border-radius: 50%; }
.imag-content-section .left-part h2 { font-size: 82px; font-weight: 400; }
.imag-content-section .left-part h2 span { font-weight: 600; }
.imag-content-section .left-part .content { font-size: 27px; color: #083F5F; max-width: 640px; width: 100%; line-height: 35px; padding-top: 15px; }
.imag-content-section:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; width: 44px; height: 80px; background-image: url("https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/plant.png"); background-repeat: no-repeat; background-size: contain; }
.imag-content-section .cover { display: flex; align-items: center; }

/* -- Case Service Section -- */
.case-service-section { width: 100%; display: inline-block; vertical-align: top; padding: 101px 50px 100px; background: #EBEAEA; }
.case-service-section h2 { text-align: center; padding-bottom: 15px; margin-bottom: 55px; position: relative; }
.case-service-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; height: 2px; width: 100px; background: #093F5D; }
.case-service-section .case-service-slider .outer-cover { width: 100%; display: inline-block; vertical-align: top; }
.case-service-section .case-service-slider .top { width: 100%; height: 150px; position: relative; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.case-service-section .case-service-slider .slick-slide { margin: 0 15px; }
.case-service-section .case-service-slider .top .play-button a { height: 50px; width: 50px; background: rgb(255 255 255 / 60%); border-radius: 50%; display: flex; align-items: center; justify-content: center; padding-left: 4px; transition: all 0.5s; color: #fff; font-size: 26px; }
.case-service-section .case-service-slider .box:hover .top .play-button a { color: #013f60; background: #e1e733; }
.case-service-section .case-service-slider .bottom { width: 100%; display: inline-block; vertical-align: top; background: #fff; padding: 25px 20px; }
.case-service-section .case-service-slider .bottom .title { width: 100%; display: inline-block; vertical-align: top; }
.case-service-section .case-service-slider .bottom .title h3 { position: relative; padding-bottom: 15px; margin-bottom: 5px; }
.case-service-section .case-service-slider .bottom .title h3:before { content: ' '; top: auto; bottom: 0; left: 0; width: 55px; height: 2px; background: #013f60; position: absolute; }
.case-service-section .case-service-slider .bottom .content { font-size: 15px; font-weight: 600; width: 100%; display: inline-block; vertical-align: top; }
.case-service-section .case-service-slider .popupvd-box { display: none; }
.case-service-section .case-service-slider button.slick-prev.slick-arrow { left: -50px; }
.case-service-section .case-service-slider button.slick-next.slick-arrow { right: -50px; }
.popupvd-box { padding: 40px 0 0 !important; background: transparent !important; width: 500px !important; max-width: 100%; }
.popupvd-box video { height: 100%; width: 100%; object-fit: cover; }
.popupvd-box button.fancybox-close-small svg { stroke: #fff; }

/* -- Case Logo Section -- */ 
.case_histories .logo-section .left-part:after { background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/blue-shape.png); }
.case_histories .logo-section .left-part:before { background: #093f5d; }
.case_histories .logo-section .left-part { background: #093f5d; }
.case_histories .logo-section .left-part h3 { color: #C7E0DB; }

/* -- Photo Gallery Section -- */ 
.photo-section { width: 100%; display: inline-block; vertical-align: top; padding: 80px 0 111px; background: #E1E533; }
.photo-section h2 { text-align: center; padding-bottom: 15px; margin-bottom: 70px; position: relative; }
.photo-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; height: 2px; width: 80px; background: #00A59C; }
.photo-section .box { width: calc(100% / 4); float:left; }
.photo-section .box .top { width: 100%; display: inline-block; vertical-align: top; }
.photo-section .box .bottom { width: 100%; display: inline-block; vertical-align: top; height: 250px; background: #093F5D; padding: 20px; }
.photo-section .box .top .img-box { width: 100%; display: inline-block; vertical-align: top; height: 250px; }
.photo-section .box .top .img-box img { width: 100%; height: 100%; object-fit: cover; }
.photo-section .box:nth-child(even) { flex-direction: column-reverse; }
.photo-section .box:nth-child(even) .in-wrap { display: flex; flex-direction: column-reverse; }
.photo-section .box .bottom .date { font-size: 24px; font-weight: 700; color: #fff; font-family: Montserrat; padding-bottom: 40px; }
.photo-section .box .bottom h3 { font-size: 36px; color: #fff; max-width: 220px; width: 100%; }

/* -- Chi_Siamo Hero Section -- */ 
.chi-siamo-hero { width: 100%; display: inline-block; vertical-align: top; padding: 219px 0px 200px; background-repeat: no-repeat; background-size: contain; background-position: center -40px; min-height: 770px; margin-bottom: -140px;}
.chi-siamo-hero .cover { max-width: 390px; width: 100%; margin: auto; text-align: center; }
.chi-siamo-hero .cover h1 { font-size: 38px; color: #fff; font-weight: 500; }

/* -- Simple Testimonial Section -- */ 
.simple-testimonial-section { width: 100%; display: inline-block; vertical-align: top; background: #E1E533; padding: 60px 0 120px; text-align: center; position: relative; }
.simple-testimonial-section .simple-testimonial { max-width: 700px; width: 100%; margin: auto; }
.simple-testimonial-section .simple-testimonial .content { position: relative; color: #083F5F; font-size: 32px; font-weight: 600; line-height: 40px; padding-top: 40px; }
.simple-testimonial-section .simple-testimonial .content:before { content: ' '; top: 0; left: 0; right: 0; margin: auto; position: absolute; width: 23px; height: 21px; background: url("https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/quote.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.simple-testimonial-section .simple-testimonial ul.slick-dots li button:hover,
.simple-testimonial-section .simple-testimonial ul.slick-dots li.slick-active button { background: #083f5f; }
.simple-testimonial-section .simple-testimonial ul.slick-dots li button { background: #a1a1a185; width: 10px; height: 10px; }
.simple-testimonial-section:before { content: ' '; top: auto; bottom: 0; position: absolute; width: 38px; height: 76px; background-image: url("https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/tree.png"); background-repeat: no-repeat; background-size: contain; background-position: center center; left: 0; right: 0; margin: auto; }

/* -- Drive Section -- */ 
.drive-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px 80px;  }
.drive-section h2 { position: relative; padding-bottom: 20px; margin-bottom: 180px; text-align: center; }
.drive-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; height: 2px; width: 80px; background: #00A59C; }
.drive-section .wrap { margin: 0 -10px; }
.drive-section .box { width: calc(100% / 3 - 24px); display: inline-block; vertical-align: top; text-align: center; padding: 60px 20px 30px; min-height: 495px; margin: 0 10px; margin-bottom: 30px; border-radius: 70px; }
.drive-section .box .icon { width: 111px; height: 111px; margin: auto; }
.drive-section .box .icon img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 50%; }
.drive-section .box h3 { padding: 35px 0 10px; font-size: 28px; }
.drive-section .box:nth-child(2),
.drive-section .box:nth-child(5),
.drive-section .box:nth-child(8),
.drive-section .box:nth-child(11) { margin-top: -90px; }

/* -- Counter Section -- */ 
.counter-section { width: 100%; display: inline-block; vertical-align: top; background: #00817B; padding: 50px 0px 10px; text-align: center; }
.counter-section .wrap { margin: 0 -15px; }
.counter-section .box { width: calc(100% / 4 - 34px); display: inline-block; vertical-align: top; margin: 0 15px; margin-bottom: 40px; position: relative; }
.counter-section .box .top { width: 60px; height: 60px; display: flex; border: 3px solid #E1E533; border-radius: 50%; margin: auto; }
.counter-section .box h2 { padding: 20px 0 10px; font-size: 65px; color: #fff; font-weight: 700; }
.counter-section .box h6 { font-size: 18px; font-weight: 600; color: #fff; max-width: 170px; margin: auto; line-height: 24px; }
.counter-section .box:before { content: ' '; top: 0; left: auto; right: -17px; width: 3px; height: 100%; background: #e1e533; position: absolute; }
.counter-section .box:last-child:before { display: none; }

/* -- Team Section -- */ 
.team-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px 101px; text-align: center; }
.team-section h2 { padding-bottom: 15px; margin-bottom: 50px; position: relative; }
.team-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; height: 2px; width: 80px; background: #00a59c; }
.team-section .box { width: calc(100% / 4); float: left; }
.team-section .box .team-img { height: 285px; width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; overflow: hidden; }
.team-section .group:nth-child(odd) .box:nth-child(odd) .team-img { background-color: #BCF0EF; }
.team-section .group:nth-child(odd) .box:nth-child(even) .team-img { background-color: #E1E533; }
.team-section .group:nth-child(even) .box:nth-child(odd) .team-img { background-color: #E1E533; }
.team-section .group:nth-child(even) .box:nth-child(even) .team-img { background-color: #BCF0EF; }
.team-section .box .team-img .details { position: absolute; top: auto; bottom: -100px; left: 0; right: 0; margin: auto; transition: all 0.4s; }
.team-section .box .team-img .details h3 { color: #fff; }
.team-section .box .team-img .details h6 { font-size: 18px; color: #fff; font-weight: 500; padding-top: 5px; }
.team-section .box:hover .team-img .details { bottom: 20px; }

/* -- Banner with Video Section -- */ 
.banner-section.banner-with-video { position: relative; }
.banner-section.banner-with-video .banner-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner-section.banner-with-video .banner-video video { width: 100%; height: 100%; object-fit: cover; }
.banner-section.banner-with-video .container { position: relative; z-index: 11; }
.banner-section.banner-with-video:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; background: #fff; position: absolute; z-index: 1; opacity: 0.2; }

/* -- Image contenr v2 Section -- */ 
.imag-content-section.image-content-v2 { padding: 80px 0px 91px; }
.imag-content-section.image-content-v2 h2 { padding-bottom: 25px; position: relative; margin-bottom: 15px; }
.imag-content-section.image-content-v2 h2:before { content: ' '; top: auto; bottom: 0; left: 0; width: 148px; height: 2px; background: #083f5f; position: absolute; }
.imag-content-section.image-content-v2:before { display: none; }

/* -- Photo Gallery Section -- */ 
.photo-g-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 50px 110px; text-align: center; }
.photo-g-section h2 { padding-bottom: 15px; margin-bottom: 70px; position: relative; }
.photo-g-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; height: 2px; width: 80px; background: #00a59c; }
.photo-g-section .photo-g-slider .img-box { width: 100%; display: inline-block; vertical-align: top; height: 270px; }
.photo-g-section .photo-g-slider .img-box img { width: 100%; height: 100%; object-fit: cover; }
.photo-g-section button.slick-prev.slick-arrow { left: -60px; }
.photo-g-section button.slick-next.slick-arrow { right: -60px; }
.photo-g-section ul.slick-dots li button:hover,
.photo-g-section ul.slick-dots li.slick-active button { background: #093f5d; }
.photo-g-section ul.slick-dots li button { background: #a1a1a182; width: 10px; height: 10px; }
.photo-g-section ul.slick-dots { padding-top: 30px; }

/* -- Client Testimonial Section -- */
.client-testimonial-section { width: 100%; display: inline-block; vertical-align: top; padding: 80px 0px 70px; background: #E1E533; }
.client-testimonial-section .client-testi-slider .cover { display: flex; align-items: center; }
.client-testimonial-section .client-testi-slider .left-part { width: 240px; float: left; }
.client-testimonial-section .client-testi-slider .right-part { width: calc(100% - 240px); float: left; padding-left: 40px; }
.client-testimonial-section .client-testi-slider .right-part .content { font-size: 32px; font-weight: 600; color: #083F5F; position: relative; padding-top: 35px; }
.client-testimonial-section .client-testi-slider .right-part  h6 { font-size: 32px; padding-top: 10px; }
.client-testimonial-section .client-testi-slider .right-part .content:before { content: ' '; top: 0; left: 0; position: absolute; width: 23px; height: 21px; background: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/quote.png); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.client-testimonial-section ul.slick-dots { padding-top: 30px; }
.client-testimonial-section ul.slick-dots li button:hover,
.client-testimonial-section ul.slick-dots li.slick-active button { background: #093f5d; }
.client-testimonial-section ul.slick-dots li button { background: #a1a1a1ad; width: 10px; height: 10px; }

/* -- Labirinto Digitale Hero Section -- */
.banner-section.banner-with-video.labirinto-digitale-hero { padding: 240px 0 240px; }
.banner-section.banner-with-video.labirinto-digitale-hero h1 { color: #fff; font-size: 120px; }
.banner-section.banner-with-video.labirinto-digitale-hero h2 { letter-spacing: 6px; color: #fff; font-weight: 300; font-size: 111px; }
.banner-section.banner-with-video.labirinto-digitale-hero:before{background:#000;}

/* -- Bauty Section -- */
.beauty-section { width: 100%; display: inline-block; vertical-align: top; text-align: center; padding: 80px 0 460px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center 63%; }
.beauty-section h2 { padding-bottom: 40px; position: relative; margin-bottom: 40px; }
.beauty-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background: #093F5D; width: 130px; height: 2px; }
.beauty-section .content { font-size: 30px; font-weight: 600; color: #083F5F; max-width: 1000px; width: 100%; margin: auto; }
.beauty-section .button { position: absolute; top: auto; bottom: -44px; left: 0; right: 0; margin: auto; }
.beauty-section .button a { font-size: 30px; color: #0A405E; background: #e1e733; font-weight: 600; display: inline-block; padding: 22px 80px; border-radius: 150px; }
.beauty-section .button a:hover { background: #0A405E; color: #e1e733; }

/* -- Masone Section -- */
.masone-section { width: 100%; display: inline-block; vertical-align: top; padding: 170px 0 100px; background: #EBEAEA; }
.masone-section .left-part { width: 35%; float: left; padding-right: 30px; padding-top: 10px; }
.masone-section .right-part { width: 65%; float: left; padding-left: 20px; }
.masone-section .left-part h2 { font-size: 48px; padding-bottom: 50px; }
.masone-section .right-part .content { font-size: 24px; font-weight: 600; color: #0A405E; line-height: 32px; max-width: 640px; }
.masone-section .left-part .tree-img { width: 100%; display: inline-block; vertical-align: top; position: relative; text-align: center; }
.masone-section .left-part .tree-img .wrap { position: absolute; top: 0; left: 22px; right: 0; margin: auto; max-width: 135px; }
.masone-section .left-part .tree-img .box { width: 135px; height: 135px; background: #093F5D; border-radius: 50%; margin: auto; margin-bottom: 25px; padding: 25px; display: flex; align-items: center; justify-content: center; }
.masone-section .left-part .tree-img .box:nth-child(even) { background: #e1e733; }
.masone-section .left-part .tree-img .box img { max-width: 70px; width: 100%; object-fit: contain; }

/* -- BGimg Section -- */
.bgimg-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px 70px; min-height: 700px; background-repeat: no-repeat; background-size: cover; background-position: center top; }

/* -- Gallery Section -- */
.gallery-section { width: 100%; display: inline-block; vertical-align: top; padding: 80px 0px 100px; text-align: center; background: #EBE9E9; }
.gallery-section h2 { position: relative; padding-bottom: 15px; margin-bottom: 70px; }
.gallery-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background: #00A59C; width: 90px; height: 2px; }
.gallery-section .box { width: calc(100% / 4); float: left; overflow:hidden;}
.gallery-section .box img { width: 100%; height: 250px; object-fit: cover; transition:all 0.5s;}
.gallery-section .box:hover img{transform: scale(1.1);}

/* -- Labirinto digitale Logo Section -- */
.labirinto_digitale .logo-section .left-part:after { background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/blue-shape.png); }
.labirinto_digitale .logo-section .left-part:before { background: #093f5d; }
.labirinto_digitale .logo-section .left-part { background: #093f5d; }
.labirinto_digitale .logo-section .left-part h3 { color: #C7E0DB; }

/* -- CTA Section -- */
.cta-section { width: 100%; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; padding: 250px 0px 250px; }
.cta-section .button a { font-size: 30px; color: #0a405e; background: #e1e733; font-weight: 600; display: inline-block; padding: 22px 80px; border-radius: 150px; }
.cta-section .button a:hover { background: #0a405e; color: #e1e733; }

/* -- Cosa Hero Section -- */
.cosa-hero-section { width: 100%; display: inline-block; vertical-align: top; padding: 170px 0 261px; position: relative; background-repeat: no-repeat; background-size: 60%; background-position: right center; background-color: #99D1C4; }
.cosa-hero-section h1 { color: #fff; max-width: 551px; width: 100%; }
.cosa-hero-section .content { font-weight: 600; color: #fff; max-width: 470px; width: 100%; }

/* -- Cosa facciamo Testimonial Section -- */
.cosa_facciamo .simple-testimonial-section { background: #00817B; }
.cosa_facciamo .simple-testimonial-section .simple-testimonial .content:before { background: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/white-quote.png); }
.cosa_facciamo .simple-testimonial-section .simple-testimonial .content { color: #fff; }
.cosa_facciamo .simple-testimonial-section:before { background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/green-tree.png); }

.cosa_facciamo .image-section{background-color:#E1E733;}

/* -- Cosa facciamo Logo Section -- */
.cosa_facciamo .logo-section .left-part:after { background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/blue-shape.png); }
.cosa_facciamo .logo-section .left-part:before { background: #093f5d; }
.cosa_facciamo .logo-section .left-part { background: #093f5d; }
.cosa_facciamo .logo-section .left-part h3 { color: #C7E0DB; }

/* -- Service Section -- */
.ancillary-services-section { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0px 80px; }
.ancillary-services-section h2 { text-align: center; padding-bottom: 15px; margin-bottom: 50px; position: relative; }
.ancillary-services-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; height: 2px; width: 240px; background: #9ad1c5; position: absolute; }
.ancillary-services-section .cover { position: relative; width: 100%; display: inline-block; vertical-align: top; }
.ancillary-services-section .cover>img { position: absolute; top: 0; left: 0; right: 0; margin: auto; max-width: 411px; width: 100%; }
.ancillary-services-section .box { width: 50%; float: left; min-height: 150px; margin-bottom: 15px; }
.ancillary-services-section .box .in-cover { max-width: 415px; display: flex; align-items: center; }
.ancillary-services-section .box:nth-child(even) .in-cover { float: right; }
.ancillary-services-section .box:nth-child(odd) .in-cover { flex-direction: row-reverse; }
.ancillary-services-section .box .left-part { width: 111px; float: left; }
.ancillary-services-section .box .right-part { width: calc(100% - 111px); padding-right: 25px; height: 128px; overflow: hidden; }
.ancillary-services-section .box:nth-child(even) .in-cover .right-part { padding-right: 0; padding-left: 25px; }
.ancillary-services-section .box .right-part .details { text-align: right; }
.ancillary-services-section .box:nth-child(even) .in-cover .right-part .details { text-align: left; }
.ancillary-services-section .box .right-part .details .content { font-size: 15px; color: #083F5F; font-weight: 600; padding-top: 5px; }

/* -- Growth Section -- */
.growth-section { width: 100%; display: inline-block; vertical-align: top; background: #99D1C5; padding: 120px 0px 80px; }
.growth-section .left-part { width: 36%; float: left; padding-right: 20px; }
.growth-section .right-part { width: 64%; float: left; padding-left: 30px; }
.growth-section .left-part .icon { max-width: 400px; width: 100%; }
.growth-section .right-part h2 { font-weight: 400; max-width: 675px; width: 100%; padding-bottom: 25px; margin-bottom: 30px; position: relative; }
.growth-section .right-part h2 span { font-weight: 600; }
.growth-section .right-part h2:before { content: ' '; width: 180px; height: 2px; background: #C7DFDB; position: absolute; left: 0; top: auto; bottom: 0; }
.growth-section .right-part .content { color: #0A405E; font-weight: 600; max-width: 670px; line-height: 28px; }
.growth-section .bottom-part { width: 100%; display: inline-block; vertical-align: top; padding-top: 50px; }
.growth-section .bottom-part .wrap { margin: 0 -15px; }
.growth-section .bottom-part .box { width: calc(100% / 4 - 34px); display: inline-flex; margin: 0 15px; margin-bottom: 30px; }
.growth-section .bottom-part .box .icon { height: 310px; width: 100%; display: flex; align-items: flex-end; max-width: 230px; margin: auto; }

/* -- Map Hero Section -- */
.contact-hero-section { width: 100%; display: inline-block; vertical-align: top; }
.contact-hero-section .map-img { width: 100%; display: inline-block; vertical-align: top; }
.contact-hero-section .map-img img { width: 100%; height: 600px; object-fit: cover; object-position: bottom;}

/* -- Contatti Testimonial Section -- */
.contatti .simple-testimonial-section { background: #00817B; }
.contatti .simple-testimonial-section .simple-testimonial .content:before { display:none; }
.contatti .simple-testimonial-section .simple-testimonial .content { color: #fff; }
.contatti .simple-testimonial-section:before { background-image: url(https://8989645.fs1.hubspotusercontent-na1.net/hubfs/8989645/green-tree.png); }
.contatti .simple-testimonial .content{padding-top: 0;}

/* -- Contact Section -- */
.contact-section { width: 100%; display: inline-block; vertical-align: top; padding: 101px 0px; }
.contact-section .left-part { width: 50%; float: left; padding-right: 30px; }
.contact-section .right-part { width: 50%; float: left; }
.contact-section .left-part .logo { max-width: 190px; width: 100%; }
.contact-section .left-part  .address { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0 40px; color: #0A405E; font-weight: 600; font-size: 17px; }
.contact-section .left-part .social { width: 100%; display: inline-block; vertical-align: top; }
.contact-section .left-part .social ul li { display: inline-block; vertical-align: top; padding-right: 9px; }
.contact-section .left-part .social ul li a { display: flex; background: #7CDAD3; height: 40px; width: 40px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; font-size: 20px; padding: 2px 0 0 1px; }
.contact-section .left-part .social ul li a:hover { background: #e1e533; color: #093f5d; }
.contact-section .left-part .social ul li:nth-child(3) a { font-size: 18px; padding: 2px 0 0 4px; }
.contact-section .right-part form .hs-form-field { margin-bottom: 18px; }
.contact-section .right-part form .hs-form-field input { width: 100%; background: #ADD5D5; color: #fff; }
.contact-section .right-part form .hs-form-field label.hs-error-msg { color: red; font-size: 12px; }
.contact-section .right-part form .hs-submit { width: 100%; display: inline-block; vertical-align: top; padding-top: 8px; }
.contact-section .right-part form .hs-submit .hs-button { border: 1px solid #093f5d; }

.contact-section .right-part form .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff; font-size:13px; font-family: 'Open Sans', sans-serif;
}
.contact-section .right-part form .hs-form-field input::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff; font-size:13px; font-family: 'Open Sans', sans-serif;
}
.contact-section .right-part form .hs-form-field input:-ms-input-placeholder { /* IE 10+ */
    color: #ffffff; font-size:13px; font-family: 'Open Sans', sans-serif;
}
.contact-section .right-part form .hs-form-field input:-moz-placeholder { /* Firefox 18- */
    color: #ffffff; font-size:13px; font-family: 'Open Sans', sans-serif;
}

/* -- Book Call Section -- */
.book-call-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px; background: #99D1C5; text-align: center; }
.book-call-section h2 { position: relative; padding-bottom: 15px; margin-bottom: 20px; }
.book-call-section h2:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; height: 2px; width: 150px; background: #093f5d; position: absolute; }
.book-call-section .content { color: #0A405E; font-size: 16px; font-weight: 600; max-width: 800px; width: 100%; margin: auto; padding-bottom: 70px; }









@media (max-width:1199px){

    h1 { font-size: 60px; }
    .hero-section .left-part { padding-left: 15px; }
    .case-histories-section .top-part .left-top { width: 190px; }
    .case-histories-section .top-part .right-top { width: calc(100% - 190px); }
    .case-histories-section .top-part .left-top h2 { transform: rotate(-90deg) translateX(-119px); }
    .logo-section .left-part h3 { font-size: 22px; }
    .logo-section .left-part { width: 30%; }
    .logo-section .right-part { width: 70%; }
    .recent-blog-section .recent-slider .content-cover .inner-cover { padding: 30px 20px; }
    .imag-content-section .left-part h2 {font-size: 70px;}
    .banner-section.banner-with-video.labirinto-digitale-hero h1 { font-size: 95px; }
    .banner-section.banner-with-video.labirinto-digitale-hero h2 { font-size: 95px; }
    .masone-section .left-part h2 { font-size: 40px; }
    .ancillary-services-section .cover>img{ display: none;}
    .cosa-hero-section{padding: 80px 0 191px;}



}


@media (max-width:991px){

    h1 { font-size: 51px; }
    h2 { font-size: 48px; }
    .subscribe-section .right-part h3 { font-size: 25px; }
    .subscribe-section .right-part h6 { font-size: 16px; }
    .virtual-section { padding: 70px 0 20px; }
    .virtual-section .box { width: calc(100% / 2 - 34px); }
    .case-histories-section .top-part .left-top { width: 100%; }
    .case-histories-section .top-part .right-top { width: 100%; }
    .case-histories-section .top-part .left-top h2 { transform: inherit; text-align: center; padding-bottom: 20px; margin-bottom: 60px; }
    .case-histories-section .top-part .left-top h2:before { transform: inherit; top: auto; bottom: 0; left: 0; right: 0; margin: auto; }
    .case-histories-section { padding: 60px 50px 80px; }
    .case-histories-section .top-part .right-top .right-side .content br { display: none; }
    .logo-section .left-part { width: 35%; }
    .logo-section .right-part { width: 65%; }
    .recent-blog-section { padding: 70px 51px 80px; }

    .banner-section { padding: 180px 0px 170px; }
    .banner-section h1 { font-size: 111px; }
    .banner-section h2 { font-size: 38px; }
    .imag-content-section .left-part { width: 100%; padding: 0; }
    .imag-content-section .right-part { width: 100%; padding: 40px 0 0; }
    .imag-content-section .cover { display: block; }
    .imag-content-section .left-part .content { max-width: 100%; }
    .imag-content-section .left-part h2 { font-size: 60px; }
    .photo-section .box .bottom h3 { font-size: 26px; }
    .photo-section .box .bottom .date { padding-bottom: 25px; }
    .photo-section .box .top .img-box { height: 220px; }
    .photo-section .box .bottom { height: 220px; }

    .chi-siamo-hero { background-size: cover; }
    .drive-section .box { width: calc(100% / 1 - 24px); min-height: auto; }
    .drive-section h2 { margin-bottom: 50px; }
    .drive-section .box:nth-child(2),
    .drive-section .box:nth-child(5),
    .drive-section .box:nth-child(8),
    .drive-section .box:nth-child(11) { margin-top: 0; }
    .counter-section .box h2 { font-size: 51px; }
    .counter-section .box h6 { font-size: 16px; line-height: 22px; }
    .simple-testimonial-section .simple-testimonial .content { font-size: 28px; line-height: 35px; }

    .client-testimonial-section .client-testi-slider .right-part .content {font-size: 25px;}
    .banner-section.banner-with-video.labirinto-digitale-hero h1 { font-size: 70px; }
    .banner-section.banner-with-video.labirinto-digitale-hero h2 { font-size: 65px; }
    .banner-section.banner-with-video.labirinto-digitale-hero { padding: 180px 0 180px; }
    .beauty-section .button a { font-size: 22px; }
    .beauty-section .button { bottom: -38px; }
    .masone-section .left-part { width: 40%; }
    .masone-section .right-part { width: 60%; }
    .gallery-section .box img { height: 220px; }
    .cta-section .button a { font-size: 24px; }

    .ancillary-services-section .box:nth-child(odd) .in-cover { flex-direction: column; max-width: 100%; }
    .ancillary-services-section .box { width: calc(100% / 2 - 34px); display: inline-block; vertical-align: top; margin: 0 15px; min-height: auto; margin-bottom: 40px; float: none; }
    .ancillary-services-section .box:nth-child(even) .in-cover { float: none; max-width: 100%; flex-direction: column; }
    .ancillary-services-section .box .right-part { width: 100%; height: 100%; padding: 10px 0 0; }
    .ancillary-services-section .box .right-part .details { text-align: center; }
    .ancillary-services-section .box:nth-child(even) .in-cover .right-part .details { text-align: center; }
    .ancillary-services-section .box .left-part .icon { height: 150px; display: flex; align-items: center; justify-content: center; }
    .ancillary-services-section .box:nth-child(even) .in-cover .right-part { padding: 10px 0 0; }
    .ancillary-services-section { padding: 20px 0px 30px; }
    .growth-section .bottom-part .box .icon{height:auto;}

    .contact-hero-section .map-img img{height: 460px;}

}


@media (max-width:767px){

    h2 { font-size: 40px; }
    h3 { font-size: 20px; }
    .hero-section .cover { flex-direction: column; }
    .hero-section .left-part { width: 100%; padding: 0; }
    .hero-section .right-part { display: none !important; /*width: 100%; padding: 50px 0 0;*/ }
    .hero-section { padding: 50px 15px 160px; text-align: center; }
    .hero-section .right-part .img-box { max-width: 500px; width: 100%; margin: auto; }
    .hero-section .left-part .content { max-width: 100%; }
    .subscribe-section .cover { flex-direction: column; padding: 30px 20px; }
    .subscribe-section .left-part { width: 100%; padding: 0 0 30px; }
    .subscribe-section .right-part { width: 100%; padding: 0; }
    .virtual-section h2:before { width: 140px; }
    .virtual-section { padding: 50px 0 10px; }
    .virtual-section h2 { margin-bottom: 60px; }
    .case-histories-section .top-part .right-top .left-side { width: 100%; padding: 0 23px 15px; }
    .case-histories-section .top-part .right-top .right-side { padding: 0; text-align: center; width: 100%; }
    .logo-section .left-part:after { display: none; }
    .logo-section .left-part { width: 100%; text-align: center; padding: 35px 15px 35px; }
    .logo-section .right-part { width: 100%; padding: 20px 10px; }
    .logo-section .container { flex-direction: column; }
    .logo-section .left-part:before { display: none; }
    .logo-section .left-part h3 { }
    .logo-section .container { padding: 0; }
    .image-section { padding: 40px 0; }
    .recent-blog-section { padding: 50px 51px 60px; }
    .request-demo-section .left-part { width: 100%; padding: 0; text-align: center; }
    .request-demo-section .left-part h2:before { margin: auto; right: 0; }
    .request-demo-section .left-part h2 { margin-bottom: 50px; }
    .request-demo-section .right-part { width: 100%; }
    .request-demo-section .right-part .form-cover { max-width: 500px; width: 100%; margin: auto; }
    .request-demo-section .right-part .form-cover .hs-submit { text-align: center; }
    .case-histories-section { padding: 60px 0px 80px; }
    .case-histories-section .bottom-part { padding: 30px 50px 0; }
    .recent-blog-section .recent-slider .content-cover .inner-cover .post-title { height: auto !important; }
    .recent-blog-section .recent-slider .content-cover .post-content .details { height: auto !important; }
    .recent-blog-section { padding: 50px 51px 30px; }
    .request-demo-section { padding: 50px 0px 50px; }

    .banner-section h1 { font-size: 70px; }
    .banner-section h2 { font-size: 28px; }
    .banner-section { padding: 111px 0px 111px; }
    .imag-content-section { padding: 50px 0px 132px; }
    .imag-content-section .left-part h2 { font-size: 51px; }
    .imag-content-section .left-part .content { font-size: 20px; line-height: 30px; }
    .imag-content-section .right-part .img-box img { width: 300px; height: 300px; }
    .case-service-section { padding: 61px 50px 70px; }
    .photo-section { padding: 60px 0 30px; }
    .photo-section .box { width: 100%; margin-bottom: 30px; }
    .photo-section .box:nth-child(even) .in-wrap { flex-direction: column; }
    .photo-section .wrap { max-width: 370px; width: 100%; margin: auto; }
    .photo-section .box .bottom { min-height: 160px; height: auto; }
    .photo-section h2 { margin-bottom: 50px; }
    .photo-section .box .bottom .date { font-size: 20px; }

    .chi-siamo-hero { min-height: 650px; padding: 169px 0px 200px; }
    .simple-testimonial-section .simple-testimonial .content { font-size: 26px; line-height: 35px; }
    .drive-section .box { padding: 40px 20px 30px; border-radius: 40px; }
    .drive-section { padding: 60px 0px 40px; }
    .counter-section .box { width: calc(100% / 2 - 34px); }
    .counter-section .box:nth-child(even):before { display: none; }
    .team-section { padding: 50px 0px 71px; }
    .team-section .box { width: calc(100% / 2); }
    .imag-content-section.image-content-v2 { padding: 50px 0px 62px; }
    .photo-g-section { padding: 50px 50px 70px; }

    .client-testimonial-section .client-testi-slider .right-part { width: 100%; padding: 30px 0 0px; text-align: center; }
    .client-testimonial-section .client-testi-slider .cover { flex-direction: column; }
    .client-testimonial-section .client-testi-slider .right-part .content:before { right: 0; margin: auto; }
    .client-testimonial-section { padding: 60px 0px 60px; }
    .client-testimonial-section .client-testi-slider .right-part .content { font-size: 21px; }
    .client-testimonial-section .client-testi-slider .right-part h6 { font-size: 25px; }

    .banner-section.banner-with-video.labirinto-digitale-hero h2 { font-size: 50px; }
    .banner-section.banner-with-video.labirinto-digitale-hero h1 { line-height: 70px; padding-top: 15px; }
    .banner-section.banner-with-video.labirinto-digitale-hero { padding: 140px 0 150px; }
    .beauty-section { padding: 50px 0 400px; }
    .beauty-section .button a { padding: 22px 20px; font-size: 20px; }
    .beauty-section .content { font-size: 25px; }
    .masone-section { padding: 100px 0 60px; }
    .masone-section .left-part { width: 100%; padding: 0; text-align: center; }
    .masone-section .left-part h2 br { display: none; }
    .masone-section .left-part h2 { font-size: 36px; line-height: 40px; }
    .masone-section .right-part { width: 100%; padding: 20px 0 0; }
    .masone-section .right-part .content { font-size: 22px; max-width: 100%; }
    .bgimg-section { min-height: 450px; }
    .gallery-section { padding: 60px 0px 60px; }
    .gallery-section .box { width: calc(100% / 2); }
    .gallery-section h2 { margin-bottom: 50px; }
    .cta-section .button a { font-size: 20px; padding: 22px 20px; }
    .cta-section { padding: 150px 0px 150px; }
    .gallery-section .box img { object-position: top; }

    .cosa-hero-section { background-size: cover; background-position: center center; position: relative; z-index: 1; text-align: center; }
    .cosa-hero-section:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; background: #000; position: absolute; opacity: 0.4; z-index: -1; }
    .cosa-hero-section h1 { max-width: 100%; }
    .cosa-hero-section .content { margin: auto; }
    .growth-section .left-part { width: 100%; padding: 0; }
    .growth-section .right-part { width: 100%; padding: 40px 0 0; }
    .growth-section { padding: 60px 0px 30px; }
    .growth-section .left-part .icon { max-width: 250px; margin: auto; }
    .growth-section .right-part h2 { max-width: 100%; text-align: center; }
    .growth-section .right-part h2:before { right: 0; margin: auto; }
    .growth-section .right-part .content { max-width: 100%; text-align: center; }
    .growth-section .bottom-part { padding-top: 30px; }

    .contact-section .left-part { width: 100%; padding: 0; text-align: center; }
    .contact-section .right-part { width: 100%; padding: 40px 0 0; }
    .contact-section { padding: 61px 0px; }
    .book-call-section { padding: 50px 0px; }
    .contact-section .left-part .logo { margin: auto; }
    .contact-section .right-part .contact-form { max-width: 500px; width: 100%; margin: auto; }
    .contact-section .right-part form .hs-submit { text-align: center; }
    .contact-hero-section .map-img img { height: 360px;}
    


}




@media (max-width:480px){

    h1 { font-size: 41px; }
    .subscribe-section .right-part h3 { font-size: 22px; }
    .subscribe-section .right-part h6 { font-size: 15px; }
    h2 { font-size: 36px; }
    .virtual-section .box { width: calc(100% / 1 - 34px); }
    .case-histories-section .top-part .right-top .left-side .img-box { height: 240px; }
    .case-histories-section .top-part .right-top .left-side .video-box { height: 240px; }
    .logo-section .right-part .logo-slider .logo { max-width: 190px; }
    .recent-blog-section { padding: 50px 0px 90px; }
    .recent-blog-section .recent-slider .slick-slide { margin: 0; }
    .recent-blog-section .recent-slider button.slick-next.slick-arrow { right: 0; }
    .recent-blog-section .recent-slider button.slick-prev.slick-arrow { left: 0; }
    .recent-blog-section .slick-arrow { top: 100%; transform: inherit; margin-top: 10px; }
    .request-demo-section .right-part .form-cover fieldset.form-columns-2 .field:first-child { padding-right: 0; }
    .request-demo-section .right-part .form-cover fieldset.form-columns-2 .field:last-child { padding-left: 0; }

    .banner-section h1 { font-size: 50px; }
    .banner-section h2 { font-size: 22px; letter-spacing: 5px; }
    .imag-content-section .left-part h2 { font-size: 41px; }
    .imag-content-section .right-part .img-box img { width: 270px; height: 270px; }
    .case-service-section { padding: 61px 0px 120px; }
    .case-service-section .case-service-slider button.slick-prev.slick-arrow { left: calc(50% - 45px); }
    .case-service-section .case-service-slider button.slick-next.slick-arrow { right: auto; left: calc(50% - -10px); }
    .case-service-section .slick-arrow { top: 100%; margin: 30px 0 0; }

    .chi-siamo-hero { min-height: 510px; padding: 129px 0px 200px; }
    .chi-siamo-hero .cover h1 { font-size: 27px; }
    .chi-siamo-hero .cover { max-width: 310px; }
    .simple-testimonial-section .simple-testimonial .content { font-size: 20px; line-height: 29px; }
    .simple-testimonial-section { padding: 60px 0 100px; }
    .counter-section .box h2 { font-size: 32px; }
    .counter-section .box h6 { font-size: 14px; line-height: 19px; }
    .team-section .box { width: calc(100% / 1); margin-bottom: 10px; }
    .team-section .wrap { max-width: 280px; width: 100%; margin: auto; }
    .team-section { padding: 50px 0px 51px; }
    .photo-g-section { padding: 50px 10px 70px; }
    .photo-g-section h2 { margin-bottom: 50px; }

    .banner-section.banner-with-video.labirinto-digitale-hero h1 { font-size: 45px; line-height: 52px; }
    .banner-section.banner-with-video.labirinto-digitale-hero h2 { font-size: 34px; }
    .banner-section.banner-with-video.labirinto-digitale-hero { padding: 70px 0 80px; }
    .beauty-section .content { font-size: 21px; }
    .beauty-section h2 { padding-bottom: 25px; margin-bottom: 30px; }
    .beauty-section .button a { padding: 19px 20px; font-size: 18px; }
    .beauty-section .button { bottom: -33px; padding: 0 10px; }
    .masone-section .left-part h2 { font-size: 30px; line-height: 36px; }
    .bgimg-section { min-height: 290px; }
    .gallery-section .box img { height: 150px; }
    .cta-section .button a { font-size: 16px; }
    .masone-section .right-part .content { line-height: 28px;font-size: 18px;}

    .cosa-hero-section { padding: 80px 0 80px; }
    .ancillary-services-section h2:before { width: 120px; }
    .ancillary-services-section .box { width: calc(100% / 1 - 0px); margin: 0 0 40px; }
    .growth-section .bottom-part .box { width: calc(100% / 2 - 34px); }
    .growth-section .bottom-part .box .icon { max-width: 140px; }


}