/*   
Theme Name: Clean theme
Version: 1.0
Tags: tim, ktimur, timur, web-developer
Description: Wordpress theme from Timur web developer
Author: Tim
Author URI: http://ktimur.xyz
*/

@import url('//fonts.googleapis.com/css?family=Fira+Sans:300,400,700&subset=cyrillic');

*, *:before, *:after{
	outline: none;
	box-sizing: border-box;
}

body{
	padding: 0;
	/*padding: 150px 0 0;*/
	margin: 0;
	font-size: 16px;
	font-family: 'Fira Sans', sans-serif;
	/*background-color: #f9f9f9;*/
}

a{ color: #148CC9; text-decoration: underline; }
a:hover, a:active{ color: #1472C9; text-decoration: none; }

.fix_body{ overflow: hidden; }

.default{ padding: 20px 0; }

.shir{
	display: block;
	margin: auto;
	max-width: 1200px;
	padding: 0 20px;
}
.min_shir{
	max-width: 600px;
}

.title{ 
	font-size: 32px;
	font-weight: 300;
	margin: 0 0 30px;
	line-height: 32px;
}
.title_sm{ 
	font-size: 24px;
	font-weight: 300;
	margin: 0 0 30px;
}
.sub_title{
	font-size: 16px;
	color: #999;
}
.t_center{ text-align: center; }
.t_left{ text-align: left; }
.t_right{ text-align: right; }

.btn{
	display: inline-block;
	padding: 15px 30px;
	text-decoration: none;
	border: 0;
	border-radius: 100px;
	cursor: pointer;
	font-size: 16px;
	box-shadow: none;
	color: #FFF !important;
	transition: .3s;
}
	/*BLUE*/
	.btn_blue{
		background-color: #0175CC;
	}
	.btn_blue:hover{
		background-color: #0175CC;
		box-shadow: 0px 9px 14px rgba(255, 200, 21, 0.35);
	}
	/*RED*/
	.btn_red{
		background-color: #DD3149;
	}
	.btn_red:hover{
		background-color: #DD3149;
		box-shadow: 0px 9px 45px rgba(206, 25, 12, 0.82);
	}

.flex_bl{ display: flex; }
.flex_wrap{ flex-wrap: wrap; }
.flex_vcenter{ align-items: center; }
.flex_vtop{ align-items: flex-start; }
.flex_jc_sb{ justify-content: space-between; }
.flex_jc_center{ justify-content: center; }

/*SLICK ARROWS*/
.slick-prev, .slick-next{
	background-color: transparent;
	width: 40px;
	height: 40px;
	border-radius: 0;
	border: 1px #DDD solid;
	opacity: 1 !important;
	background-color: #F7F7FB;
	filter: grayscale(100%);
	z-index: 100;
	transition: .3s;
}
.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus{
	background-color: #EEE;
	filter: grayscale(0);
}
.slick-prev:active, 
.slick-next:active{
	background-color: #DDD !important;
	transition: .3s;
}
.slick-prev:before, 
.slick-next:before{
	display: none;
}
	.slick-next{
		right: -20px;
		background: center no-repeat #F7F7FB !important;
		background-image: url(img/arr-right.png) !important;
	}
	.slick-prev{
		left: -20px;
		background: center no-repeat #F7F7FB !important;
		background-image: url(img/arr-left.png) !important;
	}

/*SLICK DOTS*/
.slick-dots{
	bottom: 40px;
}
	.slick-dots li button:before{
		display: none;
	}
	.slick-dots li,
	.slick-dots li button{
		width: 10px;
		height: 10px;
	}
	.slick-dots li{
		margin: 0 10px;
	}
	.slick-dots li button{
		background-color: transparent;
		border-radius: 100px;
		border: 1px #FFF solid;
	}
	.slick-dots li.slick-active button{
		background-color: #FFF;
	}

/*BREAD*/
.bread{
	list-style: none;
	padding: 30px 0;
	margin: 0;
	font-size: 12px;
}
	.bread li{
		display: block;
	}
		.bread li b{
			display: inline-block;
			margin: 0 10px;
			font-weight: normal;
		}
		.bread li a{
			display: inline-block;
			font-size: 12px;
		}

/*HEADER*/
.head{
	padding: 30px 0;
}
	.search_form{
		position: relative;
		width: 400px;
	}
		.search_form input{
			display: block;
			width: 100%;
			border: 1px #DDD solid;
			background-color: #F5F5F5;
			padding: 15px 20px;
			font-size: 14px;
		}
		.search_form button{
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			border: 0;
			background-color: transparent;
			width: 45px;
			cursor: pointer;
			opacity: .6;
		}
		.search_form button:hover{
			opacity: 1;
		}
			.search_form button svg{
				width: 54%;
				display: block;
				margin: auto;
				height: auto;
			}
	.phone_head{
		display: block;
	}
		.phone_head b{
			display: block;
			font-size: 16px;
			margin: 0 0 5px;
			position: relative;
		}
			.location b:before{
				content: "";
				position: absolute;
				left: -25px;
				top: 0;
				width: 15px;
				height: 18px;
				background-position: center;
				background-image: url(img/ic-map-head.png);
				background-repeat: no-repeat;	
			}
		.phone_head small{
			display: block;
			font-size: 12px;
			color: #999;
		}
.menu_bl{
	padding: 0;
	background-color: #0175CC;
	color: #FFF;
}
	.menu_bl ul{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}
		.menu_bl li{
			display: block;
		}
			.menu_bl li a{
				display: block;
				padding: 20px 35px;
				margin: 0;
				background-color: transparent;
				color: #FFF;
				text-decoration: none;
				position: relative;
				transition: .3s;
			}
			.menu_bl li.current-menu-item a{
				background-color: #005fa7 !important;
			}
			.menu_bl li a:before{
				content: "";
				display: block;
				position: absolute;
				right: 0;
				top: 50%;
				height: 15px;
				width: 1px;
				background-color: #FFF;
				transform: translateY(-50%);
			}
			.menu_bl li:last-child a:before{
				display: none;
			}
			.menu_bl li a:hover{
				background: #F44336;
				color: #FFF;
				transition: .3s;
			}


/*MAIN SLIDER*/
.main_slider{
	display: block;
	overflow: hidden;
}
	.main_item{
		display: flex !important;
		align-items: center;
		height: 500px;
		background-repeat: no-repeat;
		background-color: #EEE;
		background-position: center;
		background-size: cover;
	}
		.main_item .shir{
			width: 100%;
		}
		.main_text{
			display: block;
			max-width: 50%;
			color: #FFF;
		}
			.main_text h1{
				display: block;
				font-size: 58px;
				font-weight: bold;
				margin: 0 0 30px;
				line-height: 1em;
			}
			.main_text p{
				display: block;
				margin: 30px 0;
				font-size: 16px;
				font-weight: 300;
			}


/*SERVICE*/
.service_bl{
	margin: 30px 0;
	border: 1px #EEE solid;
}
	.service_item{
		border-right: 1px #EEE solid;
		background-color: #FFF;
		padding: 10px;
		text-decoration: none;
		box-shadow: none;
		transition: .3s;
	}
	.service_item:hover{
		position: relative;
		z-index: 10;
		box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12);
		transition: .3s;
	}
	.service_item:last-child{
		border: 0;
	}
		.service_img{
			display: block;
			margin: 0 0 20px;
			width: 100%;
			/*background-color: #EEE;*/
			border-radius: 10px;
		}
		.service_title{
			display: block;
			font-size: 16px;
		}

/*ABOUT*/
.company_item{
	width: 48%;
}
.desc_bl{
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}
.list_bl{
	list-style: none;
	padding: 0;
	margin: 0;
}
	.list_bl li{
		display: block;
		margin: 20px 0;
		padding: 0 0 0 20px;
		position: relative;
	}
	.list_bl li:before{
		content: "";
		position: absolute;
		left: 0;
		top: 5px;
		display: block;
		width: 6px;
		height: 6px;
		border: 1px #333 solid;
	}
.tags a{
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 10px 15px;
	background-color: #EEE;
	color: #333;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	border: 1px transparent solid;
}
.tags a:hover{
	background-color: #FFF;
	border-color: #DDD;
	color: #1472C9;
}

/*SLIDER LOGO*/
.slider_logo{
	background-color: #f7f7fb;
	padding: 30px 0;
}
	.logo_slider{
		border: 1px #DDD solid;
	}
	.slider_logo_item{
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-height: 120px;
		display: inline-block;
		border-right: 1px #DDD solid;
		background-color: transparent;
		filter: grayscale(100%);
		transition: .3s;
	}
	.slider_logo_item:hover{
		background-color: #E6EBF1;
		filter: grayscale(0);
		transition: .3s;
	}
	.slider_logo_item img{
		max-width: 100%;
		height: auto;
		opacity: .5;
		transition: .3s;
	}
	.slider_logo_item:hover img{
		opacity: 1;
		transition: .3s;
	}


/*CATALOG PAGE*/
.catalog_bl{
	border-top: 1px #DDD solid;
	border-left: 1px #DDD solid;
	margin: 0 0 30px;
}
	.catalog_item{
		width: 50%;
		padding: 30px 30px 30px 120px;
		border-right: 1px #DDD solid;
		border-bottom: 1px #DDD solid;
		position: relative;
	}
	.catalog_item:nth-child(1),
	.catalog_item:nth-child(2){
		border-top: 0;
	}
	/*.catalog_item:nth-child(even){
		border-right: 0;
	}*/
	.sale_item{
		padding: 30px;
	}
		.cat_img{
			position: absolute;
			left: 30px;
			top: 30px;
		}
		.main_cat{
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			display: block;
			margin: 0 0 20px;
		}
		.sub_cat{
			display: inline-block;
			padding: 0 10px 0 0;
			margin: 0 10px 10px 0;
			/*border-right: 1px #DDD solid;*/
			color: #333;
			text-decoration: none;
			font-size: 14px;
			font-weight: 300;
		}
		.sub_cat:last-child{
			border: 0;
		}
		.sub_cat:hover{
			color: #148CC9;
		}
.load_more{
	border: 0;
	background: #0175cc;
	color: #fff;
	padding: 14px 30px;
	font-size: 16px;
	margin: 0 auto 30px;
	display: block;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1);
	transition: .3s;
}
.load_more:hover{
	background-color: #0065b1;
	transition: .3s;
}
.load_more:active{
	transform: scale(0.95);
	transition: .3s;
}

/*SUB CAT*/
.product_img{
	width: 200px;
}
	.product_img img{
		max-width: 100%;
		height: auto;
	}
.product_text{
	padding: 0 0 0 30px;
	width: 100%;
}
	.product_list ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.product_list ul li{
			padding: 0 0 10px 13px;
			font-size: 14px;
			font-weight: 300;
			position: relative;
		}
		.product_list ul li:before{
			content: "-";
			position: absolute;
			left: 0;
			top: 0;
			display: block;
		}


/*FOOTER*/
footer{
	padding: 30px 0;
	border-top: 1px #DDD solid;
}
.foot_item{
	width: 25%;
}
.foot_item:first-child{
	width: 9%;
}
	.foot_item b{
		display: block;
		font-size: 18px;
		margin: 0 0 20px;
	}
	.foot_menu{
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.foot_menu li{
			display: block;
			margin: 0 0 10px;
		}
			.foot_menu li a{
				font-size: 14px;
				color: #333;
				text-decoration: none;
				font-weight: 300;
			}
	.form_mail{
		display: flex;
		/*align-items: center;*/
		height: 100px;
		width: 100%;
	}
		.form_mail input{
			display: block;
			padding: 10px 15px;
			height: 40px;
			border: 1px #DDD solid;
			width: 100%;
		}
		.form_mail button{
			display: block;
			padding: 10px;
			height: 40px;
			width: 40px;
			border: 0;
			background-color: #DD3149;
			background-image: url(img/arrow-mail.png);
			background-repeat: no-repeat;
			background-position: center;
			color: #FFF;
		}
	.copyright{
		display: block;
		font-size: 14px;
		color: #333;
		font-weight: 300;
	}
	.foot_contact{
		display: block;
		height: 100px;
	}
		.foot_contact span{
			display: block;
			margin: 0 0 15px;
			padding: 0 0 3px 30px;
		}
		.tel_foot{
			font-size: 14px;
			font-weight: bold;
			background-image: url(img/ic-tel.png);
			background-repeat: no-repeat;
			background-position: top left;
		}
		.adres_foot{
			font-weight: 300;
			font-size: 14px;
			background-image: url(img/ic-map.png);
			background-repeat: no-repeat;
			background-position: top left;
		}

/*PROJECT*/
.project_bl{}
.project_item{
	width: 32%;
	background-color: #EEE;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 300px;
	position: relative;
	color: #FFF !important;
	text-decoration: none;
	margin: 0 0 30px;
	filter: grayscale(0%);
	transition: .3s;
}
.project_item:hover{
	filter: grayscale(100%);
	transition: .3s;
}
.project_item:hover .text_pro{
	height: 100%;
	padding: 27% 30px;
	transition: .3s;
}
	.text_pro{
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
		padding: 30px;
		height: 46%;
		transition: .3s;
	}
		.text_pro h4{
			margin: 0 0 20px;
			font-size: 22px;
		}
		.text_pro b{
			display: inline-block;
			font-size: 12px;
			font-weight: normal;
			padding: 3px 10px;
			margin: 0 0 10px;
			background-color: #F44336;
			border-radius: 3px;
		}
.desc_pro{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777;
}
	.desc_pro img{
		max-width: 100%;
		height: auto;
		display: block;
	}


/*CONTACT*/
.contact_bl{
	margin: 0 0 30px;
}
	.contact_item{
		width: 50%;
	}
		.cont_min{
			display: block;
			margin: 0 0 30px;
		}
			.cont_min small{
				display: block;
				font-size: 12px;
				color: #999;
				margin: 0 0 10px;
			}
			.cont_min b{
				display: block;
				font-size: 18px;
			}
			.social_bl{
				display: flex;
				align-items: center;
			}
				.social_bl a{
					display: flex;
					align-items: center;
					justify-content: center;
					width: 35px;
					height: 35px;
					background-color: #333;
					border-radius: 100px;
					text-decoration: none;
					color: #FFF;
					margin: 0 10px 0 0;
					box-shadow: none;
					transition: .3s;
				}
				.social_bl a:hover{
					background-color: #0175CC;
					box-shadow: 0 8px 30px -2px rgba(1, 117, 204, 0.52);
					transition: .3s;
				}
					.social_bl a svg{
						display: block;
						margin: auto;
						fill: #FFF;
					}
		.mapka{
			background-color: #EEE;
			height: 400px;
		}


/*SEARCH*/
.ser_article{
	display: block;
	padding: 30px 0;
	border-top: 1px #DDD solid;
}
	.ser_article h2{
		display: block;
		margin: 0 0 10px;
	}
		.ser_article h2 a{
			/*color: #333;*/
			text-decoration: none;
		}


/*CATEGORY SERVICE*/
.cat_bl{
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}
	.cat_bl li{
		display: flex;
		width: 25%;
	}
		.cat_bl li a{
			display: block;
			padding: 30px;
			border: 1px #DDD solid;
			text-align: center;
			color: #333;
			text-decoration: none;
			font-size: 18px;
			/*height: 150px;*/
			width: 100%;
			box-shadow: none;
			transition: .3s;
		}
		.cat_bl li a:hover{
			box-shadow: 0 7px 30px -3px rgba(1, 117, 204, 0.5);
			border-color: #0175cc;
			color: #0175cc;
			position: relative;
			z-index: 1;
			transition: .3s;
		}
			.cat_bl li a small{
				display: block;
				margin: 5px 0 0;
				font-size: 12px;
			}
			.cat_bl li a img{
				display: block;
				margin: 0 auto 10px;
			}

/*SINGLE*/
.slick-track{
	display: flex;
	align-items: center;
}
.slider_single{
	width: 500px;
	border: 1px #DDD solid;
	margin: 0 0 50px;
}
	.slider_single a{
		display: inline-block;
		vertical-align: middle;
	}
	.slider_single img{
		width: 100%;
		height: auto;
	}
.text_single{
	padding: 0 0 0 60px;
}
	.single_title{
		display: block;
		font-size: 32px;
		margin: 0 0 30px;
	}
	.single_form{
		display: block;
		margin: 30px 0 0;
	}
		.single_form form p{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 20px;
		}
		.single_form input{
			display: block;
			padding: 15px 20px;
			border: 1px #DDD solid;
			font-size: 16px;
			width: 100%;
		}
		.single_form input[type="submit"]{
			border: 0;
			background: #0175cc;
			color: #FFF;
		}

.mob,
.call_mob_bl{
	display: none;
}
.netu{
	display: block;
	width: 100%;
	text-align: center;
	padding: 20px;
	background: #fff4d2;
}

/*TABLET*/
@media (max-width: 1200px){
	.service_img img{
		max-width: 100%;
		height: auto;
	}
	.service_title{
		font-size: 14px;
	}
}
@media (max-width: 1080px){
	.search_form{
		width: 250px;
	}
	.menu_bl li a{
		padding: 20px 25px;
	}
	.slider_single{
		width: 300px;
	}
}
@media (max-width: 950px){
	.search_form{
		display: none;
	}
	.menu_bl li a{
		padding: 15px 20px;
	}
	.service_bl{
		flex-wrap: wrap;
	}
		.service_item{
			width: 33.3%;
		}
		.service_item:nth-child(4),
		.service_item:nth-child(5),
		.service_item:nth-child(6){
/* 			width: 50%; */
			border-top: 1px #EEE solid;
		}
	.project_item{
		width: 48%;
	}
		.text_pro h4{
			font-size: 21px;
		}
}


/*MOBILE*/
@media (max-width: 700px){
	header{
		border-bottom: 1px #DDD solid;
	}
	.bread{
		display: -webkit-box;
		overflow-x: auto;
	}
	.single_bl{
		display: block;
	}
	.slider_single{
		width: 100%;
	}
	.main_item{
		height: 300px;
	}
	.slick-dotted.slick-slider,
	.service_bl{
		margin: 0;
	}
	.slick-dots{
		bottom: 20px;
	}
	.text_single{
		padding: 0;
	}
	.single_form form p{
		display: block;
	}
	.single_form input{
		margin: 0 0 20px;
	}
	.menu_bl,
	.pc,
	.menu_bl li a:before{
		display: none;
	}
	.mob{
		display: block;
	}
	.logo{
		display: block;
		width: 80%;
		margin: auto;
	}
		.logo img{
			width: 100%;
			height: auto;
		}
	.call_btn,
	.menu_btn{
		width: 40px;
		height: 40px;
		background-color: transparent;
		border-radius: 4px;
		border: 0;
		transform: rotate(0deg);
		transition: .3s;
	}
	.opn_call{
		transform: rotate(90deg);
		transition: .3s;
	}
		.menu_btn div{
			display: block;
			width: 80%;
			height: 2px;
			background-color: #0175CC;
			margin: 7px auto;
			opacity: 1;
			position: relative;
			transform: rotate(0deg);
			transition: .3s;
		}
		.opn_menu div:nth-child(1){
			transform: rotate(45deg);
			top: 9px;
			transition: .3s;
		}
		.opn_menu div:nth-child(2){
			opacity: 0;
			transition: .3s;
		}
		.opn_menu div:nth-child(3){
			transform: rotate(-45deg);
			top: -9px;
			transition: .3s;
		}
	.menu_bl,
	.call_mob_bl{
		position: absolute;
		left: 0;
		top: 110px;
		right: 0;
		background: #0175CC;
		bottom: 0;
		z-index: 1000;
	}
		.menu_bl .shir{
			padding: 0;
		}
		.menu_bl ul{
			display: block;
		}
	.call_mob_bl{
		display: none;
		padding: 0 60px;
		color: #333;
		background-color: #FFF;
		border-top: 1px #DDD solid;
		bottom: inherit;
		box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.21);
	}
		.phone_head{
			margin: 30px 0;
		}
			.phone_head a{
				display: block;
				font-size: 25px;
				text-decoration: none;
				color: #333;
				margin: 15px 0;
			}
	.main_text{
		max-width: 80%;
	}
		.main_text h1{
			font-size: 28px;
		}
		.main_text p{
			font-size: 14px;
		}
	.service_bl,
	.company_bl{
		flex-wrap: wrap;
	}
		.service_item{
			width: 50%;
			padding: 15px;
			border-bottom: 1px #EEE solid;
		}
/* 		.service_item:last-child,
		.company_item{
			width: 100%;
		} */
			.service_img img{
				max-width: 100%;
				height: auto;
			}
			.company_item iframe{
				height: 300px;
			}
	footer .flex_bl{
		flex-wrap: wrap;
	}
		.foot_item:nth-child(1),
		.foot_item:nth-child(2){
			width: 50%;
		}
		.foot_item:nth-child(3),
		.foot_item:nth-child(4){
			width: 100%;
			margin: 40px 0 0;
		}
		.form_mail{
			height: 60px;
		}
	.catalog_item{
		width: 100%;
		padding: 30px 30px 30px 80px;
		border-right: 0;
	}
	.catalog_item:nth-child(2){
		border-top: 1px #DDD solid;
	}
		.cat_img{
			left: 10px;
		}
		.sub_cat{
			display: block;
			border-right: 0;
			border-bottom: 1px #EEE solid;
			padding: 0 0 10px;
		}
	.cat_bl li{
		width: 50%;
	}
		.cat_bl li a{
			font-size: 14px;
		}
	.project_item,
	.contact_item{
		width: 100%;
	}
	.sale_item{
		padding: 20px;
		display: block;
	}
		.product_img{
			width: 100%;
			height: auto;
			border-bottom: 1px #DDD solid;
			margin: 0 0 30px;
		}
		.product_text{
			padding: 0;
		}
}
@media (min-width:701px){
	header{
		position: sticky;
		top: 0;
		background: #fff;
		z-index:100;
	}
}