@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap');







 

 
 


























 

































 
@font-face {
    font-family: 'Ritchain';
    src: url('Ritchain.eot');
    src: url('https://21559882.fs1.hubspotusercontent-na1.net/hubfs/21559882/MS_servizi_2025/fonts/Ritchain.eot?#iefix') format('embedded-opentype'),
        url('https://21559882.fs1.hubspotusercontent-na1.net/hubfs/21559882/MS_servizi_2025/fonts/Ritchain.woff2') format('woff2'),
        url('https://21559882.fs1.hubspotusercontent-na1.net/hubfs/21559882/MS_servizi_2025/fonts/Ritchain.woff') format('woff'),
        url('https://21559882.fs1.hubspotusercontent-na1.net/hubfs/21559882/MS_servizi_2025/fonts/Ritchain.ttf') format('truetype'),
        url('https://21559882.fs1.hubspotusercontent-na1.net/hubfs/21559882/MS_servizi_2025/fonts/Ritchain.svg#Ritchain') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
a.cta_button {box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important;}

body { font-family: Gabarito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #666871;  font-size: 18px; line-height:normal; padding:0; margin:0; overflow-x:hidden; }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: Gabarito, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; margin:0; padding:0; }
.h1,h1 { font-family: Gabarito, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #666871;  font-size: 50px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
.h2,h2 { font-family: Gabarito, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #666871;  font-size: 35px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
.h3,h3 { font-family: Gabarito, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #666871;  font-size: 28px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
.h4,h4 { font-family: Gabarito, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #666871;  font-size: 24px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
.h5,h5 { font-family: Gabarito, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #666871;  font-size: 20px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
.h6,h6 { font-family: Gabarito, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #666871;  font-size: 20px; line-height:1.2; letter-spacing: 0px; text-transform: none;} 

img { height:auto; max-width:100%; }
p { padding:10px 0; margin:0; }
a { text-decoration:none; outline:none; color:#666871; -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;; }
a:hover { color:#161413; } 


form label { color:#fff; }
input , 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"] { font-family: Gabarito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; outline:none !important; margin:0 0 15px; border-width:0px; border-style: solid; border-color:#fff;  background:#f2f2f2; height:52px; padding:10px 15px; font-size:16px; line-height:24px; width:100%; display:inline-block; -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;; }
input[type=submit] , form button,.hs-button { width:auto; float:none; display:inline-block; font-size:20px; line-height:26px; cursor:pointer; height:auto; padding:12px 25px; min-width:180px; border:none; outline:none; color:; background-color:; border-radius:px; -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;; }
input[type=submit]:hover , form button:hover,.hs-button:hover { color:; background-color:; }

ul.hs-error-msgs { padding: 0; margin: 0; list-style: none; width: 100%; text-align: left; font-size: 16px; }
ul.hs-error-msgs label { color:#f00; }

input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#fff; font-family: Gabarito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; opacity:1; font-size:19px; line-height:26px;}
input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder { color:#fff; font-family: Gabarito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; opacity:1; font-size:19px; line-height:26px;}
input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder { color:#fff; font-family: Gabarito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; opacity:1; font-size:19px; line-height:26px;}
input:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder { color:#fff; font-family: Gabarito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; opacity:1; font-size:19px; line-height:26px; }

.form_style { width:100%; display:inline-block; vertical-align:top; }
.form_style form { width:100%; position:relative; }


/*-slick-*/
.slick-slider { 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 { 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; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: none; }
.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-dots { margin:0; padding:0; list-style:none; }

.slick-arrow { position:absolute; top:50%; padding:0; border:none; font-size:0; min-width:auto;  width:80px; height:80px; border-radius:50%; line-height:0; outline:none; background:; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; transition:all .4s ease; }
.slick-arrow:hover { background:#011E24; color:#fff; }
.slick-arrow:before { position:absolute; content:""; left: 50%; top: 50%; transform: translate(-50% ,-50%); }
.slick-prev { left:0; color:#011E24; }
.slick-prev:before { width:38px; height:25px; background:url('https://f.hubspotusercontent20.net/hubfs/20236778/School_Theme_4/Images/prev-arrow.png') no-repeat center center / 100% 100%; }
.slick-next { right:0;}
.slick-next:before { width:38px; height:25px; background:url('https://f.hubspotusercontent20.net/hubfs/20236778/School_Theme_4/Images/prev-arrow.png') no-repeat center center / 100% 100%; transform:translate(-50%,-50%) rotate(180deg); }

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:; cursor:pointer; min-width:auto; outline:none; padding:0; border:2px solid ;width:14px; height:14px; border-radius:100%; font-size:0; text-indent:-9999; cursor:pointer; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:transparent; }


.fancybox-stage .fancybox-content{ overflow:visible !important; padding:15px !important; text-align:center;}
.fancybox-stage .fancybox-close-small{ top:-60px !important; right:-30px}
.fancybox-stage .fancybox-close-small:after{ background:#888; color:#fff;  }
.fancybox-stage .fancybox-button { background:;top:0;right:0; padding:6px; border-radius:50%;min-width:auto }
.fancybox-stage .fancybox-button svg path{ fill:#ffff; color:#fff;}


 


.white_color { color:#fff; }
.text_left { text-align:left; }
.text_center { text-align:center; }
.text_right { text-align:right; }

/* flex */
.flex { display:flex; }
.flex_wrap { display:flex; flex-wrap:wrap; }
.full_flex { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.align_center { display:flex; align-items:center; }
.align_start { display:flex; align-items:flex-start; }
.align_end { display:flex; align-items:flex-end; }
.justify_center { display:flex; justify-content:center; }
.inlinetop { display:inline-block; vertical-align:top; width:100%; }

/* padding-top */
.pt_100 { padding-top:100px; }
.pt_90 { padding-top:90px; }
.pt_80 { padding-top:80px; }
.pt_70 { padding-top:70px; }
.pt_60 { padding-top:60px; }
.pt_50 { padding-top:50px; }

/* padding-bottom */
.pb_100 { padding-bottom:100px; }
.pb_90 { padding-bottom:90px; }
.pb_80 { padding-bottom:80px; }
.pb_70 { padding-bottom:70px; }
.pb_60 { padding-bottom:60px; }
.pb_50 { padding-bottom:50px; }

.container,.row-fluid .container { width:100%; margin:0 auto; padding:0 15px; max-width:1542px; }     










@media (max-width: 1400px){ 
    .container { max-width:1170px; }    
}

@media (max-width: 1200px){ 
    .container { max-width:950px; }  

/*     h4{ font-size: 20px; } */
    
    
}

@media (max-width: 991px){ 
    .container { max-width:750px; }  

    .pt_100 { padding-top:60px; }
    .pt_90 { padding-top:40px; }
    .pt_80 { padding-top:40px; }
    .pt_70 { padding-top:40px; }
    .pt_60 { padding-top:40px; }
    .pt_50 { padding-top:40px; }

    .pb_100 { padding-bottom:60px; }
    .pb_90 { padding-bottom:40px; }
    .pb_80 { padding-bottom:40px; }
    .pb_70 { padding-bottom:40px; }
    .pb_60 { padding-bottom:40px; }
    .pb_50 { padding-bottom:40px; }

}
@media (max-width: 767px){ 


    .pt_100 { padding-top:40px; }
    .pt_90 { padding-top:30px; }
    .pt_80 { padding-top:30px; }
    .pt_70 { padding-top:30px; }
    .pt_60 { padding-top:30px; }
    .pt_50 { padding-top:30px; }

    .pb_100 { padding-bottom:40px; }
    .pb_90 { padding-bottom:30px; }
    .pb_80 { padding-bottom:30px; }
    .pb_70 { padding-bottom:30px; }
    .pb_60 { padding-bottom:30px; }
    .pb_50 { padding-bottom:30px; }

    .container { max-width:100%; }

    h1 { font-size: 38px; }
    h3 { font-size: 21px; }

    .h2,
    h2 { font-size: 30px; }

}
.content-wrapper { margin: 0 auto; padding: 0 20px; }
.dnd-section > .row-fluid { margin: 0 auto; }
.dnd-section .dnd-column { padding: 0 20px; }
@media (max-width:767px) {
  .dnd-section .dnd-column { padding: 0; }
}
.header { position:fixed; top:44px; left:0; width:100%; display: flex; justify-content: center; z-index:11; line-height:0; }
.header .header_area { width: auto; line-height: 0; display: inline-block; }
.header .header_main { box-shadow: 0px 0px 30px 0px rgba(171, 140, 118, 30%); justify-content: center; display: flex; align-items: center; background:#fff; width: auto; padding:0 20px; margin: 0 auto; border-radius: 86px; width: auto; max-width: 1222px; }  

.menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 20px 5px; }


/* ex. -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;; */

.menu-toggle:focus { outline: none;}
.menu-toggle{padding:10px 0; float:right; border:none; background-color: transparent; cursor:pointer; width: 43px;}
.menu-toggle .icon-bar{margin: auto; background-color:#666871; border-radius:1px; display:block; height:2px; position:relative; width:22px; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.menu-toggle .icon-bar + .icon-bar{margin-top:4px;}
.menu-toggle .icon-bar:nth-child(1), .menu-toggle .icon-bar:nth-child(3){top:0; transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.menu-toggle.menu-menuopen .icon-bar:nth-child(1){top:6px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.menu-toggle.menu-menuopen .icon-bar:nth-child(2){opacity:0;}
.menu-toggle.menu-menuopen .icon-bar:nth-child(3){top:-6px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.mainmenu .mobile-menu span.mobile-toggle{width:36px; height:36px; position:absolute; right:6px; top:2px; background-color:transparent; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle:after, .mobile-toggle:before{content:""; background-color:#666871; height:16px; width:2px; position:absolute; left:17px; top:10px; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle:before{-ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle.menu-subopen:after{-ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.mainmenu .mobile-menu span.mobile-toggle.menu-subopen:before{opacity:0; background-color:#fff; -ms-transform:rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mainmenu .hs-menu-wrapper ul{float:left; padding:0; width:100%; min-width:250px;}
.mainmenu .hs-menu-wrapper > ul > li > a{max-width:none; width:auto;}
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;max-width:none;min-width:auto;overflow:visible;text-align:left;text-overflow:inherit;white-space:inherit;width:auto;}
.mainmenu .hs-menu-wrapper ul ul{background-color:#fff; min-width:200px;}


.header .lang_switcher .hs-language-switcher { margin-left: 10px; padding: 10px 25px 10px 21px; position: relative; display: block; border-left: 1px solid #666871; height: 100%; }

.header .lang_switcher .hs-language-switcher__button { background: transparent; border: none;}
.header .lang_switcher .hs-language-switcher__label > span > svg,.header .lang_switcher .hs-language-switcher__label > span.hs-language-switcher__icon { display:none; }
.header .lang_switcher .hs-language-switcher__current-language + .hs-language-switcher__icon--dropdown { width:10px; margin-left:8px; }
.header .lang_switcher .hs-language-switcher__icon--dropdown path { fill:#666871; } 

.header .lang_switcher .hs-language-switcher__current-language { color: #666871; cursor: pointer; font-size: 15px; line-height:24px; font-weight: 400; }
.header .lang_switcher ul.hs-language-switcher__menu { background: #fff; width:100px; padding: 10px; border-radius: 10px; white-space: normal; left:-15px; }
.header .lang_switcher .hs-language-switcher__item { display: inline-block; width: 100%; padding: 0; background:transparent !important; }
.header .lang_switcher .hs-language-switcher__item a { width: 100%; height: auto; text-align:center; display: inline-block; color:#666871; font-size: 14px; line-height: 24px; border-bottom: 1px solid #ccc; }
.header .lang_switcher .hs-language-switcher__item:last-child a { border:none; }
.header .lang_switcher .hs-language-switcher__item:hover a { color:#161413; }
.header .lang_switcher .hs-language-switcher__item.active a { color:#161413; }





@media (min-width: 992px) {
 
    .menu .hs-menu-wrapper { line-height: 0; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul { width:auto; margin:0; padding:0; list-style:none; display:inline-block !important; float: inherit; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children { position:relative; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul > li.hs-item-has-children > a:after { position:relative; content:"\f107"; font-family:"FontAwesome"; margin-left: 4px; font-size:18px; font-weight: 300; float: none; display: inline-block; vertical-align: middle; line-height: 15px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul ul.hs-menu-children-wrapper li.hs-item-has-children > a:after { content:"\f105"; font-size: 16px; line-height: 15px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li { padding:0; position:relative; width:auto; float:none; display:inline-block; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-weight: 400; font-size: 15px; line-height:18px; padding:20px 25px; display:inline-block; color:#666871; position:relative; white-space: normal; width:100% !important; max-width: 100% !important; overflow: hidden;  text-overflow: inherit; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover { color:#161413; } 
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:hover > a { color:#161413; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.active > a { color:#161413; }

    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {  pointer-events:inherit; opacity:1; visibility:visible; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { top:100%; left:0; position:absolute; background:#fff; width:200px;line-height:0; transition:all .4s ease; opacity:0; visibility:hidden; z-index:11; pointer-events:none; box-shadow:0px 0px 30px 0px rgb(171, 140, 118, 0.4); }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width:100%; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:10px 15px; color:#666871; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.1); line-height:24px; width:100% !important; white-space: normal; width:100% !important; float:left;  max-width: 100% !important; overflow: hidden;  text-overflow: inherit; }   
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background:#666871; color:#fff; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border-bottom:0; }  

    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover > a { background:#666871; color:#fff; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { left:100%; top:0; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper { pointer-events:inherit; }

    .menu-toggle, .mainmenu .mobile-menu span.mobile-toggle{display:none;}
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {opacity:1; visibility:visible;}


}
@media (min-width: 992px) {


}
@media (max-width: 1400px) {

    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 20px 20px; }
/*     .lang_switcher { margin-left: 20px; } */

}
@media (max-width: 1300px) {

    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 20px 20px; }
/*     .lang_switcher { margin-left: 20px; } */

}
@media (max-width: 1199px) {

    /*     .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 20px 10px; } */
    .header { top: 30px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 20px 6px; }
    .header .lang_switcher .hs-language-switcher { margin-left: 10px; padding: 10px 15px 10px 21px; }
 
}
@media (max-width: 991px) {

    .header .header_area { width:100%; }
    .header > div { width:auto; }
    .header .container { max-width:100%; }
    .menuOpen .header > div { width:100%; } 
    .menuOpen .header .header_main { justify-content:space-between; }
    
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:static; opacity:1; visibility: visible; display:none; width:100%;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:none;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li{float: left; width: 100%; display: block;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li { position:relative; }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a { text-indent:15px; padding:8px 15px; font-size:14px; }
    .header .header_main:has(.menu-menuopen) { border-radius:24px; } 
     
    .header .header_main { width: auto; }
    .header { justify-content: right; }
    .menu-toggle { margin: 7px 0px; }
    .header { top: 13px; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul { position: absolute;  top: 100%; max-height: 350px; overflow-y: scroll; width: calc(100% - 30px); border-radius:0 0 28px 28px; left: 15px; right: 0; background-color: #fff; line-height: inherit; font-size: inherit; margin: 0; padding:20px 10px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { display: block; line-height: normal; padding: 12px 15px; color: #666871; font-size: 15px; }
    .header .header_main:has(.menu-menuopen) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
   .header .lang_switcher .hs-language-switcher { margin-left: 5px; padding: 5px 5px 5px 10px; }
    .header .header_main { padding: 0 16px; }
    
}
@media (max-width: 767px) {

    .header { top: 13px;  }

}


.footer-main { background-color: #161413; }
.footer-main .container { padding:0 40px; }
.footer-main a { border-bottom:1px solid #FFF; width:auto; display:inline-block; }

.footer-main .footer-top { padding: 53px 0 35px; border-bottom: 1px solid #fff; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer-main .footer-top h2.h1 { max-width: 377px; color: #fff; }
.footer-main .footer-top .footer-right { color: #fff; font-size: 15px; }
.footer-main .footer-top .footer-right a { color: #fff; } 

.footer-right .address { padding-bottom: 40px; }
.footer-right .address p { padding-bottom: 0; }
.footer-right .phone { padding-bottom: 30px; }
.footer-right .phone p { padding-bottom: 0; } 
.footer-main .footer-top .footer-right a:hover { color: #666871; }

.footer-bottom { display: flex; justify-content: space-between; align-items: center; padding: 48px 0px; }
.footer-bottom .footer-left,
.footer-bottom .footer-right { color: #fff; font-size: 15px; }
.footer-bottom .footer-left a,
.footer-bottom .footer-right a { color: #fff; }
.footer-bottom .footer-left a:hover,
.footer-bottom .footer-right a:hover { color: #666871; }


/**/
/* .lang_switcher { padding: 10px 25px 10px 21px; position: relative; display: block; border-left: 1px solid #666871; height: 100%; }
.lang_switcher > span { display: block; color: #666871; cursor:pointer; font-size: 15px; font-weight: 400; line-height: initial; position: relative; padding-right: 25px; }
.lang_switcher>span:before { content: ''; position: absolute; top: 2px; bottom: 0; right: 0; background-image: url('https://21559882.fs1.hubspotusercontent-na1.net/hubfs/21559882/MS_servizi_2025/Vector.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 9px; height: 4px; margin: auto; }
.lang_switcher { margin-left: 10px; } */


@media (max-width: 1300px) {

    .footer-main .container { max-width: 100%; }

}
@media (max-width: 1199px) {



}
@media (max-width: 991px) {



}
@media (max-width: 767px) {

    .footer-bottom { padding: 25px 0px 56px; flex-wrap: wrap; }
    .footer-bottom .footer-right p { padding-top: 0; }
    .footer-main .footer-top { padding: 53px 0 110px; }
    .footer-main .footer-top h2.h1 { font-size: 35px; max-width: 304px; }
    .footer-main .footer-top .footer-right { width: 100%; padding-top: 60px; }

}
 
/* Error Pages */
.error-page { padding: 10rem 0; position: relative; text-align: center; }
.error-page:before { content: attr(data-error); font-size: 40vw; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: -1; }
@media screen and (min-width:1100px) {
  .error-page:before { font-size: 20rem; }
}

/* System Pages */
.systems-page { margin: 0 auto; max-width: 500px; padding: 6rem 1.5rem; }
.systems-page--search-results { max-width: 100%; }
.systems-page .success { background-color: #cde3cc; border: 1.5px solid #4f7d24; border-radius: 4px; color: #4f7d24; display: inline-block; margin: 1.5rem 0; padding: 0.5rem 0.75rem; width: 100%; }
.systems-page form input { max-width: 100%; }
#email-prefs-form .header { background-color: transparent; }
#email-prefs-form .item.disabled { opacity: 0.6; cursor: not-allowed; }
#email-prefs-form .item.disabled input:disabled { cursor: not-allowed; }

/* Search Pages */
.hs-search-field__bar { position: relative; }
.hs-search-field__suggestions { background-color: #fff; max-width: 360px; position: absolute; right: 0; top: 100%; width: 100%; }
.hs-search-results { margin-top: 1.5rem; }
.hs-search-results__listing li { margin-bottom: 1.5rem; }
.hs-search-results__title { font-size: 1.25rem; margin-bottom: 0.375rem; }
.hs-search-results__description { padding-top: 0.75rem; }
.hs-search-highlight { font-weight: bold; }
.hs-search-results__pagination a { color: #1d1d1d; }

/* Password Prompt */
.password-prompt input[type='password'] { height: auto !important; }
.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label { display: inline-block; margin-bottom: 3px; }

/* Backup Unsubscribe */
.backup-unsubscribe #email-prefs-form div { padding-bottom: 0 !important; }

/* Input error messages */
.form-input-validation-message ul.hs-error-msgs { padding-left: 0; margin: 0; }
.form-input-validation-message ul.hs-error-msgs li { margin: 0; }
/* 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; }
}

.title1 { font-size: 100px; color: rgb(84 129 103 / 30%); font-weight: 400; font-family: 'Ritchain',sans-serif; }

/* Hero Section */
.hero_main { position: relative; z-index: 1; }
.hero_main .container { height: 998px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-top: 140px; padding-bottom: 140px; }
.hero_main .bg_option,
.hero_main .bg_option * { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.hero_main .bg_option { z-index: -1; }
.hero_main .hero-outer { text-align: center; max-width: 826px; }
.hero_main .hero-outer .hero-content * { color: #fff; }
.hero_main .hero-outer .hero-logo { margin-bottom: 34px; height: 110px; }
.hero_main .hero-outer h1 { font-family: 'Ritchain',sans-serif; }

.scroll-bottom { position: absolute; left: 0px; right: 0px; bottom: 21px; max-width: 111px; margin: auto; cursor: pointer; text-align: center; }
.scroll-bottom .text { width: 100%; display: block; color: #fff; margin-bottom: 19px; }
.scroll-bottom .icon { display: block; }
.scroll-bottom .icon svg { display: block; margin: 0px auto; }

/* zigzag Section */
.zigzag-main { margin-top: 14px; background-color: #F5F1EE; padding: 65px 0px; position: relative; z-index: 1; }
.zigzag-main .bg_option { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
.zigzag-main .zigzag-outer { display: flex; flex-wrap: wrap; max-width: 1191px; margin: 0 auto; }
.zigzag-main .zigzag-outer .zigzag-left { width: 464px; float: left; }
.zigzag-main .zigzag-outer .zigzag-right { width: calc(100% - 464px); float: left; padding-left: 92px; }
.zigzag-main .zigzag-outer .zigzag-left * { width: 100%; height: 100%; display: block; border-radius: 10px; overflow: hidden; }
.zigzag-main .zigzag-content { margin-top: 30px; border-bottom: 1px solid #666871; }
.zigzag-main .zigzag-content .accordian-list { border-top: 1px solid #666871; }
.zigzag-main .zigzag-content .accordian-list h4 { font-weight: 400; padding: 10px 0px; cursor: pointer; position: relative; padding-right: 50px; }
.zigzag-main .zigzag-content .accordian-list h4:before { content: ''; position: absolute; top: 0; bottom: 0; right: 20px; width: 15px; height: 2px; background-color: currentColor; margin: auto; }
.zigzag-main .zigzag-content .accordian-list h4:after { content: ''; transition: all 400ms ease; position: absolute; top: 0px; bottom: 0; right: 27px; height: 15px; width: 2px; background-color: currentColor; margin: auto; }
.zigzag-main .zigzag-outer .zigzag-right > * { max-width: 512px; }
.zigzag-main .zigzag-content .accordian-list .accordian-text { color: #666871; padding-bottom: 20px; display: none; }
.zigzag-main .zigzag-content .accordian-list h4.active:after { opacity: 0; visibility: hidden; }
.zigzag-outer.img_right { flex-direction: row-reverse;}
.zigzag-main .zigzag-content .accordian-list .accordian-text a { color:#666871; padding-bottom:5px; border-bottom:1px solid; font-size:20px; }  
.zigzag-main .zigzag-content .accordian-list .accordian-text a:hover { color:#161413;  }  

.ctaStyle { color:#666871; padding-bottom:5px; border-bottom:1px solid; font-size:20px; width:auto; display:inline-block; }  
.ctaStyle:hover { color:#161413;  }  

.marquee-main { padding: 60px 0px 72px; }
.marquee-logo { padding: 0px 17px; }
.marquee_textarea { color:#666871; font-size:120px; line-height:1; font-family: 'Ritchain',sans-serif; }
.marquee_textarea .slick-track { height: 120px !important; overflow: hidden; }

.gallery-outer { display: flex; flex-wrap: wrap; }
.gallery-outer .gallery-img { width: 25%; float: left; height: 385px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; }
.gallery-outer .gallery-img .hover-btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.6); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: auto; font-size: 24px; color: #FFF; transition: all 400ms ease; }
.gallery-outer .gallery-img .content { padding: 5%; color: #666871; opacity: 0; visibility: hidden; transition: all 400ms ease; z-index: 1; transform: scale(0); }
.gallery-outer .gallery-img .content h6 { color: #666871; }
.gallery-outer .gallery-img:hover .content { transform: scale(1); }
.gallery-outer .gallery-img:hover .hover-btn + div { opacity: 1; visibility: visible; }
.gallery-outer .gallery-img:hover .hover-btn { width: 100%; height: 100%; border-radius: 0; font-size: 0; background-color: rgba(255, 255, 255, 0.9); }

/* .gallery-outer .gallery-img .content{ display: none; } */

.tttc-main { padding: 77px 0px 55px; }
.tttc-main .tttc-box { background-color: #fff; box-shadow: 0px 0px 30px 0px rgb(171, 140, 118, 0.4); border-radius: 10px; padding: 43px 54px 60px; max-width: 1186px; margin: 0 auto; }
.tttc-main .tttc-box .tttc-top { padding-bottom: 67px; }
.tttc-main .tttc-box .tttc-bottom { display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
.tttc-main .tttc-box .tttc-bottom .tttc-left { width: 366px; }
.tttc-main .tttc-box .tttc-bottom .tttc-left * { width: 100%; height: 365px !important; border-radius: 10px; overflow: hidden; }
.tttc-main .tttc-box .tttc-bottom .tttc-right { width: calc(100% - 366px); padding-right: 30px; }
.tttc-main .tttc-box .tttc-top .title1 { color: #AB8C76; }
.tttc-main .tttc-box .tttc-top .text h4 { font-weight: 400; }
.tttc-bottom .tttc-right .tttc-repeat { color: #666871; max-width: 469px; padding-bottom: 26px; }
.tttc-bottom .tttc-link { max-width: 469px; padding-top: 36px; }
.tttc-bottom .text { font-size: 15px; }
  
.link-style1 a { color: #666871; font-size: 20px; font-weight: 400; border-bottom: 1px solid #666871; padding-bottom: 5px; }
.link-style1 a:hover { color: #666871; }

.link-style2 a { font-size: 15px; display: inline-block; border-bottom: 1px solid #FFF; }

.loaded .hero_main .animated { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; }

.hero_main.banner-main .hero-outer .hero-content h1 { color: rgba(84, 129, 103, .3); }
.hero_main.banner-main .hero-outer { max-width: 100%; }

.hero_main.banner-main .container { height: 717px; }
.hero_main.banner-main:before { content: ''; position: absolute; bottom: -95px; left: 0; right: 0; width: 2px; border-left: 2px solid #548167; margin: auto; height: 190px; }

.full-text-main { padding: 146px 0px 136px; }
.full-text-main .full-text-content { text-align: center; font-size: 28px; line-height: normal; max-width: 1190px; margin: 0px auto; }

.tcb-main { padding: 180px 0px 290px; }
.tcb-main .tcb-outer { text-align: center; max-width: 1070px; margin: 0px auto; }
.tcb-main .tcb-outer .tcb-top { padding-bottom: 86px; }
.tcb-main .tcb-outer .tcb-box { margin: 10px 10px 0px; width: calc(33.33% - 20px); background-color: #fff; border-radius: 10px; box-shadow: 0 0 30px 0 rgba(172, 141, 119, 0.4); padding: 68px 40px 50px; }
.tcb-main .tcb-outer .tcb-boxes { display: flex; flex-wrap: wrap; margin: 0px -10px; }
.tcb-main .tcb-outer .tcb-box h2 { padding-bottom: 20px; margin-bottom: 30px; max-width: min-content; margin-left: auto; margin-right: auto; border-bottom: 2px solid #AB8C76; }
.tcb-main .tcb-outer .tcb-box .text { font-size: 15px; line-height: normal; max-width: 230px; margin: 0 auto; }


.two-col-main { padding: 130px 0px; }
.two-col-main .two-col-outer { display: flex; flex-wrap: wrap; }
.two-col-main .two-col-outer > div { width: 50%; float: left; }
.two-col-main .two-col-outer .two-col-img { border-radius: 10px; overflow: hidden; }
.two-col-main .two-col-outer .two-col-img img { width: 100% !important; !i; !; }
.two-col-main .two-col-outer .two-col-left { padding-top: 7px; padding-right: 87px; }
.two-col-main .two-col-outer .two-col-left .text { color: #666871; font-size: 15px; max-width: 639px; padding-top: 20px; }
.two-col-main .two-col-outer .two-col-left .two-col-bottom { color: #666871; max-width: 585px; padding-left: 242px; position: relative; margin-top: 68px; font-size: 15px; }
.two-col-main .two-col-outer .two-col-left .two-col-bottom:before { content: ''; position: absolute; top: 10px; left: 0; border-top: 2px solid #548167; width: 222px; }
.two-col-outer .two-col-left .two-col-bottom h5 + p { padding-top: 0; }

.two-col-main.two-col-img-main .two-col-outer { flex-direction: row-reverse; }
.two-col-main.two-col-img-main .two-col-outer .two-col-left { padding-right: 0; padding-left: 70px; padding-top: 23px; }
.two-col-main.two-col-img-main .two-col-outer .two-col-left .link1 a { text-transform: uppercase; margin-top: 50px; display: inline-block; }
.two-col-main.two-col-img-main .two-col-outer .two-col-left .img-groups { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 550px; margin-top: 108px; }
.two-col-outer .two-col-left .img-groups .img-group { width: 210px; height: 210px; border-radius: 100%; overflow: hidden; }
.two-col-outer .two-col-left .img-groups .img-group img { width: 100% !important; !i; !; height: 100% !important; !i; !; object-fit: cover; }

.two-col-main.two-col-content-main { padding: 183px 0px 500px; }
.two-col-main.two-col-content-main .two-col-outer { align-items: center; }
.two-col-main.two-col-content-main .two-col-outer .two-col-left { padding-top: 0; }
.two-col-main.two-col-content-main .two-col-outer .two-col-left h2,
.two-col-main.two-col-content-main .two-col-outer .two-col-left .text { color: #fff; }
.two-col-main.two-col-content-main .two-col-outer .two-col-left .two-col-content { max-width: 585px; }
.two-col-main.two-col-content-main .two-col-outer .two-col-left .link1.link-style1 { margin-top: 77px; }
.two-col-main.two-col-content-main .two-col-outer .two-col-left .link1.link-style1 a { color: #fff; text-transform: uppercase; border-color: #fff; }
.two-col-main.two-col-content-main .two-col-outer .content-groups h4 { color: #fff; }
.two-col-main.two-col-content-main .two-col-outer .content-groups .text { color: #fff; }
.two-col-main.two-col-content-main .two-col-outer .content-groups .text p:first-child { padding-top: 0; }
.two-col-main.two-col-content-main .two-col-outer .content-groups .content-group { padding: 10px 0px; }
.two-col-main.two-col-content-main .content-group .text { font-size:15px; }

.onhover-main { width:100%; padding:0 0 250px; display:inline-block; }
.onhover-groups { width: 100%; display: flex; margin-top:-250px; }
.onhover-group { width: calc(100%/3 - 28px); transition: all .8s ease; margin: 0 14px; height: 560px; overflow: hidden; position:relative; }
.onhover-group img { width: 100%; } 
.onhover-group .onhover_img { width:100%; height:100%; position:absolute; left:0; top:0; border-radius:10px; overflow: hidden; }
.onhover-groups:hover .onhover-group:hover { width: 50%; }
.onhover-groups:hover .onhover-group { width: 25%; }

/**/
.form-main { padding: 102px 0px 48px; background-color: #AB8C76; }
.form-main .form-outer { display: flex; flex-wrap: wrap; }
.form-main .form-outer .form-right { width: 47%; float: left; }
.form-main .form-outer .form-left { width: 44%; float: left; padding-right: 50px; }
.form-main .form-outer .form-left h2 { color: #fff; max-width: 464px; }
.form-style form fieldset.form-columns-2,
.form-style form fieldset.form-columns-3,
.form-style form fieldset.form-columns-1 { max-width: inherit; }
.form-style form fieldset input:not([type="checkbox"]):not([type="radio"]),
.form-style form fieldset textarea,
.form-style form fieldset select,
.form-style form fieldset input[type="text"],
.form-style form fieldset input[type="password"],
.form-style form fieldset input[type="datetime"],
.form-style form fieldset input[type="datetime-local"],
.form-style form fieldset input[type="date"],
.form-style form fieldset input[type="month"],
.form-style form fieldset input[type="time"],
.form-style form fieldset input[type="week"],
.form-style form fieldset input[type="number"],
.form-style form fieldset input[type="email"],
.form-style form fieldset input[type="url"],
.form-style form fieldset input[type="search"],
.form-style form fieldset input[type="tel"],
.form-style form fieldset input[type="color"] { width: 100% !important; border-radius:0 !important;  }

.form-style form fieldset input:not([type="checkbox"]):not([type="radio"]),.form-style form fieldset textarea { background-color: transparent; border-bottom: 1px solid #fff; padding: 8px 15px 10px 0px; height:40px; color: #fff; font-size: 15px; margin-bottom: 24px; }
.form-style form fieldset textarea { height: 130px; }
.form-style form fieldset .input { margin: 0 !important; }
.form-style form fieldset.form-columns-2, 
.form-style form fieldset.form-columns-3 { display: flex; column-gap: 21px; }
.form-style form .hs_submit.hs-submit input.hs-button.primary.large { margin: 0; border-radius:0 !important; font-size: 20px; background: transparent; padding: 0; width: auto; max-width: inherit; min-width: inherit; color: #fff; text-transform: uppercase; padding-bottom: 5px; border-bottom: 2px solid #fff; }
.form-style form .hs_submit.hs-submit input.hs-button.primary.large:hover { color:#161413; border-color:#161413; }
.form-style form .hs_submit.hs-submit .actions { display: flex; flex-wrap: wrap; justify-content: right; margin-top: 45px; }
.form-style form fieldset .hs-fieldtype-booleancheckbox ul.inputs-list { padding: 0; list-style-type: none; margin: 0; margin-top: 30px; }
.form-style form fieldset .hs-fieldtype-booleancheckbox ul.inputs-list input + span { padding-left: 28px; margin-left:0; font-size: 12px; line-height: normal; display: block; position: relative; }
.form-style form fieldset .hs-fieldtype-booleancheckbox ul.inputs-list input { height: auto; margin: 0; opacity: 0; visibility: hidden; width: 0; height: 0; display: grid; }
.form-style form fieldset .hs-fieldtype-booleancheckbox ul.inputs-list input + span:before { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; border: 1px solid #fff; border-radius: 4px; }
.form-style form fieldset .hs-fieldtype-booleancheckbox ul.inputs-list input + span:after { content: ''; position: absolute; top: 2px; left: 1px; opacity: 0; width: 11px; height: 5px; transform: rotate(-60deg); }
.form-style form fieldset .hs-fieldtype-booleancheckbox ul.inputs-list input:checked + span:before { background: #fff; }
.form-style form fieldset .hs-fieldtype-booleancheckbox ul.inputs-list input:checked + span:after {  border-left: 2px solid #ff7a59; border-bottom: 2px solid #ff7a59; opacity: 1; }
.form-style form ul.hs-error-msgs label { color: #f00; font-size: 12px; }
.form-style .submitted-message { color: #fff; text-align: center; font-size: 22px; }
.form-style form .form-columns-1 .input .inputs-list { margin-top:0; }
.form-left .text { color:#fff; }
.form-left a { color:#fff; }
.form-left a:hover { color:#161413; }
 
.onhoverBtm_main { margin: 200px auto 0; max-width: 1300px; text-align: center; width: 100%; font-size: 35px; line-height: 42px; }
.onhoverBtm_main h2 { font-family:'Ritchain',sans-serif; font-size:70px; line-height:1.2; }  
 
.only_image_hover.onhover-main { padding:50px 0; }
.only_image_hover.onhover-main .onhover-groups { margin:0; }    

.onhover_fulltext.onhover-main .onhoverBtm_main { max-width:100%; margin-top:70px; }
.onhover_fulltext.onhover-main .onhoverBtm_main h2 { font-size:100px; }
.onhover_fulltext.onhover-main .onhoverBtm_main .text { margin:0 auto; max-width:1190px; }

.form-main.contactPage { padding-top:248px; }  


.sticky_logo { position:fixed; left:50px; bottom:40px; z-index:11; }

 





@media(min-width: 992px){
    
    
    
}

@media(max-width: 1400px){
    
    .full-text-main {  padding:126px 0px 116px; }
    .two-col-main.two-col-content-main { padding:110px 0px 380px; }
    
    .onhoverBtm_main { margin-top:120px; font-size: 24px; line-height: 32px; max-width:1100px; }
    .onhoverBtm_main h2 { font-size:44px; }
    
    .onhover_fulltext.onhover-main .onhoverBtm_main h2 { font-size:60px; }
    .onhover_fulltext.onhover-main .onhoverBtm_main .text { max-width:970px; }
    
    .form-main.contactPage { padding-top:190px; }
    
    
}

@media(max-width: 1300px){
    
    .gallery-outer .gallery-img { height: 285px; }
    
}

@media(max-width: 1199px){
    
    .hero_main .container { height: 798px; padding-bottom: 110px; padding-top: 110px; }
    .title1 { font-size: 75px; }
    .zigzag-main .zigzag-outer .zigzag-right { padding-right: 40px; padding-left: 40px; }
    
    .full-text-main { padding: 100px 0px 90px; }

    .tcb-main { padding: 120px 0 220px; }
    .tcb-main .tcb-outer .tcb-top { padding-bottom: 66px; }

    .two-col-main { padding: 100px 0px; }
    .two-col-main .two-col-outer .two-col-left { padding-right: 27px; }
    .two-col-main.two-col-img-main .two-col-outer .two-col-left{ padding-left: 27px; }

    .two-col-main.two-col-img-main .two-col-outer .two-col-left .img-groups { margin-top: 50px; }
    .two-col-main.two-col-img-main .two-col-outer .two-col-left .link1 a { margin-top: 30px; }

    .hero_main.banner-main:before { bottom: -75px; height: 150px; }

    .two-col-main.two-col-content-main { padding: 120px 0px 360px; }
    .two-col-main.two-col-content-main .two-col-outer .two-col-left .link1.link-style1 { margin-top: 57px; }
    
    .onhover-main { padding:0 0 170px; }  
    .onhover-group { height:400px; }  
    
    
    
    
}
@media(max-width: 991px){

    .zigzag-main .zigzag-outer .zigzag-left { width: 350px; }
    .zigzag-main .zigzag-outer .zigzag-right { width: calc(100% - 350px); padding-left: 20px; padding-right: 20px; }
    .title1 { font-size: 65px; }
    
    .marquee-main { padding: 30px 0px; }
    .marquee-logo { padding: 0 9px; width: 220px; }
    
    .gallery-outer .gallery-img { width: 50%; }
    
    .tttc-main .tttc-box { padding: 22px 30px 62px; }
    .tttc-main .tttc-box .tttc-bottom .tttc-left { width: 296px; }
    .tttc-main .tttc-box .tttc-bottom .tttc-right { padding-right: 20px; width: calc(100% - 296px); }
    .tttc-main .tttc-box .tttc-bottom .tttc-left * { height: 248px !important; }
    .tttc-main .tttc-box .tttc-top { padding-bottom: 47px; }
    .tttc-bottom .tttc-link { padding-top: 20px; }

    .hero_main.banner-main .container { height: 617px; }

    .full-text-main { padding: 80px 0 70px; }
    .full-text-main .full-text-content { font-size: 22px; }

    .tcb-main { padding: 90px 0 120px; }
    .tcb-main .tcb-outer .tcb-top { padding-bottom: 56px; }
    .tcb-main .tcb-outer .tcb-box { width: calc(100%/2 - 20px); margin-bottom:10px; }

    .two-col-main .two-col-outer .two-col-left .two-col-bottom { padding-left: 122px; margin-top: 30px; }
    .two-col-main { padding: 80px 0px; }
    .two-col-main .two-col-outer .two-col-left .two-col-bottom:before { width: 100px; }

    .two-col-outer .two-col-left .img-groups .img-group { width: 150px; height: 150px; }
    .two-col-main.two-col-img-main .two-col-outer .two-col-left .img-groups { margin-top: 30px; }
    .two-col-main.two-col-img-main .two-col-outer .two-col-left .link1 a { margin-top: 20px; }
    
    
    .hero_main.banner-main:before { bottom: -55px; height: 110px; }
    
    .two-col-main.two-col-content-main { padding: 100px 0px 300px; }
    .two-col-main.two-col-content-main .two-col-outer .two-col-left .link1.link-style1 { margin-top: 47px; }
    
    .onhover-group { width:calc(100%/3 - 20px); margin:0 10px; height:400px; }  
    .onhover-main { padding:0 0 120px; }
    .onhover-groups { margin-top:-200px; }
    
    .form-main .form-outer .form-right { width: 56%; }
    .onhoverBtm_main { margin-top:80px; }
    
    .onhover_fulltext.onhover-main .onhoverBtm_main h2 { font-size:44px; }
    .onhover_fulltext.onhover-main .onhoverBtm_main .text br:first-child { display:none; }
    
    .form-main.contactPage { padding-top:130px; } 
    
    
}
@media(max-width: 767px){

    .scroll-bottom{ display: none; }
    .hero_main .hero-outer .hero-content h3 { margin-bottom: 10px; }
    .hero_main .container { height: 602px; padding-bottom: 40px; padding-top: 100px; }
    .zigzag-main .zigzag-outer .zigzag-left { width: 100%; }
    .zigzag-main .zigzag-outer .zigzag-right { padding-left: 0; padding-right: 0; width: 100%; padding-top: 15px; }
    .title1 { font-size: 70px; }
    .zigzag-main { padding: 75px 0; }
    .zigzag-main .zigzag-outer .zigzag-right { padding-top: 60px; }
    .zigzag-main .zigzag-outer .zigzag-right>* { max-width: 100%; }

    .marquee-main { padding: 30px 0px; }
    .marquee-logo { padding: 0 9px; width: 174px; }

    .gallery-outer .gallery-img { height: 50vw; }
    .gallery-outer .gallery-img .content { font-size: 14px; }
    .gallery-outer .gallery-img .content h6 { font-size: 16px; }

    .tttc-main { padding: 44px 0px; }
    .tttc-main .tttc-box .tttc-bottom .tttc-left { width: 100%; }
    .tttc-main .tttc-box .tttc-bottom .tttc-left .tttc-img { max-width: 296px; }
    .tttc-main .tttc-box .tttc-bottom .tttc-right { padding-right: 0; width: 100%; padding-top: 39px; }
    .tttc-main .tttc-box .tttc-top .title1 { font-size: 50px; }
    .tttc-main .tttc-box .tttc-top .text h4 { font-size: 22px; }
    .tttc-main .tttc-box .tttc-top { padding-bottom: 28px; }

    .hero_main.banner-main .container { height: 617px; }

    .full-text-main { padding: 60px 0 40px; }
    .full-text-main .full-text-content { font-size: 20px; }

    .tcb-main .tcb-outer .tcb-top { padding-bottom: 46px; }
    .tcb-main { padding: 60px 0 120px; }

    .two-col-main .two-col-outer > div { width: 100%; }
    .two-col-main .two-col-outer .two-col-left { padding-top: 17px; padding-right: 0; }
    .two-col-main .two-col-outer { flex-direction: column-reverse; }
    .two-col-main .two-col-outer .two-col-left .text { font-size: 15px; max-width: 100%; padding-top: 10px; }
    .two-col-main .two-col-outer .two-col-left .two-col-bottom:before { width: 40px; }
    .two-col-main .two-col-outer .two-col-left .two-col-bottom { padding-left: 55px; }

    .two-col-main.two-col-img-main .two-col-outer .two-col-left { padding-left: 0; }
    .two-col-outer .two-col-left .img-groups .img-group { width: 120px; height: 120px; }
    .two-col-main.two-col-img-main .two-col-outer { flex-direction: column-reverse; }
    .two-col-main.two-col-img-main .two-col-outer .two-col-left .img-groups { max-width: 300px; }

    .hero_main.banner-main:before { bottom: -40px; height: 80px; }

    .two-col-main.two-col-content-main .two-col-outer { flex-direction: row-reverse; }
    .two-col-main.two-col-content-main { padding: 60px 0px; }
    .two-col-main.two-col-content-main .two-col-outer .two-col-left .link1.link-style1 { margin-top: 27px; }
    .two-col-main.two-col-content-main .two-col-outer .content-groups { padding-top: 50px; }
    
    
    .form-main { padding: 60px 0px 36px; }
    .form-main .form-outer .form-left { width: 100%; float: left; padding-right: 0; padding-bottom: 30px; }
    .form-main .form-outer .form-left h2 { max-width: 100%; font-size: 45px; }
    .form-main .form-outer .form-right { width: 100%; }
    .form-style form fieldset.form-columns-2,
    .form-style form fieldset.form-columns-3 { column-gap: 0; flex-wrap: wrap; }
    
    .form-style form fieldset.form-columns-2 .hs-form-field, .form-style form fieldset.form-columns-3 .hs-form-field { width:100% !important; }
    
    .two-col-main { padding:40px 0; }
    
    .onhover-main { padding:50px 0; }
    .onhover-groups { margin-top:0; flex-wrap:wrap; }
    .onhover-group { width:100%; margin:0 0 30px; height:350px; }
    .onhover-group:last-child { margin-bottom:0; }
    
    .onhover-groups:hover .onhover-group:hover { width:100%; }
    .onhover-groups:hover .onhover-group { width:100%; } 
    
    .onhoverBtm_main h2 { font-size:34px; }
    .onhoverBtm_main { margin-top:50px; }
    
    .tcb-main .tcb-outer .tcb-boxes { margin:0; } 
    .tcb-main .tcb-outer .tcb-box { width:100%; padding:30px; margin:0 0 20px; }
    
    .onhover_fulltext.onhover-main .onhoverBtm_main h2 { font-size:34px; } 
     
     
    
}
@media(max-width: 392px){
    
    .onhover-group { height:250px; } 
    
    .title1 { font-size: 57px; }
    .tttc-main .tttc-box { padding: 20px 20px 42px; }
}