@font-face{font-family:'futura';src:url('font/280E97_0_0.eot');src:url('font/280E97_0_0.eot?#iefix') format('embedded-opentype'),url('font/280E97_0_0.woff') format('woff'),url('font/280E97_0_0.ttf') format('truetype');}
body{font-family:Verdana,Helvetica,Arial,sans-serif;background-color:#FFFFFF;color:#333333;font-size:10.5pt;margin:0;padding:0;text-align:left;}
h1,h2,h3{font-family:"futura",Verdana,Helvetica,Arial,sans-serif;text-transform:uppercase;}
p,div,input,a{font-family:Verdana,Helvetica,Arial,sans-serif;}
p{line-height:1.4;}
a{text-decoration:underline;cursor:pointer;color:#007eff;font-weight:bold;}
a:hover{text-decoration:none}
a.btn:hover{text-decoration:none}
a img{border:none;}
h2{font-size:2.15em;margin:1em 0;font-weight:normal;}
h2.big{font-size:2.45em;}
h3{font-size:1.3em;margin:2em 0 0.7em;}
ul{margin:0 0 0 17px;padding:0;list-style-image:none;list-style-type:disc;}
ul li{margin:0;padding:0;list-style-image:none;list-style-type:disc;list-style-position:outside;}
.width{position:relative;max-width:960px;margin:0 auto;}
.width2{position:relative;max-width:1200px;margin:0 auto;}
.hide{display:none;}
.clear{clear:both;}
.bg2{background-color:#ffde06;}
.table{display:table;}
.table-cell{display:table-cell;vertical-align:top;width:50%;}
.red{color:#d71921;}
.white{color:#ffffff;}
.red_calc{margin-top:20px;position:relative;color:#d71921;font-family:futura-heavy,sans-serif;font-size: 3rem;}
.white_calc{margin-top:20px;position:relative;color:#ffffff;font-family:futura-heavy,sans-serif;font-size: 3rem;}
.content-block{padding:4.5em 0;position:relative;}
.content-block2{padding:35px 0;position:relative;}
.content-block-last{padding:4em 0 7em;}
.head{position:relative;font-size:15pt;}
.head .width .width{padding:100px 0 45px;}
.logo{width:auto;height:92px;background:url("images/logoAS.gif") no-repeat 0 100%/contain;margin-bottom:30px;}
h1{color:#333333;font-size:2.77em;font-weight:normal;line-height:1.2;margin:0;}
h1 span{display:block;}
h1 .slogan1{font-size:1em;}
h1 .red{color:#d71921;font-size:0.452em;}
h1 .contact1{font-size:35pt;}
h1 .contact2{font-size:35pt;color:#d71921;font-size:0.702em;padding-left:10px;}
h1 .contact3{font-size:35pt;}
.promo{background:url("images/promo.jpg") no-repeat scroll right 100%/contain;bottom:0;position:absolute;right:0;top:0;width:649px;z-index:-1;}
.delimiter{width:5%;height:1px;background-color:#333333;margin:2em auto;}
.delimiter-full{width:100%!important;margin:4em auto;}
.delimiter-h{width:1px;height:10px;background-color:#333333;margin:2em auto;}
.attention{font-size:1.43em;font-weight:bold;text-align:center;}
.attention span{white-space:nowrap;}
.attention_slogan{font-size: 3rem;font-weight:bold;text-align:center;font-family:futura-heavy,sans-serif;}
.description .width p:first-child{margin-top:0;}
.description .picture{width:auto;max-width:688px;margin:3em auto 0;background:url("") no-repeat center 100%/contain;}
.description .picture img{width:100%;}
.who h2{margin:0;}
.who-list{margin-top:20px;text-align:center;}
.who-item{float:left;margin:20px 15px 0;vertical-align:top;text-align:center;width:210px;font-size:0.9em;}
.who-item strong{display:block;font-size:1.15em;margin-bottom:25px;}
.alcho{background:url("images/alcho.png") no-repeat right top;padding-right:225px;min-height:154px;}
.help{background:-moz-radial-gradient(30%,ellipse cover,#ffe959 0%,#ffdd00 100%,#ffdd00 100%,#ffdd00 100%);background:-webkit-radial-gradient(30%,ellipse cover,#ffe959 0%,#ffdd00 100%,#ffdd00 100%,#ffdd00 100%);background:radial-gradient(ellipse at 30%,#ffe959 0%,#ffdd00 100%,#ffdd00 100%,#ffdd00 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe959',endColorstr='#ffdd00',GradientType=1 );}
.help .wrap{padding-left:345px;}
.help li{margin-bottom:20px;}
.help .picture{width:357px;height:601px;background:url("images/help.png") no-repeat;position:absolute;left:-40px;bottom:0;}
.programms h2{margin-top:0;}
.programms-list{text-align:center;}
.programms-item{display:inline-block;max-width:246px;padding:0 27px;text-align:center;vertical-align:top;width:auto;margin-top:1.5em;}
.programms-item .img{display:table-cell;height:135px;vertical-align:middle;width:300px;}
.programms ul{margin:12px 50px 0 40px;white-space:nowrap;}
.programms ul li{line-height:1.2;margin-bottom:16px;text-transform:uppercase;font-size:1.36em;font-family:"futura",Verdana,Helvetica,Arial,sans-serif;}
.programms ul li.last{text-transform:none;font-size:1em;font-family:Verdana,Helvetica,Arial,sans-serif;list-style-type:none;margin-left:-19px;line-height:1.4;}
.programms .picture{max-width:443px;width:auto;}
.programms .picture img{width:100%;}
.video.content-block{padding-top:35px;}
.video p{margin-top:0;}
.video-container{width:560px;height:360px;margin:3em auto 0;}
.video-container iframe{width:560px;height:360px;}
.modern h2{margin-top:0;}
.modern ul{font-weight:bold;}
.modern li{margin-bottom:20px;}
.modern p{margin:2.5em 0;}
.contact{border:7px solid #ffdd00;line-height:1.5;padding:2em;text-align:center;}
@media all and (max-width:1070px){.width{width:95%;}
.who-item{width:180px;display:inline-block;float:none;}}
@media all and (max-width:970px){.width{width:90%;}
.who-item{width:160px;}}
@media all and (max-width:880px){.head{text-align:center;}
.logo{background-position:center;margin:0 auto 20px;}
.promo{display:none;}
.delimiter{width:50%;}
.who-item{width:150px;margin:20px 10px 0;}
.help .wrap{padding-left:0;}
.help .picture{display:none;}
.help{background:#ffde06;;}
.programms .table-cell{width:100%;display:block;}
.programms .picture{margin-top:4em;}
.programms ul{white-space:normal;}}
@media all and (max-width:790px){.who-item{width:200px;margin:30px 20px 0;}
.who-item strong{margin-bottom:15px;}}
@media all and (max-width:690px){.programms-item{max-width:40%;padding:0 15px;}
.programms-item .img{width:280px;}}
@media all and (max-width:630px){h2{font-size:1.95em;}
h2.big{font-size:2.25em;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;width:auto;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}}
@media all and (max-width:560px){.who-item{width:80%;margin:20px 0px 0;}
.alcho{background:none;padding-right:0;}}
@media all and (max-width:500px){h1{font-size:2em;}
.head .width .width{padding:35px 0 45px;}}
@media all and (max-width:480px){.programms-item{max-width:100%;margin-bottom:1.5em;}
.programms-item:last-child{margin-bottom:0em;}
.programms-item .img{display:block;text-align:center;width:auto;height:auto;margin-bottom:10px;}}
@media all and (max-width:400px){h2{font-size:1.75em;}
h2.big{font-size:2.15em;}
p,div,input,a{font-size:0.95em;}}
@media all and (max-width:350px){h1{font-size:1.5em;}
.head .width .width{padding:15px 0 25px;}}
.top-calc-center{margin-top:10px;text-align:center;}
.who-calc_head{margin-top:15px;text-align:center;margin-left:3%;margin-right:3%;}
.who-calc_body{margin-top:20px;text-align:left; margin-left:7%;margin-right:7%;margin-bottom: 20px;}
.layer1 {
width:300px;
border-radius:10px;
min-height:610px;
background:#ffde06;
float:left;
margin-top:40px;
margin-left:2%;
margin-bottom: 15px;
text-align:right;
}
.layer1_3 {
width:300px;
border-radius:10px;
font-family: Circe-Bold,"Brandon Text W01 Bold",Helvetica,sans-serif;
min-height:325px;
background:#2ba95e;
float:left;
margin-top:40px;
margin-left:2%;
margin-bottom: 15px;
text-align:right;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
}
.layer1_3:hover {
width:300px;
border-radius:10px;
font-family: Circe-Bold,"Brandon Text W01 Bold",Helvetica,sans-serif;
min-height:325px;
background:#2ba95e;
float:left;
margin-top:30px;
margin-left:2%;
margin-bottom: 15px;
text-align:right;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
}
.layer1_2 {
width:300px;
border-radius:10px;
font-family: Circe-Bold,"Brandon Text W01 Bold",Helvetica,sans-serif;
min-height:325px;
background:#ffde06;
float:left;
margin-top:40px;
margin-left:2%;
margin-bottom: 15px;
text-align:right;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
}
.layer1_2:hover {
width:300px;
border-radius:10px;
font-family: Circe-Bold,"Brandon Text W01 Bold",Helvetica,sans-serif;
min-height:325px;
background:#ffde06;
float:left;
margin-top:30px;
margin-left:2%;
margin-bottom: 15px;
text-align:right;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
}
.layer1_1 {
width:300px;
border-radius:10px;
font-family: Pompadur, 'Comic Sans MS', cursive;
min-height:325px;
background:#e74c3c;
float:left;
margin-top:40px;
margin-left:2%;
margin-bottom: 15px;
text-align:right;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
}
.layer1_1:hover {
width:300px;
border-radius:10px;
font-family: Pompadur, 'Comic Sans MS', cursive;
min-height:325px;
background:#e74c3c;
float:left;
margin-top:30px;
margin-left:2%;
margin-bottom: 15px;
text-align:right;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
}
.layer2{background:#ffde06;border-radius:10px;padding:2em;text-align:center;margin-left:2%;min-width:244px;box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);}
.clear-calc {
clear: left; /* Отмена обтекания */
min-height: 0px;
}
.wrap_service{margin-left: 15%;}
/* Меню навигации */
/* Add a black background color to the top navigation */
.topnav {
background-color: white;
overflow: hidden;
}
.container_news{
display:block;
position:relative;
width:100%;
max-width:960px;
padding:0 10px;
margin:0 auto;
}
.news_iframe{
width: 100%;
height: 1200px;
border: none;
}
/* Style the links inside the navigation bar */
.topnav a {
float: left;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
background-color: #ddd;
color: black;
}
/* Add a color to the active/current link */
.topnav a.active {
background-color: white;
color: black;
}
/* .topnav { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 50px; box-shadow: 0 0 5px;} */
.topnav {
display: inline-block;
width: 480px;
height: 50px;
background-color: white;
}
.top_nav_alignment {
position: fixed;
width: 100%;
height: 50px;
z-index: 9999;
text-align: center;
vertical-align: middle;
background-color: white;
box-shadow: 0 0 5px;
}
/* Меню навигации */
.marking__list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 -10px 23px;
}
.marking__item_wrap {
padding: 10px;
}
.marking__item {
border-radius: 5px;
border: 1px solid #c0c2cc;
width: 220px;
height: 140px;
text-align: center;
font-size: 12px;
background-color: #f0f3f7;
}
.marking__item_img {
display: flex;
align-items: center;
justify-content: center;
height: 85px;
padding-top: 5px;
}
.marking__text_bottom{
text-align: center;
margin-bottom: 20px;
}
.c_red{
color: #e2474b;
}
.c_white{
color: #FFFFFF;
}
.bg_dark{
background-color: #323338;
}
.bg_gray{
background-color: #f0f3f8;
}
.container{
display:block;
position:relative;
width:100%;
max-width:960px;
padding:0 10px;
margin:0 auto;
}
.faq {
margin-top: 40px;
}
.faq_item {
background-color: #f0f3f7;
border-radius: 5px;
width: 100%;
max-width: 780px;
margin: 0 auto 10px;
padding: 0 10px 0 50px;
position: relative;
}
.faq_item:before {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 15px;
top: 15px;
border: 1px solid #000000;
border-radius: 23px;
}
.question {
font-weight: bold;
padding: 15px 0;
cursor: pointer;
}
.question:before {
content: '';
width: 11px;
height: 1px;
background-color: #494a52;
display: block;
position: absolute;
left: 20px;
top: 25px;
}
.question:after {
content: '';
width: 1px;
left: 25px;
background-color: #494a52;
display: block;
position: absolute;
height: 11px;
top: 20px;
}
.faq_item.showed .question:after{
display: none;
}
.answer {
line-height: 1.5;
margin-top: -5px;
display: none;
padding-bottom: 15px;
}
.faq_item.showed .answer{
display: block;
}
.products__list{
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 -10px;
}
.products__item_wrap{
width: 25%;
padding: 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.products__item{
width: 100%;
height: 100%;
background-color: #FFFFFF;
border-radius: 5px;
padding: 30px 20px 20px;
}
.products__item_img{
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 17px;
}
.products__item_title{
font-size: 18px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 15px;
}
@media all and (max-width:768px){
.care__list,
.catalog__list{
flex-wrap: wrap;
}
.care__item_wrap,
.catalog__item_wrap,
.products__item_wrap {
width: 50%;
}
.partner__wrap{
padding-left: 0;
}
.partner__img{
display: none;
}
.partner__descr{
flex-grow: 1;
}
.partner__descr br{
display: none;
}
}
@media all and (max-width:576px){
.section {
padding-top: 30px;
padding-bottom: 40px;
}
h1 {
font-size: 34px;
}
h1 span {
letter-spacing: -4px;
}
h2{
font-size: 20px;
margin-bottom: 20px;
}
.top{
margin-bottom: 20px;
flex-wrap: wrap;
}
header .site_logo{
width: 100%;
text-align: center;
}
.partner_name{
width: 100%;
margin-left: 0;
margin-top: 20px;
text-align: center;
}
.partner_name br{
display: none;
}
.header_phone{
width: 100%;
margin-left: 0;
margin-top: 20px;
text-align: center;
}
.promo{
padding-bottom: 40px;
}
.promo_bg{
display: none;
}
.care__item_wrap,
.catalog__item_wrap,
.products__item_wrap,
.advantages__item_wrap {
width: 100%;
}
.care__item_img{
justify-content: flex-start;
}
.care__item_descr{
text-align: left;
}
.care__item_descr br{
display: none;
}
.catalog__item,
.products__item{
padding: 15px;
}
.footer_wrap{
flex-wrap: wrap;
}
.contacts{
width: 100%;
margin-left: 0;
margin-top: 20px;
text-align: left;
}
.section_descr {
margin-top: -15px;
}
.form_wrap{
padding-top: 35px;
padding-bottom: 35px;
}
.form_btns {
margin-top: 40px;
}
.promo ul {
font-size: 16px;
margin-bottom: 30px;
}
.marking__item_wrap {
width: 100%;
}
.marking__item {
width: 100%;
}
}
/* Оформление кнопки --> */
.btn,
a.btn,
button.btn{
width: 100%;
max-width: 180px;
display:flex;
align-items: center;
justify-content: center;
height:42px;
font-family:'OpenSans';
font-size:14px;
padding:0;
border:none;
border-radius:42px;
line-height:42px;
cursor:pointer;
text-align:center;
text-decoration:none;
outline: none;
box-shadow: 0 2px 5px rgba(0,0,0,0);
transition:background-color .3s, border-color .3s;
-webkit-transition:background-color .3s, border-color .3s;
-moz-transition:background-color .3s, border-color .3s;
-o-transition:background-color .3s, border-color .3s;
-ms-transition:background-color .3s, border-color .3s;
overflow: hidden;
}
.btn_center{
margin: 0 auto;
}
.btn_red{
color: #FFFFFF;
background-color: #e2474b;
border:1px solid #e2474b;
font-weight: bold;
}
.btn_red:hover{
color: #FFFFFF;
background-color: #d71920;
border-color: #d71920;
}
.btn_white,
a.btn_white,
button.btn_white{
color: #323338;
background-color: #f0f3f7;
border:1px solid #323338;
}
.btn_white:hover{
background-color: #e3e4e6;
}
