/*
Theme name: Kontur
Version: 1.0
Author: Roman Chernov
Author URI: mailto:thewitness45@gmail.com
*/

*{
	margin: 0;
	padding: 0;
	outline: none;
}

body{
	width: 100%;
	height: 100%;
	color: #000;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}

a{
	color: #002939;
	text-decoration: none;
}

a:hover{
	color: #1e6987;
}

.wrapper{
	width: 100%;
	height: auto;
	position: relative;
	display: block;
}

.top{
	display: block;
	position: relative;
	padding: 10px 0px;
	background: #002939;
	color: #fff;
}

.top .slogan{
	font-weight: 100;
}

span.top-spans{
	display: inline-block;
	margin-left: 20px;
	padding: 0px 0px 0px 20px;
	font-weight: 100;
}

span.top-mail{
	background: url(images/topmail.png) no-repeat 0px 1px;
}

span.top-phones{
	background: url(images/topphones.png) no-repeat 0px 1px;
}

.logo{
	display: block;
	position: relative;
}

.logo a{
	display: inline-block;
	text-transform: uppercase;
}

.logo a img{
	max-width: 100%;
	height: auto;
}

.header{
	display: block;
	position: relative;
	padding: 10px 0px;
}

.sticky-header{
	display: none;
	position: fixed;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	padding: 10px 0px;
	background: #fff;
	z-index: 100;
}

.main-menu-nav{
	display: block;
	position: relative;
}

.main-menu-nav ul{
	display: block;
	text-align: right;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	list-style-type: none;
}

.main-menu-nav ul li{
	display: inline-block;
	margin-left: 15px;
}

.main-menu-nav ul li:first-child{
	margin-left: 0px;
}

.main-menu-nav ul li a{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #1d1d1d;
}

.main-menu-nav ul li a:hover{
	color: #003d4f;
}

.sub-menu{
	display: none;
}

a.callback-button{
	display: block;
	background: #002939;
	color: #fff;
	padding: 14px 0px;
	text-align: center;
}

a.callback-button:hover{
	background: #05435a;
}

.callback{
	display: block;
	position: relative;
	padding-top: 8px;
}

.slider{
	display: block;
	position: relative;
	width: 100%;
	height: 460px;
	background: rgba(0,0,0,0.1);
}

.slider-item{
	display: block;
	position: relative;
	width: 100%;
	height: 460px;
}

.slide-image{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.slider-container{
	position: relative;
	z-index: 2;
}

.slide-content{
	display: block;
	position: relative;
	background: rgba(0,41,57,0.8);
	color: #fff;
	padding: 30px 20px;
	margin-top: 80px;
}

.slide-content h2{
	font-weight: 400;
	font-size: 26px;
}

.slide-content span{
	font-size: 16px;
	font-weight: 100;
	display: block;
	margin-top: 20px;
}

.slide-content a.redmore{
	display: inline-block;
	margin-top: 20px;
	background: #fff;
	padding: 15px 40px;
	font-weight: 400;
}

.slider .owl-dots{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 15px;
	z-index: 3;
}

.slider .owl-dots button{
	width: 12px !important;
	height: 12px !important;
	background: #fff !important;
	box-shadow: inset 0px 1px 2px rgba(0,0,0,.4);
	border-radius: 100%;
	margin: 0px 3px !important;
}

.slider .owl-dots button span{
	background: #fff !important;
	margin: 4px !important;
	display: inline-block !important;
	width: 4px !important;
	height: 4px !important;
	border-radius: 100% !important;
}

.slider .owl-dots button.active span{
	background: #000 !important;
}

.best-solutions{
	display: block;
	position: relative;
	padding-top: 80px;
}

h2.sider-title{
	display: block;
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
	color: #2d2d2d;
	line-height: 40px;
}

.icontxt{
	display: block;
	position: relative;
	text-align: center;
	margin-top: 40px;
	min-height: 150px;
}

.icontxt img{
	max-width: 100%;
	height: auto;
}

.icontxt h4{
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #002939;
}

.right-best{
	display: block;
	position: relative;
	background: #f7f7f7;
	font-size: 16px;
	font-weight: 300;
	padding: 20px 30px 0px 30px;
	line-height: 24px;
}

.footer{
	display: block;
	position: relative;
	background: #001e2b;
	padding-bottom: 60px;
	padding-top: 30px;
}

.have-questions{
	display: block;
	position: relative;
}

.have-questions h2{
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
}

.have-questions span{
	color: #fff;
}

.footer-callback a.callback-button{
	background: #fff;
	color: #001e2b;
	font-weight: 500;
	font-size: 16px;
}

.footer-callback a.callback-button:hover{
	opacity: .5;
}

.footer-bottom-border{
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-bottom: 30px;
}

.footer-widget{
	display: block;
	position: relative;
	color: #fff;
	line-height: 22px;
	margin-top: 50px;
	font-size: 15px;
}

.footer-widget ul{
	list-style-type: none;
}

.footer-widget ul li{
	display: block;
	padding-bottom: 3px;
}

.footer-widget ul li a{
	color: #fff;
	font-size: 14px;
	font-weight: 100;
}

.footer-widget ul li a:hover{
	text-decoration: underline;
}

.powered-by{
	display: block;
	position: relative;
	background: #00151f;
	padding: 10px 0px;
	color: #fff;
	font-weight: 400;
}

.social-links{
	display: block;
	position: relative;
}

.social-links ul{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: right;
}

.social-links ul li{
	display: inline-block;
	margin-left: 10px;
}

.social-links ul li a{
	display: block;
	width: 28px;
	height: auto;
	text-align: center;
	color: #fff;
	padding: 7px 0px;
	border-radius: 100%;
	font-size: 14px;
}

.social-links ul li a:hover{
	background: #fff !important;
	color: #00151f;
}

.social-links ul li.gplus a{
	background: #dc4e41;
}

.social-links ul li.twitter a{
	background: #55acee;
}

.social-links ul li.facebook a{
	background: #3b5998;
}

.pb-text{
	display: block;
	padding-top: 7px;
}

.services-section{
	display: block;
	position: relative;
	background: #002939;
	padding-top: 80px;
	padding-bottom: 40px;
	margin-top: 80px;
}

.services-section-title{
	display: block;
	position: relative;
}

.services-section-title h2{
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-size: 35px;
}

.services-section-title span{
	font-size: 21px;
	display: block;
	text-align: center;
	color: #fff;
	margin-top: 20px;
}

.view-all-services{
	display: block;
	position: relative;
	text-align: center;
	padding-top: 30px;
}

.view-all-services a{
	display: inline-block;
	background: #fff;
	font-weight: 400;
	font-size: 16px;
	padding: 15px 50px;
}

.view-all-services a:hover{
	background: #001e2b;
	color: #fff;
}

.service-item{
	display: block;
	position: relative;
	padding-bottom: 100%;
	background: #001e2b;
	margin-top: 30px;
	overflow: hidden;
	z-index: 1;
}

.service-item .service-picture{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .6;
	transition: all .05s;
	z-index: 2;
}

.service-item .service-title{
	position: absolute;
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 0px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	padding: 10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	z-index: 3;
}

a.service-permalink{
	display: block;
	position: relative;
}

a.service-permalink:hover .service-item .service-picture{
	opacity: .2;
}

.testimonials-section{
	display: block;
	position: relative;
	background: #f7f7f7;
	padding-top: 60px;
	padding-bottom: 60px;
}

.testimonials-section-title{
	display: block;
	position: relative;
}

.testimonials-section-title h2{
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
}

.testimonial-slider-item{
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-top: 60px;
}

.testimonials-section .owl-dots button{
	width: 12px !important;
	height: 12px !important;
	background: #fff !important;
	box-shadow: inset 0px 1px 2px rgba(0,0,0,.4);
	border-radius: 100%;
	margin: 0px 3px !important;
}

.testimonials-section .owl-dots button span{
	background: #fff !important;
	margin: 4px !important;
	display: inline-block !important;
	width: 4px !important;
	height: 4px !important;
	border-radius: 100% !important;
}

.testimonials-section .owl-dots button.active span{
	background: #000 !important;
}

.human-photo{
	display: inline-block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 100%;
	position: relative;
}

.human-name{
	display: block;
	padding-top: 10px;
}

.human-voice{
	display: block;
	position: relative;
	font-size: 18px;
	padding-top: 20px;
}

.testimonials-section button.owl-prev{
	position: absolute;
	top: 20%;
	left: 15%;
	font-size: 60px !important;
	background: transparent !important;
}

.testimonials-section button.owl-next{
	position: absolute;
	top: 20%;
	right: 15%;
	font-size: 60px !important;
	background: transparent !important;
}

.testimonials-section button:hover{
	color: #135a75 !important;
}

.seo-news-section{
	display: block;
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}

.seo-block h2.seo-block-title,
.news-block h2.news-block-title{
	display: block;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 30px;
}

.seo-text{
	display: block;
	position: relative;
	padding-top: 40px;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}

.news-item{
	display: block;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	padding-top: 30px;
}

.news-thumbnail{
	display: block;
	width: auto;
	height: auto;
	padding-bottom: 100%;
}

a.news-title-link{
	display: block;
	font-weight: 500;
	font-size: 16px;
}

span.news-release-date{
	display: block;
	color: #999;
	padding-top: 15px;
	font-size: 13px;
	text-transform: capitalize;
}

.all-news-button{
	display: block;
	position: relative;
	padding-top: 20px;
}

.all-news-button a{
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	background: #002939;
	padding: 15px 40px;
}

.all-news-button a:hover{
	background: #104a60;
}

.inner-page{
	display: block;
	position: relative;
	width: 100%;
	min-height: 400px;
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top: 50px;
	padding-bottom: 70px;
}

.inner-page-title h1{
	display: block;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 300;
}

.archive-item{
	display: block;
	position: relative;
	margin-top: 30px;
	padding-bottom: 15px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	transition: all .2s;
	filter: grayscale(100%);
}

.archive-item:hover{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	filter: grayscale(0%);
}

.archive-thumb{
	display: block;
	position: relative;
	width: auto;
	height: auto;
	padding-bottom: 70%;
}

.archive-title{
	display: block;
	position: relative;
	padding: 10px 10px 0px 10px;
	font-weight: 500;
	font-size: 15px;
}

.archive-release-date{
	display: block;
	position: relative;
	padding: 10px 10px;
	font-size: 13px;
	color: #999;
}

.archive-excerpt{
	display: block;
	position: relative;
	padding: 10px;
	color: #000;
	font-size: 13px;
	font-weight: 300;
}

.pagination-links{
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 500;
}

.pagination-links span{
	padding: 10px;
	display: inline-block;
}

.pagination-links a{
	padding: 10px;
	background: #002939;
	color: #fff;
	display: inline-block;
}

.pagination-links a:hover{
	background: #1e6987;
}

.pagination-links a span,
.pagination-links span span{
	padding: 0px;
}

.error404{
	text-align: center;
}

.error404 h1{
	text-transform: uppercase;
	font-weight: 300;
}

.error-image{
	display: block;
	position: relative;
	padding-top: 60px;
}

.error-image img{
	max-width: 300px;
}

.back-to-home{
	display: block;
	position: relative;
	padding-top: 40px;
}

.back-to-home a{
	font-weight: 500;
}

.page-single-content{
	display: block;
	position: relative;
	padding-top: 40px;
	font-size: 16px;
	line-height: 24px;
}

.page-single-content iframe{
	width: 100%;
}

.single-thumbnail{
	display: block;
	position: relative;
	margin-top: 40px;
}

.single-thumbnail img{
	width: 100%;
	height: auto;
}

.single-thumbnail span{
	display: block;
	margin-top: 20px;
}

.breads{
	display: block;
	position: relative;
	padding: 10px;
	background: rgba(0,0,0,0.03);
	font-size: 13px;
}

.breads ul{
	list-style-type: none;
	margin: 0px;
}

.breads ul li{
	display: inline-block;
}

.breads ul li a{
	font-weight: 400;
}

.mobmenu-btn{
	display: block;
	position: relative;
	text-align: right;
}

.mobmenu-btn button{
	font-size: 30px;
	border: none;
	color: #fff;
	background: #002939;
	padding: 10px 12px;
}

.mobmenu-btn button[aria-expanded="true"]{
	background: #12688a;
}

.mobmenulist{
	display: block;
	position: relative;
	background: #002939;
}

.mobmenulist ul{
	display: block;
	position: relative;
	list-style-type: none;
}

.mobmenulist ul li{
	display: block;
}

.mobmenulist ul li a{
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	display: block;
	padding: 10px 10px;
}

.mobmenulist ul li a:hover{
	background: rgba(255,255,255,0.8);
	color: #002939;
}

.wpcf7-text{
	width: 100%;
	height: auto;
	border: 1px solid #002939;
	padding: 10px;
	font-size: 14px;
	margin-top: 10px;
}

.wpcf7-file{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	background: #d6e6ec;
	margin-top: 10px;
}

.wpcf7-submit{
	width: 100%;
	height: auto;
	padding: 10px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	background: #002939;
	border: none;
	margin-top: 0px;
}

.wpcf7-submit:hover{
	background: #12688a;
}