h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height: 20px; font-weight: 600; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 20px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400;  }body { background: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; font-weight: 400; }
a:link { text-decoration: underline; color: #382410; font-weight: 400; }
a:visited { text-decoration: underline; color: #382410; font-weight: 400; }
a:active { text-decoration: underline; color: #382410; font-weight: 400; }
a:hover { text-decoration: none; color: #382410; font-weight: 400; }
a:focus { text-decoration: none; color: #382410; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 16px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #333;}
.navbar-default .navbar-toggle .icon-bar {background-color: #333;}.navbar-default .navbar-nav>li a { color:#333; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#333; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#333; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#333; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#333; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#333; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#333; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#333; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#333; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
#page .container { max-width:1170px; }
/* GDPR */
body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {float: left; padding: 5px 0 18px 5px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
body #CybotCookiebotDialogBodyButtons {float: right; padding-left: 20px; padding-top: 6px;}
body #CybotCookiebotDialogBodyButtonAccept {background-color: #006633; border: 1px solid #006633; font-weight: bold; border-radius: 20px; line-height: 1 !important; padding: 4px 10px 6px !important; float: right; font-size: 14px;}
body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: auto !important; margin: 5px 10px 10px 0 !important;}
#page {overflow-x: hidden;}

#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
}


/* Popup Fix */
.pp_top, .pp_bottom {display: none !important;}
body div.pp_default .pp_content_container .pp_left {background: transparent; padding: 0;}
body div.pp_default .pp_content_container .pp_right {background: transparent; padding: 0;}
body div.pp_default .pp_nav {display: none !important;}
body div.pp_default .pp_content {background: transparent;}
body div.pp_default .pp_description {font-size: 13px; color: #fff; line-height: 14px;}
body div.pp_default .pp_description {margin: 0;}
div.pp_default .pp_content_container .pp_details {margin: 0; position: absolute; top: -50px; background: transparent;}
div.pp_default .pp_content_container .pp_details .pp_description {display: none !important;}
div.pp_default .pp_content_container .pp_details a.pp_close {right: 0px !important; top: 18px !important;}
div.pp_default .pp_loaderIcon {display: none !important;}
.pp_gallery {display: none !important;}
body div.pp_default .pp_close  {background: url(/files/sprite.png) 2px 1px no-repeat;}
body div.pp_default .pp_next:hover {background: url(/files/sprite_next.png) center right no-repeat; filter: invert(100%);}
body div.pp_default .pp_previous:hover {background: url(/files/sprite_prev.png) center left no-repeat; filter: invert(100%);}


#page {overflow-x: hidden;}

body h1 { font-size: 40px; line-height: 50px; font-family: Merriweather, sans-serif; font-weight: 400; color:#382410;   }
body h2 { font-size: 30px; line-height: 42px; font-family: Merriweather, sans-serif; font-weight: 400; color:#333;  margin-bottom: 15px; }
body h3 { font-size: 24px; line-height: 35px; font-family: Merriweather, sans-serif; font-weight: 600; color:#333; margin-bottom: 10px; }
body h4 { font-size: 20px; line-height: 35px; font-family: Merriweather, sans-serif; font-weight: 300; color:#382410; margin-bottom: 10px; }
body p, body li, body td, body dd, body label, body button {font-size: 18px; line-height: 26px; font-family: Georgia, sans-serif; color:#333; font-weight: 400;}

h1, h2, h3 {    letter-spacing: 0px !important;}


#content ul { list-style: outside; margin-left: 3em; margin-bottom: 15px;}

.grecaptcha-badge {z-index: 99999;}


/*---tabel-----*/
#content  table {width:100%; border-collapse:collapse; margin-bottom:10px;}
#content  table tr:nth-child(even) { background: #f9f9f9} 
#content  table tr:nth-child(odd) { background: #eeeff0} 
#content table tr >td:first-child { width: 25%;} 
#content table td {border:1px solid #ddd; padding: 5px 10px; vertical-align:top;}
#content  table td p {margin:0;}



/* Header */


#header {  position: absolute; width: 100%; max-width: 100%; position: fixed;display: block; background: #fff; border-bottom: 1px solid #eee; margin-top: 0px;  }
#header .container { position: relative;  }

#header.scrolled { position: fixed;display: block; background: #fff; border-bottom: 1px solid #eee; margin-top: 0px; }
#header.scrolled .logo-left, #header .logo-left  {margin: 10px 0;}
#header.scrolled .logo-left img, #header .logo-left img  { width:300px;}


#header .menu {  float:right; margin-top: 10px;  margin-right: 20px;}
#header .menu ul li { margin:0 0 0 20px;}
#header .menu ul li a {      font-size: 16px; line-height: 22px; color: #333; font-weight: 400; font-family: Merriweather, sans-serif;  padding: 10px 0px 10px; background: none; position:relative; border-bottom: 2px solid transparent;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#header .menu ul li a:after { position:absolute; content:""; background: #333; height: 3px; width:100%; opacity:0; left:0; right:0; margin:0 auto; bottom: -12px; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#header .menu ul li a:hover:after{ bottom:-5px; opacity:1}

#header .menu ul li.current_page_item > a:after { display:none;}
#header .menu ul li.current_page_item > a {border-bottom: 2px solid #333;}

#header .menu ul li.current_page_parent > a:after { display:none;}
#header .menu ul li.current_page_parent > a {border-bottom: 2px solid #333; color: #333;}

#header .menu ul ul { background: #fff; left: -20px;  }

#header .menu ul li ul li {    margin: 0 20px; }
#header .menu ul  ul li a { padding: 10px 0px 5px; }


/* TOP */


/* Content */

#start { height: 60vh;  }
#start::before {display: block;  background: rgba(251,251,251,0.2); position: absolute; content: "";  top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index:1;  }

#after_start * { }
#after_start h1, #after_start h2 {margin: 0; text-transform: uppercase;}
#after_start h1 { font-size: 60px; line-height: 60px; text-transform: uppercase;  }

#start .vc_btn3.vc_btn3-size-md {background: #fff!important;  }

.three_boxes, .three_boxes_opacity  { padding: 60px 0; z-index:1000;}
.three_boxes h2 a {  font-weight:300; font-size:20px; text-transform: uppercase; /*padding: 100px 10px;*/ display: block; text-decoration: none; color: #000; z-index:1000; background:white; -webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
.three_boxes h2 a:hover { background:rgba(255,255,255,0.7); }
.three_boxes .wpb_content_element {margin-bottom:0!important;}
.three_boxes .vc_column-inner {padding-left:0!important; padding-right:0!important;}
.three_boxes_opacity h2 a {font-weight:300; font-size:26px; text-transform: uppercase; padding: 100px 10px; display: block; text-decoration: none; color: #000; z-index:1000; background:rgba(255,255,255,0.6); -webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
.three_boxes_opacity h2 a:hover {background:rgba(255,255,255,0)}

#img-box {
  position: relative;
  text-align: center;
  transition: all 0.5s ease;
}

#img-box img {
  opacity: 40%;
  transition: all 0.5s ease;
}

#img-box:hover img {
  opacity: 100%;
}

#img-box .text-on-img { 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#img-box .text-on-img a { 
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

#visual_c img  {    filter: grayscale(1); }

#visual_c h2 { opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  font-size: 45px;    line-height: 60px;  padding: 200px;  position: absolute; text-align: center;   display: flex;    justify-content: center;    align-items: center;    z-index: 9;    left: 0;    right: 0;    height: 100%; }
#visual_c:hover h2 { opacity:1;background: rgba(255,255,255,0.5);}

.wpb_gmaps_widget  { margin:0!important;}

.vc_btn3.vc_btn3-size-md {background: #026241!important; font-size: 18px!important;  text-transform: uppercase; border:none!important;  }
.vc_btn3.vc_btn3-size-md:hover { background: #000000!important; color: #fff!important; }
.material-row .vc_column_container>.vc_column-inner {padding-left:5px; padding-right:5px;}


/* interior pages */

#start_inside { background: url(/files/sten-marmor-top.jpg) center center; background-attachment: fixed; height: 50vh; margin-bottom: 20px; text-align: center;}
#start_inside .wpb_text_column {margin-bottom: 0px;}
#start_inside .start-text { background:rgba(51,51,51,0.7); padding: 15px 10px;}
#start_inside * {color: #fff; margin:0; }
#start_inside h1 {font-size: 35px; line-height:35px;}

#heading .wpb_text_column {margin-bottom: 15px;}

.logos .wpb_single_image {margin-bottom: 0;}
.logos .vc_col-sm-2  { border: 1px solid #eee; margin:0 5px 10px; min-height: 150px;    width: 15%; }
.logos .vc_col-sm-3{ border: 1px solid #eee;  min-height: 150px; margin:0 5px 10px; width: 23%;   }
.custom-post-title {font-size:16px; text-align:center; font-family: georgia, serif; font-weight:600;}
/**Material***/


/* ----  img full -------  */
.full_img.wpb_single_image .vc_figure {height: auto;    max-width: none;    vertical-align: top;    width: 100%;}
.full_img.wpb_single_image .vc_single_image-wrapper {height: auto;    max-width: none;    vertical-align: top;    width: 100%;}
.full_img.wpb_single_image img {    height: auto;    max-width: none;    vertical-align: top;    width: 100%;}


/* ---- forms -------  */

#content form.wpcf7-form {padding-bottom: 75px; float: left; width: 100%;}
#content form.wpcf7-form label i {position: absolute; z-index: 1; margin-top: 21px; margin-left: 15px; opacity: .7;}
#content form.wpcf7-form p {margin-bottom: 10px; float: left; width: 100%;}
#content form.wpcf7-form label {float: left; width: 100%; font-size: 16px; font-weight: normal; margin: 0px 0 10px;}
#content form.wpcf7-form input {padding: 10px 10px 8px; font-weight: normal; font-size: 16px; line-height: 28px; border-radius: 3px; text-indent: 30px;}
#content form.wpcf7-form input[type="submit"] {margin-top: 20px; padding: 20px;}
#content form.wpcf7-form textarea {padding: 10px 10px 8px; font-weight: normal; font-size: 16px; line-height: 28px; border-radius: 3px; text-indent: 30px; height: 200px; }
#content form.wpcf7-form .wpcf7-radio .wpcf7-list-item {background: #f4f4f4; border-radius: 3px; margin: 0 10px 0 0; cursor: pointer; padding: 10px 15px; border: 1px solid #ccc;}
#content form.wpcf7-form .wpcf7-radio .wpcf7-list-item label {margin: 0;}
#content form.wpcf7-form .wpcf7-radio .wpcf7-list-item label input[type="radio"] {float: left; width: auto; margin: 5px 10px 0 0;}
#content div.wpcf7-response-output {margin: 0; padding: 20px; font-size: 16px; text-align: center; float: left; width: 100%;}
#content form.wpcf7-form input[type="checkbox"] {float: left; width: auto; margin: 5px 10px 0 0;}

form.wpcf7-form input[type="submit"] { color: #fff; text-transform:uppercase;  margin-top: 0px; display:inline-block; font-size: 13px; padding: 15px 10px;   background: #333;	  -webkit-transition: background 0.35s ease; -moz-transition: background 0.35s ease; -ms-transition: background 0.35s ease; -o-transition: background 0.35s ease; transition: background 0.35s ease; }
form.wpcf7-form input[type="submit"]:hover { background:#000!important; 	color: #fff;;  } 

#content form.wpcf7-form input:focus {background: #ffffeb;}
#content form.wpcf7-form textarea:focus {background: #ffffeb;}
#content span.wpcf7-not-valid-tip {color: #d01400; font-size: 11px;}




/* Footer */

#footer { background:#f3f3f3;  padding: 60px 0 20px;  } 


#footer i { color:#333;  width: 15px;   font-size: 16px;   text-align: center;    margin-right: 5px;}

#footer .footer-1 {    padding: 0 10px 0 0; }
#footer .footer-2 {    padding: 0 10px 0 0;   }
#footer .footer-3 {    padding: 0 10px 0 0;   }

#footer .widget { margin-bottom:25px; }
#footer #custom_html-3 .textwidget {    display: flex; }
#footer #custom_html-3 i {    font-size: 30px;    width: 20px;    margin-right: 15px;}

#footer .cms-icons .fa-bolt {display: none;}
#footer .cms-icons {font-size: 15px; margin-top: 30px; padding-top: 20px; border-top: 1px solid #666;}
#footer .cms-icons .cms-PB a:hover {text-decoration: underline;}
#footer .cms-icons .cms-PB a:first-child {margin-right: 7px; padding-right: 7px; }
#footer .cms-icons .cms-PB a {font-weight: 600;}

#footer .cms-icons .fa-mobile-alt {display: none !important;}
#footer .cms-icons .cms-SP {float: left; margin: 0;}
#footer .cms-icons span { padding-left: 7px; border-left: 1px solid #888;margin-left: 7px;}
#footer .cms-icons span i { font-size: 14px; font-weight: 200;margin-right: 5px; }

div.vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideTop > div {height:285px;}

/* Media queries */

@media (min-width: 2000px) {


}

@media (min-width: 1700px) {




}

@media all and   (max-width:1699px) {
.mattning .vc_row {min-height:272px;}


}

@media all and  (max-width:1440px) {


}

@media all and  (max-width:1200px) {

#header .menu ul li {    margin: 0 0 0 10px; }
#visual_c h2 { font-size: 40px;    line-height: 50px; padding: 100px; }
div.vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideTop > div {height:235px;}
.logos .vc_col-sm-3 {width:22.7%;}
.mattning .vc_col-sm-6 {width:100%;}

}

@media all and (max-width:992px) {

body h1 {    font-size: 30px;  line-height: 35px  }
body h2 {font-size: 20px; line-height: 30px;}
body h3 {font-size: 18px; line-height: 22px;}
body p, body li, body td, body dd, body label, body legend  {font-size: 16px; line-height: 22px;}

#header .menu  ul li a {    font-size: 12px; }
div.vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideTop > div {height:180px;}
.logos .vc_col-sm-3{ border: 1px solid #eee;  min-height: 150px; margin:0 5px 10px; width: 46%;   }
.mattning .vc_col-sm-6 {width:100%;}

}



@media all and (max-width: 767px)  {

body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

#header { display: block; position: relative;}
#header .container {    width: 100%;}
#header .logo-left {    position: relative; margin: 10px 15px;}
#header .logo-left img, #header.scrolled .logo-left img, #header .logo-left img { height: auto; width: 260px; }
/*#header.scrolled { display: none;}*/

#header .navbar-header { float: right; } 
#header #menu-main {    float: right;    margin-top: 0;    margin-right: 0;}
#header .menu {    border: none;  background:#f3f3f3;    float: left;   width: 100%;  padding: 0;  margin: 0 0px;     }
#header .navbar-nav {    width: 100%;    display: block;}

#header .menu ul {    margin: 0;    padding: 0px 0 10px;    width: 100%;  }
#header .menu ul li {padding: 0; margin: 0 15px;  }
#header .menu ul li a {   font-size:16px;  text-align:left; padding: 10px 0 5px; }
#header .menu ul li ul {padding: 10px 0; margin-bottom: 10px;  box-shadow:none!important; background:#f3f3f3;}
#header .menu ul li ul li a{ padding-left: 20px;}

#header .navbar-collapse { z-index: 99; }
#header .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: medium none;	}

#header .navbar-default .navbar-toggle {border-color: transparent; }
#header .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;	}

#header .navbar-default .navbar-toggle .icon-bar { background-color: #333; width: 30px; height: 3px; 	}
#header .navbar-default .navbar-toggle:hover .icon-bar { background-color: red; }
#header .navbar-default .navbar-toggle:focus .icon-bar { background-color: red; }

#header .navbar-toggle { margin: 15px 15px 10px 0; padding: 12px 8px; border: none; position: relative;	}
#header .navbar-toggle:first-child { float: right; margin: 15px 10px 0 10px;	padding: 10px 10px 4px;	position: relative; }
#header .navbar-toggle.modalinfo { margin: 15px 10px 10px 0;	padding: 10px 10px 4px;	}

#header .navbar-toggle.modalinfo .glyphicon {	color: #333;	font-size: 20px; }
#header .navbar-toggle.modalinfo:hover .glyphicon {	color: red;}
#header .navbar-toggle.modalinfo:focus .glyphicon {	color: red;}

#header .navbar-toggle:first-child .glyphicon { color: #333;	font-size: 20px;}
#header .navbar-toggle:first-child:hover .glyphicon {	color: red;}
#header .navbar-toggle:first-child:focus .glyphicon {	color: red;}

body  h1 {font-size:30px; line-height: 30px;}
body  h2 {font-size: 20px; line-height: 22px;}
body  h3 {font-size:20px; line-height: 20px;}

#img-box {width:50%; float:left;}

#content .container {    width: 97%;}
#content .entry-content {padding:0 25px;}

.page-id-44 { text-align: center ;}

#start { height: auto;}
#start_inside {background-attachment: scroll;}
#content .vc_row {    margin-left: -15px!important;    margin-right: -15px!important;}
#visual_c h2 { font-size: 40px;    line-height: 50px; padding: 50px; }

.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {    width: 25%;    display: inline-block !important;}

#footer .container { padding: 0 15px 10px; text-align: center; display: block;  }
#footer .col-sm-4  {   text-align: center;;}
#footer .widget {    margin-bottom:50px; }
#footer #custom_html-3 .textwidget {   justify-content: center;}

#footer .cms-icons .cms-SP {    float: none; }
.cms-icons div:last-child {    clear: both;   float: none; text-align: center;}
.home .three_boxes .vc_col-sm-3 {width:50%;}
.home .three_boxes {
    padding: 0;}
.home .three_boxes h2 a {padding:10px 5px; }
div.vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideTop > div {height:140px;}
.vc_gitem_row .vc_gitem-col {padding:10px 18px!important;}

.material-row .vc_col-sm-3 { width: 25%; float:left; display:inline-block; }

}


@media all and (max-width: 600px)  {

#start { height: auto;}
#after_start h1 {    font-size: 40px;    line-height: 60px;}
#visual_c h2 { font-size: 35px;    line-height: 40px; padding: 50px; }

.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {    width: 33.33%;   }
.material-row .vc_col-sm-3 { width: 50%;  }
#content .vc_row.material-row { margin:0!important; }

}

@media all and (max-width: 480px)  {

#header .logo-left img, #header.scrolled .logo-left img, #header .logo-left img { width: 200px;  }
#start_inside {    height: 20vh; }
#start_inside h1 {    font-size: 30px;    line-height: 30px;}
#after_start h1 {    font-size: 30px;    line-height: 40px;}
#visual_c h2 { font-size: 30px;    line-height: 40px; padding: 20px; }
.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {    width: 50%;   }
.material-row .vc_col-sm-3 { width: 50%;}
#img-box {width:100%; float:left;}


}

@media all and (max-width: 320px)  {


}




/* Mobile CSS */
@media all and (max-width: 767px)  {


/* Popup Fix Mobile */
div.pp_default .pp_content_container .pp_details a.pp_close {right: 0px !important; top: 32px !important;}
.pp_pic_holder.pp_default { width: 96%!important; margin-top:-100px !important; left: 2%!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left {padding-left: 0!important;}
div.pp_default .pp_content_container .pp_right {padding-right: 0!important;}
.pp_content {width: 100%!important; height: auto!important;}
.pp_fade {width: 100%!important; height: 100%!important;}
a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom { display: none !important;}
#pp_full_res img {width: 100%!important; height: auto!important; padding: 15px;}
.pp_details {box-sizing: border-box; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important;}
a.pp_close {right: -10px!important; top: -10px!important;}
body .pp_hoverContainer {width: 100% !important; height: 100% !important;}

}