* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ffffff;color: #000000;font-family: "franklin-gothic-atf", sans-serif;font-size: 100%;font-weight: 300;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px solid ; padding-bottom: 2px; cursor: pointer;}
a:hover { border-bottom: 2px solid ; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { padding: 0px 0px 0px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: #000000; }
fieldset {padding: 0px;margin: 0px;border: none;}
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: "franklin-gothic-atf", sans-serif; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p { padding: 0px 0px 20px 0px; margin: 0px; word-wrap: break-word; }
strong { font-weight: 500; font-family: "franklin-gothic-atf", sans-serif; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }


:root {
    --main-blue: #1470AF;
    --darker-blue: #0e4d76;
    --main-lilac: #EAEAEE;
    --darker-lilac: #c9c9d7;
}

h1, h2, h3{font-family: "meno-banner", serif; font-weight: 400; font-style: normal; }

h1 {font-size: 2.5em;}
h2 {font-size: 2em;}
h3 {font-size: 1.75em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.25em;}
h6 {font-size: 1em;}
p {font-size: 1em;}

img{max-width: 100%; height: auto;}


.layoutmiddle {max-width: 100%;margin: 0 auto;min-height: calc(100vh - 350px);padding: 15px;}

.section2 .layoutmiddle, .section7 .layoutmiddle{background-color: var(--main-lilac);}
.section12 .layoutmiddle{background-color: var(--main-blue); color: white; }
.section12 .layoutmiddle .layoutcontent{max-width: 1600px; margin: 0 auto;}


.pagetitle { text-align: center; padding: 40px 0; font-size: 3em;}
.section12 .pagetitle {color: white;}
.section7 .pagetitle {color: var(--main-blue);}


/*********************************************************************************/
/*Header*/
/*********************************************************************************/

.section2 .layoutheader,.section7 .layoutheader {background-color: var(--main-lilac);}
.section12 .layoutheader {background-color: var(--main-blue);}

.layoutheader .layoutheader_inner {display: flex;justify-content: space-between;align-items: center;padding: 40px 20px 20px 20px;}

.logo a{ border: none; font-size: 1.75em; font-family: "meno-banner", serif; font-weight: 600;}
.section2 .logo a, .section7 .logo a{color: var(--main-blue);}
.section12 .logo a{color: white;}

.nav_multilevel li {position: relative; padding: 15px 0px 0 15px; }
.nav_multilevel li.selected>a{border-bottom: 1px solid;}
.nav_multilevel a { font-size: 1.15em; border-bottom: none; letter-spacing: -1px;}
.nav_multilevel a:hover{border-bottom: 1px solid;}
.section2 .nav_multilevel a, .section7 .nav_multilevel a {color: var(--main-blue);}
.section12 .nav_multilevel a {color: white;}


/* Laptop */
@media ( min-width: 701px ){
    .toggle {display: none;}

    .nav_multilevel .level1{display: flex;}
    .nav_multilevel .level2{display: none;position: absolute;z-index:999;padding: 10px; margin-top: 2px; width: max-content; right: -10px; text-align: end; }
    .section2 .nav_multilevel .level2, .section7 .nav_multilevel .level2{background-color: var(--main-lilac);}
    .section12 .nav_multilevel .level2{background-color: var(--main-blue)}
    .nav_multilevel li:hover>.level2{display: block;}
}


/* Phone */
@media ( max-width: 700px ){

    .layoutheader .toggle {display: block;position:absolute;top: 28px;right: 20px;cursor:pointer;font-size: 250%; }
    .section2 .nav_multilevel .toggle i, .section7 .nav_multilevel .toggle i {color: var(--main-blue);}
    .section12 .nav_multilevel .toggle i {color: white;}

    .layoutheader .toggleoff ul {display: none;}
    .layoutheader .toggleon .links>ul{display: block;position: absolute;top: 70px;right: 0px;width: 100%;height: auto;z-index: 99;text-align: left;margin-top: 0; padding-bottom: 20px;}
    .section2 .layoutheader .toggleon .links>ul, .section7 .layoutheader .toggleon .links>ul {background-color: var(--main-lilac);}
    .section12 .layoutheader .toggleon .links>ul {background-color: var(--main-blue);}

    .logo a{font-size: 1.4em;  }

    .nav_multilevel .link12{padding: 0;}
    .nav_multilevel .link12>a{display: none;}
}


/*********************************************************************************/
/*Footer*/
/*********************************************************************************/

.layoutfooter{background-color: var(--main-lilac); padding-top:40px;}
.layoutfooter .nav_linklist ul{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; margin: 0px auto; padding: 20px; max-width: 1200px;}
.layoutfooter .nav_linklist .link1,.layoutfooter .nav_linklist .link2 {width: 50%;}
.layoutfooter .nav_linklist li{text-align: center; padding-bottom: 50px; }
.layoutfooter .nav_linklist a{color: var(--main-blue); font-size: 1.15em; letter-spacing: -1px; }

.layoutcredits {background-color: var(--main-lilac); text-align: end; padding: 10px; }
.layoutcredits .beachshore{font-size: 0.8em;}
.layoutcredits .beachshore, .layoutcredits .beachshore a{color: var(--main-blue); }

@media ( max-width: 700px ){

    .layoutfooter .nav_linklist ul{flex-direction: column;}
    .layoutfooter .nav_linklist .link1,.layoutfooter .nav_linklist .link2 {width: 100%;}
    .layoutfooter .nav_linklist li{padding-bottom: 20px;}
    .layoutfooter .nav_linklist a{font-size: 1em;}
}


/*********************************************************************************/
/*Home*/
/*********************************************************************************/

.home .util_textbox_inner {display: flex;}
.home .imageleft, .home .content{width: 50%; min-height: 85vh;}

.home .imageleft {background-size: cover; }

.home .content h2, .home .content h3{color: var(--main-blue); padding: 10px 40px;}
.home .content h2{font-size: 4.5em; font-weight: 600;}
.home .content h3{font-size: 2.5em;}


@media ( max-width: 1400px ){
    .home .imageleft, .home .content{ min-height: 80vh;}
}

@media ( max-width: 1000px ){
    .home .content h2{font-size: 3.5em; }
    .home .content h3{font-size: 2em;}
}

@media ( max-width: 800px ){
    .home .util_textbox_inner {flex-direction: column;}
    .home .imageleft, .home .content{width: 100%;}

    .home .imageleft{min-height: 60vh;}
    .home .content{min-height: 30vh;  padding-top: 30px;}

    .home .content h2, .home .content h3{ padding: 10px 20px;}

    .home .content h2{font-size: 2.5em; }
    .home .content h3{font-size: 1.75em;}

}


/*********************************************************************************/
/*Contact*/
/*********************************************************************************/

.surv_standard .form {width: 600px; margin: 0 auto;background-color: var(--darker-lilac);padding: 40px 20px 20px 20px;border-radius: 10px;box-shadow: 0px 4px 6px rgba(0,0,0,0.1);}
.surv_standard .intro {padding-bottom: 20px; text-align: center; max-width: 800px; margin: 0 auto; line-height: 30px; color: var(--main-blue);}
.surv_standard .intro a{color: var(--main-blue);}

/* Form fields*/
.surv_standard  #fb-1-div {float:left;width:50%;padding-right: 15px;}
.surv_standard  #fb-2-div {float:left;width: 50%;}
.surv_standard  .buttons {text-align: right;}
label {padding-bottom: 20px;color: var(--darker-blue);text-transform: capitalize; font-weight: 400;}
input, textarea, select {border-radius: 7px;margin: 5px 0px 20px 0px;padding: 10px; background-color: white;border:none; outline: none; }
textarea{ resize: vertical;overflow: auto;}
.surv_standard input[type=text] {width: 100%;}
.surv_standard textarea {width: 100%;}
.surv_standard input[type=submit] {width: auto;}

/*Button*/
.buttons input{ padding: 10px 30px;display: inline-block;border:none;border-radius: 10px;background-color: var(--darker-blue);box-shadow: 0px 4px 6px rgba(0,0,0,0.1);color: white;transition: box-shadow 0.3s ease;font-weight: 500;}
.buttons input:hover {box-shadow: 0px 4px 6px rgba(0,0,0,0.4); background-color: var(--main-blue); }

/* Confirmation Message */
.surv_standard .confirm{max-width: 600px; margin: 0 auto; }
.surv_standard .confirm p { line-height: 1.5; color: var(--main-blue);}

/* Error Message */
.surv_standard .message {color: red;max-width: 600px; margin: 0 auto; padding: 20px;  }


@media (max-width: 700px) {

    .surv_standard .form {max-width: 600px; width: 100%; }
    .surv_standard fieldset {flex-direction: column;}
    .surv_standard #fb-1-div,.surv_standard #fb-2-div {float: none;width: 100%;padding-right: 0px;}
}


/*********************************************************************************/
/*Testimonials*/
/*********************************************************************************/

.testimonials .feat_carousel {display: block;}

/* .testimonials {min-height: 1050px;} */
.feat_carousel{ margin:40px 0;}
.feat_carousel .titletxt{text-align: center;margin-bottom: 50px; display: none;}
.feat_carousel .carousel {overflow: hidden;max-width: 1200px;min-height: 300px;margin: 0 auto; padding-left: 10px; }
.feat_carousel .carousel ul { width: 20000em; position: relative; display:flex; gap:20px;}
.feat_carousel .carousel li {float: left;max-width: 580px !important;min-height: 480px;/* margin: 0 10px; */text-align: center;box-sizing: border-box;}
.feat_carousel .carousel li .util_textbox{display: flex;justify-content: center;align-items: center;height: 100%;min-height: 480px;padding: 40px;background-color: var(--main-lilac);color: var(--main-blue); border-radius: 10px;}
.feat_carousel .carousel li .util_textbox i{font-size: 40px; color: var(--main-lilac); margin-bottom: 20px;}
.feat_carousel .carousel li .util_textbox p{padding-bottom: 20px; display: none;}
.feat_carousel .carousel li .util_textbox p:first-child{display: block;}
.feat_carousel .carousel li .util_textbox .show{display: block; } 

.feat_carousel .carousel li .util_textbox .imagetop{ display: flex; }
.feat_carousel .carousel li .util_textbox svg{width: 50px; height: auto; margin: 0 10px 15px 10px; }

.feat_carousel .carousel li .util_textbox svg path{fill: var(--darker-blue)}

.nextprevious a{font-size: 100px;color:var(--darker-lilac);display: flex;align-items: center;justify-content: center; border: none;}
.carousel-next, .carousel-prev {height: 100px;width: 60px; position: absolute;top: 480px;}
.carousel-next:hover, .carousel-prev:hover{color: var(--main-lilac);}
.carousel-next{ right:15px;}
.carousel-prev{ left:15px;}


@media (max-width: 1340px) {
    .feat_carousel .carousel { max-width: 1000px;}
    .feat_carousel .carousel li { max-width: 480px !important; }    
    .carousel-next, .carousel-prev {top: 520px;}
}

@media (max-width: 1140px) {
    .feat_carousel .carousel { max-width:1140px; margin: 0 50px; padding-left: 0px;}
    .feat_carousel .carousel li {max-width: 100% !important;}   

    .carousel-next, .carousel-prev {top: 480px;}
    .nextprevious a{font-size: 80px;}
    .carousel-next{ right:5px;}
    .carousel-prev{ left:5px;}
}

@media (max-width: 600px) {

    .feat_carousel .carousel{margin: 0px; }
    .feat_carousel .carousel li .util_textbox{padding: 20px;}

    .carousel-next, .carousel-prev {top:190px; width: 30px;}
    .nextprevious a{font-size: 40px;}
    .carousel-next{ right:40%;}
    .carousel-prev{ left:40%;}
}


/* 
@media (max-width: 1000px) {
    .feat_carousel .carousel { margin: 0 50px;}
    .feat_carousel .carousel li { max-width: 100% !important; margin: 0;}    
}

@media (max-width: 600px) {
    .feat_carousel{padding: 60px 0 30px 0;}
    .feat_carousel .carousel { margin: 0 20px;}
} */