/*
	Theme Name: De Haan meubelmakers
	Description: Template voor De Haan meubelmakers
	Version: 1.0
	Author: QuickOnline B.V.
*/
div.wpcf7 .wpcf7-recaptcha {
    margin-bottom: 20px;
}

.page-template-page-contact div.wpcf7 .wpcf7-recaptcha {float:right}
.blox_ico, a {    cursor: pointer;}

.blox_ico, input.wpcf7-form-control.wpcf7-submit, a, input[type="submit"], a.lb_imglink:after, .projecttitlebox, .owl-next, .owl-prev, button,.projectwrap input[type="radio"] + span, .mobnavbtn  {
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;	
}
.blox_box, nav.mobnav  {
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;		
	
}

.fancybox-controls {
top:auto;
bottom:0;	
}

.fancybox-button--left:after, .fancybox-button--right:after {
    width: 9px;
    height: 9px;
}

.fancybox-infobar__body {font-size:17px;}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

h1, h2, h3, h4, h5, h6 {
font-family: 'Balthazar', serif; letter-spacing:1px;

}

h1 {font-size:60px}
.banner h1 {
    margin: 0;
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    text-shadow: 3px 4px 4px rgba(0, 0, 0, 0.35);
}

p {margin:0 0 15px}
blockquote {
    margin: 40px 0px 40px 40px; position:relative;
}
blockquote:before {content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    left: -40px;
    top: 0;
    background: #d50f18;} 
.textcolumns {font-size:18px; line-height:30px}
h2 {font-weight:bold; font-size:30px; text-transform:uppercase; line-height:1.2;color:#2d2d2d; margin: 0 0 35px}
.projectwrap h2 {font-size:40px}
h3 {margin: 0 0 15px}
 .contactform h3 {
    text-align: center;
   }
h3 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase; margin-bottom:20px;
}
.redtext {
    font-size: 24px;
    line-height: 36px;
    color: #c33339;
    font-weight: 600;
    margin-bottom: 30px;
}
footer h4 {margin:0 0 20px; color:#fff; text-transform:uppercase; letter-spacing:1px;} 
footer h4 b {color:#c33339} 

.newsletter h4 {
    font-size: 25px;
    margin: 0;
    letter-spacing: 2px;    font-family: 'Open Sans', sans-serif;
}

.blackbox h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
}

.blackbox p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
	margin-bottom:25px;
}
.imagebox p {
    font-size: 24px;
    line-height: 36px;
}
.widgetrow h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
	color:#2d2d2d; text-align:left;
}

.widgetrow p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1px;
}
.semiboldbox {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #2d2d2d;
}

.textcenter {text-align:center;}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
font-family: 'Open Sans', sans-serif;
font-size:16px;
font-weight:normal;
	color:#2d2d2d;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#323130;
	text-decoration:none;
}
a:hover, a:focus {
	color:#c33339;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	    border: 1px solid #2d2d2d;
}

input, a {outline:none; outline:0}

/*------------------------------------*\
    BOXES
\*------------------------------------*/
.projecthold {margin-bottom:35px;}

@media screen and (min-width:768px){
.mobilefloater {display:none}
}
@media screen and (max-width:767px){
.desktopfloater {display:none}
.mobilefloater {margin-top:35px;}
}


.margtop {    margin-top: -16%;}

@media screen and (max-width:768px){
.margtop {
    margin-top: -80px;
}
.margtop h2 {
font-size:26px	
}
}
@media screen and (max-width:460px){
.margtop h2 {
font-size:20px	
}
.margtop {
    margin-top: -60px;
}

}

.blackbox {
    background: #2d2d2d;
    color: #fff;
    padding-bottom: 85px;
}
@media screen and (max-width:768px){
.blackbox .blackboxcolumn {
margin-bottom:45px;	
}}

.widgetrow {
    padding-top: 85px;
}
.widgetrow.homewidgetrow {
	    padding-bottom: 16%;

}
.imagebox {padding:75px 0; position:relative;}
.imagebox:before {    content: "";
    background-color: rgba(255, 255, 255, 0.69);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}

.widgetrow .small-12 {
    padding-left: 95px;
    position: relative;}
.whitebox {
    padding: 110px 0 120px 0; background-color:#fff;
}
.whitebox.widgetrow {
    padding: 110px 0 240px 0;	
}

.whitebox.leftshape {
background-image:url('img/img-tekening.png');	
background-repeat:no-repeat;
background-position:left bottom;
}

.whitebox.rightshape {
background-image:url('img/img-instrument.jpg');	
background-repeat:no-repeat;
background-position:right bottom;
}
section.newsletter {
    background-image: url(http://dehaan.pixel-test.nl/wp-content/uploads/2017/05/testafbeelding.jpg);
    background-size: cover;
    background-position: center center;
    padding: 45px 0;
	position:relative;
}
section.newsletter:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.69);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width:992px) {
.newsbox.small-12.columns {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: -webkit-center;
    align-items: -moz-center;
    align-items: center;
}}

/*------------------------------------*\
    PROJECTEN
\*------------------------------------*/
span.upagicurrent {	color:#c33339	
}


.projectwrap input[type="radio"] + span {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #323130;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
    line-height: 1;
    font-size: 24px;
    border-bottom: 1px solid #e5e4ea;
}


input[type="radio"] {
    display: none;
}

.projectwrap label:hover input[type="radio"] + span, .projectwrap label:focus input[type="radio"] + span, .projectwrap label input[type="radio"]:checked + span {
	color:#c33339	

} 



.projectblock {
    padding-bottom: 100%;
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    position: relative;
    border: 3px solid #bcbbbf; overflow:hidden;
	}

.projectblock:hover .projecttitlebox, .projectblock:focus .projecttitlebox {
bottom:0;	
}
	
.projecttitlebox {
    position: absolute;
    width: 100%;
    bottom: -60px;
    height: 60px;
    background: rgba(50, 49, 48, 0.9); padding-left:15px;padding-right:15px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

    align-items: center;
    align-items: -webkit-center;
    align-items: -moz-center;
			
    justify-content: center;
    justify-content: -webkit-center;
    justify-content: -moz-center;		
}
.projecttitlebox h4, .projecttitlebox h4 a {
	    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 0;text-align:center;
	}

a.projectoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}	


#projectbox .owl-next, #projectbox .owl-prev {
    border: 3px solid #bcbbbf;
    background: #d71820;
    color: #fff;
    width: 55px;
    height: 55px;
    position: absolute;
    left: -75px;
    top: 42%;
    top: calc(50% - 28px);
    font-size: 28px;
    padding-left: 13px;
    padding-top: 5px; opacity:0.3;
}
#projectbox .owl-next:hover, #projectbox .owl-prev:focus, #projectbox .owl-next:focus, #projectbox .owl-prev:hover {
	opacity:1
	}
#projectbox .owl-next {left:auto; right:-75px;    padding-left: 15px;}

@media screen and (max-width:1250px) {
#projectbox .owl-next, #projectbox .owl-prev {
left:-25px	
}
#projectbox .owl-next {
	left:auto; right:-25px
}
}


@media screen and (max-width:992px) {
#projectbox .owl-next, #projectbox .owl-prev {
width:50px; height:50px; font-size:24px; left:-20px;    top: 42%;
    top: calc(50% - 25px);	    padding-left: 12px;padding-top: 5px;
}
#projectbox .owl-next {
    left: auto;
    right: -20px;
    padding-left: 15px;
    top: 42%;
    top: calc(50% - 25px);
}
}


@media screen and (max-width:768px) {
#projectbox .owl-next, #projectbox .owl-prev {
width:40px; height:40px; font-size:20px; left:-15px;    top: 42%;
    top: calc(50% - 20px);	    padding-left: 8px;padding-top: 4px;
}
#projectbox .owl-next {
    left: auto;
    right: -15px;
    padding-left: 11px;
    top: 42%;
    top: calc(50% - 20px);
}
}


@media screen and (min-width:768px) {
.small-12.medium-7.reviewpadding.columns.textcenter {
    padding-left: 70px;
}
.sidetabs {margin-top:10px;}	
}
@media screen and (max-width:768px) {
.reviewpadding {margin-top:50px;}	
}


.projectwrap {padding-top:63px;}
button {outline:none; -webkit-appearance:none;}

button.tablinks {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #323130;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
    line-height: 1;
    font-size: 24px;
    border: none;
    border-bottom: 1px solid #e5e4ea;
    background: none;
    width: 100%;
    text-align: left;
}
button.tablinks.active, button.tablinks:hover, button.tablinks:focus {
    color: #c33339;
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0 12px;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*------------------------------------*\
    DIENSTEN
\*------------------------------------*/
.sidetabs #uwpqsf_id {border:none}

.sidebox ul, .sidebox li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebox li a {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #323130;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
    line-height: 1;
    font-size: 24px;
    border-bottom: 1px solid #e5e4ea;
}
.sidebox li.current-menu-item a, .sidebox li a:hover, .sidebox li a:focus  {
	color:#c33339	
}
@media screen and (min-width:768px) {
.sidebox {
    margin-top: 76px;
}	
}
/*------------------------------------*\
    VIDEO
\*------------------------------------*/
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*------------------------------------*\
    Footer
\*------------------------------------*/
footer {background:#2d2d2d; color:#fff; font-size:18px; line-height:24px; padding:85px 0 65px}
footer ul, footer li {padding:0; margin:0; list-style:none;}

footer a {color:#fff;}
footer a:hover, footer a:focus {color:#c33339}
/*------------------------------------*\
    AFBEELDINGEN
\*------------------------------------*/

.small-12.kolimg {
    width: 100%;
    padding-bottom: 70%;
    background-size: cover;
    background-position: center center; margin-bottom:25px;
}

.widgetrow .icon {
     background-size: contain;
    height: 100px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    width: 70px;
    left: 12px;
    top: 45%;
    top: calc(50% - 50px);
}
@media screen and (max-width:768px) {
	.widgetrow .icon {width:50px;}
	.widgetrow h3 {margin-bottom:0px}
}

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.homebanner a.btn {
    margin-top: 30px;
}

a.btn {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    background: #c33339;
    min-width: 205px;
    padding: 14px 5px;
    display: inline-block;
    border: 3px solid #bcbbbf;
    font-weight: bold;
}
a.btn:hover, a.btn:focus {
background:#2d2d2d;	

}

input.wpcf7-form-control.wpcf7-submit {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    background: #c33339;
    min-width: 205px;
    float: right;
    height: 55px;
    display: inline-block;
    border: 3px solid #bcbbbf;
    font-weight: bold; margin-right:15px;
}
input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus {
background:#2d2d2d;	
}

.contactform.centerbox input.wpcf7-form-control.wpcf7-submit, .lightrow .contactform input.wpcf7-form-control.wpcf7-submit {float:none; margin-right:0}


a.offertebtn {
    height: 95px;
    background-color: #c33339;
    display: flex;
	    display: -webkit-flex;
		    display: -moz-flex;
    align-items: center;
    align-items: -webkit-center;
    align-items: -moz-center;
    justify-content: center;
    justify-content: -webkit-center;
    justify-content: -moz-center;
    padding: 15px;
    margin: 0 auto;
    width: 100%;
    max-width: 860px;
    margin-top: -45px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;    background-image: url(img/offerte-btn-bg.png);    background-position: center center;
}
a.offertebtn:hover, a.offertebtn:focus {
background-color:#2d2d2d;	
}

@media screen and (max-width:800px) {
a.offertebtn {font-size:20px;}	
}
@media screen and (max-width:500px) {
a.offertebtn {font-size:18px;}	
}


/*------------------------------------*\
    NIEUWSBRIEF
\*------------------------------------*/

.newsletter input[type="submit"] {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    background: #2d2d2d;
    width: 205px;
    float: right;
    height: 55px;
    display: inline-block;
    border: 3px solid #bcbbbf;
    font-weight: bold;
    /* margin-right: 15px; */
}
.newsletter input[type="submit"]:hover, .newsletter input[type="submit"]:focus {
    background: #c33339;	
}
.newsletter input[type="email"] {
    width: 240px;
    height: 55px;
    padding-left: 15px;
    float: left;
}
.rightnews {
    float: right;
    width: 460px;
}
.leftnews {
    float: left;
    width: 90%;
    width: calc(100% - 460px); padding-right:20px;
}

@media screen and (max-width:992px) {
.rightnews, .leftnews {float:left; width:100%}	
.newsletter input[type="email"] {width:90%; width:calc(100% - 225px); margin-right:15px}
.newsletter h4 {margin-bottom:20px; text-align:center;}

}

@media screen and (max-width:600px) {
.newsletter input[type="email"] {width:100%; margin-bottom:20px;}
.newsletter input[type="submit"] {width:100%;}	
}

/*------------------------------------*\
    FORMULIEREN
\*------------------------------------*/
div.wpcf7 .ajax-loader {display:none}
div#offerte-aanvragen {
    padding: 0; max-width:480px;
}
.lightrow .small-12.contactform {
    margin-top: 0;
    padding: 0;
}
.lightrow .contactform h3 {
    margin-top: 15px;
}
select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    border: none;
    background: #fff;
    height: 40px;
    margin-bottom: 20px;
    outline: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding-left: 15px;
    color: #757575;
}
.small-12.contactform {
	margin-top:35px;
    background: #f3f3f3;
    border: 8px solid #f9f9f9;    padding: 20px 0;
}
.home .contactform {
    margin-top: 0;
}

.contactform h3 span {color:#c33339}

input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding-left: 15px;
    border: 1px solid #fff;
    outline: none;background: #fff;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 125px;
    margin-bottom: 20px;
    padding-left: 15px;
    border: 1px solid #fff;
    outline: none;
    padding-top: 8px;
    resize: none;background: #fff;
}
.wpcf7-not-valid {
    border-color: #c33339!important;
    background: #fff7f8;
}
div.wpcf7-response-output {
    border: none;
    background: #000;
    text-align: center;
    float: left;
    color: #fff;
    clear: both;
}

div.wpcf7-validation-errors {
    background: #c33339;
    width: 90%;
	width:calc(100% - 30px);
    margin: 0px 15px;
    margin-top: 19px;    padding: 15px 15px;
}
span.wpcf7-not-valid-tip {display:none; }


/*------------------------------------*\
    REVIEW
\*------------------------------------*/

.reviewtxt {
    font-size: 24px;
    font-weight: 600;
    font-style: italic;
    padding: 0 65px;
    display: block;
	position:relative;
}
.reviewtxt p {margin-bottom:35px;}
.reviewtxt:before {
	content:"";
	width:28px;
	height:29px;
	position:absolute;
	left:0;
	top:15%;
	background:url('img/quote-left.png')
	}
.reviewtxt:after {
content:"";
	width:28px;
	height:29px;
	position:absolute;
	right:0;
	top:15%;
	background:url('img/quote-right.png')	
	}

.reviewimg {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    border: 3px solid #bcbbbf; float:left;
}

.reviewdet {
    float: left;
    width: 200px;
    text-align: left;
    padding-left: 25px;
    padding-top: 40px;
}
.reviewdet strong {
    display: block;
}
.reviewdetail {
    display: inline-block;
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
header.header.clear.fixedhead {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0; z-index:8000
}
.fixedhead .topbox {padding: 2px 0;}
.fixedhead .navbox article.wrapper.row {padding:15px 0}
/*------------------------------------*\
    TOPBOX
\*------------------------------------*/
.topbox {
    background-color: #c33339;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 10px 0;
}
.topbox ul, .topbox li {padding:0; margin:0; list-style:none; display:inline-block}

.topbox p {margin:0}
.topbox li {padding: 3px 0; float:left; margin-left:35px; padding-left:25px}
.topbox li:first-child {margin-left:0}

.topbox li:before {
font-family:'FontAwesome';    margin-right: 8px;
}

.topbox li:first-child:before {
content:"\f095"	;
}
.topbox li:last-child:before {
content:"\f0e0"	;
}

.topbox a {color:#fff; opacity:1}
.topbox a:hover, .topbox a:focus {opacity:0.6}

/*------------------------------------*\
SIDEBOX
\*------------------------------------*/
article.sideblox {
    position: fixed;
    right: 0;
    top: 250px; z-index:7000
}

.blox_ico {
    background: #c33339;
    color: #fff;
    font-weight: normal;
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
}
.blox_ico {
    font-size: 34px;
    text-align: center;
    padding-top: 6px;
}
.blox_ico:last-child {margin-bottom:0; padding-top:0;}

.link_blox {padding-top:0!important}


.blox_box {
position: absolute;
    top: 0;
    right: -250px;
    background: #fff;
    height: 60px;
    padding: 12px;
    width: 300px;
	
}
.blox_box.blox_box_phone {
padding: 9px 20px;	
}
.blox_box.blox_box_phone {
    width: 200px;
}
.blox_box_phone a:before {
    font-family: 'FontAwesome';
    content: "\f095";
    margin-right: 8px;
    color: #c33339;
}
.blox_box_phone a:first-child:before {
    content: "\f095";

}


.blox_box.blox_box_mail {
    padding: 19px 20px;
}
.blox_box_mail a:before {
    font-family: 'FontAwesome';
    content: "\f0e0";
    margin-right: 8px;
    color: #c33339;
}

.blox_box.open {
    right: 60px;
}
.blox_box.blox_box_mail {
    top: 72px;
}
.ico_blox {
    display: inline-block;
    position: relative;
    z-index: 9999;}
	
	.blox_ico a {
    width: 100%;
    display: inline-block;
    color: #fff;height:100%; padding-top:6px;
}
.blox_ico:hover, .blox_ico:focus, .blox_ico.open {
    background: #2d2d2d;
}

/*------------------------------------*\
    NAVIGATIE
\*------------------------------------*/

.navbox {background:#2d2d2d}

.logo img {
    max-width: 230px;
}

.nav {width:45%; width:calc(50% - 130px)}
@media screen and (min-width:993px) {
.navbox article.wrapper.row {
    padding: 28px 0;
    display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	align-items: -webkit-center;
	align-items: -moz-center;
}}


@media screen and (max-width:992px) {
.navbox article.wrapper.row {
    padding: 10px 0;
    display: block;
}}

@media screen and (max-width:768px) {
.topbox .wrapper > .small-12.columns {
    text-align: center;
}
.topbox li {
    margin: 0;
    padding-left: 0;
}
.topbox li:first-child {
margin-right:15px;	
}
.topbox {font-size:12px;}

}

.navbox .nav ul {
    list-style:none;
	padding:0;
	margin:0;
}
.navbox .nav > ul {
    display: flex;
	display: -webkit-flex;
	display: -moz-flex;
    justify-content: space-around;
	justify-content: -webkit-space-around;
	justify-content: -moz-space-around;
}
.navbox .nav ul > li {
    display: inline-block;
	list-style:none;
	padding:0;
	margin:0; position:relative;
}

.navbox .nav ul > li a {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.navbox .nav ul.sub-menu > li a {
    color: #2d2d2d;
    font-size: 17px;
    display: block;
    text-transform: none;
    /* text-align: center; */
}
.navbox .nav ul.sub-menu > li {
    display: block;
    padding: 5px 5px;
    border-bottom: 1px solid #f3f3f3;
}

.navbox .nav ul.sub-menu > li:last-child {
border-bottom:0	
}


.navbox .nav ul > li a:hover, .navbox .nav ul > li a:focus, .navbox .nav ul > li.current-menu-item > a, .navbox .nav ul > li.current-menu-parent > a  {
	color:#c33339
}

.navbox li:hover .sub-menu {
display:block;	
}

.nav .sub-menu {
	display:none;
    position: absolute;
    left: 0;
    background: #fff;
    width: 180px;
}
@media screen and (max-width:1200px) {
.navbox .nav ul > li a {font-size:17px;}
}


@media screen and (max-width:992px) {
.leftnav, .rightnav {display:none}	
}



nav.mobnav {
    position: absolute;
    top: 81px;
    background: #fff;
    width: 100%;
    width: calc(100% + 5%);
    left: -2.5%;    z-index: 8000;
max-height:0;overflow:hidden;
}

.fixedhead .mobnav {
top: 92px	
}
nav.mobnav.open {max-height:1000px}
.mobnavbtn {
    width: 60px;
    height: 60px;
    background: #c33339;
    float: right;
}
.mobnavbtn:hover, .mobnavbtn:focus, .mobnavbtn.open {
    background: #ddd;
	
}
.mobnav ul, .mobnav li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobnav li a {
padding: 7px 14px;
    border-bottom: 1px solid #f7f7f7;
    width: 95%;
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
}

@media screen and (min-width:993px) {
.mobnav, .mobnavbtn {display:none}
}


.navbars {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 10px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.navbars span {
display: block;
    position: absolute;
    height: 7px;
    width: 100%;
    background: #ffffff;
    /* border-radius: 9px; */
    opacity: 1;
    left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 4 */

#nav-icon4 {
}

.mobnavbtn span:nth-child(1) {
  top: 3px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.mobnavbtn span:nth-child(2) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.mobnavbtn span:nth-child(3) {
  top: 30px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.mobnavbtn.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 2px;
  left: 7px;
}

.mobnavbtn.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.mobnavbtn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30px;
  left: 7px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1100px;
	width:95%;
	margin:0 auto;
	position:relative;
}


/*------------------------------------*\
    BANNER
\*------------------------------------*/
section.banner.homebanner { height:720px;}
section.banner {
	height:330px;
    background-size: cover;
    background-position: center center;background-color:#eee
}
section.banner {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/
a.lb_imglink {
    position: relative;
    display: inline-block;    margin: 10px;

}

a.lb_imglink:after {
    content: "";
    position: absolute;
    background: url('img/magnifier.png') no-repeat center center rgba(195, 51, 57, 0.34);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
	opacity:0
}
a.lb_imglink:hover:after {opacity:1}

img.certificate {
    max-height: 245px;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
	
}

	.grecaptcha-badge { 
    visibility: hidden !important;
	}