@charset "utf-8";
/*
Theme Name: SQH
Version: 2.0
Author: Alex
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}h1,h2,h3,h4,h5,h6{font-size:100%;}table{border-collapse:collapse;border-spacing:0; }strong,b,mark{font-weight:600;font-style:inherit;}em,i,cite,q,address,dfn,var{font-style:italic;font-weight:inherit;}abbr[title],dfn[title]{cursor:help; border-bottom:1px dotted;}ins {border-bottom:1px solid;}a,u,ins{text-decoration:none;}del,s{text-decoration:line-through;}pre,code,samp,kbd{font-family:monospace;}small{font-size:0.75em;}img{border:none;font-style:italic;}input,select,textarea{font:inherit;}ul,ol{list-style:none;}

/* GENERAL */
body { background:#101010; font:14px 'Open Sans', Arial, Helvetica, sans-serif; color:#252525; font-weight:400; line-height:1.5; -webkit-font-smoothing:antialiased; }
@media (max-width: 768px) {
	body { text-align: center; }
	body.page-id-11 section.main { text-align: left; }
}
h1, h2, h3, h4, h5, h6 { font-size:24px; text-transform:uppercase; font-weight:400; margin:0 0 15px 0; line-height:1.25; }
h1 { font-size:38px; }
@media (max-width: 768px) {
	h1 { font-size:30px; }
}
h2 { font-size:30px; }
strong { font-weight:600; }
small { font-size:12px; }
p { margin:0; }
ul,
ol { margin:0; }
ul li,
ol li { margin:0; list-style:none; }
a { color:#9e0b0f; text-decoration:none; }
a:active,
a:hover,
a:focus { color:#9e0b0f; text-decoration:none; }
article { }
article p { margin:0 0 15px 0; }
article ol,
article ul { margin:0 0 15px 40px; }
article ol li,
article ul li { margin:0 0 5px 0; }
article ol li { list-style:decimal; }
article ul li { list-style:disc; }
img { display:block; line-height:1; max-width:100%; height:auto; }
.alignleft,
.alignright { padding:2px; background: #fff; border: 5px solid #e9e9e9; border-radius: 3px; }
.alignleft { float:left; margin: 0 20px 10px 0; }
.alignright { float:right; margin: 0 0px 10px 20px; }
@media (max-width: 768px) {
	.alignleft,
	.alignright { clear: both; float: none; margin: 0 auto 20px auto; }
}

/* NAVIGATION*/
nav.main { background: #9e0b0f; }
nav.main ul li { float:left; text-shadow: 1px 1px 0px rgba(0,0,0,.25); }
nav.main ul li a { display:block; color: #fff; padding: 15px 30px; border-left: 1px solid rgba(255,255,255,.2); text-decoration: none; font-size: 16px; }
nav.main ul li:last-child a { border-right: 1px solid rgba(255,255,255,.2); }
nav.main ul li.current-menu-item a { background: rgba(0,0,0,.1); }
@media (max-width: 650px) {
	nav.main { display: none; }
}

.banner { background: url(img/banners/banner_main.jpg) no-repeat center center; background-size: cover; height: 175px; min-height: 175px; width: 100%; min-width: 100%; position: absolute; overflow: hidden; z-index: 9; }
.home .banner { height: 100%; min-height: 100%; background: #eee; }
.home .banner .container { position: relative; z-index: 9999; }
.banner a.logo { border-top: 5px solid #252525; background: #fff; display: block; padding:15px; box-shadow: 1px 1px 1px rgba(0,0,0,.2); width: 100%; z-index: 99; margin: 0; border-radius: 0 0 3px 3px; }
.banner .details { display: none; }
.banner .container,
.banner .row,
.banner .col{ position: relative; height: 100%; }
@media (max-width: 1200px) {
	.banner { height: 180px; min-height: 180px; }
}
@media (max-width: 992px) {
	.banner { height: 145px; min-height: 145px; }
}
@media (max-width: 768px) {
	.banner a.logo { width: 50%; min-width: 280px; margin: 0 auto; }
}

.slides { width: 100%; height: 100% !important; min-width: 100%; min-height: 100% !important; position: absolute; z-index: 0; top: 0px; left: 0px; }
.slides .slide { width:100%; height:100%; background:#eee; background-size:cover; }
.slides .slide-1 { background: url(img/banners/banner_01.jpg) no-repeat center center; background-size:cover; }
.slides .slide-2 { background: url(img/banners/banner_02.jpg) no-repeat center center; background-size:cover; }
.slides .slide-3 { background: url(img/banners/banner_03.jpg) no-repeat center center; background-size:cover; }
.slides .slide-4 { background: url(img/banners/banner_04.jpg) no-repeat center center; background-size:cover; }
.slides .slide-5 { background: url(img/banners/banner_05.jpg) no-repeat center center; background-size:cover; }
.slides .slide-6 { background: url(img/banners/banner_06.jpg) no-repeat center center; background-size:cover; }

.toggle-wrap { background:#9e0b0f; }
.toggle-wrap .menu-toggle { border-radius: 3px; font-size: 18px; display: none; text-transform: uppercase; color: #fff; font-weight: 600; padding: 12px 15px; white-space: nowrap; line-height: 26px;  }
.toggle-wrap .menu-toggle img { display:inline-block; width: 22px; margin-right: 5px; position:relative; top: -1px; }
@media (max-width: 650px) {
	.toggle-wrap .menu-toggle { display: block; }
}

nav.mobile { display: none; background: #101010; }
nav.mobile a { display: block; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.5); font-size: 16px; }
nav.mobile .current-menu-item a { color: rgba(255,255,255,1); }

.wrapper { position: absolute; top: 175px; width: 100%; }
.home .wrapper { top: 100%; }
@media (max-width: 1200px) {
	.wrapper { top: 180px; }
}
@media (max-width: 992px) {
	.wrapper { top: 145px; }
}

header.main { background:#e9e9e9 url(img/header.jpg) no-repeat top center; background-size: cover; padding: 20px 0; }
.home header.main { display: none; }
header.main h1.page-title { font-weight: 400; margin: 0; line-height:inherit; }
@media (max-width: 768px) {
	header.main { padding: 15px 0; }
}

section.main { background: #fff; padding: 30px 0; border-bottom: 1px solid #ddd; }
.home section.main { border-top: 15px solid #e9e9e9; }
.home section.main h4.triangle { margin-top: 20px; font-size: 16px; font-weight: 600; }
.home section.main p { margin: 0 0 15px 0; }
.home section.main li { padding:9px 0; border-top: 1px dashed #e9e9e9; }
.home section.main ul { margin-bottom: 10px; }
.home section.main li img { display: inline; width: 17px; height: 17px; margin-right: 7px; }

.nav-hide { display: none !important; }

@media (max-width: 992px) {
	.home section.main { padding-bottom: 0px; }
	section.main .col-contact { text-align: center; border-top: 2px solid #e9e9e9; clear: both; padding-top: 30px; }
	.home section.main .button { margin-bottom:30px; }
}
@media (max-width: 768px) {
	section.main .col-references { border-bottom: 2px solid #e9e9e9; margin-bottom: 30px; }
}

.triangle-isosceles { position:relative; padding:20px; margin:0; background:#e9e9e9; display:block; font-size:13px; border-radius:5px; opacity:1; }
.triangle-isosceles:after { content:""; display:block; position:absolute; bottom:-15px; left:50%; width:0; height:0; border-width:15px 15px 0; border-style:solid; border-color:#e9e9e9 transparent; opacity:1; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.home .triangle-isosceles:after { left:15px; -webkit-transform: translateX(0%); transform: translateX(0%); }
.home section.main .triangle-isosceles p { margin: 0; }


div.ref-item { display: none; margin-bottom: 10px; }
div.ref-item.active { display: block; }

ul.refs li { margin-bottom: 8px; }
ul.refs a { background: #252525; font-size: 13px; color: #e9e9e9; display: inline-block; border-radius: 3px; line-height: 1; padding: 8px 13px; }
ul.refs a.active { background: #9e0b0f; color: #fff; }
@media (max-width: 768px) {
	ul.refs { text-align: center; margin: 0 0 15px 0; }
	ul.refs li { margin: 0 3px 8px 3px; display: inline-block; }
}

.portfolio-row-extra { padding-top: 15px; }
.portfolio-item h3 { margin: 0 0 5px 0; font-weight: 600; }
.portfolio-item p { margin: 0 0 15px 0; }
@media (max-width: 992px) {
	.portfolio-row-extra { padding-top: 0px; }
}

.gallery li { float:left; margin: 0 10px 10px 0; }
.gallery li a { display: inline-block; width: 100px; height: 100px; border: 5px solid #e9e9e9; padding: 1px; }
@media (max-width: 768px) {
	.gallery { width: 100%; text-align: center; margin-bottom: 10px; }
	.gallery li { float:none; margin: 0 5px 8px 5px; display: inline-block; }
	.gallery li a { width: 100px; height: 100px; }
}

.cta { background:#9e0b0f; text-align: center; padding: 15px 0; border-top: 15px solid #e9e9e9; }
.cta h2 { margin: 0; color: #fff; font-weight: 600; font-size: 20px; text-shadow: 1px 1px 0px rgba(0,0,0,.25); }
@media (max-width: 992px) {
	.cta h2 { font-size: 16px; }
}

footer.main { padding: 30px 0 90px 0; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,.25); }
footer.main h3 { font-size:20px; }
footer.main li { float: left; margin-right: 30px; }
footer.main a { color:rgba(255,255,255,.5); text-decoration: none; }
footer.main .current-menu-item a { color:rgba(255,255,255,1); }
footer.main a:hover { text-decoration: underline; color:rgba(255,255,255,.85); }
footer.main .info { text-align: right; }
footer.main .info img { display: inline; width: 16px; height: 16px; margin-right: 3px; margin-left: 15px; }
footer.main p.copy { text-align: center; padding: 30px 0 0 0; border-top: 1px dashed rgba(255,255,255,.15); margin-top:30px; font-size: 12px; color: rgba(255,255,255,.35); }
@media (max-width: 992px) {
	footer.main ul { width:100%; text-align: center; margin: 0 0 10px 0; }
	footer.main li { display: inline; float: none; margin: 0 5px; }
	footer.main .info { text-align: center; }
}
@media (max-width: 768px) {
	footer.main span { display: block; }
	footer.main span.mail { padding-top:5px; }
}
@media (max-width: 400px) {
	footer.main { padding-top: 0px; }
	footer.main ul { margin: 0 0 30px 0; }
	footer.main li { text-align: center; float: none; display: block; margin: 0; }
	footer.main li a {  display: block; padding: 15px 0; border-bottom: 1px dashed rgba(255,255,255,.15); }
	footer.main span.mail { padding-top:15px; }
}

/* FORMS */
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
input[type=search],
textarea,
select { margin:0; box-sizing:border-box; width:100%; color:#252525; background:#e9e9e9; padding:8px 12px; border:1px solid #e9e9e9; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; font:16px 'Open Sans', Arial, Helvetica, sans-serif; border-radius: 3px; }
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus,
select:focus { background:#fff; border:1px solid #00aeef; outline:none; box-shadow:0 0 5px rgba(0,0,0,.1); }

p.submit { margin:0; }
p.submit img { float:right; }

textarea { max-width:100%; margin-bottom:-8px; height:160px; }
label { display:block; margin:0 0 5px 0; clear:both; }
.req,
abbr.required { color:#c30; font-weight:600; border:none; }

.wpcf7-form-control-wrap { display: block; position: inherit; }
.wpcf7-form-control-wrap textarea { margin-bottom: 1px; line-height: 1; display: block; }
.wpcf7-form-control-wrap input { margin-bottom: 1px; }
span.wpcf7-not-valid-tip { background: #9e0b0f; color: #fff; display: inline-block; font-size: 11px; line-height: 1; padding: 4px 6px; border-radius: 3px; font-weight: 400; position: absolute; top: 16px; right: 25px; }
div.wpcf7-response-output { margin: 15px 0 0 0; padding: 10px 15px; border-radius: 3px; }
div.wpcf7-validation-errors { border: none; background: #9e0b0f; color: #fff; }
div.wpcf7-mail-sent-ok { border: none; background: #7ea231; color: #fff; }

.button,
.button:active {
	background:#252525;
	border:1px solid #252525;
	color:#fff;
	text-align:center;
	margin:0;
	display:inline-block;
	width:auto;
	padding:9px 16px;
	border-radius: 3px;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: 1px 1px 0px rgba(0,0,0,.25);
	}
.button:hover,
.button:focus {
	background:#e9e9e9;
	border:1px solid #e9e9e9;
	color:#252525;
	text-decoration:none;
	}



.scroll { opacity: 1; position:absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 64px; height: 64px; padding: 12px; z-index: 99; background-color: rgba(0,0,0,.2);
    -webkit-animation: fadein 1s ease-in alternate infinite;
	animation: fadein 1s ease-in alternate infinite;
}
.scroll.hidden { opacity: 0; }

@-webkit-keyframes fadein {
	0% {opacity:.3}
	100%,90%{opacity:1}
}
@keyframes fadein{
	0%{opacity:.3}
	100%,90%{opacity:1}
}

/* EXTRAS */
::-webkit-input-placeholder, .placeholder { color:#b5b5b5; }
.none { display:none; }