/* Style special for Domiym.com from Andrey Protasevich at Lets.by Developer studio & Desandrio.com */

body {
	margin:0;
	padding:0;
	font-family: "Conv_ds_diploma";
	background: #242420 url('../imager/background.jpg');
	background-repeat: repeat;
	color: #d7d4bb;
	font-size: 22px;
	-webkit-font-smoothing: antialiased;
	min-width:1200px;
	letter-spacing: 1px;
}

@media (max-device-width: 480px) {
	body {
		min-width:750px!important;
	}
	.wrapper {
		width:750px!important;
	}
	.footer {
		width:750px!important;
	}
	.lighttopcenter {
		width:100%!important;
	}
	
	.logolight {
		width:100%!important;
	}
	.footer-copy {
		width:520px!important;
	}
	.special {
		margin-top:25px;
	}
	
	.blockcat {
		width:750px!important;
	}
	.menu {
		letter-spacing: 0px;
	}
	
	#makeMeScrollable {
		width: 100%!important;
		margin-left:0px!important;
		position: relative!important; 
	}
	
	.projallname {
		margin-top:501px;
		position: absolute;
	}
	
	.clear2 {
		clear:both;
	}
}

@font-face {
	font-family: 'PT Sans Narrow';
	src: url('../fontr/PT Sans Narrow.eot');
	src: local('☺'), url('../fontr/PT Sans Narrow.woff') format('woff'), url('../fontr/PT Sans Narrow.ttf') format('truetype'), url('../fontr/PT Sans Narrow.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ds_diploma';
	src: url('ds_diploma.eot');
	src: local('☺'), url('ds_diploma.woff') format('woff'), url('ds_diploma.ttf') format('truetype'), url('ds_diploma.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font-family {
	font-family: "Conv_ds_diploma"!important;
}

a {color:#d7d4bb;}
.wrapper {
	width:1200px;
	margin:0 auto;
	z-index: 10;
	margin-top:-390px;
}

.clear {clear:both;}
/* верх */
.logo {
	width:344px;
	height:241px;
	background: url('../imager/logo-svg.svg');
	background-size: 100%;
	margin:0 auto;
	margin-top:-120px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.logo:hover {
	opacity: 0.75;
}

.logolight {
	background: url('../imager/logolight.png');
	height:370px;
	width:1000px;
	margin:0 auto;
	position: relative;
	background-position-y: -50px;
}

.lighttopcenter {
	width:1070px;
	height:151px;
	background: url('../imager/lighttopcenter.png');
	margin:0 auto;
	z-index: 1;
}
.lighttopleft {
	width:501px;
	height:420px;
	background: url('../imager/lighttopleft.png');
	margin-top:-151px;
	z-index: 2;
}

.shadowname1 {
	width:544px;
	height:81px;
	background: url('../imager/shadowname1.png');
	margin:-20px auto;
}
.shadowname2 {
	width:523px;
	height:160px;
	background: url('../imager/shadowname2.png');
	margin:-49px auto;
}

.menu {
	margin: 0 auto;
	text-align: center;
	margin-left:-35px;
	margin-top:-48px;

}
.menu a{text-decoration: none; padding-left:35px;color:#afae9e;}
.menu a:hover {color:#fffcde!important; text-decoration: underline!important; }
.activer {color:#fffcde!important;}

/* banner */
.rotare {
	z-index: 12;
	position: relative;
	margin:50px auto;
	height:489px;
}
.banner {
	background: #434343 url('../imager/headerimage.jpg');
	width:997px;
	height:489px;
	margin:50px auto;
	border: 6px solid #434343;
}
.bannershadow {
	background: url('../imager/bannershadow.png');
	width:1202px;
	height:392px;
	margin:-230px auto;	
	z-index: 11;
}
.rotleft {
	background: url('../imager/rotleft.png');
	width:53px;
	height:53px;
	margin:-310px auto;	
	position: absolute;
	z-index: 11;
	opacity: 0.6;
}
.rotright {
	background: url('../imager/rotright.png');
	width:53px;
	height:53px;
	margin:-310px 1150px;	
	z-index: 11;
	position: absolute;
	opacity: 0.6;
}
.rotleft:hover {opacity: 1;}
.rotright:hover {opacity: 1;}

.info {
	margin:100px auto;
	text-align: center;
}


/* Табы */
.block {
	box-shadow: 0px 6px 76px rgba(0, 0, 0, 0.8);
	background: #292929;
	width:100%;
	z-index: 20;
	margin-top:-15px;
	position: relative;
}

.blocktab{
	text-decoration: none;
	/*background: #a2530e;*/
	/*box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);*/
	display: block;
	padding:20px 40px 20px 0px;
	float:left;
	position: relative;
	margin-top:15px;
	z-index: 10;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	opacity: 1;
	color:#afae9e;
}

.blocktab:hover {
	/*margin-top:0px;
	padding-bottom: 35px;*/
	/*background: #b66620;*/
	cursor: pointer;
	opacity: 1;
}
.blocktab.active {
	/*
	background: #db802e;
	background: -moz-linear-gradient(top,  #db802e 0%, #c8650d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db802e), color-stop(100%,#c8650d)); 
	background: -webkit-linear-gradient(top,  #db802e 0%,#c8650d 100%); 
	background: -o-linear-gradient(top,  #db802e 0%,#c8650d 100%); 
	background: -ms-linear-gradient(top,  #db802e 0%,#c8650d 100%); 
	background: linear-gradient(to bottom,  #db802e 0%,#c8650d 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db802e', endColorstr='#c8650d',GradientType=0 ); 
	*/
	/*margin-top:0px!important;*/
	text-decoration: underline!important;
	z-index: 20!important;
	color:#fffcde;
}
#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2 {
	/*
	background: #db802e;
	background: -moz-linear-gradient(top,  #db802e 0%, #c8650d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db802e), color-stop(100%,#c8650d));
	background: -webkit-linear-gradient(top,  #db802e 0%,#c8650d 100%);
	background: -o-linear-gradient(top,  #db802e 0%,#c8650d 100%); 
	background: -ms-linear-gradient(top,  #db802e 0%,#c8650d 100%);
	background: linear-gradient(to bottom,  #db802e 0%,#c8650d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db802e', endColorstr='#c8650d',GradientType=0 );
	*/
	/*margin-top:0px!important;*/
	text-decoration: underline!important;
	z-index: 20!important;
	color:#fffcde!important;
}
.tabs input {
	position: absolute;
	left: -9999px;
}

#tab_1:checked ~ .block #tab_c1{
	position: static;
	left: 0;
	opacity: 1!important;
}
#tab_2:checked ~ .block #tab_c2 {
	position: relative;
	left: 0;
	opacity: 1!important;
}

#tab_c1, #tab_c2 {
	position: absolute;
	left: -9999px;
	top: 0;
	opacity: 0;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

/* // Табы */

.blocktext {
	padding:35px;
	font-size: 20px;
	/*font-size: 16px;*/
	/*line-height: 22px;*/
	font-family: 'PT Sans Narrow';
}

.blocks {
	margin-left:35px;
	clear:both;
}
.blocksa :hover{text-decoration: underline!important;}

.blockmr {
	width: 228px;
	height:233px;
	background: url('../imager/blockmr.png');
	position: relative;
	margin-top:-170px;
	right:-60px;
	z-index: 21;
	float:right;
}

.price {
	background: #373737;
	padding:15px 65px 15px 25px;
	font-size: 20px;
	line-height: 22px;
	position: absolute;
	z-index: 15;
	right:20px;
	margin-top:-45px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.price:hover {
	background: #484848;
}
.forprice {
	padding-top:100px;
	font-family: 'Conv_ds_diploma';
}

/* Блок для категорий */
.blockcat {
	background: url('../imager/blockcat.png');
	background-repeat: no-repeat;
	width:1190px;
	height:auto;
	margin:-15px auto;
	position: relative;
	z-index: 20;
	box-shadow: 0px -21px 21px rgba(0, 0, 0, 0.2);
}

.project {
	float:left;
	padding-right:64px;
	padding-bottom: 50px;
}
.project:nth-child(even) {
	padding-right:0!important; 
	padding-left:64px;
}

.project-cat {
	float:left;
	padding-right:50px;
	padding-bottom: 50px;
	min-height:370px;
}
.project-cat:nth-child(even) {
	padding-right:0!important; 
	padding-left:0px;
}
.project {
	float:left;
	padding-right:64px;
	padding-bottom: 50px;
}

.projname {
	min-height:44px;
	max-width:330px;
	background: #db802e; /* Old browsers */
	background: -moz-linear-gradient(top,  #db802e 0%, #c8650d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db802e), color-stop(100%,#c8650d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #db802e 0%,#c8650d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #db802e 0%,#c8650d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #db802e 0%,#c8650d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #db802e 0%,#c8650d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db802e', endColorstr='#c8650d',GradientType=0 ); /* IE6-9 */
	margin:0px -15px;
	position: relative;
	display: block;
	float:left;
	padding:15px 20px 25px 20px;
	font-size: 20px;
	z-index: 20!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.projimg img{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	width:431px;
	height:289px;
	position: relative;
	z-index: 20;
	margin-top:-15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-filter: brightness(100%);
}
.projimg img:hover {
	-webkit-filter: brightness(80%);
	cursor: pointer;
}
.projectselect:hover > .projname {
	padding:15px 20px 30px 20px;
	margin-top:-5px;
	text-decoration: underline!important;
	cursor: pointer;
}

/* // Блок для категорий */

/* Категории для проектов */
.projlist {
	background: #373737;
	padding:15px 65px 15px 25px;
	font-size: 20px;
	line-height: 22px;
	z-index: 15;
	margin-top:-45px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.projlist:hover {
	background: #484848;
}
.projall {
	padding-top:60px;
}
.projalla {
	text-decoration: none;
}
.projalla :hover {
	text-decoration: underline!important;
}

/* // Категории для проектов */



/* Просмотр проекта */
#horiz_container_outer {letter-spacing: -2px!important;}
.blocktab.active.project {
	margin-top:0px!important;
	padding-bottom: 25px!important;
	text-decoration: none!important;
}
.blocktab.active.project:hover {
	margin-top:-10px!important;
	padding-bottom: 35px!important;
}

.rotleft_proj {
	background: url('../imager/rotleft.png');
	width:53px;
	height:53px;
	margin:225px 10px;
	position: absolute;
	z-index: 31;
	opacity: 0.8;
}
.rotright_proj {
	background: url('../imager/rotright.png');
	width:53px;
	height:53px;
	margin:225px 0px;
	z-index: 31;
	position: absolute;
	opacity: 0.8;
	right:10px;
}
.rotleft_proj:hover {opacity: 1;}
.rotright_proj:hover {opacity: 1;}

.projectw {
	height:510px;
}

/* // Просмотр проекта */



/* отправка сообщений */
.inputz {
	width:227px;
	/*display: block;*/
	padding:1px;
	font-size: 22px;
	font-family: "Conv_ds_diploma";
	letter-spacing: 2px;
	background: transparent;
	border: none;
	color:#afae9e;
	font-weight: lighter;
	border-bottom: 1px solid #808080;
	-webkit-font-smoothing: antialiased;
}

.textarea:hover {
	background: rgba(0, 0, 0, 0.2);
	color:#fffcde;
}

.robotz {
	color:#afae9e;
	font-weight: lighter;
}
.inputs {
	width:488px;
	font-size: 22px;
	background: rgba(0, 0, 0, 0.2);
	font-family: "Conv_ds_diploma";
	letter-spacing: 2px;
	border: none;
	padding:5px;
	color:#afae9e;
	font-weight: lighter;
	-webkit-font-smoothing: antialiased;
}

.inputs:hover {
	background: rgba(0, 0, 0, 0.5);
	color:#fffcde;
}

.textarea {
	width:480px;
	height:150px;
	font-size: 16px;
	margin-top:10px;
	padding:5px;
	font-family: "Conv_ds_diploma";
	letter-spacing: 2px;
	background: rgba(0, 0, 0, 0.1);
	border: none;
	color:#afae9e;
	font-weight: lighter;
	-webkit-font-smoothing: antialiased;
}

.button {
	margin-left: 0px;
	font-size: 16px;
	margin-top:5px;
	width:50px;
	font-family: "Conv_ds_diploma";
	letter-spacing: 2px;
	background: rgba(0, 0, 0, 0.1);
	border: none;
	color:#afae9e;
	font-weight: lighter;
	-webkit-font-smoothing: antialiased;
	padding:5px;
}

.cont {margin: 0 auto;width:480px;}

/* //отправка сообщений */


.projallname {
	float:left;
	width:170px;	
	padding:0px 5px 0px 5px;
	margin-top:-9px;
}

.projlistname {
	background: #373737;
	padding:5px 5px 5px 15px;
	margin-top: 9px;
	font-size: 14px;
	z-index: 15;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


#makeMeScrollable {
	float:left;
}
.projalla.active > .projlistname{
	background: #5b5b5b!important;
}

.imageloading {
	background: url('../imager/imageloading.png');
	background-repeat: repeat;
	height:500px;
	overflow-y: hidden;
}



.footer {
	width:1110px;
	margin:0 auto;
	height:150px;
	margin-top:50px;
}

.footer-logo {
	background: url('../imager/logo-svg.svg');
	height:100px;
	width:150px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.footer-copy {
	height:100px;
	width:850px;
	float:left;
	font-size: 14px;
	padding:5px 0px 35px 50px;
}

.desandrio {
	background: url('https://lets.by/partner/devbylets80.svg');
	height: 65px;
	width: 160px;
	float: right;
	background-size: 160px;
	font-family: 'PT Sans Narrow';
}

.desandrio:hover {
	opacity: 0.7;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}