/*
Theme Name: Masseria Petrarolo
Theme URI: *******
Description: A bespoke theme developed for Masseria Petrarolo by LMNOP Studios Ltd
Author: LMNOP Studios
Author URI: http://www.lmnopstudios.com
Version: 1.0
*/

@import url('bootstrap/css/bootstrap.css');

/*//////////// BOOTSTRAP EXTEND //////////////////*/

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/*//////////// BOOTSTRAP EXTEND //////////////////*/
@media (min-width: 1646px) {
	.col-xxxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}	
}
@media (min-width: 1400px) {
.col-xxl-8 {
	-ms-flex: 0 0 66.666%;
    flex: 0 0 66.666%;
    max-width: 66.666%;
}	
.col-xxl-6 {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}	
.col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}	
.col-xxl-1 {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%;
}	
}
@media (max-width: 1399px) {
.hidecol-xl {
	display:none;
}
}
.col-xs-4 {
	width:33.333%;	
}
@media (max-width: 575px) {
.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
  
}
@media (max-width: 767px) {
    .alt_text_image_inner {
        flex-direction: column-reverse !important;
    }
}

/*////////////// FONTS /////////////////////////*/
@font-face {
  font-family: "socicon";
  src:url("fonts/socicon.eot");
  src:url("fonts/socicon.eot?#iefix") format("embedded-opentype"),
    url("fonts/socicon.woff") format("woff"),
    url("fonts/socicon.ttf") format("truetype"),
    url("fonts/socicon.svg#socicon") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
	position:absolute;	    
    width: 100%;
	font-family: 'Cormorant Garamond', serif;
    font-weight: normal;
    font-style: normal;
	color:#000000;
	font-size:18px;
	line-height:24px;
	background-color:#fff;
	font-variant-numeric: lining-nums;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
html {
    scroll-behavior: smooth;
}
html.noscroll {
	position: relative; 
}


/*////////////// TYPOGRAPHY ////////////////////*/

h1 {
    font-weight: 400;
    font-size: 1.66em;
    line-height: 1.33em;
    padding: 0px;
    margin: 0px;
    margin-bottom:1em;
    font-family: 'Cormorant SC', serif;
}
h2 {           
    font-weight: 400;
    font-size: 1.66em;
    line-height: 1.33em;
    padding: 0px;
    margin: 0px;
    margin-bottom:1em;
    font-family: 'Cormorant SC', serif;
}
h3 {
    font-weight: 400;
    font-size: 1.33em;
    line-height: 1.33em;
    padding:0px 0px;
    margin:0px;
    margin-bottom:1em;
}

p, li, a, ol {	
	font-size:1em;
	line-height:1.33em;
    font-weight:400;
	padding:0px;
	margin:0px;
}
p, ul {
      padding-bottom:1.33em;
}
a {
	outline: 0;
    color:#000000;
 
}
a:hover {
	text-decoration:none;
}

a.cta_btn {
    background-color: #009fe3;
    border-radius: 5px;
    padding: 5px 15px;
    color: #ffffff !important;
    transition: background-color 0.2s ease-in-out;
    display: inline-block;
    text-transform: uppercase;
    cursor:pointer;
    font-size: 0.9em;
        font-weight: 600;
}
a.cta_btn:hover {
     background-color:#0484ba;
}

/*//////////////SOCIAL///////////////*/
[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.socicon-twitter:before {
  content: "\e08d";
}
.socicon-facebook:before {
  content: "\e028";
}
.socicon-googleplus:before {
  content: "\e042";
}
.socicon-pinterest:before {
  content: "\e043";
}
.socicon-linkedin:before {
  content: "\e04c";
}
.socicon-youtube:before {
  content: "\e0a5";
}
.socicon-vimeo:before {
  content: "\e093";
}
.socicon-google:before {
  content: "\e067";
}
.socicon-instagram:before {
  content: "\e044";
}

.socicon-mail:before {
  content: "\e050";
}

[class^="socicon-"]:before, [class*=" socicon-"]:before {
    font-size:17px;
}

/*/ pADS /*/

header, .section_pad {
    margin:0px 60px;
}


/*/ Header /*/

header {
    height:150px;
    background-color:#ffffff;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
}
.header_logo {
    padding-top:25px;
    text-align:center;
        display: flex;
    justify-content: center;
    padding-bottom:5px;
}
.header_logo h1 {
    display:inline-block;
    margin:auto;
    line-height:1em;
    padding:0px 0em 0.2em;
    border-bottom:1px solid #eeeeee;
        margin-bottom: 0.1em;
}
.header_icon {
    margin-left: -80px;
}
.header_icon img {
      height: 70px;
    margin-right: 30px;
    margin-top: -2px;
}
.header_logo span {
    display:block;
}
.top_menu {
    position:absolute;
    right:0px;
    top:10px;
    padding:0px;
    margin:0px;
    display:flex;
    
}
.top_menu li {
    list-style:none;
    padding-left:30px;
}
.top_menu li a {
    font-size:0.77em;
    text-transform:uppercase;
    font-weight:500;
    font-family: 'Cormorant SC', serif;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
}
.top_menu li a:active, .top_menu li a:hover .top_menu li a:visited {
    color:#000000 !important;
}
.header_menu li a:active, .header_menu li a:hover .header_menu li a:visited, .header_menu li a {
    color:#000000 !important;
}
.header_logo a:active, .header_logo a:hover .header_logo a:visited, .header_logo li a {
    color:#000000 !important;
}
.header_menu {
    margin:0px;
    padding:0px;
     display:flex;
        align-items: center;
    justify-content: center;
}
.header_menu li {
    list-style:none;
    padding:1em;
}
.header_menu li a {
    font-size:0.88em;
    font-weight:500;
    text-transform:uppercase;
    font-family: 'Cormorant SC', serif;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
}

header.scrolled {
    background-color:#f6f6f6;
    position:fixed;
    height:60px;
        margin: 0;
    top:0px;
    animation: expand 0.4s;
        z-index: 10;
}
@keyframes expand{
    0%{top:-60px}
    100%{top:0px}
}
header.scrolled .header_logo, header.scrolled .lang_switch {
    display:none;
}
header.scrolled .top_menu li {
    background-color: #fff;
    padding: 3px 20px 5px;
    border: 1px solid #000;
    margin-right: 60px;
    margin-top: 3px;
}
header.scrolled .top_menu li a {
    font-weight:600;
}

.home_logo_mob {
    display:none;
}

/*/ MENU /*/

.menu-icon {
    display:none;
}


.menu-icon {
    position: fixed;
    z-index: 11;
    top: 10px;
    left: 10px;
    cursor: pointer;
    height: 36px;
    width: 40px;
    display:none;
}

.menu-icon.popup_menuicon .menu_icon_bar_holder{
	height: 36px !important;
    width: 40px !important;
}
.menu-icon.popup_menuicon .icon_bar_2 .menu_icon_bar {
	margin-top:14px !important;
}
.menu_icon_outer {
    margin-top:2px;
}
.menu_icon_inner {
	position:relative;
	width:100%;
	height:100%;
	margin-top: -2px;	
}
.menu_icon_bar_holder {
	width:24px;
	height:14px;
	position:absolute;
	will-change: left, top, transform; 	
}
.menu_icon_bar {
	width:100%;
	height:2px;
	background-color:#000;
	position:absolute;	
	left: 0px;
	top:0px;
}
.icon_bar_2 .menu_icon_bar {
    margin-top: 6px;	
}
.icon_bar_3 .menu_icon_bar {
    margin-top: 12px;	
}

.mob_header_menu {
	display:none;
	position:fixed;
	z-index:10;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
    background-color: #ffffff;
    z-index: 9;
}
.mob_header_menu.menuopen {
    display:block;
     animation: fademe 0.2s;
}
@keyframes fademe{
    0%{opacity:0}
    100%{opacity:1}
}

.mob_header_menu_inner {
padding-top: 80px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 17px;
    text-align: center;
}
.mob_header_menu_inner li {
    list-style:none;
    padding-bottom:0.7em;
}
.mob_header_menu_inner li a {
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Cormorant SC', serif;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
}

/*/ HERO SLIDER /*/
.home_hero {
   height: 100vh;

    scroll-snap-align: start;
    display: flex;
       /* overflow: hidden;*/
    width: 100%;
   /*height: calc(var(--vh, 1vh) * 100);*/    
}
.hero_slider {
    
    width: 100%;
    padding: 150px 60px 60px;
    
}
.hero_slide {
    background-size:cover;
    background-position:center center;
}


/*/ SAUCY SETS /*/

.bgFromSrcSet img {
  /*  display: none ; */
}
.bgFromSrcSet {
    opacity:0;
    -webkit-transition: opacity 0.3s;
    transition:opacity 0.3s;
}
.bgFromSrcSet.imgloaded {
    opacity:1;
}
/*/ DUO SLIDERS /*/

.alt_text_image {
     height: 100vh;
  
    /*height: calc(var(--vh, 1vh) * 100);*/
    position:relative;
        /*overflow: hidden;*/
    scroll-snap-align: start;
}
.alt_text_image_inner {
    width:100%;
    position:absolute;
    top:135px;
    bottom:75px;
    left:0px;
    right:0px;
    display:flex;
}
.layout_odd .alt_text_image_inner {
    flex-direction: row-reverse;
}
.alt_img {
    padding-left:0px !important;
    padding-right:0px !important;
}
.img_slider {
    height:100%;
}
.img_slide  {
    background-size:cover;
    background-position:center center;
}
.alt_text {
    align-items: center;
    justify-content: center; 
    display: flex;
}
.alt_text_inner {
width: 80%;
    max-width: 450px;
    margin-left: -10%;
}
.layout_odd .alt_text_inner {
     margin-left: 0%;
    margin-right:-10%;
}
.alt_text_inner h2 {
        border-bottom: 1px solid #eee;
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}
.slider-nav {
    position:relative;
    display:flex;
}
.slider-nav .slick-dots {
    position: relative !important;
    bottom:auto;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-prev, .slick-next {
    font-size: 0;
    left:0 !important;
    right:0 !important;
    line-height: 0;
    position: relative !important;
    top: auto!important;
    display: block;
    width: 50px!important;
    height: 30px;
    padding: 0;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-next  {
    order: 4;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 7px !important;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 9px!important;
    height: 9px!important;
    content: ''!important;
    text-align: center;
    opacity: .66!important;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #666;
    border-radius: 50%!important;
    
}
.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: black;
    background-color:#111;
}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 14px!important;
    opacity: 1!important;
    color: #111!important;
    /* margin-top: 6px; */
    position: absolute!important;
    top: 4px!important;
}
.slick-prev::before {
    content: "<"!important;
}
.slick-next::before {
    content: ">"!important;
        right: 0;
}



.img_slider  .slick-prev {
    display: block;
    position: absolute !important;
    top: 50% !important;
    right: auto !important;
    left: 10px !important;
    margin-top: -15px;
    z-index: 2;
    background-color:  transparent !important;
 
}

.img_slider  .slick-next {
    display: block;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    left: auto !important;
    margin-top: -15px;
     background-color:  transparent !important;
    
}
.img_slider  .slick-next::before {
    content: "►"!important;
    right: 6px;
    top: 13px !important;
    font-size: 20px !important;
    color: #fff !important;
    font-weight: 700 !important;
    left: -10px;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.6);
    opacity:1 !important;
}
.img_slider  .slick-prev::before {
    content: "◄"!important;
    right: 6px;
    top: 13px !important;
    font-size: 20px !important;
    color: #fff !important;
    font-weight: 700 !important;
    
    text-shadow: 0px 1px 3px rgba(0,0,0,0.6);
      opacity:1 !important;
}

/*/ triple_slide /*/
.triple_title {
    position:absolute;
    text-align:center;
    top:100px;
    right:0px;
    left:0px;
}
.triple_title h2 {
     text-align:center;
        border-bottom: 1px solid #eee;
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;
    display:inline-block;
    padding-left:30px;
    padding-right:30px;
}
.triple_slides.alt_text_image_inner{
    top:11em;
    bottom:auto;
}
.triple_slides.alt_text_image_inner .slider-nav {
    position:absolute;
    bottom:-30px;
}
.triple_slide {
    display:flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.triple_slide .img_slider {
    height:40vh;
}
.triple_slide .alt_text_inner {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
    margin-top: 20px;
}
.triple_slides .triple_slide:nth-of-type(1) {
    padding-right:1.66em;
}
.triple_slides .triple_slide:nth-of-type(2) {
    padding-right:1.66em;
    padding-left:1.66em;
}
.triple_slides .triple_slide:nth-of-type(3) {
    padding-left:1.66em;
}
.panelsnap_hide {
        display:block;
    }
    .csssnap_hide {
        display:none;
    }
.triple_css_title {
    height:20vh;
        z-index: 1;
}

/*/ MEET THE TEAM /*/

.meet_the_team_slider  {
    padding: 0px 15px;
    width: calc(100% + 1.6em);
}
.meet_the_team_slide {
      width:33.33%;
}
  .meet_the_team_slide .alt_text_inner{
  
    padding-left:1.66em;
    padding-right:1.66em;
}
  .meet_the_team_slide:nth-of-type(1) .alt_text_inner {
    padding-left:10px;
    padding-right:1.66em;
}
.meet_the_team_slide .alt_text_inner {
    margin-left:0px;
    width: 100%;
    max-width: 100%;

}
.team_image {
    height: 40vh;
    background-size:cover;
    background-position:center center;
}


/*/ FOOTER /*/

.footer {
        /*scroll-snap-align: start;*/
    background-color:#f9f9f9;
    padding: 70px  100px;
}
.footer .footermenu ul {
    padding:0px;
    margin:0px;
    margin-bottom:60px;
}
.footer .footermenu ul li {
    list-style:none;
    padding:0px;
    margin:0px;
    margin-bottom: 0.2em;
}
.footer .footermenu ul li a {
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Cormorant SC', serif;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
}


/*/ INTERNAL PAGES /*/

.internal_page {
    padding-top: 150px;
    position: relative;
    z-index: 0;
}
.page_section  {
    max-width: 1020px;
    padding: 0px 60px;
    margin:auto;
}
.page_section h1 {
    display:inline-block;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;
}
.body_text img {
    width:100%;
    height:auto;
}
.body_text a {
    text-decoration:underline;
}

/*/ FORMS /*/

.form_item, .body_text {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
.form_item {
    padding-bottom:60px;
}
.gfield_required {
    display:none !important;
}
.ginput_container input {
    width:100% !important;
}
body .page_section .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
    padding-top: 0;
}
body .page_section .gform_wrapper .gform_button  {
    background-color: #fff;
    padding: 3px 20px 5px;
    border: 1px solid #666;
    margin-right: 60px;
    margin-top: 3px;
    font-size: 0.88em;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Cormorant SC', serif;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
    font-size: 16px !important;
}

#field_1_9 .gfield_label, #field_1_7 .gfield_label {
    display:none;
}

.gform_wrapper ul.gfield_checkbox li label {
        padding-top: 6px;
    padding-left: 10px;
}

/*/ PAGE LSIDERS /*/
.page_section.page_slider {
    max-width: 1500px;
}
.page_slider  {
    height:50vh;
    width:100%;
    margin-bottom:60px;
}
.page_slide  {
    height:50vh;
    background-size:cover;
    background-position:center center;
}

/*/ LANG SWITCHER /*/

#menu-langmenu {
    margin: auto;
    display: flex;
    padding: 0px;
    margin: 0px;
}
#menu-langmenu li {
    padding-left:0px;
}
#menu-langmenu li:first-of-type {
  border-right:1px solid #eee;
    padding-right:5px;
    margin-right:5px
}
header.scrolled .menu-langmenu-container{
    display:none;
}

/*/ IOS is the worst of the worst.... /*/

#main_cont {
         -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        height:100vh;
}

.triple_slide_holder {
    min-height:800px;
}


@media (max-width: 1400px) {
    .triple_title {
        position:absolute;
        text-align:center;
        top:80px;
        right:0px;
        left:0px;
    }
    .triple_slides.alt_text_image_inner{
        top:9em;
    }
    .triple_slide .img_slider {
        height:30vh;
    }
    .team_image {
    height: 30vh;
    }
}
@media (max-width: 1360px) {
    .header_menu li {
        padding: 1em 0.8em;
    }
}
@media (max-width: 1300px) {
    .triple_slides .triple_slide {
        padding-right:0.6em !important;
        padding-left:0.6em !important;
    }
    .meet_the_team_slide .alt_text_inner {
   
     padding-right:0.6em !important;
        padding-left:0.6em !important;
}
  .meet_the_team_slide:nth-of-type(1)  .alt_text_inner{
    padding-left:10px;
      padding-left:0.6em !important;
}
    .meet_the_team_slider  {
    padding: 0px 15px;
    width: calc(100% + 0.6em);
}
}
@media (max-width: 1250px) {
    .header_menu li {
        padding: 1em 0.5em;
    }
   
header.scrolled .header_menu {
    align-items: start;
    justify-content: start;
    padding-left: 60px;

}
}

@media (max-width: 1080px) {
     .menu-icon {
        display:block;
    }
     .header_logo {
        display:none !important;
    }
    .home_logo_mob {
        display:block!important;
        font-size: 16px;
    }
    .home_logo_mob  .header_logo {
        display:flex !important;
        padding-top: 60px;
    }
.home_hero {
        position:relative;
        display: block;
    }
    .hero_slider {
        position: absolute !important;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: auto;
        padding:0px;
        margin: 150px 10px 150px;
    }
    header, header.scrolled {
        position:fixed;
        height:36px;
        background-color: #f6f6f6;
        margin:0px !important;
        z-index:10;
    }
    header.scrolled {
        animation:none !important;
    }
    header .header_menu, header.scrolled .header_menu{
        display:none;
    }
   
    header .top_menu li, header.scrolled .top_menu li {
        background-color: #fff;
        padding: 1px 15px 2px;
        border: 1px solid #000;
        margin-right: 10px;
        margin-top: -4px;
    }
     header .menu-langmenu-container li, header.scrolled .menu-langmenu-container li {
        display:block !important;
        background-color: transparent!important;
        border:none!important;
    }
}


@media (max-width: 991px) {
    body, html{
        height:100vh;
    }
    #main_cont {
             scroll-snap-type: mandatory;
	scroll-snap-points-y: repeat(100vh);
	scroll-snap-type: y mandatory;
         -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        height:100vh;
        
    }
    
    
    .interpage .footer {
            scroll-snap-align: none !important;
    }
    .footer {
        padding:50px;
    }
    .triple_slides {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .triple_slide_holder {
        height:180vh;
    }
    .triple_slides .triple_slide:nth-of-type(1) {
        padding-right:0.66em !important;
        padding-left:0em!important;
    }
    .triple_slides .triple_slide:nth-of-type(2) {
        padding-right:0em!important;
        padding-left:0.66em !important;
    }
    .triple_slides .triple_slide:nth-of-type(3) {
        margin-top:70px;
        padding-left:0.66em !important;
        padding-right:0.66em !important;
    }
    .panelsnap_hide {
        display:none;
    }
    .csssnap_hide {
        display:block;
    }
    
}
@media (max-width: 767px) {
    .header_icon {
    margin-left: -30px;
}
    .header_icon img {
    height: 56px;
    margin-right: 20px;
    margin-top: 2px;
}
    .img_slider .slick-next::before {
        left:30px;
        font-size: 15px !important;
    }
    .img_slider .slick-prev::before {
        left: -20px;
        font-size: 15px !important;
    }
    
    .page_slider  {
        height:30vh;
    }
    .page_slide  {
        height:30vh;
    }
    .page_section  {
        padding: 0px 40px;
    }
    .internal_page {
        padding-top: 50px;
    }
    .page_section.page_slider {
        padding:0px 10px !important;
    }
    .menu-icon {
        display:block;
    }
    body {
        font-size:14px;
    }
    .header_logo {
        display:none !important;
    }
    .home_logo_mob {
        display:block!important;
        font-size: 16px;
    }
    .home_logo_mob  .header_logo {
        display:flex !important;
        padding-top: 60px;
    }
    header, .section_pad {
        margin: 0px 10px;
    }
    .alt_text_image {
      
        /*height: calc(var(--vh, 1vh) * 100);*/
       
    }
    .img_slider{ 
        width: 100%;
    }
    .row {
        height:100%;
    }
    .alt_text_image .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .alt_text_image_inner {
        top: 56px;
        bottom: 15%;
        display:block
    }
   .alt_text {
        position: absolute;
        bottom: 0px;
       z-index: 2;
    }
    .alt_text_inner {
        width: 96%;
        max-width: 450px;
        margin-left: 0;
        padding: 3% 5%;
        background-color:#fff;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    }
    .text_slide h3 {
        font-size:1.2em;
    }
    .alt_text_inner h2 {
        font-weight: 500;
        font-size: 1.5em;
    }
    .layout_odd .alt_text_inner {
        margin-left: 0;
        margin-right: 0;
    }
    .slider-nav {
        justify-content: center;
        padding-top: 0px;
    }
    .slick-prev, .slick-next {
        margin-top:-2px;
    }
    .img_slider {
        height: 53vh;
        z-index: 1;
    }
    .home_hero {
        position:relative;
        display: block;
    }
    .hero_slider {
        position: absolute !important;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: auto;
        padding:0px;
        margin: 150px 10px 150px;
    }
    header, header.scrolled {
        position:fixed;
        height:36px;
        background-color: #f6f6f6;
        margin:0px !important;
        z-index:10;
    }
    header.scrolled {
        animation:none !important;
    }
    header .header_menu, header.scrolled .header_menu{
        display:none;
    }
   
    header .top_menu li, header.scrolled .top_menu li {
        background-color: #fff;
        padding: 1px 15px 2px;
        border: 1px solid #000;
        margin-right: 10px;
        margin-top: -4px;
    }
     header .lang_switch, header.scrolled .lang_switch {
        display:block !important;
        background-color: transparent!important;
        border:none!important;
    }
    .alt_text_inner .slick-prev, .alt_text_inner .slick-next {
         width:30px !important;   
    }
}

@media (max-width: 368px) {
    .header_icon {
    margin-left: -10px;
}
    
}