/* Fonts */

@font-face {
    font-family:'Ubuntu';
    src:url('http://ivlev.work/1/fonts/ubuntu.eot');
    src:url('./fonts/ubuntu.eot') format('embedded-opentype'),
        url('./fonts/ubuntu.woff') format('woff'),
        url('./fonts/ubuntu.ttf.html') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Ubuntu';
    src:url('http://ivlev.work/1/fonts/ubuntub.eot');
    src:url('./fonts/ubuntub.eot') format('embedded-opentype'),
        url('./fonts/ubuntub.woff') format('woff'),
        url('./fonts/ubuntub.ttf.html') format('truetype');
    font-weight:bold;
    font-style:normal;
}
@font-face {
    font-family:'Open Sans';
    src:url('http://ivlev.work/1/fonts/opensansb.eot');
    src:url('./fonts/opensansb.eot') format('embedded-opentype'),
        url('./fonts/opensansb.woff') format('woff'),
        url('./fonts/opensansb.ttf.html') format('truetype');
    font-weight:bold;
    font-style:normal;
}
@font-face {
    font-family:'Open Sans Condensed';
    src:url('http://ivlev.work/1/fonts/opensanscb.eot');
    src:url('./fonts/opensanscb.eot') format('embedded-opentype'),
        url('./fonts/opensanscb.woff') format('woff'),
        url('./fonts/opensanscb.ttf.html') format('truetype');
    font-weight:bold;
    font-style:normal;
}

/* Default */

html {
	height:100%;
}
body {
	width:100%;
	height:100%;
	color:#4a4a4a;
	font-size:12px;
	line-height:16px;
	font-family:'Ubuntu', sans-serif;
	padding:0;
	margin:0;
	background:#ffffff url('../img/author/bg.png') repeat;
	-webkit-tap-highlight-color:transparent;
}
p {
	text-indent:0;
	padding:0;
	margin:0 0 16px;
}
table {
	margin:0 0 16px;
	border-collapse:collapse;
}
table td {
	padding:0;
}
:focus {
	outline:none;
}
img {
	padding:0;
	margin:0;
	border:0;
}
a {
	color:#0e81b7;
	text-decoration:underline;
}
a:hover {
	color:#8b951c;
	text-decoration:underline;
}
form {
	margin:0;
}
ul {
	margin:0 0 10px 16px;
	padding:0;
}
ul li {
	padding:0;
	list-style:none;
}
ol {
	margin:0 0 10px 18px;
	padding:0;
}
* +html ol {
	padding:0 0 0 5px;
}
ol li {
	padding:0 0 0 16px;
}
input, select, textarea {
	color:#4a4a4a;
	font-size:12px;
	font-family:'Ubuntu', sans-serif;
	padding:0;
	margin:0;
	background:none;
	border:0;
	-webkit-box-shadow:border-box;
	box-sizing:border-box;
}
textarea {
	overflow:auto;
}
button {
	font-family:'Ubuntu', sans-serif;
	margin:0;
	border:0;
	-webkit-box-shadow:border-box;
	box-sizing:border-box;
}
button::-moz-focus-inner {
	padding:0;
	border:0;
}
::-webkit-input-placeholder  {
	color:#a8a8a8;
}
:-moz-placeholder {
	color:#a8a8a8;
}
div.checker,div.radio{position:relative}div.checker,div.checker input,div.checker span,div.radio,div.radio input,div.radio span{width:22px;height:22px;cursor:pointer}div.checker input,div.radio input{filter:alpha(opacity=0);border:none}div.checker span,div.radio input,div.radio span{zoom:1;text-align:center}div.checker,div.radio{display:-moz-inline-box;display:inline-block;zoom:1;vertical-align:middle}div.checker:focus,div.radio:focus{outline:0}div.checker,div.checker *,div.radio,div.radio *{margin:0;padding:0}div.checker span{display:-moz-inline-box;display:inline-block;background:url(http://ivlev.work/1/img/author/checker-icon.png) center top no-repeat}div.checker:hover span{background-position:0 -22px}div.checker span.checked{background-position:0 -44px}div.checker input{opacity:0;-moz-opacity:0;background:0 0;display:-moz-inline-box;display:inline-block;zoom:1}div.radio span{display:-moz-inline-box;display:inline-block;background:url(http://ivlev.work/1/img/author/radio-icon.png) center top no-repeat}div.radio:hover span{background-position:0 -22px}div.radio span.checked{background-position:0 -44px}div.radio input{opacity:0;-moz-opacity:0;background:0 0;display:-moz-inline-box;display:inline-block}

/* Core */
a.popup-close {position:absolute; width:8px; height:8px; text-decoration:none; background:url('/img/close_popup.png') no-repeat; border:0px; top:5px; right:5px;}	

.location {/* height: 39px; */  }	
.location-fon {	background: white;/* height: 39px; */}
.location a{border-bottom: 1px dotted #0E81B7;text-decoration: none;  margin-right: 30px;}	
.location-area{width: 990px;max-width: 990px;min-width: 990px;margin-left: auto;margin-right: auto;}
.location-content{min-height: 39px;   padding-left: 10px;line-height: 39px;padding-bottom: 30px;}
.location-content span{display:block;}
.form-validate-error, .form_validate_error, .form_error{color:red;}
.see_more{text-decoration:none; border-bottom:1px dotted #0e81b7; cursor:pointer;}
.city-list{width: 240px;float: left;}
.city-cont{}


header {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	width:100%;
	/* height:150px; */
	height:3px;
	background:url('../img/author/line-bg.png') repeat-x top;
}
header .logo {
	position:absolute;
	left:50%;
	top:53px;
	margin-left:-420px;
}
header .desc {
	position:absolute;
	left:50%;
	top:50px;
	width:180px;
	color:#828282;
	font-size:14px;
	line-height:20px;
	margin:0 0 0 -80px;
}
header .phone {
	position:absolute;
	left:50%;
	top:46px;
	width:280px;
	margin-left:160px;
}
header .phone h3 {
	color:#0082ba;
	font-size:36px;
	line-height:44px;
	font-weight:normal;
	padding:0;
	margin:0;
}
header .phone h3 a {
	color:#0082ba;
	text-decoration:none;
}
header .phone p {
	color:#828282;
	font-size:14px;
	line-height:20px;
	margin:0;
}
header .call {
	position:absolute;
	left:50%;
	top:50px;
	width:80px;
	font-size:14px;
	line-height:20px;
	margin:0 0 0 383px;
}
header .call:before {
	content:url('../img/author/phone-icon.png');
	position:absolute;
	left:-52px;
	top:4px;
}
header .call a {
	color:#0e81b7;
	text-decoration:none;
	border-bottom:1px dotted #0e81b7;
}
header .call a:hover {
	border-bottom-color:transparent;
}
.intro {
	overflow:hidden;
	position:relative;
	/* height:100%; */
	height:calc(100% - 174px);
	min-height:600px;
	max-height:1200px;
	background:#000000;
	/**/ width: 100%;
}
.intro .video {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
.video video {
	position:absolute;
	transform-origin:left top;
	-webkit-transform-origin:left top;
}
.intro .text {
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
	width: 900px;
	/* width: 100%; */
	color:#ffffff;
	font-weight:bold;
	font-family:'Open Sans Condensed', sans-serif;
	text-align:center;
	margin: -160px 0 0 -450px;
}
.intro .text h1 {
	color:#ffaf00;
	font-size:48px;
	line-height:58px;
	padding:0;
	margin:0 0 33px;
}
.intro .text p {
	font-size:24px;
	line-height:34px;
	margin:0 0 24px;
}
.intro .text button {
	color:#ffffff;
	font-size:24px;
	line-height:34px;
	font-weight:bold;
	font-family:'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	text-shadow:1px 1px 0 rgba(0,0,0,0.22);
	cursor:pointer;
	padding:7px 50px 9px;
	margin-top:24px;
	background:#0082ba;
	-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.25);
	box-shadow:3px 3px 0 rgba(0,0,0,0.25);
}
.intro .text button:hover {
	background:#8b951c;
}
.quantity-e {
	background:#ffaf00;
}
.quantity-e p {
	position:relative;
	max-width: 960px;
    width: 100%;
	min-height:220px;
	color:#212121;
	font-size:48px;
	line-height:58px;
	font-weight:bold;
	font-family:'Open Sans Condensed', sans-serif;
	padding:47px 200px 57px 383px;
	margin:0 auto;
	-webkit-box-shadow:border-box;
	box-sizing:border-box;
}
.quantity-e p:before {
	content:url('../img/author/paper-icon.png');
	position:absolute;
	left:217px;
	top:53px;
}
.price-b {
    max-width: 960px;
    width: 100%;
	font-family:'Open Sans Condensed', sans-serif;
	text-align:center;
	padding:71px 0 51px;
	margin:0 auto;
}
.price-b h3 {
	color:#828282;
	font-size:24px;
	line-height:34px;
	text-transform:uppercase;
	padding:0;
	margin:0 0 41px;
}
.price-b ul {
    max-width: 980px;
    width: 100%;
	margin:0 0 0 -10px;
}
.price-b ul li {
	display:inline-block;
	width:260px;
	vertical-align:top;
	padding:0 30px;
	margin:0 -2px 34px -1px;
}
.price-b ul li h5 {
	color:#212121;
	font-size:48px;
	line-height:58px;
	padding:0;
	margin:0 0 12px;
}
.price-b ul li p {
	color:#828282;
	font-size:24px;
	line-height:34px;
	font-weight:bold;
	margin:0 0 12px;
}
.line {
	height: 1px;
    border-top: 1px solid #b9b9b9;
}
.authors-b {
	max-width: 960px;
    width: 100%;
	font-family:'Open Sans Condensed', sans-serif;
	text-align:center;
	padding:86px 0 50px;
	margin:0 auto;
}
.authors-b h3 {
	color:#212121;
	font-size:48px;
	line-height:58px;
	text-transform:uppercase;
	padding:0;
	margin:0 0 71px;
}
.authors-b h3 span {
	display:block;
	color:#828282;
	font-size:24px;
	line-height:34px;
	padding:0;
	margin:19px 0 0;
}
.authors-b ul {
	margin:0;
}
.authors-b ul li {
	display:inline-block;
	width:280px;
	vertical-align:top;
	padding:0 20px;
	margin:0 -2px 48px -1px;
}
.authors-b ul li p {
	color:#212121;
	font-size:20px;
	line-height:28px;
	margin:0;
}
.authors-b ul li p span {
	color:#0082ba;
}
.authors-b ul li h5 {
	color:#0082ba;
	font-size:72px;
	line-height:72px;
	font-family:'Open Sans', sans-serif;
	padding:0;
	margin:0 0 6px;
}
.combine-b {
	background:url('../img/author/combine-bg.jpg') no-repeat center 10%;
	background-size:cover;
}
.combine-b > div {
    max-width: 960px;
    width: 100%;
	text-align:center;
	padding:87px 0 72px;
	margin:0 auto;
}
.combine-b h2 {
	color:#fefefe;
	font-size:48px;
	line-height:58px;
	font-family:'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	padding:0;
	margin:0 0 64px;
}
.combine-b h2 span {
	display:block;
	color:#828282;
	font-size:24px;
	line-height:34px;
	margin:20px 0 0;
}
.combine-b ul {
    max-width: 980px;
    width: 100%;
	margin:0 0 28px -10px;
}
.combine-b ul li {
	display:inline-block;
	width:280px;
	vertical-align:top;
	padding:0 20px;
	margin:0 -2px 0 -1px;
}
.combine-b ul li p {
	color:#ffaf00;
	font-size:24px;
	line-height:34px;
	font-weight:bold;
	font-family:'Open Sans Condensed', sans-serif;
	margin:0 0 24px;
}
.combine-b > div > p {
	width:520px;
	color:#ffffff;
	font-size:18px;
	line-height:26px;
	margin:0 auto 18px;
}
.combine-b button {
	color:#ffffff;
	font-size:24px;
	line-height:34px;
	font-weight:bold;
	font-family:'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	text-shadow:1px 1px 0 rgba(0,0,0,0.22);
	cursor:pointer;
	padding:7px 50px 9px;
	margin:55px 0 30px;
	background:#0082ba;
	-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.25);
	box-shadow:3px 3px 0 rgba(0,0,0,0.25);
}
.combine-b button:hover {
	background:#8b951c;
}
.candidate-b {
	max-width: 960px;
    width: 100%;
	padding:87px 0 66px;
	margin:0 auto;
}
.candidate-b h2 {
	color:#212121;
	font-size:48px;
	line-height:58px;
	font-family:'Open Sans Condensed', sans-serif;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0 0 51px;
}
.candidate-b h2 span {
	display:block;
	color:#828282;
	font-size:24px;
	line-height:34px;
	margin:20px 0 0;
}
.candidate-b ul {
	margin:0 100px 30px 120px;
}
.candidate-b ul li {
	position:relative;
	color:#212121;
	font-size:18px;
	line-height:26px;
	margin:0 0 22px;
}
.candidate-b ul li:before {
	content:'';
	position:absolute;
	left:-60px;
	top:50%;
	width:32px;
	height:32px;
	margin-top:-14px;
	background:url('../img/author/bullet-icon.png') no-repeat center center;
}
.guarantees-b {
	max-width: 960px;
    width: 100%;
	text-align:center;
	padding: 60px 0 60px;
	margin:0 auto;
}
.guarantees-b h2 {
	color:#212121;
	font-size:48px;
	line-height:58px;
	font-family:'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	padding:0;
	margin:0 0 27px;
}
.guarantees-b ul {
    max-width: 980px;
    width: 100%;
	margin:0 0 -30px -10px;
}
.guarantees-b ul li {
	display:inline-block;
	width:420px;
	vertical-align:top;
	padding:0 30px;
	margin:0 -2px 50px -1px;
}
.guarantees-b ul li div {
	position:relative;
	width:160px;
	height:100px;
	margin:0 auto 8px;
}
.guarantees-b ul li div img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-width:160px;
	max-height:100px;
	margin:auto;
}
.guarantees-b ul li h5 {
	color:#212121;
	font-size:20px;
	line-height:28px;
	font-family:'Open Sans Condensed', sans-serif;
	padding:0;
	margin:0 0 10px;
}
.guarantees-b ul li p {
	color:#212121;
	font-size:18px;
	line-height:26px;
	margin:0;
}
.feedback-b {
	max-width: 960px;
    width: 100%;
	font-family:'Open Sans Condensed', sans-serif;
	text-align:center;
	padding:60px 0 60px;
	margin:0 auto;
}
.feedback-b h3 {
	color:#212121;
	font-size:48px;
	line-height:58px;
	padding:0;
	margin:0 0 40px;
}
.feedback-b p {
	color:#212121;
	font-size:24px;
	line-height:34px;
	font-weight:bold;
	margin:0 0 24px;
}
.feedback-b a[href*="tel"] {
	color:#212121;
	text-decoration:none;
}


.seotext-b {
	max-width: 960px;
    width: 100%;
	font-family:'Open Sans Condensed', sans-serif;
	text-align:center;
	padding:60px 0 60px;
	margin:0 auto;
}
.seotext-b h2 {
    color: #212121;
    font-size: 38px;
    line-height: 45px;
    padding: 0;
    margin: 0 0 40px;
}
.seotext-b p, .seotext-b li {
    color: #212121;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 16px;
    font-family: 'Ubuntu', sans-serif;
    text-align: left;
}
.seotext-b ul{
    padding: 0px 10px 20px 0px;
    margin-left: 0px;
}
.seotext-b li{
    text-align: left;
    list-style: disc;
    margin-left: 25px;
    margin-bottom: 10px;
}


footer {
	position:relative;
	height:119px;
	border-top:1px solid #d5d5d5;
}
footer img {
	position:absolute;
	left:50%;
	top:40px;
	margin-left:-480px;
}
footer p {
	position:absolute;
	left:50%;
	top:36px;
	width:200px;
	color:#828282;
	font-size:14px;
	line-height:20px;
	margin-left:-120px;
}
footer ul {
	position:absolute;
	right:50%;
	top:36px;
	width:300px;
	margin-right:-480px;
}
footer ul li {
	color:#828282;
	font-size:14px;
	line-height:20px;
}

.head {width:100%; float:left; padding-top:33px; border-bottom:1px dotted #c1c1c1;  z-index:6;}
.head2 {width:100%; float:left; padding-top:33px;   z-index:6;}
.head-padding-bottom { padding-bottom: 30px; }
.logo {width:284px; float:left;} 

.top-line {background:url('/img/top_line.png') repeat; width:100%; height:3px;position:absolute;}
.top-adress {color:#828282; font-size:14px; line-height:20px; width:174px; float:left; margin-left:41px;} 

.call-back{background: url('/img/call_back.png') 0 5px no-repeat; display: inline-block; float: left; margin-top: 23px;}
.call-back a{text-decoration:none;  float:left; margin-left:50px;line-height: 20px; }
.call-back a span{border-bottom:1px dotted #0e81b7;}
.call-back a:hover {text-decoration:none; border-color:transparent; color:#e14525}


.tel-number {float:left; display:inline-block; text-align:left; font-size:30px; font-weight:bold; margin-right: 10px;}
.tel-number b{display: inline;font-size: 36px;font-weight: 400; line-height: 22px;}
.tel-number span { color:black;margin-bottom: 10px;}
.tel-number span.number {font-weight:300; color:black; font-size: 39px; line-height: 40px; font-weight:400;}
.tel-number span.region {font-size:14px; display:block; font-weight:normal; color:#828282;}
.tel-number span.region a {text-decoration: none; border-bottom: 1px dotted #0E81B7; }
.tel-number span.region a:hover {text-decoration: none; border-bottom: 1px dotted #fff;}
.tel-number span.region{}


.navigate {
    width: 100%;
    float: left;
    list-style: none;
    text-align: left;
    margin-top: 45px;
    margin-bottom: 5px;
    margin-left: 0px;
}
.navigate li {display:inline; margin-right:32px;}
.navigate li a{color:#212121; font-size:21px; text-decoration:none; text-transform:uppercase; font-weight:bold; font-family:'Open Sans Condensed', Arial;
               padding:15px 0 8px 0; text-shadow: 0 1px 1px #fff;}
.navigate li a:hover, #current {color:#e14525; border-bottom:3px solid #e14525}
.navigate .top-button{
    float: right;
    overflow: hidden;
    height: 41px;
    margin: -17px 20px 3px 0;
}
.navigate .top-button a{
    margin-top: 0;
    padding: 6px 41px;
    color: white;
    background: #8b951c;
    font-size: 15px;
}
.navigate .top-button a:hover{
    background: #959f2a;
    border:0;
    color:white;
}
.cla-b-btn2 {
    font-size: 20px;
    color: #959f2a;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans Condensed', Arial;
    text-shadow: 0 1px 1px #333;
    line-height: 27px;
    text-align: center;
    text-shadow: 0 1px 1px #333 !important;
    border: 0px;
    background: #959f2a;
    padding: 15px 20px;
    text-decoration:none;
    margin-top: 20px;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(149, 159, 42, 0.3);
    -moz-box-shadow: 2px 2px 0px 0px rgba(149, 159, 42, 0.3);
    box-shadow: 2px 2px 0px 0px rgba(149, 159, 42, 0.3);
    margin-top:20px;
    float:left;
}

.wrapper
{
    width:990px;
    max-width: 990px;
    min-width: 990px;
    margin-left: auto;
    margin-right: auto;
    padding:0px 10px;
}

#short_menu_but {
    background:url('/img/adaptiv/menu.png');
    width: 30px;
    position: absolute;
    height: 30px;
    right: 10px;
    top: 115px;
    display:none;
}
#short_menu_but.act {
    background:url('/img/adaptiv/cross.png');
}


.footer {width:100%; float:left; margin-top:60px; padding-bottom:40px;}


.footer-left {width:100%; float:left; width:210px; font-size:14px; color:#828282;}
.footer-left p {padding-top:15px; line-height:18px}
.f-number {font-weight:bold; font-size:24px; color:#303030;text-decoration: none!important;margin-top: 50px;}
.f-number span {font-weight:300; color:#b8b8b8}

.social {padding-top:20px; margin-left:-20px}


.footer-right {float:left; width:700px; margin-left:80px; margin-bottom: 30px;  position: relative;}

.footer-right ul { float:left; list-style:none; width: 600px;}
.footer-right ul li {padding-bottom:5px; width: 300px;
                     float: left;
                     display: block;}
.footer-right ul a{font-size:18px; text-transform:uppercase; font-weight:bold; font-family:'Open Sans Condensed', Arial; color:#4e4e4e; font-weight:300; line-height:26px; text-decoration:none;} 
.footer-right ul a:hover {color:#e14525}




.f-navigate {width:585px; float:left; list-style:none; text-align:left; margin-top:0; padding-left: 25%;}
.f-navigate li {display:inline}
.f-navigate li a{display: inline-block; color:#989898; font-size:16px; text-decoration:none; text-transform:uppercase; font-weight:bold; font-family:'Open Sans Condensed', Arial; padding:5px; text-shadow: 0 1px 1px #fff;}
.f-navigate li a:hover {color:#e14525;}


.f-cop {
    margin-top: 0;
    float: left;
    width: 300px;
    display: block;
    text-decoration: none;
    font-size: 10px;
    color: #999;
}

.f-cop img {opacity:0.5}
.f-cop:hover img {opacity:1}

.ps {
    background: url('/img/ps-logo.png') 0 0 no-repeat;
    opacity: 0.5;
    height: 50px;
    padding-left: 60px;
    display: block;
    float: left;
    padding-top: 2px;
    margin-top:10px;
}
.ps a {text-decoration:none; cursor:pointer; color:#999; white-space: nowrap;}
.ps:hover {opacity:1}

.downsitemap {
    opacity: .3;
}
.copy {
    margin-top: 30px;
    color: #999;
}


@media screen and (max-width: 380px), 
screen and  (max-width: 768px), 
screen and  (max-width: 320px),
screen and (orientation: landscape) and  (max-width: 667px) {
    .tel-number,.head,.wrapper,.logo, .navigate, .promo-n1, .promo-left, .promo-right,.promo-r-ins, .cla-top-block,.block-1,.left-block
    ,.work-type-box,.work-add-box, .box-2, .box-3,.box-3-left, .box-3-right, .box-4,.work-step-1,.work-step-2,
    .cont-client, .ts-sp, .response{
        float:none;
    }
    
     .wrapper {
        width: auto; 
        max-width: none; 
        min-width: inherit; 
        text-align:center;
        /**/
    }
    .top-adress, .tel-number span.region, .call-back{
        display:none;
    }
    .tel-number{
        display: inline-block;
        margin-right: 0;
        float: left;
    }
    .navigate{
        background:white;
        display:none;
    }
    .navigate li{
        display:block;
        text-align:center;
        border-bottom: 1px dotted #c1c1c1;
        margin-right:0;
    }
    .navigate li.top-button{
        display:none;
    }
    .navigate li a:hover, #current {
        border:0;
    }
    .logo{
        width: auto; 
        margin:0 auto;
    }
    .cla-top-block{
        background:#014052;
        background-image: none;
        height:auto;
    }
    
    .footer .wrapper div, .footer .wrapper ul{
        display:none;
    }
    .footer .wrapper div.footer-left,.footer .wrapper div.footer-right, .footer .wrapper div.footer-left div, .footer .wrapper .f-navigate, .footer .wrapper div.footer-right div, .footer .wrapper div.footer-right ul{
        display:block;
    }
    .footer .wrapper div.footer-right div{
        position:static !important;
    }
    .footer .wrapper div.footer-right{
        margin: 0;
        float: none;
        width: auto;
    }
    .footer .wrapper div.footer-right ul, .footer .wrapper div.footer-right ul li{
        width:auto;
        float:none;
    }
    .f-navigate , .f-navigate li{
        width:auto;
        float:none;
        text-align: center;
        
    padding: 0;
    }
    .footer .wrapper div.footer-left{
        width:auto;
        float:none;
    }
    .ps{
        display:none !important;
    }
    
    .p-bcont {
        text-align: left;
    }
    #short_menu_but {
        display:block;
    }
}

@media screen and (orientation: landscape) and  (max-width: 667px) and (min-width:381px),
screen and  (max-width: 768px)and (min-width:381px){
    .logo {
            margin: 0 10px;
    }
    #short_menu_but {
        top:54px;
    }
    .tel-number{
        float:none;
        vertical-align:top;
    }
    
    .head .wrapper{
        min-height: 97px;
    }
    .tel-number{
        margin-top: 20px;
    }
    .tel-number b{
        font-size: 30px;
    }
    .navigate{
        margin-top: 59px;
        margin-bottom: 10px;
    }
    .navigate li a{
        line-height: 36px;
    }
    .cla-top-block{
        background:#014052;
    }
    .cla-title{
        padding:20px 0;
        font-size: 22px;
    }
    
    
   
}

@media screen and  (max-width: 768px){
.intro {
    height: calc(100% - 131px);
}
 .quantity-e p{
        font-size: 38px;
        line-height: 48px;
        padding: 47px 180px 57px 343px;
    }
    
    .quantity-e p:before {
        content: url(../img/author/paper-icon.png);
        position: absolute;
        left: 167px;
        top: 53px;
    }
    
    .feedback-b {
        padding: 40px 0 43px;
    }
    
    
}
.video video{
        left: 0px !important;
    }

@media screen and  (max-width: 425px){
    .logo{
            margin: auto;
    }
    #short_menu_but {
        top:115px;
    }
    .head .wrapper{
        min-height: 125px;
    }
    .tel-number{
        margin-top: 20px;
        float:left;
    }
    .tel-number b {
        font-size: 30px;
    }
    .ts-sp{
        width:289px;
    }
    
    
    .intro .text{
        width: 100%;
        left: 0px;
        margin: 0px;
        top: 60px;
    }
    .quantity-e p {
        font-size: 35px;
        line-height: 45px;
        padding: 47px 20px 57px 144px;
    }
    
    .quantity-e p:before {
        left: 13px;
    }
    .combine-b > div > p {
        max-width: 520px;
        width: 100%;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    
    .guarantees-b ul li{
        max-width: 420px;
        width: 100%;
        box-sizing: border-box;
    }
    .candidate-b ul{
        margin: 0px;
    }
    .candidate-b ul li{
        padding: 0px 20px;
    }
    .candidate-b ul li:before{
        display: none;
    }
    .guarantees-b ul{
        margin: 0px;
    }
    .guarantees-b{
        padding-bottom: 0px;
    }
    
    .navigate li a{
        width: 100%;
    display: inline-block;
    }
}


.sp{
     /* background: url(/img/block_sp.png) center 0px no-repeat; */
    /* float: left; */
    width: 100%;  
    margin-bottom: 60px;
}

.sp .predmet_seealso{
    max-width: 990px;
    width: 100%;
    /* max-width: 990px; */
    /* min-width: 990px; */
    margin-left: auto;
    margin-right: auto;
    /* padding: 0px 10px; */
    text-align: center;
    margin-top: 30px;
}
.sp .predmet_seealso ul{
    display: block;
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
    text-align: center;
}
.sp .predmet_seealso ul li{
    list-style: none;
    margin: 0 10px;
    display: inline-block;
}

.sp .predmet_seealso ul li a{
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans Condensed', Arial;
    padding: 5px;
}

.sp .predmet_seealso .title{font-size: 18px;
                            color: #303030;
                            text-transform: uppercase;
                            font-weight: bold;
                            font-family: 'Open Sans Condensed', Arial;
                            text-shadow: 0 1px 1px #fff;
                            text-align: center;
                            line-height: 85px;
                            padding-bottom: 55px;}
                            
.min-top {
    /* margin-top: 80px; */
}

.seotext-b + button:hover{
    background: #8b951c;
}
.seotext-b + button{
    color: #ffffff;
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.22);
    cursor: pointer;
    padding: 7px 50px 9px;
    margin-top: 24px;
    background: #0082ba;
    -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.25);
    box-shadow: 3px 3px 0 rgba(0,0,0,0.25);
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 50px;
}