/*стили для всех разрешений*/
body {overflow-y: hidden;min-width: 320px;}
body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
.frm-contacts {font-weight: 300;}
.frm-contacts .about, .frm-contacts p {margin:0;}
.frm-contacts .form input[type=text] {width: 30%;}
.frm-contacts .form input, .frm-contacts .form textarea {padding:3px 1%;}
.frm-contacts .form textarea {width:98%;}
.error_red_border {border:1px solid red !important;box-shadow: 0px 0px 3px red inset !important;-moz-box-shadow: 0px 0px 3px red inset !important;-webkit-box-shadow: 0px 0px 3px red inset !important;}
.diax_copy {position: absolute;top: 3px;}
.work-box-holder .name {display:none;}
.micro-win-size .slide-subitem img {width:auto;height:auto;}
/*.micro-win-size .work-box-holder .text {width: 80%;margin: 0 10%;bottom: 10%;}*/
.micro-win-size .work-box {height: 215px;}
.micro-win-size .trapezoid-top, .micro-win-size .trapezoid-bottom {display:none;}
.slide-holder #homepage-text {margin-bottom:120px;}
.slide-subitem .close:hover {background-position:-80px 0;}
.slide_left, .slide_right {
	background: url("../img/page_horisontal_arrows.png") no-repeat scroll 0 0;
	width: 17px;
	height: 30px;
	display: block;
	position: absolute;
	top: 5px;
}
.buttom_links_hidden {display:none;opacity:0;}
.slide_left {left: 3%;}
.slide_right {right: 3%;background-position:-17px 0;}
.slide_left:hover {background-position:0 -30px;}
.slide_right:hover {background-position:-17px -30px;}
.work-box a {outline: none;}
.micro-win-size .work-box-holder .with-trapezoid .text {margin-bottom:-10px;}
.promo-item {width: 250px;background:rgba(15,20,40,0.8);opacity:1;}
.promo-item .text {font-weight: 500;}
.frm-contacts {background:rgba(37,41,58,0.9);opacity:1;}

/*========================================================================
========================================================================*/

@media (max-height: 700px) {



	.promo-item .price {margin-bottom: 45px;}



	.page_down_holder {height: 40px;background: #101428;}
	.page_down {position: absolute;bottom: 5px;}


	.site-type-holder-closed {left: 0;margin: 0;width: 30%;height: auto;top: 0px;}
	.site-type-holder-closed .site-type-box {width: 94%;margin: 0 3% 25px;}
	.site-type-holder-closed .site-type-box .title {text-align: left;}
	.micro-win-size .slide-subitem {margin-top:0;top:0%;}

}


/*========================================================================
========================================================================*/
/* Large desktop */
@media (min-width: 1200px) {

}
/*========================================================================
========================================================================*/
/* Large desktop */
@media (max-width: 1200px) {

}


/*========================================================================
========================================================================*/
/* Narrow desktop
iPad horisontal
*/
@media (max-width: 1024px) {
 	#container, #wrapper {min-width:100%;max-width:100%;}
 	#homepage-text {height:100px;}
 	.homepage-block .client-logo-holder {height:auto;}
 	.homepage-block {width:100%;left:0;margin:0;top: 20px;}
 	.frm-contacts .form {width: 70%;}
 	.frm-contacts .form input[type=text] {width: 30%;}
 	.frm-contacts .form input[type=submit] {width: 25%;}
 	/*.frm-contacts {padding-bottom:30px;}*/


}

@media (max-width: 1024px) and (max-height: 700px) {
	/*.site-type-holder .site-type-box .text {display:none;}
	.site-type-holder .site-type-box .title {float: left;font-size: 14px;margin-bottom: 10px;max-width: 40%;line-height: 16px;}
	.site-type-box .price {float: right;font-size: 14px;}*/

	.micro-win-size .slide-subitem {margin: 0 0 0 -50%;background-color: rgba(0,0,0,0.9);height: 100%;}
}
/*========================================================================
========================================================================*/
/* Portrait tablet to landscape and desktop
iPad vertical
-background:green;
@media (min-width: 768px) and (max-width: 1024px) {
*/
@media (max-width: 964px) {
	.site-type-holder {left:0;margin:0;width:100%;height:auto;top:0px;}
 	.site-type-box {width:94%;margin:0 3% 25px;}
	.site-type-box:last-child {margin:0 3%;}
	.site-type-box .icon {float: left;width: 90px;margin-right: 0px;}
	.site-type-box .title {text-align: left;}
	.site-type-box .text {height: auto;text-align: left;margin-bottom: 15px;}

}

/*========================================================================
========================================================================*/
/* Landscape phones and down */
@media (max-width: 768px) {




	.homepage-block .client-logo-holder img {margin-left:40px}

    .micro-win-size .slide-subitem {margin: 0 0 0 -50%;/*background-color: rgba(0,0,0,0.9);*/}
    .micro-win-size .slide-subitem .price {}
	.slide-subitem .close {right: 10px;top:10px;background-color:rgba(0,0,0,0.5);width: 41px;height:41px;background-position: -80px 0;}
	.site-type-holder-closed {bottom:50px;top: auto;}
	.site-type-holder-closed .site-type-box .icon {display:block;height: 40px;width: 50px;margin:0;}
	.site-type-holder-closed .site-type-box .icon-type-1 {background: url("../img/site_types2_s.png") no-repeat scroll center 0;}
	.site-type-holder-closed .site-type-box .icon-type-2 {background: url("../img/site_types2_s.png") no-repeat scroll center -50px;}
	.site-type-holder-closed .site-type-box .icon-type-3 {background: url("../img/site_types2_s.png") no-repeat scroll center -100px;}
	.site-type-holder-closed .site-type-box .icon-type-4 {background: url("../img/site_types2_s.png") no-repeat scroll center -150px;}
	.slide-subitem {margin:0 0 0 -50%;width:100%;top: 5%;}
	.slide-subitem img {max-width: 100%;height: auto;}

	.promo-item {left: 0;bottom: 0;width: 94%;padding: 1% 3%;opacity: 0.9;}
	.promo-item .text {height: auto;font-size: 14px;}

	.header .logo {left:5px;top:5px;}
	.header .menu {margin: 5px 5px 0 0;}


}
@media (max-width: 768px) and (max-height: 760px) {
	.site-type-box {margin-bottom:10px;}

	.site-type-box .title, .site-type-box .text {margin-bottom:5px;line-height: 14px;}
	.site-type-box .title {height:auto;line-height: 14px;}
	.site-type-box .price {font-size:14px;}
}
@media (max-width: 768px) and (max-height: 600px) {
	.site-type-box .text {display:none;}
	.site-type-box .price {float: left;}
	.site-type-box {
		margin: 5px auto !important;
		width: 350px !important;
		clear: both;
		float: none;
		display: block;
	}
}
@media (max-width: 800px) and (max-height: 480px) {
	.slide-holder #homepage-text {
		margin: 5px 0;
		font-size: 40px;
		height: 60px;
	}
	.homepage-block .client-logo-holder img {margin-left:20px;}
	.frm-contacts .btn-holder, #contacts {display: block;}
	.micro-win-size .work-box {top:22px;margin-top:0;}
	.header .menu .phone {
	    background: url("../img/phone_s.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	    font-size: 16px;
	    line-height: 22px;
	    padding-left: 24px;
	    padding-top: 0;
	}

	.header .menu {margin: 2px 3% 0 0;}
	.header .logo {top:5px;left:3%;}
	.header {height: 50px;}
	.page_up {top:10px;}

	.micro-win-size .center-img-lt, .micro-win-size .center-img-rt {top:0;margin-top:0;}
	.micro-win-size .center-img-lb, .micro-win-size .center-img-rb {top:100%;margin-top:-72px;}

	.micro-win-size .work-box-holder .with-trapezoid .text {margin-bottom:-75px;}
	.micro-win-size .slide-subitem {margin-left:-300px;}
}
/*========================================================================
========================================================================*/
/* Portrait phones */
@media (max-width: 600px) {

	#homepage-text {font-size: 36px;}
	#homepage-text {margin:5px 0;}
	.homepage-block {top: 0;}
	.header .menu .phone {
	    background: url("../img/phone_s.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	    font-size: 16px;
	    line-height: 22px;
	    padding-left: 24px;
	    padding-top: 0;
	}
	.homepage-block .client-logo-holder img {margin-left: 15px;}
	.homepage-block .client-logo-holder {margin-bottom:5px;}
	.frm-contacts .about, .frm-contacts .form {float:none;width:94%;margin: 5px 3%;padding-left: 0;}
    .buttom_links_hidden {opacity:1;}
    .micro-win-size .work-box-holder .text {margin-left: -50px;}
}

@media (max-width: 420px) {
	.header .menu .contact a, .header .menu .phone {font-size:12px;}
	.page_up {margin-left: -47px;}
	.header .logo {background: url("../img/logo100.png") no-repeat;width:100px;top: 12px;}

    .slide-holder #homepage-text {margin:5px 0;font-size: 24px;height: auto;}
    .micro-win-size .work-box-holder .with-trapezoid .text {display:none;}
    .micro-win-size .slide-subitem {margin-left:-50%;}

}




/* для маленьких экранов по высоте */
@media (max-height: 420px) {
	.frm-contacts .btn-holder, #contacts {display: none;}

	.site-type-holder .site-type-box .icon {display:block;height: 20px;width: 30px;margin:0;}
	.site-type-holder .site-type-box .icon-type-1 {background: url("../img/site_types2_vs.png") no-repeat scroll center 0;}
	.site-type-holder .site-type-box .icon-type-2 {background: url("../img/site_types2_vs.png") no-repeat scroll center -25px;}
	.site-type-holder .site-type-box .icon-type-3 {background: url("../img/site_types2_vs.png") no-repeat scroll center -50px;}
	.site-type-holder .site-type-box .icon-type-4 {background: url("../img/site_types2_vs.png") no-repeat scroll center -75px;}

	.site-type-holder .site-type-box .text {display:none;}
	.site-type-box .title {text-align: left;margin-bottom: 0px;line-height: 20px;font-size: 16px;}
	.site-type-box .price {font-size:14px;}
	.site-type-box {margin-bottom: 5px !important;}
	.promo-item .text {font-size: 12px !important;}
}