#slider-wrap{ /* Оболочка слайдера и кнопок */
    width:100%; 
    }
#slider{ /* Оболочка слайдера */
    width:100%; 
    height:400px;
    overflow: hidden;
    border:#eee solid 0px;
    position:relative;}
.slide{ /* Слайд */
    width:100%;
    height:100%;
    }
.slide img { /* Слайд */
    padding: 0px;
	width:100%;
    }
.sli-links{ /* Кнопки смены слайдов */
	display: none;
    margin-top:0px;
    text-align:center;
	}
.sli-links .control-slide{
    margin:2px;
    display:inline-block;
    width:16px;
    height:16px;
    overflow:hidden;
    text-indent:-9999px;
    background:url(/tpl/agenstvosv/images/radioBg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
    cursor:pointer;
    background-position:center center;}
.sli-links .control-slide.active{
    background-position:center top;}
#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
    display:block;
    width:15px;
    height:100%;
    position:absolute;
    top:0;
    overflow:hidden;
    text-indent:-999px;
    background:url(/tpl/agenstvosv/images/arrowBg.png) left center no-repeat;
    opacity:0.8;
    z-index:3;
    outline:none !important;}
#prewbutton{left:10px;}
#nextbutton{
    right:10px;
    background:url(/tpl/agenstvosv/images/arrowBg.png) right center no-repeat;}
#prewbutton:hover, #nextbutton:hover{
    opacity:1;
	}
.slide-about {
	position:absolute;
	    font-family: georgia;
		    font-style: italic;
	background:black;
    font-size: 20px;
    color: #d7d7db;
	padding:10px;
	width:100%;
	opacity:0.8;
	bottom:0px;
}

.header .nav-trigger {

	display: none;
	position: fixed;
	top: 22px;
	/* critical positioning styles */
	z-index: 2;

	/* non-critical apperance styles */
	height: 30px;
	width: 30px;
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
	background-size: contain;
	background-color: #ededf1;
	border:10px solid #ededf1;
	  
}

.header .nav-trigger:hover {
	opacity: 0.4;
}
.header .phone .phone {
		display:none;
	}
.btn-new-w.mobile{
	display:none;
}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1200px) {
	.block-first{
		background-position-y: -71px;
	}
}
@media only screen and (max-width: 992px) {
	body{
		overflow-x: hidden;
		min-width:768px;
		font-size: 15px;
	}
	#slider{ /* Оболочка слайдера */
		width:100%; 
		height:200px;
	}
	.topper {
		right: 54px !important;
		bottom: 126px !important;
	}
	.header {
		height:103px;
	}
	.header .sjob {
		display: none;
	}
	.header .sus {
		display: none;
	}
	.header .phone {
		left: 252px;
		width: 248px;
	}
 	.header, .content, .footer{
 		width: 768px;
 	}
	
	.slides .next {
		left:700px;
	}
	.cont {
		width:750px;
		margin-top:0px;
		padding-left: 10px;
	}
	.col-right {
		float: left;
		width: 100%;
	}
	.col-right .tabs .knopka1.act {
		width:100%;
	}
	.col-right .tabs .knopki, 
	.col-right .tabs .knopki1-text {
		width:100%;
	}
	.navigation {
		display: none;		  
	  width: 260px;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: 10000;
	  BACKGROUND:BLACK;
	  /*opacity:0.8;*/
	 }
	 .navigation .nav-item {
		  width: 200px;
		  border-top: 1px solid #111;
		  border-bottom: 1px solid #000;
	  }
	 .navigation .nav-item a {
		display: block;
		color: white;
		font-size:20px;
		transition: color 0.2s, background 0.5s;
		width:200px;
		padding:10px;
		text-decoration: none;
	 }
	.header .nav-trigger {
		right:20px;
		top: 30px;
		display: block;		  
	}
	.vkontakte {
		display: none;
	}
	.ban_link img {
		display: none;

	}
	.ban_link span {
		width:100%;
	}
	.tabs .item {
        font-size: 14px;
		border-top: 1px solid #c0c0c3;
		background: none;
	}
	.tabs .item:first-child {
		border-top: 0px;
	}
	.tabs .item a {
	    font-size: 15px;
	}
    p.quote {
	    font-size: 15px;
	}
	.article_main .item .name a {
        font-size: 15px;
	}
    .tabs p.all a {
        /*width: 151px;*/
	}
    .social_but {
	    left: 576px;
		top: 117px;
	}
	
    .cont table {
        width: 100%;
	}
    .cont input[type="text"] {
	    width: 100%;
	}
	.cont textarea {
	     width: 100%;
	}
    .cont img {
         max-width: 100%;
		 padding: 0 0px; 
    }
	.col-right .tabs {
         margin-right: 0px;
	}
	.reviewsform {
	     width: 100%;
		 height: 310px;
	}
	.reviewsform .field textarea {
         width: 100%;
	}
	.header .button-block {
		right: 40px;
	}
	.header .menu ul ul {
		position: inherit;
		top: 0px;
		display:block;
	}
	.header .menu ul ul li {
        border-bottom: none;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.block-first{
		background-position-y: 0;
	}
	.uslugi .box .text{
		font-size:19px;
		padding: 15px 10px;
	}
	.footer{
		font-size:14px;
	}
	.block-uslug, .block-articles{
		height:auto;
	}
	.footer div.creater {
		top: 109px;
	}
}
@media only screen and (max-width: 767px) {
	body {
		min-width:600px;
	}

 	.header, .content, .footer{
 		width: 610px;
 	}

	.cont {
		width:610px;
	}
	.header .phone {
		left: 266px;
		width: 246px;
	}
	.article_main .item {
    margin-left: 0px;
	width: 100%;
	}
	.social_but {
		left: auto;
		right: 115px;
		top: 125px;
	}
	.catalog_list_item {
		margin: 0px 0px 10px 10px;
	}
	.pager_list {
    margin-left: 0px;
    }
	.header .btn-new{
		padding: 0 25px;
	}
	.header .button-block{
		display:none;
	}

	
	.block-first h1 {
		font-size: 30px;
		color: #fff;
		width: 100%;
	}
	.uslugi, .etap {
		width: 50%;
	}
	.block-uslug, .block-articles {
		height: auto;
	}
	.block-articles .item{
		    padding: 0 15px;
	}
	.footer_bg {
	    height: 290px;
	}
	.footer .const_footer {
		top: 162px;
	}
	.footer .footer-phone {
		top: 23px;
		left: 0;
	}
	.footer .footer-uslugi {
		right: 0;
		left: auto;
	}
	.footer div.creater {
		top: 231px;
	}
	.block-uslug, .block-articles {
		background: url(/tpl/agenstvosv/images/uzor-top.png) top repeat-x;
	}
}
@media only screen and (max-width: 639px) {
	body {
		min-width:470px;
		font-size: 14px;
	}
 	.header, .content, .footer{
 		width: 460px;
 	}

	.cont {
		width:460px;
	}
	.header .phone {
		left: 197px;
		width: 221px;
		top: 9px;
	}
	.header .phone span {
        font-size: 25px;
	}

	.header .logo {
	    width: 59%;
	}
	.block-first .text {
		font-size: 14px;
	}
	.block-first .text .sm-text h3 {
		font-size: 17px;
	}
	.block-first .text .sm-text p {
		height: 70px;
	}
	.btn-new-w {
		 font-size: 11px;
	}
	.block-first .text .sm-text {
		width: 100%;
		padding-right: 0px;
	}
	.block-first .text .sm-text p {
		height: auto;
	}
	.no-mobile{
		display:none;
	}
	.block-vacancy .vacancy {
		width: 100%;
	}
	.footer .const_footer{
		max-width:320px;
	}
	.block-vacancy .vacancy .box {
		margin-right: 0px;
	}
}
@media only screen and (max-width: 479px) {
	body {
		min-width:320px;
	}
 	#slider{ /* Оболочка слайдера */
		width:100%; 
		height:199px;
	}
	.header, .content, .footer{
 		width: 300px;
 	}
	.pop {
		width: 260px;
	}
	.pop input[type="text"], textarea{
		width: 150px;
	}
	.cont {
		width:280px;
	}
	
	.footer div.creater {
	    top: 64px;
	}
	.header .logo {
        left: 42px;
    }
	.header .phone {
		left: 63px;
		top: 63px;
    }
	.header .phone .desctop {
       display: none;
	}
	.header .phone .lightboxer.phone {
		display:block;
	}
	.header .phone span {
        font-size: 23px;
	}
	.header .logo {
	    width: 65%;
	}
	.catalog_detail .gallery {
    width: 100%;
	}
	.navigation {
		
	  width: 260px;
	  }
	.cont {
        margin-top: 10px;
	}
	.uslugi, .etap {
		width: 100%;
	}
	.header .phone .r-rab {
		display:none;
	}
	.block-first h1 {
		font-size: 25px;
	}
	.block-kmr .etap {
		padding: 10px;
		height: 182px;
	}
	.footer_bg{
		height:490px;
		text-align: center;
	}
	.footer .footer-uslugi{
		top: 24px;
		left: 0px;
		width: 100%;
	}
	.footer .footer-phone {
		top: 177px;
		left: 0px;
		width: 100%;
	}
	.footer .const_footer {
		top: 316px;
		left:47px;
	}
	.footer div.creater {
		top: 416px;
	}
	.block-vacancy .vacancy .box {
		margin-right: 0;
	}
	.block-first {
		text-align: center;
	}
	.uslugi .box {
		margin-right:0px;
		padding: 0 30px;
	}
	.social_but{
		left:0;
		top: 426px;
	}
	.tabs p.all {
		display: block;
		text-align:center;
	}
	.btn-new-w.mobile{
		display:block;
		width: 190px;
		margin: 13px auto;
	}
}