@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,700i,800');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }

 
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none; }
table {border-collapse: collapse;border-spacing: 0; }
*{ margin:0px; padding:0px;}
a, img{ outline:none; border:none; text-decoration:none;}
h1, h2, h3, h4, h5, h6 {}
p{ color:#000; font-size:16px;}
iframe, embed, object { max-width: 100%;}
body  {width:100%; font-family:Arial, Helvetica, sans-serif; color:#333; font-family: 'Open Sans', sans-serif; background-color:#faf7f2 !important; }
h1 { font-size:40px;}
h2 { font-size:18px;}

a, div, span, input, li, img{transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;-o-transition:all ease 0.3s;}

header { width:100%; float:left; padding:11px 40px; background: #080503; border-bottom:solid 2px #b89870; }
section { width:999px; margin:0px auto; }

/**** navigation ***/
 nav { width:100%; display:inline-block; *display:inline; zoom:1;}
 #mainNav {float: right; width: 50%;}
 .logo { float:left;margin-top: 0px; position:relative;}
 .navbar-default {float: right;width: auto;}
 .navbar-default{ background-color:inherit !important; border-color:none !important; }
 .navbar{ margin-bottom:0px !important; min-height:25px !important; margin-top: 33px;}
 .navbar-default .navbar-nav > li > a {font-size: 18px;text-transform: uppercase; color: #fff; padding:4px 0px 0px 0px; margin-left: 36px; background:none !important;  
transition: 0.2s ease; position:relative; border-bottom:0; padding-bottom:0px;}
 .navbar-default .navbar-nav > li > a:after{ display: block; position: absolute; left: 0;
top: -1px;width: 0; height: 2px; background-color: #fec601; content: ""; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s;
 transition: all 0.2s;}
.navbar-default .navbar-nav li.active a  { color:#dbb686; border-bottom:0; padding-bottom:0px; background:none;}
.navbar-default .navbar-nav li:hover a {    background-color: inherit; color:#dbb686; border-bottom:0; padding-bottom:0px;}
.navbar-default .navbar-nav li a i { display: inline-block;vertical-align: top;margin: 4px 0px 0px 3px;font-size: 12px;}

/** banner **/

.banner_sec{width:100%; display:table; background:url(../img/home-banner.jpg) no-repeat center top #000; background-attachment:fixed; background-size:cover; position:relative; text-align:center; height:700px;}
.banner_content{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.banner_content h1{ text-transform:uppercase; font-size:60px; font-weight:600; color:#fff; display:inline-block; width:85%;}
.gold_text{color:#dbb686;}
.common_sec{padding:80px 0px; display:inline-block; width:100%;}
.padding-top-0{padding-top:0px !important;}
.welcome_sec{width:100%; display:inline-block; }
.welcome_sec h1{color:#9b6724;width:100%; display:inline-block; margin-bottom:22px;}
.survey_banner_col{width:100%; display:inline-block; margin-top:40px; text-align:center;}
.survey_banner_col img{max-width:100%; margin:10px 0px 0px 0px;}

.products_section{width:100%; display:inline-block; padding:80px 0px;}

.main_heading{ width:100%; display:inline-block; text-align:center;}	
.main_heading h1{  width:100%; display:inline-block; margin-bottom:20px; position:relative; text-transform:uppercase; color:#9b6724; margin:0px;}
.main_heading h1:after{content:"";display:table; margin:15px auto 0px auto; width:35px; height:4px; background:#d94d26;}
.gallery_col {margin-top:40px;}
.gall_col{width:100%; display:inline-block; box-sizing:border-box; margin-top:10px; position:relative; overflow:hidden;}
.gall_col img{max-width:100%; max-height:300px;}
.p_overlay { position: absolute; left: 0;top: 0; width: 100%;  height: 100%; background: rgba(0, 0, 0, 0.70); opacity: 0; text-align: center; color: #FFF;-webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;  -ms-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; -transition: 0.5s ease-out; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.overlay_cover{display:table; width: 100%;  height: 100%;}
.zoom_col{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.zoom_col i{color:#fff; font-size:35px;}
.p_overlay a.view:hover{background:#fff; color:#00a9a3;}
.gall_col:hover .p_overlay{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.viewmore{ width:100%; display:inline-block; margin-top:50px; text-align:center;}
a.view_btn{ padding:10px 41px; border-radius:30px; border:solid 2px #d94d26; background:none; color:#d94d26; display:inline-block; text-transform:uppercase; font-size:19px; text-decoration:none;}
a.view_btn:hover{background:#d94d26; color:#fff; text-decoration:none;}

.gallery_page .gall_col img{ width:100%;}
.gallery_page .gall_col{max-height:230px;}
.gallery_page p{color:#9b6724; font-size:18px; display:inline-block; margin:21px 0px 0px 0px;}
.gallery_page .col-sm-4{margin-bottom:30px;}


/*** testimonial ***/
.testimonial_sec{width:100%; display:inline-block; margin-top:35px;}
.testimonial_col{width:100%; display:inline-block; margin-top:10px; background:#fff; border:solid 1px #c9a77d; box-shadow:0px 2px 0px 0px #9b6724; position:relative; }
.testimonial_col:after{content:""; position:absolute; background:url(../img/testi-i.png) no-repeat; width:35px; height:26px; bottom:10px; right:10px;}
.image_col{border-right:solid 1px #c9a77d; padding-right:0px;}
.testi_img{width:114px; height:114px; border-radius:100%; overflow:hidden; margin:10px 0px; display:inline-block;}
.testi_img img{ width:116px; }
.testi_content{padding:21px 55px 21px 20px; }
.testi_content h2{font-size:22px; font-weight:600; width:100%;display:inline-block; color:#000; margin:10px 0px 0px 0px;}
.testi_content h2 span{font-size:18px; font-weight:400;color:#808080;}
.testi_content p{ margin:10px 0px 0px 0px;}

/**** survey ******/
.surve_sec{padding:60px 0px 80px;}



footer{ width:100%; float:left; background:#e2dcd5; padding:40px 0px 40px 0px;}
.footer_logo img{max-width:100%;}
footer ul.menu{margin-bottom:23px; width:100%; display:inline-block;}
footer ul.menu li{float:left; color:#37332d; font-size:18px; margin: 10px 69px 0px 0px; position:relative;  box-sizing:border-box; padding-left:0px; text-transform:uppercase;}
footer ul.menu li:last-child{margin-right:0px;}
footer ul.menu li a{color:#37332d;}
footer ul.menu li a:hover{ text-decoration:none; color:#d94d26;}

.footer_b{background:#111111; width:100%; float:left; padding:30px 0px;}
.footer_b p{margin:0px; color:#777; }
.footer_social{float:right; text-align:right; width:100%; margin-bottom:21px;}
.footer_social li {
    display: inline-block;
    margin-left: 7px;
}
.footer_social li a {
    text-decoration: none;
    display: block;
    transition: all 0.2s ease-out;
    width: 60px;
    height: 60px;
    text-align: center;
    background: #674213;
}
.footer_social li a i {
    line-height: 62px;
    font-size: 40px;
    color: #e2dcd5;
    vertical-align: middle;
    display: inline-block;
    text-shadow: 1px 1px #252428;
}
.footer_social li:hover a {
    background: #d94d26;
    transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
}
.footer_social li:hover a i {
    transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    text-shadow: 1px 1px #92422c;
}
.f_right_col p{text-align:right; width:100%; font-size:14px; color:#37332d;}
/*biolab*/
a:focus{text-decoration:none !important;}


/*form section*/

.survey_form{width:100%;display:inline-block; margin-top:29px; background:#fff; padding:30px 0px 0px;}
.survey_form .form-group { margin-bottom: 23px;}
.survey_form .form-control{ border-radius:0px; padding:13px 12px; box-sizing:border-box; height:auto; box-shadow:none; border-color:#e0dbd2; border-radius:5px;}
.survey_form textarea.form-control{height:312px; resize:none;}
.survey_form .form-control:focus{outline:none !important;   border-color:#9b6724 !important; box-shadow:none;}
.survey_form p{ display:inline-block; vertical-align:middle; margin-left:12px;margin-bottom: 5px; color:#999; }
.field_lable{width:100%;  margin-bottom: 8px;}
.black_txt{color:#333 !important;}
.radio_col{width:100%; display:inline-block; margin-bottom:5px;}
.full{width:100%;}
.btn-submit{padding:9px 15px; width:100%; box-sizing:border-box; border:solid 1px #d94d26; outline:none; color:#d94d26; font-size:26px; text-transform:uppercase;background:none; margin-top:10px; border-radius:5px;}

.btn-submit:hover{background:#d94d26; color:#fff;}
.measure_gallery_col{width:100%; display:inline-block; margin-top:60px;}
.measure_gallery_col .gall_col{ margin:0px 0px 10px 0px; height: 244px;}
.contact_form{margin-bottom:26px;}
.contact_form textarea.form-control { height: 155px;resize: none;}
.contact_form .btn-submit{font-size:22px; margin-top: 2px;}
.text-inherit h1{text-transform:inherit;}
.map_col{margin:29px 0px 25px; width:100%; float:left;}
.map_col img{max-width:100%;}
.address_col{ margin-top:26px; float:left; position:relative;}
.address_col img{position:absolute; top:0px; left:15px;}
.address_content{float:left; padding-left:90px;}
.address_content p{width:100%; margin:0px; float:left;}
.address_content a{color:#000; word-break: break-all;}

.material_sec{margin-top:38px; float:left;}
.colors_choice{ float:left; margin-top:40px;}
.colors_choice img{width:100%; margin-bottom:25px;}
.colors_choice h3{color:#9b6724; font-size:30px;float:left;width:100%; position:relative; margin:0px; }
.colors_choice h3:after{content:""; display:table;width: 35px; height: 4px; background: #d94d26; margin-top:8px;}
.colors_choice p{color:#4a4a4a;float:left;width:100%; margin-top:22px;}
.colors_choice p a{color:#d28726; text-decoration:none !important;}
.colors{float:left; margin-top:45px;}
.colors img{max-width:100%;}
.material_sec h3{color:#000;float:left;width:100%; margin-top:18px; font-size:22px; font-weight:600;}
.max-w{max-width:100%;}
.mr0{margin-top:0px !important;}
.mr10{margin-top:10px !important;}
.mr20{margin-top:20px !important;}
.mr30{margin-top:30px !important;}


.fomrs_sec a.list-group-item:hover, button.list-group-item:hover, .fomrs_sec a.list-group-item:focus, button.list-group-item:focus{background:#fff !important; color: #f1729e; border-left:solid 3px #f1729e;}
.table_col{display:inline-block; width: 100%; margin-top:0px;}
.table_col table {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #afafaf; table-layout:fixed;
	 border-collapse: collapse;
	 background:#fff;
	     border-bottom: 1px solid #fff;
		 box-shadow: 0px 2px 33px 0px #c5c5c5;
}
.table_col table th{font-weight:700; text-align:left; padding:20px 14px; font-size:22px; background:#342f29; border: 1px solid #afafaf; color:#fff; text-align:center;}
.table_col table th.th_normal{font-weight:400; font-size:17px; text-align:left;}
.table_col table th.th_normal strong{font-size:18px;}
.table_col table th.text-center{ text-align:center !important; border-bottom:0;}
.table_col table td{ text-align:left; padding:20px 8px; vertical-align:middle; font-size:21px; border-left: 1px solid #afafaf; text-align:center;}

.table_col table td img{max-width:200px; border: 1px solid #afafaf;}
.table_col table th:first-child{width:20%; }
.table_col table tr{background:#fff;}
.table_col table tr:nth-child(even) {background: #faf7f2;}
.cuba table th:last-child{width:39%; }

.table_col table td.white_bg{ background:#fff !important; font-size:25px;}
.table_col table th.border_black{ border-top: solid 1px #342f29;}
.table_col table th.border_black_btm{ border-bottom: solid 1px #342f29;}
.table_col table th.border_right_black{ border-right: solid 1px #342f29;}
.table_col .recommendation{color:#333; font-weight:600; padding:0px 0px 10px 0px;}
.table_col p{color:#999; font-size:16px;}
.table_col i{cursor:pointer; color:#666; font-weight:300; font-size:21px; margin-right:15px;}
.list_quantity{width:63px; height:46px; border:solid 2px #cccccc; line-height:40px; text-align:center; display:inline-block;}
.listing_form .btn_bg{ border-color:#666; color:#666; margin-top:0px !important;padding: 11px 15px; }
.listing_form .btn_bg:hover{border-color:#00a9a3;color:#fff;}
.list_meet_btn .btn_bg{padding: 11px 15px; float:right;margin-top:0px !important;}
.no-padding{padding-left:0px !important;}
.v-top{vertical-align:top !important;}


ul.nav .dropdown-menu{background: #14110d !important;
	left:15px;  min-width:300px;}
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
	
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
ul.nav .dropdown-menu > li > a{font-size:20px; color:#fff; padding: 7px 20px !important; background:none !important;}

.navbar-default .navbar-nav li:hover .dropdown-menu a{color:#fff;}
ul.nav .dropdown-menu > li:hover a, ul.nav .dropdown-menu > li.active a{color: #dbb686 !important;}

  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
.main_heading.thanks-heading h1 {
    font-size: 24px;
}
.thanks-top-heading{
    padding: 20px 10px;
    border: 2px dotted #d94d26;
    font-size: 56px;
    text-shadow: 3px 2px 1px #9b6724;
    color: #d94d26;
	margin-bottom:30px;
	text-transform:uppercase;
	position:relative;
}
.thanks-top-heading:before {
    content: "";
    background-image: url(../img/thanks-icon.png);
    position: absolute;
    top: -23px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    left: 46.5%;
}
.thanks_sec{
    margin-top: 25px;
}
ul.nav .dropdown-menu li a {
    font-size: 16px;
}
h3.frame_panel {
    margin-bottom: 0;
}
ul.nav .dropdown-menu li a {
    font-size: 16px;
}
.style_sec {
    width: 100%;
    display: inline-block;
    margin-top: 35px;
}
.style_col {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
	margin-bottom: 20px;
}
.style_img {
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin: 10px 0px;
    display: inline-block;
}
.style_inner_head h1{font-size: 26px;text-transform:uppercase;color: #9b6724;margin-bottom: 20px;}
.style_inner_head h1:after {
    content: "";
    display: table;
    margin: 15px 0 0px 0;
    width: 35px;
    height: 4px;
    background: #d94d26;
}
.style_content {
    padding: 0 20px 0px 20px;
    height: 270px;
    vertical-align: middle;
    display: table-cell;
}
.style_content h2 {
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    display: inline-block;
    color: #000;
    margin: 10px 0px 0px 0px;
}
.style_content p {
    margin: 10px 0px 0px 0px;font-size:18px;
}
.style_col .image_col{border-right:0px;}
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
	background: #14110d;
  }
  #navbar {
    text-align: center;
  }
}  



