@import url(reset.css);
@import url(fontawesome.css);
@font-face {
    font-family: 'clear';
    src: url('../fonts/clear/clearsans-regular.eot');
    src: url('../fonts/clear/clearsans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clear/clearsans-regular.woff2') format('woff2'),
         url('../fonts/clear/clearsans-regular.woff') format('woff'),
         url('../fonts/clear/clearsans-regular.ttf') format('truetype'),
         url('../fonts/clear/clearsans-regular.svg#clear_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'clear';
    src: url('../fonts/clear/clearsans-bold.eot');
    src: url('../fonts/clear/clearsans-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clear/clearsans-bold.woff2') format('woff2'),
         url('../fonts/clear/clearsans-bold.woff') format('woff'),
         url('../fonts/clear/clearsans-bold.ttf') format('truetype'),
         url('../fonts/clear/clearsans-bold.svg#clear_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'clear';
    src: url('../fonts/clear/clearsans-italic.eot');
    src: url('../fonts/clear/clearsans-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clear/clearsans-italic.woff2') format('woff2'),
         url('../fonts/clear/clearsans-italic.woff') format('woff'),
         url('../fonts/clear/clearsans-italic.ttf') format('truetype'),
         url('../fonts/clear/clearsans-italic.svg#clear_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
	font-family: 'Archive';
	src: url('../fonts/archive/archive.eot');
	src: url('../fonts/archive/archive.eot?#iefix') format('embedded-opentype'),
		url('../fonts/archive/archive.woff') format('woff'),
		url('../fonts/archive/archive.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* |===============| global start |===============| */
html, body{
	height: 100%;
}
body{
	font: 16px/24px clear, sans-serif;
	color: #fff;
	background: url(/userfls/bs/background2_17.jpg) no-repeat center top #1A1A1A;
	background-attachment: fixed;
}

@media all and (max-width: 1366px) {
    body {
        background-position: 100% 0;
    }
}

@media all and (max-width: 960px) {
    body {
        background-color: #9f9ea3;
        background-image: url(../img/background-960.jpg);
        background-position: 50% 50%;
    }
}

@media all and (max-width: 560px) {
    body {
        background-image: url(../img/background-560.jpg);
        background-size: contain;
    }
}

#wrapper {
	position: relative;
	overflow: hidden;
	min-width: 320px;
	min-height: 100%;
}
[class*="__center"]{
	position: relative;
	margin: auto;
	padding: 0 10px;
	width: 1024px;
}
[class*="__center"]:before,
[class*="__center"]:after{
	content: "";
	display: block;
	clear: both;
}
	/* |===============| Paragraph start ==============| */
	p,
	.text ul,
	.text ol,
	.text dl{
		margin: 26px 0 22px;
	}
	.text ul,
	.text ol,
	.text dd{
		padding-left:18px;
	}
	.text ul{list-style-type: disc;}
	.text ol{list-style-type: decimal;}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6, .block_header {
		margin: 28px 0 32px;
		font-weight:bold;
		text-transform: uppercase;
	}
	h1,
	h2{font: 42px/46px archive;}
	h3, .block_header {font-size:1.355em;}
	h5{font-size:0.83em;}
	h6{font-size:0.67em;}
	a{
		color: #fff;
		text-decoration: none;
	}
	img{max-width: 100%;}
	/* |===============| Parafraph end ============| */
	
	/* |===============| form start |===============| */
	form input[type="checkbox"],
	form input[type="radio"] {
		display: none;
	}
	form input[type="checkbox"] + label,
	form input[type="radio"] + label {
		display: inline-block;
		vertical-align: middle;
		background: url(../img/radio.png) no-repeat 0 40%;
		cursor: pointer;
		margin: 0 36px 5px 0;
		padding: 0 0 0 24px;
	}
	
	form input[type="radio"]:checked + label {
		background-image: url(../img/radio_checked.png);
	}
	form input[type="checkbox"] + label {
		background: url(../img/checkbox.png) no-repeat 0 40%;
	}
	form input[type="checkbox"]:checked + label {
		background-image: url(../img/checkbox_checked.png);
	}
	input,
	textarea{
		font: 16px/20px clear, sans-serif;
	}
	input:not([type="submit"]):not([type="button"]):not([type="image"]),
	textarea{
		padding: 7px 9px 6px;
		border: 1px solid #BBC3C6;
		width: 194px;
		max-width: 100%;
		color: #fff;
		background-color: transparent;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	input:not([type="submit"]):not([type="button"]):not([type="image"]):hover,
	textarea:hover{
		border-color: #a8afb2;
	}
	input:not([type="submit"]):not([type="button"]):not([type="image"]):focus,
	textarea:focus{
		border-color: #FF4A0B;
	}
	textarea{
		height: 176px;
		resize: none;
	}
	.infofield{
		display: block;
		margin: 0 0 8px;
	}
	#wrapper .error_input{
		background: #ffeff3;
	}
	::-webkit-input-placeholder {color:#9ca4a7;}
	::-moz-placeholder          {color:#9ca4a7;}/* Firefox 19+ */
	:-moz-placeholder           {color:#9ca4a7;}/* Firefox 18- */
	:-ms-input-placeholder      {color:#9ca4a7;}
	:focus::-webkit-input-placeholder {color:rgba(0,0,0, 0);}
	:focus::-moz-placeholder          {color:rgba(0,0,0, 0);}/* Firefox 19+ */
	:focus:-moz-placeholder           {color:rgba(0,0,0, 0);}/* Firefox 18- */
	:focus:-ms-input-placeholder      {color:rgba(0,0,0, 0);}
	
	.btn,
	a.btn,
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button{
		cursor: pointer;
		display: inline-block;
		font: bold 14px/18px clear, sans-serif;
		border: 1px solid #FF4A0B;
		padding: 13px 22px 13px;
		color: #fff;
		background-color: transparent;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		/*min-width: 186px;*/
		
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}
	.btn:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	button:hover{
		background-color: #FF4A0B;
	}
	
	/* |===============| selectbox start |===============| */
	.selectbox{
		position: relative;
		vertical-align: top;
		cursor: pointer;
		color: #fff;
		min-width: 194px;
	}
	.selectbox .select{
		border: 1px solid #BBC3C6;
		padding: 7px 25px 6px 9px;
		line-height: 20px;
		background-color: transparent;
		min-width: 194px;
	}
	.selectbox .select:active {
		border-color: #FF4A0B;
	}
	.selectbox.focused .select {
		border: 1px solid #8ec63f;
	}
	.selectbox .select .text {
		display: block;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font: 16px/20px clear;
	}
	.selectbox .trigger {
		position: absolute;
		top: 0;
		right: 0;
		width: 34px;
		height: 100%;
	}
	.selectbox .trigger .arrow {
		position: absolute;
		top: 50%;
		right: 9px;
		margin-top: -2px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #BBC3C6;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	.selectbox .select,
	.selectbox .dropdown{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.selectbox .dropdown {
		z-index: 9;
		margin: -1px 0;
		padding: 4px 9px;
		background: #000;
		border: 1px solid #BBC3C6;
	}
	.selectbox .dropdown ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.selectbox li {
		margin: 0;
		border-top: 1px solid #2F3030;
		padding: 4px 0 3px;
		font: 16px/20px clear;
	}
	.selectbox li:first-child{
		border-top: 0;
	}
	.selectbox li.sel,
	.selectbox li.sel:hover{
		cursor: default;
		color: #a8afb2;
	}
	.selectbox li:hover {
		color: #e31e25;
	}
	.selectbox li.disabled {
		color: #AAA;
	}
	.selectbox li.disabled:hover {
		background: none;
	}
	.selectbox + select {
		width: 0;
		height: 0;
		position: absolute;
		clip: rect(0,0,0,0);
		opacity: 0;
	}
	/* |===============| selectbox end |===============| */

	/* |===============| form end |===============| */
/* |===============| global end |===============| */

/* |===============| header start |===============| */
.header{
    z-index: 3;
    position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid rgba(255,255,255, 0.1);
	background: rgba(0,0,0, 0.2);
}
@media all and (min-width: 1024px) {
    .header {
        position: fixed;
    }
}
@media all and (max-width: 760px) {
    .header {
        border-bottom: none;
	    background-color: transparent !important;
    }
}
.header.fixed{
	background: rgba(0,0,0, 0.9);
}
.header__center{
	display: table;
	width: 1201px;
}
.header__center > *{
	padding: 10px 10px 14px 0;
	display: table-cell;
	vertical-align: middle;
	height: 89px;
}
.header__center > *:last-child{
	margin-right: 0;
}
.logo{
	font: 36px/40px 'Archive';
	text-transform: uppercase;
	width: 120px;
}
.logo img {
    max-width: 100px;
}
.itel{
	text-align: right;
	padding: 0 20px 15px 20px;
	min-width: 280px;
}
.itel__num{
	display: block;
	font: bold 24px/32px clear;
}
.call-back{
	display: block;
	font: 400 16px/14px clear;
    text-transform: lowercase;
    margin-top: 2px;
}
.call-back .fa{
	margin-right: 5px;
	font-size: 13px;
}
.header a:hover{
	color: #FF4A0B;
}
.nav-toggle{
	display: none;
}
/* |===============| header end |===============| */

/* |===============| nav start |===============| */
.nav{
	text-align: center;
}
.nav__item{
	float: left;
	position: relative;
	left: -1px;
	padding: 17px 0 0;
	height: 60px;
	text-align: left;
}
.nav__item a{
	display: block;
	border-right: 1px solid #FF4A0B;
	padding: 0 18px;
	font: bold 14px/30px clear;
	color: #fff;
	text-transform: uppercase;
}
.nav__item:last-child a{
	border-right: 0;
}
.nav__popup{
	z-index: 1;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	margin: 18px 0 0;
	border: 1px solid rgba(255,255,255, 0.1);
	border-top: 0;
	padding: 9px 0 4px;
	min-width: 211px;
	background: rgba(0,0,0, 0.9);
}
.nav__popup:before{
	content: "asdasdas";
	text-indent: -1000px;
	overflow: hidden;
	height: 17px;
	position: absolute;
	right: 0;
	left: 0;
	background: rgba(0,0,0, 0.0000001);
	top: -17px;
}
.nav__popup .nav__item{
	height: auto;
	float: none;
	padding: 0;
	border-top: 1px solid #FF4A0B;
	margin: 0 18px;
}
.nav__popup .nav__item:first-child{
	border-top: 0;
}
.nav__popup a{
	border-right: 0;
	padding: 12px 0;
}
/* |===============| nav end |===============| */

/* |===============| slider start |===============| */
.slider{
	position: relative;
}
.slider .btn {
    min-width: 200px;
}
.slider__list{
	overflow: hidden;
}
.slider__item{
	float: left;
	width: 100%;
	padding: 220px 0 0;
	min-height: 834px;
}
@media all and (max-width: 1366px) {
    .slider__item {
        padding-top: 300px;
    }
}
@media all and (max-width: 960px) {
    .slider__item {
        padding-top: 160px;
        min-height: 634px;
    }
}
.slider__title{
	font: 32px/33px archive;
	color: #FF4A0B;
}
.slider__name{
	margin: 0 0 33px;
	font: 36px/38px archive;
}
.slider__info {
    margin: 0 0 52px;
    font-size: 20px;
    max-width: 420px;
}
.slider__slidenator{
	display: block;
	margin: 39px auto 69px;
	padding: 0 10px;
	width: 960px;
}
.slider__slidenator__item{
	cursor: pointer;
	display: inline-block;
	margin: 0 5px 0 2px;
	width: 13px;
	height: 12px;
	border: 1px solid #fff;
	background-color: transparent;
}
.slider__slidenator__item_active,
.slider__slidenator__item:hover{
	background: #fff;
}
/* |===============| slider end |===============| */

/* |===============| social end |===============| */
.social{
    /*z-index: 1;
    position: fixed;
    top: 260px;
    right: 50px;*/
    width: 145px;
}
.social .fa{
	display: inline-block;
	margin: 0 0 10px;
	border: 1px solid #E8440B;
	width: 40px;
	height: 40px;
	font-size: 16px;
	line-height: 39px;
	text-align: center;
}
.social .fa:hover{
	color: #E8440B;
}
/* |===============| social end |===============| */

/* |===============| services start |===============| */
.services{
	overflow: hidden;
	text-align: center;
	margin-right: -22px;
	margin: 0 -22px 40px 0;
}
.services__item{
	float: left;
	position: relative;
	margin: 0 20px 20px 0;
	padding: 37px 10px 0;
	width: 460px;
	height: 220px;
	text-align: center;
	letter-spacing: 0.6px;
        overflow: hidden;
}
.services__item:last-child:first-child{
	float: none;
	display: block;
	margin: 0 auto 20px;
}
.services__item_big{
	padding-top: 94px;
	height: 460px;
}
.services__item img{
	display: block;
	margin: 0 auto 20px;
}
.services__item:after{
	content: "";
	z-index: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
}
.services__item:hover:after{
	opacity: 0.8;
}
.services__item > *{
	position: relative;
	z-index: 1;
}
.services__title{
	display: block;
	margin: 0 0 6px;
	font: 24px/30px archive;
	text-transform: uppercase;
}
.services__item_big .services__title{
	margin: 41px 0 11px;
	font-size: 30px;
	line-height: 36px;
}
.services__info{
	display: block;
	font: italic 17px/20px 'times new roman';
}
.services__item_big .services__info{
	margin: 0 0 44px;
	font-size: 19px;
}
.btn.btn_white{
	border-color: #fff;
}
.btn.btn_white:hover{
	background: #fff;
	color: #2e2e2e;
}
/* |===============| services end |===============| */
/* |===============| projects start |===============| */
.projects {
    padding: 40px 0;
}
/* |===============| projects end |===============| */
/* |===============| iabout start |===============| */
.iabout{
	overflow: hidden;
	padding: 100px 12px;
	background: #f5f1f0;
}
@media all and (max-width: 1024px) {
    .iabout {
        padding-bottom: 60px;
    }
}
.iabout h2{
	margin: 24px 0 19px;
}
.iabout p{
	margin: 19px 0 24px;
	font-size: 1.125em;
}
.iabout__unit{
	overflow: hidden;
	padding-bottom: 32px;
}
@media all and (max-width: 1024px) {
    .iabout__unit {
        max-width: 500px;
        margin: 40px auto 0;
    }
}
/* |===============| iabout end |===============| */

/* |===============| ipeoples start |===============| */
.ipeoples{
	position: relative;
	margin: 32px 0 48px;
}
.ipeoples__crop{
	overflow: hidden;
}
.ipeoples__item{
	float: left;
	margin-right: 20px;
	padding-bottom: 13px;
	width: 220px;
	background: #fff;
}
.ipeoples__item:hover{
	opacity: 0.9;
}
.ipeoples__item:last-child{
	margin-right: 0;
}
.ipeoples__pic{
	display: block;
	margin: 0 0 25px;
	width: 100%;
}
.ipeoples__name{
	font: bold 18px/22px clear;
	color: #2e2e2e;
        text-overflow: ellipsis;
        overflow: hidden;
}
.ipeoples__info{
	font: 14px/18px clear;
	color: #5A5A5A;
}
.ipeoples__name,
.ipeoples__info{
	display: block;
	margin: 11px 0;
	padding: 0 18px;
}
[class*="__next"],
[class*="__prev"]{
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: -77px;
	margin: -23px 0 0;
	width: 47px;
	height: 47px;
	background: #fff;
	text-align: center;
	font: 18px/47px fontawesome;
	color: #2e2e2e;
}
[class*="__next"]{
	left: auto;
	right: -77px;
}
[class*="__next"]:hover,
[class*="__prev"]:hover{
	color: #FF4A0B;
}
[class*="__prev"]:before{
	content: "\f053";
}
[class*="__next"]:before{
	content: "\f054";
}
/* |===============| ipeoples end |===============| */

/* |===============| itariffs start |===============| */
.itariffs{
	position: relative;
}
.itariffs__crop{
	overflow: hidden;
}
.itariffs__item{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 -4px;
	padding: 34px 20px 84px;
	width: 304px;
	background: #FF4A0B;
}
.itariffs__item:last-child{
	margin-right: 0;
}
.itariffs__title{
	margin: 0 0 22px;
	font: 24px/28px archive;
	text-transform: uppercase;
            text-overflow: ellipsis;
    overflow: hidden;
}
.itariffs__info, .itariffs__item p{
	margin: 0 0 18px;
	font: 14px/22px clear;
}
.itariffs__enum, .itariffs__item > ul{
	margin: 18px 0 26px;
	padding-left: 4px;
}
.itariffs__enum li, .itariffs__item > ul > li {
	position: relative;
	padding: 0 0 6px 16px;
	font-weight: bold;
	font-size: 14px;
}
.itariffs__enum li:before, .itariffs__item > ul > li:before {
	content: "\f058";
	position: absolute;
	top: 0;
	left: 0;
	font-family: fontawesome;
}
.itariffs__item .btn.btn_white{
	position: absolute;
	left: 54px;
	bottom: 38px;
}
/* |===============| itariffs end |===============| */

/* |===============| popups start |===============| */
.popups{
	display: none;
	z-index: 9;
}
.popups,
.popups__overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.popups__overlay{
	background: #000;
	opacity: 0.8;
}
.popup__close{
    color: #000;
	cursor: pointer;
	float: right;
	font-size: 24px;
	line-height: 30px;
    margin-top: -15px;
    margin-right: -5px;
}
.popup__close:hover{
	color: #FF4A0B;
}
.popup{
	display: none;
	position: relative;
	margin: auto;
	border: 3px solid #fff;
	padding: 24px 20px 40px;
	width: 320px;
	background: #000;
}
.popup__heading{
	margin: 0 0 25px;
	padding-right: 10px;
	overflow: hidden;
	font: 24px/28px archive;
}
#wrapper .popup input, #wrapper .popup select, #wrapper .popup textarea{
	margin: 0 0 15px;
	width: 100%;
}
#wrapper .popup button{
	margin: 15px 0 0;
}
/* |===============| popups end |===============| */

/* |===============| news start |===============| */
.news{
	overflow: hidden;
	margin: 28px 0;
}
a.block-row-img{
	margin: 6px 20px 0 2px;
}
.block-row-img{
	float: left;
	width: 151px;
}
.block-text{
	overflow: hidden;
}
.block-text h4{
	margin: 0 0 6px;
}
.block-text h4 a{
	text-transform: none;
	font: 16px/24px clear;
	color: #fff;
}
.news_date{
	font-size: 10px;
}
.block-text > *{
	margin-bottom: 6px;
}
/* |===============| news end |===============| */
		
/* |===============| other start |===============| */
.btn,
a,
input,
button,
textarea,
.slider__slidenator__item,
.services__item:after,
[class*="__next"],
[class*="__prev"],
.popup__close,
.header{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.slider__slidenator__item,
.social .fa{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
img.left, a.left{
	float: left;
	margin: 0 40px 0 0;
}
.wrap {
    padding-bottom: 50px;
    margin-bottom: -1px;
}
.wrap__center h2, .map h2{
	text-align: center;
	margin-top: 48px;
}
.map{
	height: 460px;
	background: center top;
	background-size: cover;
}
.footer{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #1A1A1A;
	text-align: center;
	font: 14px/22px clear;
	padding: 40px 0;
	background: #000;
}
.wrap_inside{
	margin: 50px 0 44px;
}
.wrap_inside .wrap__center{
	border: 3px solid #fff;
	width: 940px;
	background: #000;
}
.wrap_inside .wrap__center{
	padding: 34px 29px;
}
.text .wrap__center > :first-child{
	margin-top: 0;
        text-overflow: ellipsis;
        overflow: hidden;
}
.text h1{
	margin: 18px 0;
	font: 48px/52px archive;
}
.text h2{
	margin: 18px 0;
	font: 36px/40px archive;
	text-align: left;
}
.text h3{
	margin: 18px 0;
	font: 30px/36px archive;
}
.text p{
	margin: 18px 0 24px;
}
.text a{
	color: #E74209;
}
.text a:hover{
	text-decoration: underline;
}
/* |===============| other end |===============| */

/* |===============| @media start |===============| */
@media (max-width: 1201px) {
	.header__center{
		width: 100%;
	}
}
@media (min-width: 1161px) {
	.header .nav{
		overflow: visible !important;
		display: table-cell !important;
	}
}
@media (max-width: 1160px) {
	.header.active{
		overflow: auto;
		bottom: 0;
	}
	.nav{
		z-index: 1;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: auto;
		background: rgba(0,0,0, 0.9);
	}
	.nav__item{
		float: none;
		margin: 0 13px;
		border-top: 1px solid #FF4A0B;
		padding: 0;
		height: auto;
	}
	.nav__item:first-child{
		border-top: 0;
	}
	.nav__item a{
		padding: 14px 0;
		border-right: 0;
	}
	.nav__popup{
		position: static;
		background-color: transparent;
		display: block !important;
		opacity: 1 !important;
		margin: 0;
		border: 0;
		padding: 0;
	}
	.nav__popup .nav__item:first-child{
		border-top: 1px solid #FF4A0B;
	}
	.nav-toggle{
		display: table-cell;
		text-align: center;
		cursor: pointer;
		font: bold 14px/18px clear;
		text-transform: uppercase;
	}
	.nav-toggle .fa{
		margin-right: 8px;
	}
	.nav-toggle{
		padding-bottom: 10px;
	}
	.nav-toggle.active .fa:before{
		content: "\f00d";
	}
	.social{
		right: 10px;
	}
	.ipeoples__crop{
		width: 702px;
		margin: auto;
	}
	.itariffs__crop{
		width: 612px;
		margin: auto;
	}
	[class*="__next"]{
		right: 10px;
	}
	[class*="__prev"]{
		left: 10px;
	}
}
@media (max-width: 1024px) {
	[class*="__center"]{
		width: 100%;
	}
	.slider__center,
	.slider__slidenator{
		padding: 0 50px;
	}
	.services{
		margin-right: 0;
	}
	.services__item{
		float: none;
		max-width: 100%;
		display: inline-block;
		vertical-align: top;
		margin: 0 20px 20px;
	}
	.iabout .left{
		height: auto;
		display: block;
		float: none;
		margin: 0 auto;
	}
	.ipeoples__crop{
		width: 462px;
	}
	.itariffs__crop{
		width: 294px;
	}
	.wrap_inside .wrap__center{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media (max-width: 720px) {
	.itel__num,
	.call-back span{
		display: none;
	}
	.call-back .fa{
		font-size: 24px;
	}
	.itel{
		width: auto;
	}
	.slider__center,
	.slider__slidenator{
		padding: 0 10px;
	}
	.slider__title{
		font-size: 14px;
		line-height: normal;
	}
	.slider__name{
		font-size: 31px;
		line-height: normal;
		margin-bottom: 16px;
	}
	.slider__info{
		font-size: 15px;
		margin-bottom: 40px;
	}
	.social{
		display: none;
	}
	.iabout{
		padding-right: 10px;
	}
}
@media (max-width: 680px) {
	.ipeoples__crop{
		width: 220px;
	}
	[class*="__next"]{
		right: 0;
	}
	[class*="__prev"]{
		left: 0;
	}
}
@media (max-width: 520px) {
	.logo{
		width: auto;
		font-size: 18px;
	}
	.nav-toggle,
	.itel{
		width: 16px;
		min-width: auto;
	}
	.nav-toggle .fa{
		font-size: 18px;
	}
	.nav-toggle .name{
		display: none;
	}
	.services__item{
		margin-left: 0;
		margin-right: 0;
	}
	.services__item_big .services__title,
	.services__title{
		font-size: 18px;
		line-height: normal;
	}
	.services__item_big .services__info,
	.services__info{
		font-size: 14px;
		line-height: normal;
	}
	.itariffs{
		text-align: center;
	}
	.itariffs__crop{
		text-align: left;
	}
	.itariffs__next,
	.itariffs__prev{
		position: static;
		margin: 20px 4px 0;
		display: inline-block;
		vertical-align: top;
	}
	.wrap_inside .wrap__center{
		padding: 20px 10px;
	}
	.news_block a.block-row-img{
		margin: 0 0 12px;
		overflow: hidden;
		display: block;
		float: none;
	}
	.block-text h4 a{
		font-size: 15px;
		line-height: 20px;
	}
}
/* |===============| @media end |===============| */

.clauses_all_img > a, .news_all_img > a {
    display: inline-block;
    height: 120px;
    overflow: hidden;
    width: 180px;
    margin-right: 10px;
}

.clauses_all_img > a > img, .news_all_img > a > img {
    width: 100%;
    height: auto;
}

.previous_next_links:before, .previous_next_links:after {
    display: table;
    content: " ";
}

.previous_next_links:after {
    clear: both;
}

.previous_next_links {
    height: auto;
}

.captcha_update {
    clear: both;
    margin-top:8px;
}

.captcha_update .button-refresh {
    text-decoration: none;
    
}

.captcha_update .button-refresh:after {
    content: '\f021';
    font: 12px/12px FontAwesome;
    
}

.search_list .search_text {
    margin-bottom: 20px;
}

.photo {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media all and (max-width: 960px) {
    .photo {
        display: block;
        text-align: center;
    }
}

.photo_cat__item {
    margin-top: 40px;
}

.photo_cat__anons {
    color: #4f4f4f;
    margin-bottom: 30px;
    max-width: 768px;
}

.photo-image {
    height: auto;
    width: auto;
}

.showreel_block {
    width: 100%;
    background-size: cover;
    height: 560px;
    margin-bottom: -1px;
}
.showreel_wrap {
    max-width: 1024px;
    margin: 0 auto;
    padding: 200px 0;
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-gap: 15px;
    position: relative;
}
@media all and (max-width: 960px) {
    .showreel_wrap {
        display: block;
        text-align: center;
    }
}
@media all and (max-width: 760px) {
    .showreel_wrap {
        padding: 160px 0;
    }
}
.showreel_title {
    color: #FFF;
    font-size: 2.825em;
    padding-top: 25px;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.showreel_link img {
    width: 100px;
}

.popup .error.error_message {
    position: static;
    padding: 0;
    opacity: 1;
    box-shadow: none;
    background: none;
}

.paginator_more_button {
    font-size: 1.225em !important;
    font-weight: 400 !important;
    padding: 20px 30px !important;
}

.paginator_more_button:hover {
    color: #1f4757;
}

.privacy_field {
	font-size: 80%;
	line-height: 1.2em;
	margin-top: 0;
}

.privacy_field a, .privacy_field a:hover {
	color:inherit;
	text-decoration: underline;
}