/*
Theme Name: trwz
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: trwz
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

trwz is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); 

html, body { height: 100%; min-height: 100%; }
html { font-size: 14px; }
body { overflow-x: hidden; background-color: #FFF; font-family: 'Roboto', Helvetica; sans-serif; color: #424242; font-size: 1rem; letter-spacing: 1px; }
.gutter-0>[class*='col-'] { padding-right: 0px; padding-left: 0px; }
.gutter-5>[class*='col-'] { padding-right: 5px; padding-left: 5px; }
.hidden { display: none; }
.img-center { margin-left: auto; margin-right: auto; float: none; display: block; }
.mandatory { color: #A94442; }
.contactform-message .alert { display: none; }
.contactform-message .alert.show { display: block; }
iframe[name="google_conversion_frame"] { position: fixed; }
img { max-width: 100%; height: auto; }
a, a:hover, a:focus, a:visited { color: inherit; outline: 0; }
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
input[type=button], input[type=submit], button, submit,
input[type=button]:hover, input[type=submit]:hover, button:hover, submit:hover, .button, .btn { padding: 6px 15px; color: #FFF !important; border: 0; border-radius: 0; font-weight: 700; text-decoration: none; }
section { padding-top: 25px; padding-bottom: 25px; }

h1,h2,h3,h4,h5,h6 { font-weight: 700; }
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.8rem; }
h3, .h3 { font-size: 1.6rem; }
h4, .h4 { font-size: 1.4rem; }
h5, .h5 { font-size: 1.2rem; }
h6, .h6 { font-size: 1.1rem; }
p, .p { font-size: 1rem; }
/* ul, p, .p { margin-bottom: 20px; } */

.btn-1, .btn-1:hover { background-color: #4BBBBB; border-left: 3px solid #00A796; }
.btn-2, .btn-2:hover { background-color: #358CCC; border-left: 3px solid #006AB5; }
.btn-3, .btn-3:hover { background-color: #43BA84; border-left: 3px solid #00AB5F; }

.vertical-divider-wrapper { padding: 10px; height:100%; }
.vertical-divider-1,.vertical-divider-2, .vertical-divider-3 { width:1px;height:100%;display:block;margin:0 auto; }
.vertical-divider-1 { background-color:#4BBBBB; }
.vertical-divider-2 { background-color:#358CCC; }
.vertical-divider-3 { background-color:#43BA84; }

.navbar-default { background-color: #FFF; border: 0; margin-bottom: 0; }
.navbar-default .navbar-btm { background-color: #E6EDF1; }
.navbar-default .navbar-header { width: 100%; margin: 0; }
.navbar-default .navbar-brand { float: left; height: auto; color: inherit; padding-left: 0; }
.navbar-default .navbar-toggle { border: 0; margin-right: 0; padding-right: 0; padding-left: 15px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #424242; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; padding-top: 9px; padding-bottom: 9px; }
.navbar-default .navbar-nav { margin-left: -15px; margin-right: -15px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #358CCC; background-color: transparent; }
.navbar-default .navbar-nav>li>a { color: #000; }
.navbar-default .navbar-socials { float:right;padding-top:7px;font-size:1.6rem; }

.header-border, .footer-border { border-width: 4px; border-style: solid; }

.wpcf7 input.wpcf7-form-control, .wpcf7 textarea.wpcf7-form-control { border-radius: 0; font-size: 1rem; width: 100%; padding: 6px 12px; }
.wpcf7 textarea.wpcf7-form-control { height: 200px; }
.wpcf7 .g-recaptcha { margin-bottom: 10px; }
.wpcf7 input.wpcf7-submit { width: auto; }
.wpcf7 .wpcf7-response-output { margin-left: 0; margin-right: 0; padding: 15px; }
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;  }
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng { color: #a94442; background-color: #f2dede; border-color: #ebccd1;  }
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;  }

footer { background-color: #E6EDF1; }
.footer .content-wrapper {padding-top:20px;padding-bottom:20px;height:100%;}

.page-content-wrapper { padding-top:40px; padding-bottom:40px;}

.home-page-cover .swiper-slide { position: relative; }
.home-page-cover .swiper-slide img { min-width: 100%; }
.home-page-cover .swiper-slide table { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.home-page-cover .swiper-slide table>tr>td { vertical-align: middle; }
.home-page-cover .caption { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; width: 100%; text-align: center; }
.home-page-cover .caption table { width: 100%; height: 100%; }
.home-page-cover .caption h1 { margin: 0; margin-bottom: 10px; }
.home-page-cover .caption h3 { margin: 0; font-size: 1rem; font-weight: 400; }

.page-cover { position: relative; }
.page-cover img.cover { min-width: 100%; }
.page-cover .caption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-weight: 700; }
.page-cover .caption table { margin: 0 auto; height: 100%; width: 100%; }
.page-cover .caption table td { vertical-align: middle; }
.page-cover .caption h1 { text-transform: uppercase; width: auto; color: #FFF; text-align: center; }

.testimonial blockquote { border: 0; padding-left: 40px; padding-right: 40px; }
.testimonial blockquote>.quote {}
.testimonial blockquote>.name { font-weight: 700; font-size: 1rem; margin-bottom: 10px; }
.testimonial blockquote>.occupation { font-style: italic; font-weight: 400; font-size: 1rem; margin-top: 10px; }

.service-box { display: block; margin: 0; background-color: #358CCC; border-bottom: 6px solid #006AB5; color: #FFF; margin-top:20px; margin-bottom: 20px; }
.service-box.item-0n { background-color: #4BBBBB; border-color: #00A796; }
.service-box.item-1n { background-color: #358CCC; border-color: #006AB5; }
.service-box.item-2n { background-color: #43BA84; border-color: #00AB5F; }
.service-box>.thumbnail {background-size:cover;background-repeat:no-repeat;background-position:center center;height:300px;line-height:0;margin:0;padding:0;border:0;border-radius:0;background-color:#F5F5F5;}
.service-box>.content {padding:20px;}
.service-box>.content>.title {margin:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.service-box>.content>.excerpt {text-overflow: ellipsis;overflow: hidden;white-space: normal;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;height:80px;}
.service-box>.content>.readmore { text-align: right; padding-top: 10px; }
.service-box>.content>.readmore>a { background-color: transparent; border: 1px solid #FFF; outline: 0; text-decoration: none; }

.color-label-box { text-align: center; padding-top:10px; padding-bottom:10px;}
.color-label-box.item-0n { color: #4BBBBB; }
.color-label-box.item-1n { color: #358CCC; }
.color-label-box.item-2n { color: #43BA84; }
.color-label-box span.number { font-size: 2.4rem; font-weight: 700; line-height: 3rem; }
.color-label-box span { display: block; text-transform: uppercase; font-size: 0.8rem; line-height: 0.8rem; font-weight: 400; }

.custom-pagination { text-align: center; }
.custom-pagination span, .custom-pagination a { display: inline-block; padding: 2px 10px; }
.custom-pagination a, .custom-pagination a:hover { background-color: #E0E0E0; color: #000; }
.custom-pagination span.page-num { margin-right: 10px; padding: 0; }
.custom-pagination span.dots { padding: 0; color: #BDBDBD; }
.custom-pagination span.current { background-color: #358CCC; color: #fff; }

/* lg */
@media ( min-width : 1200px) {
	.gutter-lg-0>[class*='col-'] { padding-right: 0px; padding-left: 0px; }
	.gutter-lg-5>[class*='col-'] { padding-right: 5px; padding-left: 5px; }
	.img-lg-center { margin-left: auto; margin-right: auto; float: none; displays: block; }
	.text-lg-center { text-align: center; }
	
	.navbar-default .navbar-nav>li:first-of-type>a { padding-left: 0; }
	.navbar-default .navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; }
	.page-template-default .page-cover .caption h1 { font-size: 3rem; }
}

/* md */
@media ( min-width : 992px) and (max-width: 1199px) {
	.gutter-md-0>[class*='col-'] { padding-right: 0px; padding-left: 0px; }
	.gutter-md-5>[class*='col-'] { padding-right: 5px; padding-left: 5px; }
	.img-md-center { margin-left: auto; margin-right: auto; float: none; display: block; }
	.text-md-center { text-align: center; }
	
	.navbar-default .navbar-nav>li:first-of-type>a { padding-left: 0; }
	.navbar-default .navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; }
	.page-template-default .page-cover .caption h1 { font-size: 3rem; }
}

/* sm */
@media ( min-width : 768px) and (max-width: 991px) {
	.gutter-sm-0>[class*='col-'] { padding-right: 0px; padding-left: 0px; }
	.gutter-sm-5>[class*='col-'] { padding-right: 5px; padding-left: 5px; }
	.img-sm-center { margin-left: auto; margin-right: auto; float: none; display: block; }
	.text-sm-center { text-align: center; }
	
	.navbar-default .navbar-nav>li:first-of-type>a { padding-left: 0; }
	.navbar-default .navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; }
}

/* xs */
@media ( max-width : 767px) {
	.gutter-xs-0>[class*='col-'] { padding-right: 0px; padding-left: 0px; }
	.gutter-xs-5>[class*='col-'] { padding-right: 5px; padding-left: 5px; }
	.img-xs-center { margin-left: auto; margin-right: auto; float: none; display: block; }
	.text-xs-center { text-align: center; }
	
	.navbar-default .navbar-socials { width:100%; padding: 0 0 15px 0; text-align: right; }
	
	html { font-size: 14px; }
	.wpcf7 .g-recaptcha { margin-bottom: 0; }
	.wpcf7 .g-recaptcha iframe {
		-webkit-transform: scale(0.77);
		-moz-transform:    scale(0.77);
		-ms-transform:     scale(0.77);
		-o-transform:      scale(0.77);
		transform:         scale(0.77);
		transform-origin: 0 0;
	}
}

/* xs portrait */
@media ( max-width : 480px) {
}

/* custom */