/* --------------------------------------
GLOBAL STYLES
-----------------------------------------*/
html{
    overflow-x: hidden;
    width: 100%;
}
body {
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  color: #666;
  line-height: normal;
  background: #fff;
  overflow: hidden;

}
/* Other fixes*/
*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	        box-sizing: border-box;
}
i {
	vertical-align: middle;
}
ul, ol {
  padding-left: 0 !important; 
}
li {
  list-style: none;
}
h1 , h2, h3, h4, h5{
  margin: 0;
  padding: 0;
  font-family: 'EB Garamond', serif;
  text-transform: uppercase;
  font-weight: normal;
}
p{ }
/* LINKS */
a{ }
a:hover{ text-decoration: none;}

a {text-decoration:none;}
a:hover {text-decoration:none; }
a:before,a:after { text-decoration:none;}
a:before,a:after,
a:hover:before,a:hover:after {text-decoration:none;}

/* IMG RESPONSIVE */
img{
  display: block;
  max-width: 100%;
  height: auto;
}
/* General settings */
.container-fluid{
  padding-right: 100px;
  padding-left: 100px;
}
.container-fluid.nospace{
  padding-right: 0 !important;
  padding-left: 0 !important;
  max-width: 2500;
  width: 100%;
  margin: 0 auto;
}
.container-fluid.nospace .row [class*="col-"]{
  padding: 0 2px;
  margin: 0;
}
.wrapper{
 max-width: 2500px;
  width: 80%;
  margin: 0 auto;
}

/* FORM */
/*---------------------------------------
FORM                 
-----------------------------------------*/
.form-control{
  background: #fff;
  height: 60px;
  color: #808083;
  margin-bottom: 25px;
  font-size: 17px;
  border: 1px solid #ecebe9;
  border-radius:                    0px;
  -webkit-border-radius:            0px;
  -moz-border-radius:               0px;
}
.form-control::-moz-placeholder {
  color: #808083;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #808083;
}
.form-control::-webkit-input-placeholder {
  color: #808083;
}
textarea.form-control{
  padding: 20px;
  margin-bottom: 20px;
}
.form-contact .btn-submit{
  background: #4d738a;
   margin: 0 auto;
  display: block;
  font-size: 17px;
  border: none;
  color: #fff;
  padding: 5px;
  text-transform: uppercase;
  font-family: 'EB Garamond', serif;
  letter-spacing: 2px;
}
.form-contact .btn-submit span{
  background: url(../images/btn_submit.png) right 0 no-repeat;
  background-size: auto auto;
  padding: 15px 150px 15px 100px;
  display: block;
  height: 50px;
}
.form-contact .btn-submit:hover{
  background: #263a47;
}
/* --------------------------------------
HEADER
-----------------------------------------*/
header{
  border-top: 10px solid #c5a44f;
  position: relative;
  background: url(../images/bg_header.png) 0 0 no-repeat;
  background-position: -140px 0;
  z-index: 1000;
  height: 230px;
}
header .logo{
  position: absolute;
  top: 40px;
  left: 46px;
}
header .logo img{
  width: 70%;
}
header .utilities{
 position: absolute;
 right: 50px;
 top: 137px;
}
header .utilities a{
  padding: 10px 70px;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'EB Garamond', serif;
  margin-left: 10px;
  letter-spacing: 3px;
}
header .utilities a.app{
  background: #4d738a;
}
header .utilities a.call:hover{
  background: #4d738a;
}
header .utilities a.call,
header .utilities a.app:hover{
  background: #b78c35;
}
/* MENU */
#menu{
  position: relative;
  z-index: 5000;
  margin: 0;
  padding: 46px 50px 0 0;
  float: right;
}
#menu li {
  position: relative;
  letter-spacing: 3px;
  font-family: 'EB Garamond', serif;
}
#menu li a {
  color: #4e738a;
  display: block;
  font-size: 24px;
}
/* first level */
#menu > li {
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 17px; /* space between dropdown */
}
#menu > li > a {
  height: 100%;
  font-size: 18px; 
  line-height: 1.5em; /* 60 (24) */
  margin: 0 40px;
  padding: 0 0 5px 0 !important;
}
/*
#menu > li > a.active:after{
  content:'';
  height:4px;
  width:20%;
  background:#bfbfbf;
  position:absolute;
  left:calc(50% - -12%);
  top: 45px;
}
#menu > li:not( :last-child ) > a {
  padding-right: 30px;
}
#menu > li:first-child > a{
  padding-left: 0;
}
#menu > li:last-child > a{
  padding-right: 0;
}
#menu > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
  
}
*/
#menu > li.has-child > a {
   padding-bottom: 25px !important;
   background: url(../images/bg_menu_sub.png) bottom center no-repeat;
   background-size: 15% auto;
   margin-right: -10px !important;
}
#menu > li > a:last-child{
  margin-right: 0 !important;
}
/* second level */
#menu li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 40px !important;
  width: 240px;
  background: #4d738a;
  padding: 5px 0;
}
#menu li ul li{
  text-transform: none;
  padding: 0 20px 0 0;
  color: #fff;
  font-size: 20px;
   width: 240px;
}
#menu li ul > li:last-child{
  border-bottom: none;
}

#menu li:not( :first-child ):hover ul {
  left: -1px;
}
#menu li ul a {
  font-size: 12px !important;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 10px;
  margin-bottom: 5px;
  color: #fff;
}
/*
#menu li ul li a:hover, 
#nav li ul:not( :hover ) li.active a {
    background: #eeeeee;
}

#menu li ul li a:hover{
  background: #eeeeee
}
*/
#menu li ul li.has-child > a {
   background: url(../images/bg_dropdown_level2.png) right center no-repeat !important;
}

/* third level */
#menu li ul li ul{
  left: 240px !important;
  top: 0;
  padding-left: 12px;
  background: #4d738a;
}
/* --------------------------------------
BANNERVIDEO
-----------------------------------------*/
.bannervideo,
.topbanner{
  position: relative;
  top: -185px;
  z-index: 500;
  margin-bottom: -185px;
}
.bannervideo .title{
  position: absolute;
  width: 80%;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2000;
}
.bannervideo .title h1{
  font-size: 30px;
  color: #fff;
  padding-bottom: 20px;
  letter-spacing: 12px;
}
.bannervideo .title h1 strong{
  display: block;
  font-size: 60px;
  font-weight: normal;
  letter-spacing: normal;
}
.btn{
  background: #b78c35;
  padding: 6px 80px 11px 80px;
  font-size: 23px;
  margin: 0 auto;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 4px;
  cursor: pointer;
  border-radius: 25px;
}
.btn:hover{
  background: #fff;
  color: #b78c35;
}
.btn span{
  display: block;
  background: url(../images/bg_btn.png) right 12px no-repeat;
  background-size: 2.5% auto;
  padding-right: 30px;
  padding-top: 5px;
  font-family: 'EB Garamond', serif; 
}
.btn:hover span{
  background: url(../images/bg_btn_hover.png) right center no-repeat;
  background-size: 2% auto;
}
/* --------------------------------------
SECTION: TOPBANNER
-----------------------------------------*/
.topbanner{
  height: 490px;
  width: 100%;
  position: relative;
  border-bottom: 7px solid #a4c1e1;
}

.topbanner img{
  height: 490px;
  object-fit: cover;
  width: 100%;
  height: 100%;

}
.topbanner .gradientfill{
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 70%);
  position: absolute;
  top:0;
  width: 100%;
  height: 490px;
}
.topbanner .title{
  margin: 0 auto;
  width: 100%;
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  top: 60%;
  text-transform: uppercase;
}
.topbanner .title h1{
  font-size: 70px;
  color: #fff;
  letter-spacing: 5px;
}
/* --------------------------------------
MAINCONTENT
-----------------------------------------*/
.maincontent{
  padding: 50px 0 0 0;
}
.maincontent.top{
  position: relative;
  z-index: 1500;
  top: -90px;
  margin-bottom: -140px;
  padding: 0;
}
.maincontent h2{
  text-align: center;
  color: #304a56;
  font-size: 38px;
  letter-spacing: 2px;
}
.maincontent h2 span{
  padding: 30px 0 10px 0;
  width: 70%;
  display: block;
  margin: 0 auto;
  background: #97b8c1;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.maincontent .colored{
  background: #97b8c1;
  padding: 30px 0;
}
.standardtext h3{
  font-size: 36px;
  color: #304a56;
  padding: 0 0 45px 0;
}
.standardtext p,
.standardtext ul li{
  font-size: 14px;
  color: #6d6e71;
  padding: 0 0 15px 0;
  line-height: 20px;
  text-align: justify;
}
.standardtext h4{
  font-size: 20px; 
  color: #44677a;
  padding-bottom: 15px;
}
.standardtext ul li{
  background: url(../images/icon_bulletlist.png) 0 3px no-repeat;
  padding: 0 0 20px 33px;
}
.standardtext ul{
  margin-left: 13px;
}
.spaceside{
  padding-right: 100px;
}
/* filter */
.filterDiv {
  width: 100%;
  display: none;
}
/* The "show" class is added to the filtered elements */
.show {
  display: block;
}
/* Typetabs */
#typetabs{
  padding-bottom: 50px;
}
#typetabs .nav-tabs{
  padding-bottom: 50px;
}
#typetabs .nav-tabs.nav-justified>li{
  outline: none;
  font-size: 30px;
  background-color:transparent;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 0;
  color: #395463;
  font-family: 'EB Garamond', serif;
  text-align: center;
}
#typetabs .nav-tabs.nav-justified>li a{
  border-radius: 0;
  border-bottom: none;
  border: 2px solid #e0eaed;
  margin:  0 15px;
  color: #395463;
}
.nav-tabs.nav-justified>.active>a{
  border: 2px solid transparent !important;
}
/* Style the buttons 
#myBtnContainer{
  text-align: center;
  padding-bottom: 50px;
}
#myBtnContainer [class*="col-"]{
  padding-right: 8px;
  padding-left: 8px;
}
#myBtnContainer .btnsel {
  border: 2px solid #e0eaed;
  outline: none;
  font-size: 30px;
  background-color:transparent;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  padding: 8px 0;
  color: #395463;
  display: block;
  width: 100%;
  font-family: 'EB Garamond', serif;
  text-align: center;
}


#myBtnContainer .btnsel:hover {
  background-color: #ffffff;
  color: #395463;
  border: 2px solid #ffffff;
}


#myBtnContainer .btnsel.activelink {
  background-color: #ffffff;
  color: #395463;
  border: 2px solid #ffffff;
}
*/

.brandbox .textblock{
  background: #fff; 
  padding: 30px 80px;
}
.brandbox .textblock h3{
  font-size: 50px;
  color: #44677a;
  padding-bottom: 25px;
}
.brandbox .textblock h4{
  font-size: 20px; 
  color: #44677a;
  padding-bottom: 15px;
}
.brandbox .textblock p,
.brandbox .textblock ul li{
  font-size: 15px;
  color: #6d6e71;
  line-height: 20px;
  text-align: justify;
  padding-bottom: 30px;
}
.brandbox .textblock ul li{
  background: url(../images/icon_bulletlist.png) 0 3px no-repeat;
  padding: 0 0 20px 33px;
}
.brandbox .textblock ul{
  margin-left: 13px;
}
.bgphototext{
  position: relative;
  padding-bottom: 130px !important;
}
.bgphototext .bg{
  position: absolute;
  width: 100%;
  height: 640px;
}
.bgphototext .bg img{
  object-fit: cover;
  height: 640px;
  width: 100% !important;
}
.bgphototext .standardtext{
  padding: 100px;
  color: #fff;
  position: relative;
  z-index: 3000;
}
.bgphototext .standardtext h3,
.bgphototext .standardtext p{
  color: #fff;
}
.bgphototext .standardtext h3{
  padding-bottom: 20px;
  text-align: center;
}
.bgphototext .standardtext p{
  font-size: 16px;
  line-height: 25px;
}
.bgphototext .standardtext ul li{
  color: #fff;
}
/*---------------------------------------
SECTION: CHOOSEDROP 
-----------------------------------------*/
.choosedrop{
  background: #97b8c1;
  padding: 150px 0;
}
.choosedrop.side{
  background: transparent;
  padding: 0 0 20px 0;
}
.choosedrop h3{
  font-size: 36px;
  color: #304a56;
  text-align: center;
  padding-bottom: 50px;
}
/* ACCORDION */
.panel-heading {
  position: relative;
  border-radius: 0 !important;
}
.panel-group .panel{
  border: none;
  border-radius: 0 !important;
  margin-bottom: 20px;
  background: #4d738a;
  padding: 5px;
}
.panel-title{
  font-size: 20px;
  text-align: center;
 color: #fff ;
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 2px;
}
.panel-heading[data-toggle="collapse"] {
 background: url(../images/bg_dropdown_form_up.png) right top no-repeat;
 position: relative;
  background-size: auto 73px;
}
.panel-heading[data-toggle="collapse"].collapsed {
  background: url(../images/bg_dropdown_form.png) right top no-repeat;
  background-size: auto 73px;
}
.panel-heading{
  cursor: pointer; 
  padding-right: 90px;
  min-height: 73px;
  display: table;
  width: 100%;
}
.panel-body{
  background: #fff;
  border-top: 0;
  margin-top: 4px;
}
.panel-body p{
  padding-bottom: 10px;
}
.panel-body p,
.panel-body ul li{
  font-size: 14px;
  line-height: 20px;
}
.panel-body ul{
  margin-left: 23px;
  padding-bottom: 10px;
}
.panel-body ul li{
 background: url(../images/icon_bulletlist.png) 0 3px no-repeat;
 padding: 0 0 15px 33px;
}
/*---------------------------------------
SECTION: TESTI    
-----------------------------------------*/
.testi{
  padding: 100px 0;
}
.testi .topimg img{
  width: 15%;
  height: auto;
  display: block;
  margin: 0 auto 50px auto;
}
.testi h2{
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  padding-bottom: 40px;
}
.testi h2 span{
  font-size: 46px;
  display: block;
}
.testi .btns{
  text-align: center;
  margin-top: 80px;
}
.testislider.owl-carousel .owl-nav .owl-prev,
.testislider.owl-carousel .owl-nav .owl-next,
.testislider1.owl-carousel .owl-nav .owl-prev,
.testislider1.owl-carousel .owl-nav .owl-next{
    width: 34px;
    height: 82px;
    color: transparent;
    border-radius: 0;
    margin: 0 !important;
}
.testislider.owl-carousel .owl-nav .owl-prev,
.testislider.owl-carousel .owl-nav .owl-prev:hover,
.testislider1.owl-carousel .owl-nav .owl-prev,
.testislider1.owl-carousel .owl-nav .owl-prev:hover{
    background: url('../images/icon_arrow_slider_left.png') no-repeat;
    color: transparent;
    position: absolute;
    top: 30%;
    left: 8%;
}
.testislider.owl-carousel .owl-nav .owl-next,
.testislider.owl-carousel .owl-nav .owl-next:hover,
.testislider1.owl-carousel .owl-nav .owl-next,
.testislider1.owl-carousel .owl-nav .owl-next:hover{
    background: url('../images/icon_arrow_slider_right.png') no-repeat;
    color: transparent;
    position: absolute;
    top: 30%;
    right: 8%;
}
.testislider .item{
  position: relative;
  min-height: 220px;
  text-align: center;
  padding: 0 30px;
  font-family: 'EB Garamond', serif;
}
.testislider .item p{
  color: #6d6e71;
  font-size: 23px;
  line-height: 35px;
  text-align: justify;
}
.testislider .item h4{
  color: #4e738a;
  text-align: center;
  font-size: 30px;
  letter-spacing: 7px;
  padding-top: 20px;
}
.testislider .inside{
  width: 70%;
  margin: 0 auto;
}
/*---------------------------------------
SECTION: WIDETEXT  
-----------------------------------------*/
.widetext{
  background: #fff;
  width: 70%;
  margin: 0 auto;
  padding: 50px 0 80px 0;
}
.widetext h3 {
  font-size: 38px;
  color: #304a56;
  margin-bottom: 40px;
  padding-bottom: 30px;
  position: relative;
  text-align: center;
  letter-spacing: 4px;
}
.widetext h3:before{
    content: "";
    position: absolute;
    width: 15%;
    height: 1px;
    bottom: 0;
    left: 40%;
    border-bottom: 3px solid #dbe3e8;
}
.widetext p{
  font-size: 22px;
  color: #6d6e71;
  line-height: 30px;
}
/*---------------------------------------
SECTION: INTROTEXT  
-----------------------------------------*/
.introtext{
  background: #fff;
  width: 70%;
  margin: 0 auto;
  padding: 50px 0 80px 0;
  text-align: center;
}
.introtext h2{
  font-size: 42px;
  color: #304a56;
  padding-bottom: 30px;
}
.introtext h2 a{
  color: #304a56;
}
.introtext p{
  color: #6d6e71;
  font-size: 14px;
  line-height: 23px;
}
.introtext .highlight p{
  font-size: 20px;
  color: #97b8c1;
}
/*---------------------------------------
CONTACTFORMCONTENT
-----------------------------------------*/
.contactformcontent{
  width: 70%;
  margin: 0 auto;
  padding: 50px 40px;
}
/*---------------------------------------
SECTION: SUBFOOTER 
-----------------------------------------*/
.subfooter{
  background: #c5a44f;
  padding: 40px 0;
  letter-spacing: 3px;
  border-top: 9px solid #fff;
}
.subfooter .logo img{
  padding: 0 0 0 30px;
}
.subfooter .social{
  text-align: right;
}
.subfooter .social p{
  padding: 10px 80px 10px 0;
  font-size: 19px;
  text-transform: uppercase;
}
.subfooter .social p a{
  color: #fff;
  font-family: 'EB Garamond', serif;
}
.subfooter .social ul{
  padding-right: 50px;
}
.subfooter .social ul li{
  display: inline-block;
}
.subfooter .social ul li img{
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
}
.subfooter .buttons a{
  display: block;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: 'EB Garamond', serif;
}
.subfooter .buttons a.app,
.subfooter .buttons a.call:hover{
  background: #4d738a;
  color: #fff;
}
.subfooter .buttons a.call,
.subfooter .buttons a.app:hover{
  color: #4d738a;
  background: #fff;
}
/*---------------------------------------
FOOTER
-----------------------------------------*/
footer{
  background: #97b8c1;
  padding: 20px 0 10px 0;
  letter-spacing: 3px;
}
footer ul{
  text-align: center;
}
footer ul li{
  display: inline-block;
  font-size: 17px;
  color: #354c59;
  padding: 0 20px;
  font-family: 'EB Garamond', serif;
  text-transform: uppercase;
}
footer ul li a{
  color: #354c59;
}
footer ul li a:hover{
  color: #1f2c34;
}