.info {
    margin: 25px auto;
    text-align: center;
    color: #b9b9b9
}
.info a {
    color: burlywood;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}
.info a:hover {
    color: #e07e00
}

.accordion {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;
    background-color: #fefffa;
    overflow: hidden
}
.accordion h2 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    margin: 0;
    padding: 10px 25px;
    cursor: pointer;
    color: #f4f4f4;
    background: #225bba;
    border-top: 1px solid #225bba;
    border-bottom: 1px solid #225bba;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 550px) {
  .accordion {
    box-sizing: border-box;
    transform: translate(0, 0);
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
}
.accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
.accordion ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.accordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.accordion ul li:nth-of-type(3) {
  animation-delay: 1s;
}
.accordion ul li:last-of-type {
  padding-bottom: 0;
}
.accordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 25px;
}
.accordion ul li i:before, .accordion ul li i:after {
  content: "";
  position: absolute;
  background-color: #eee;
  width: 3px;
  height: 9px;
}
.accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.accordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.accordion ul li input[type=checkbox]:checked ~ div.msg {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}



html, body{ margin:0 auto; padding:0px; font-family: "CenturyGothicRegular"; }

.header_bottom, .obrsv_pole, .obrsv_pole1, .obrsv_cod{border: 1px solid #225bba;}
.about_button, .vitrina_button, .comment_button{border: 2px solid #225bba;}
.preim{border: 1px dashed #ffd000;}
.comment:nth-child(1n){border-right: 1px dashed #225bba;}
.comment:nth-child(2n){border-right: 0px;}

nav, footer{background-color: #a8a8a8;}
.menu_catalog, .vitrina_buy, .obrsv_otpravit, .slider_more, .zvonok_otpravit, .sort input, .tovar_korzina{background-color:#225bba;}

.obrsv_otpravit[disabled],
.zvonok_otpravit[disabled]{background-color:#a9a9a9;}

* {box-sizing:border-box;}

.fon_slider{width:100%; height:100%; }

header{ width:100%; height:100%; text-align:center; padding:20px 0px; min-width:1200px;}
nav{ width:100%; height:auto; text-align:center; min-width:1200px; position: relative; z-index: 99;}
main{ width:100%; height:100%; text-align:center; margin:30px 0px; min-width:1200px;}
footer{ width:100%; height:100%; text-align:center; padding:30px 0px; min-width:1200px;}

.fon_about{width:100%; height:auto; text-align:center; min-width:1200px; padding:60px 0px; }
.fon_preim{width:100%; height:auto; text-align:center; min-width:1200px; padding:60px 0px; background-color: #f2f2f2; }
.fon_vitrina{width:100%; height:auto; text-align:center; min-width:1200px; padding:60px 0px; }
.fon_step{width:100%; height:auto; text-align:center; min-width:1200px; padding:60px 0px; background-color: #f2f2f2;}
.fon_comment{width:100%; height:auto; text-align:center; min-width:1200px; padding:60px 0px; }
.fon_kontakt{width:100%; height:auto; text-align:center; min-width:1200px; padding:60px 0px; background-color: #f2f2f2;}

.container{ width:1200px; margin:0 auto; vertical-align:top; position: relative;}
.clearfix::after{content:''; display:block; clear:both;}

.galery_image{width:220px; height:160px; display:inline-block; background-size: cover; background-repeat: no-repeat; background-position: center;}
#galery{display:inline-block; margin:10px; vertical-align: top;}

.title, .title_black{font-size: 30px; }

.header_left{width: 33%; display: inline-block; float: left; vertical-align: top; padding-top: 10px;}
.header_center{width: 33%; display: inline-block; vertical-align: top;}
.header_right{width: 33%; display: inline-block; float: right; vertical-align: top; text-align: right; padding-top: 10px;}
.header_bottom{width: 100%; text-align: center; margin-top: 10px; clear: both; padding: 10px 0px 12px 0px;}

.logo{background:url(images/logo.png) no-repeat top center; width:339px; height:65px; text-align:center; vertical-align: top;}

.phone, .email, .zvonok{display:inline-block; text-align:center; font-family: "Century Gothic Bold"; vertical-align: top;}

.phone{width: 58%;}
.email, .zvonok{width: 20%;}
.phone_palka{width:20px!important;}

.phone p, .email p, .zvonok p{display:inline-block; text-align:left; margin: 3px 0px 0px 10px; width:150px; padding: 0px; vertical-align: top; font-size:16px; vertical-align: top;}

.phone_img{background:url(images/phone.png) no-repeat top left; width:30px; height: 26px; display:inline-block; }
.phone_mess{background:url(images/mess.png) no-repeat top left; width:100px; height: 26px; display:inline-block; }
.email_img{background:url(images/mail.png) no-repeat top left; width:30px; height: 26px; display:inline-block;}
.zvonok_img{background:url(images/zvonok.png) no-repeat top left; width:30px; height: 26px; display:inline-block;}

.menu_catalog{padding: 16px 20px; width: 220px; color: #fff; display: inline-block; text-align: left; float: left; height: 52px; margin: 0px;}
.menu1{width:940px; height:auto; margin-left:40px; display: inline-block; text-align: left; float: right;}
.menu1 a{font-size:16px; margin:0px 60px 0px 0px; padding:15px 0px; display:inline-block; text-decoration:none; color:#fff;}
.menu1 #active, .menu1 a:hover{text-decoration:underline; color:#fff;}

.slider_text{position: absolute; top: 120px!important; left:5%; z-index:99999; text-align: center; width: 450px!important; background-color: rgba(255, 255, 255, 0.7); height: auto!important; padding: 20px;}
.slider_zag{font-size: 38px; margin-bottom: 40px; text-align: left; height: auto!important;}
.slider_more{font-size: 16px; color: #fff; padding: 10px; width: 260px!important; display: block; height: auto!important;}
.slider_more a{font-size: 16px; color: #fff;}

.about{text-align: left; }
.about p{font-size: 16px;}
.about_button{text-align: center; font-size: 16px; padding: 8px; width: 220px; margin-top: 30px;}

.preim{width:210px; text-align:center; vertical-align:top; display:inline-block; margin:60px 50px 0px 50px; position:relative;padding: 20px; min-height: 240px;}
.preim_image{width:82px; height:69px; margin: 20px auto; background-repeat: no-repeat; background-position: center; }
.preim_name{text-align:center; font-size:16px; margin: 30px auto 0px auto;}

.vitrina_button{text-align: center; font-size: 16px; padding: 8px; width: 260px; margin: 40px auto 0px auto;}

.step{width:220px; text-align:center; vertical-align:top; display:inline-block; margin:60px 65px 0px 65px; position:relative;}
.step_image{width:170px; height:152px; background-size:cover; background-repeat: no-repeat; background-position: center; margin: auto;}
.step_name{text-align:center; font-size:16px; margin: 30px auto 0px auto; width: 160px;}
.step_button{text-align: center; font-size: 16px; padding: 8px; width: 260px; margin: 60px auto 0px auto; color:#fff; background-color: #225bba;}

.comment{width:46%; text-align:left; vertical-align:top; display:inline-block; margin:60px 15px 0px 15px; position:relative;}
/*.comment_image{width:160px; height:160px; background-size:cover; background-repeat: no-repeat; background-position: center; display:inline-block; border-radius: 50%; margin-right: 20px;}*/
.comment_name_fon{text-align:left; font-size:16px; width: 94%; display:block; vertical-align:top;}
.comment_name{font-size:24px; }
.comment_text p{font-size:16px;}
.comment_data{font-size:14px; color: #7d7d7d; margin-bottom: 15px;}
.comment_button{text-align: center; font-size: 16px; padding: 8px; width: 260px; margin: 60px auto 0px auto; }

.comment_vnutri{width:100%; text-align:center; vertical-align:top; display:inline-block; position:relative; border-bottom: 1px dashed #225bba; padding: 15px 0px 10px 0px; text-align: left;}
.comment_vnutri_name{font-size:24px;}
.comment_vnutri_data{font-size:14px; color: #7d7d7d; margin-bottom: 10px;}
.comment_vnutri_button{text-align: center; font-size: 16px; padding: 8px; width: 260px; margin: 60px auto 0px auto; }

.contact_left{float:left; width: 48%; margin-right: 20px; text-align: left;}
.contact_right{float:right; width: 50%; text-align: left;}

.contact_fon{margin:20px 0px 10px 0px;}
.contact_adress, .contact_phone, .contact_mail{width: 100%; height:40px; padding-left: 30px; padding-top:-5px;}
.contact_adress{background:url(images/contact_adress.png) no-repeat top left; }
.contact_phone{background:url(images/contact_phone.png) no-repeat top left; }
.contact_mail{background:url(images/contact_mail.png) no-repeat top left; }

.left{ width:25%; text-align:left; float:left; }
.right{ width:72%; text-align:right; float:right;}
.content{text-align:left; overflow: hidden;}

.news{border:1px solid #bfbfbf; padding: 20px; text-align:center; margin-top:10px;}
.news_zagol{font-size:16px; font-family: "Century Gothic Bold";}
.news_all{font-size:14px; margin-bottom:20px;}
.news_all a{color:#000; text-decoration:underline;}

.news_fon{margin-bottom:20px; border-bottom: 1px dotted #225bba;}
.news_fon:last-child{border-bottom: 0px;}
.news_name{font-size:14px; font-weight:bold;  font-family: "Century Gothic Bold";}
.news_text{margin-bottom:10px; font-size:14px;}
.news_text a{ text-decoration:none;  }
.data{font-size:12px; padding-top:5px; color:#bdbdbd; }
.news_podrobnee{font-size:13px; margin-bottom: 20px;}

.tema{font-size:14px; text-align:center; margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:15px;}
#contact_inform{width:34%; text-align:left; font-size:14px; display:inline-block; float:left; color: #fff;}
#copyright{width:34%; text-align:right; display:inline-block; float:right;}
#copyright a{text-decoration:none; font-size:13px; }
.izumno_logo{background:url(images/logo_izumno.png) no-repeat top center; width:255px; height:36px; float:right;}

b,strong{font-family: "Century Gothic Bold";}
a{color:#000;}
p, ul, ol, li, td{font-size:15px; line-height:20px;}
h1{font-size:22px; margin:0px 0px 40px 0px; font-family: "Century Gothic Bold";}
h2{font-size:18px; margin:10px 0; font-family: "Century Gothic Bold";}
h3{font-size:16px; margin:10px 0; font-family: "Century Gothic Bold";}
h4{font-size:14px; margin:10px 0; font-family: "Century Gothic Bold";}

.blog{vertical-align:top; width:100%; text-align:center; margin-bottom:40px;}
.blog_image{width:180px; height:120px; display:inline-block; margin-right:20px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.blog_name_fon{vertical-align: top; width: 660px; display:inline-block; text-align: left;} 
.blog_name{font-size:18px; text-align:left; font-weight: bold;}
#blog_date{font-size:13px; margin-top: 5px; }

.obrsv_fon{width:450px;}
.obrsv_pole, .obrsv_pole1{font-size:14px; text-align:left; padding:10px; margin-bottom:15px; font-family: 'Open Sans'; background: none;}
.obrsv_pole{width:80%; }
.obrsv_pole1{width:100%; }
.obrsv_checkbox{font-size:14px; margin-bottom:20px; background: none;}
.obrsv_cod{width:40px; padding:10px; display:inline-block; font-size:14px; background: none;}
.obrsv_otpravit{padding:10px; width:340px; border:none; color:#fff; font-size:16px; display:inline-block; transition:1s; float:right; font-family: 'Open Sans';}

.modalDialog {position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.70); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display:none; pointer-events:none;}
.modalDialog:target { display:block; pointer-events: auto; } 
.modalDialog > div {background-color: #f2f2f2; width: 420px; height: auto; position: relative; margin: 10% auto; padding: 20px; }
.close { background:#ffd000;  color: #000; line-height: 22px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;} 
.close:hover {background: #f3c600; color: #000;}

.zvonok_zagol{font-size:22px; text-align:center; width:100%; margin-bottom:10px; }
.zvonok_pole{font-size:14px; text-align:left; background:#fff; width:100%; padding:10px; border: 1px solid #a8a8a8; margin-bottom:15px; font-family: 'Open Sans';}
.zvonok_cod_text, .zvonok_checkbox{font-size:14px;}
.zvonok_cod{width:40px; padding:10px; display:inline-block; border:none; font-size:14px; border: 1px solid #a8a8a8;}
.zvonok_otpravit{transition:1s; padding:10px; width:240px; border:none; color:#fff; font-size:16px; display:inline-block; float:right;}

@media only screen and (max-width: 1399px){

.fon_slider{width:100%; height:537px; }

}

@media only screen and (max-width: 1200px){

header, nav, main, footer, .fon_about, .fon_preim, .fon_vitrina, .fon_step, .fon_comment, .fon_kontakt{min-width:1000px;}
.fon_slider{width:100%; height:auto;}

.container{width:984px;}

.title, .title_black{font-size: 24px; }

.menu_catalog{padding: 16px 20px; width: 200px;}
.menu1{width:760px; margin-left:20px;}
.menu1 a{font-size:14px; margin:0px 40px 0px 0px; }

.slider_text{top: 50px!important; left:5%; width: 360px!important;}
.slider_zag{font-size: 32px;}

.about{padding: 0px 20px;}

.step{margin:60px 40px 0px 40px;}

.comment{width:46%; margin:60px 15px 0px 15px; }
.comment_image{width:120px; height:120px;}
.comment_name_fon{font-size:13px; width: 300px; }
.comment_name{font-size:22px;}

.comment_vnutri_image{width:120px; height:120px;}
.comment_vnutri_name_fon{font-size:14px; width: 500px;}
.comment_vnutri_name, .zvonok_zagol{font-size:18px;}

.contact_right{width: 48%;}

.phone p, .email p, .zvonok p, .slider_more, .about_button, .vitrina_button, .step_name, .step_button, .comment_data, .comment_button, .comment_vnutri_button, .news_zagol, .news_name, h3, .zvonok_pole{font-size: 14px; }
.news_all, .tema, #contact_inform, #copyright a, p, ul, ol, li, .news_text p, h4, .comment_vnutri_data{font-size:13px;}
.news_podrobnee, #blog_date{font-size:12px;}

h1{font-size:20px; }
h2{font-size:16px;}

.blog_image{width:160px; height:120px; }
.blog_name_fon{width: 500px;} 
.blog_name{font-size:16px;}

.obrsv_fon{width:400px;}
.obrsv_otpravit{width:300px; }
.zvonok_otpravit{width:240px;}

}

@media only screen and (max-width: 1000px){

header, nav, main, footer, .fon_about, .fon_preim, .fon_vitrina, .fon_step, .fon_comment, .fon_kontakt{min-width:700px; }
.fon_slider{width:100%; height:auto; overflow: hidden;}

.container{width:96%; margin:auto;}

.header_bottom{margin-top: 0px; }
.logo{background:url(images/logo.png) no-repeat top center; width:250px; height:45px; background-size: contain;}
.phone, .email, .zvonok{width: 30%;}
.phone p, .email p, .zvonok p{margin: 3px 0px 0px 10px; width:130px; font-size:14px; }

.menu_catalog{padding: 12px 5px; width: 120px; height: 42px;}
.menu1{width:530px; margin-left:2%; float: left;}
.menu1 a{font-size:13px; margin:0px 20px 0px 0px; padding:13px 0px;}

.slider_text{top: 60px!important; left:2%; width: 320px!important;}
.slider_zag{font-size: 22px; margin-bottom: 20px; }
.slider_more{font-size: 14px; padding: 8px; width: 160px!important;}

.about{padding: 0px 20px;}
.about img{width:50%;}

.preim{width:160px; margin:6% 4% 0% 4%; }

.step{width:160px; margin:6% 4% 0% 4%;}
.step_image{width:140px; height:140px; background-size:cover; background-repeat: no-repeat; background-position: center; margin: auto;}

.about_button, .vitrina_button, .comment_button, .step_button{font-size: 14px; width: 200px; }

.comment{width:44%; margin:60px 15px 0px 15px; }
.comment_image{width:140px; height:140px; margin:auto; text-align: center;}
.comment_name_fon{width: 100%; display: block; margin:auto; text-align: left; margin-top: 10px;}
.comment_name{font-size:22px;}
.comment_text p{font-size:14px;}

.comment_vnutri_image{width:100px; height:100px;}
.comment_vnutri_name_fon{font-size:14px; width: 350px;}
.comment_vnutri_name, .zvonok_zagol{font-size:18px;}

.contact_right{width: 45%;}

.phone p, .email p, .zvonok p, .slider_more, .about_button, .vitrina_button, .step_name, .step_button, .comment_data, .comment_button, .comment_vnutri_button, .news_zagol, .news_name, h3, .zvonok_pole{font-size: 14px; }
.news_all, .tema, #contact_inform, #copyright a, p, ul, ol, li, .news_text p, h4, .comment_vnutri_data{font-size:13px;}
.news_podrobnee, #blog_date{font-size:13px;}

h1{font-size:20px; }
h2{font-size:16px;}

.blog_image{width:140px; height:120px; }
.blog_name_fon{width: 350px;} 
.blog_name{font-size:16px;}

.obrsv_fon{width:90%;}
.obrsv_otpravit{width:200px; }

.zvonok_otpravit{width:240px;}

}


@media only screen and (max-width: 699px){

nav{width:100%; height:auto; overflow: hidden; margin-top:0px; }
footer, .fon_about, .fon_preim, .fon_vitrina, .fon_step, .fon_comment, .fon_kontakt{min-width:500px; padding:30px 0px;overflow: hidden;}

header{padding:0px; min-width:300px;}
main{margin:140px 0px 20px 0px; min-width:300px; padding:0px;}
.fon_slider{width:100%; height:auto; overflow: hidden; margin-top:160px; }

.container{width:96%; margin:auto; position: relative;}

.title, .title_black{font-size:18px; margin:10px 0px 10px 0px;}

.header_left{width: 60%; display: block; float: none; padding-top: 0px; left:0px; top:98px; position: relative;}
.header_center{width: 60%; display: block; position: absolute; top:0px; left:0px; padding-top: 0px; margin-top:33px;}
.header_right{display:none;}
.header_bottom{width:38%; text-align: center; margin: auto; padding: 4px; right:0px; position: absolute; top:35px;}

.logo{background:url(images/logo.png) no-repeat top left; display: block; width:260px; height:50px; background-size: contain;}

.phone_img, .email_img, .zvonok_img{width:23px; height: 23px; background-size: contain;}

.phone, .email, .zvonok{display:block; text-align:center; width: 98%;  margin: 0px auto;}
.phone p, .email p, .zvonok p{display:inline-block; text-align:left; margin: 3px 0px 0px 10px; width:135px; padding: 0px; font-size:14px; }
p.phone_palka {display: none;}

.menu_catalog, .menu1{display: none;}

.slider_text{position: absolute; top: 15%!important; left:3%; width: 220px!important; padding: 10px;}
.slider_zag{font-size: 16px; margin-bottom: 10px; text-align: left;}
.slider_more{font-size: 14px; color: #fff; padding: 8px; width: 160px!important; float: left;}

.about p{font-size: 14px;}

.about_button, .vitrina_button, .step_button, .comment_button{font-size: 14px; width: 180px; margin: 20px auto;}

.preim{width:150px; margin:20px 10px 0px 10px; padding: 10px; min-height: 170px;}
.preim_image{width:60px; height:60px; margin: 10px auto; background-repeat: no-repeat; background-position: center; background-size: contain;}
.preim_name{font-size:14px; margin: 10px auto 0px auto;}

.step{width:150px;margin:20px 10px 0px 10px; }
.step_image{width:100px; height:100px; background-size:contain;}
.step_name{font-size:14px; margin: 10px auto 0px auto; width: 100%;}

.comment, .comment_vnutri{width:100%; display:block; margin:20px 0px 0px 0px; }
/*.comment_image, .comment_vnutri_image{width:120px; height:120px; margin: 0px auto; display: inline-block;}
*/
.comment_name_fon, .comment_vnutri_name_fon{text-align:left; font-size:14px; width: 90%; display:inline-block; margin-left: 20px;}
.comment_name, .comment_vnutri_name{font-size:16px;}
.comment_text p{font-size:14px;}
.comment_data, .comment_vnutri_data{font-size:14px; margin-bottom: 15px;}
.comment:nth-child(1n){border-right: 0px;}

.contact_left, .contact_right{float:none; width: 100%; margin: auto; text-align: center;}
.contact_right{margin-top:40px!important; border-top: 1px dashed #225bba; padding-top: 20px; margin-bottom: 20px;}

.contact_fon{text-align: left; width: 100%; margin: auto; font-size: 16px;}
.contact_adress, .contact_phone, .contact_mail{width: 100%; height:40px; padding-left: 30px; padding-top:-5px;}

.left{ display: none;}
.right{ width:98%; text-align:left; float:none; margin: auto; min-height: 200px;}

.tema{font-size:13px;}
#contact_inform{width:50%; text-align:left; font-size:13px; float:left;}
#copyright{width:50%; text-align:right; float:right;}
.izumno_logo{ text-align:right;}

p, ul, ol, li{font-size:14px; line-height:20px;}
h1{font-size:18px; margin:0px 0px 30px 0px; }
h2{font-size:18px; margin:10px 0; }
h3{font-size:16px; margin:10px 0; }
h4{font-size:14px; margin:10px 0; }

.blog{margin-bottom:40px;}
.blog_image{display: none;}
.blog_name_fon{width: 100%; display:block; } 
.blog_name{font-size:14px; font-family: "Century Gothic Bold";}
#blog_date{font-size:12px; margin-top: 5px; }

.obrsv_fon{width:420px; margin:auto;}
.obrsv_pole, .obrsv_pole1{font-size:14px; padding:10px; margin-bottom:10px;}
.obrsv_pole, .obrsv_pole1{width:100%; }
.obrsv_checkbox{font-size:14px;}
.obrsv_cod{font-size:14px;}
.obrsv_otpravit{padding:10px; width:320px; font-size:14px;}

.modalDialog > div {width: 380px;}

.zvonok_zagol{font-size:22px; text-align:center; width:100%; margin-bottom:10px; }
.zvonok_pole{font-size:14px; text-align:left; background:#fff; width:100%; padding:10px; border: 1px solid #a8a8a8; margin-bottom:15px; font-family: 'Open Sans';}
.zvonok_cod_text, .zvonok_checkbox{font-size:14px;}
.zvonok_cod{width:40px; padding:10px; display:inline-block; border:none; font-size:14px; border: 1px solid #a8a8a8;}
.zvonok_otpravit{transition:1s; padding:10px; width:240px; border:none; color:#fff; font-size:16px; display:inline-block; float:right;}

}


@media only screen and (max-width: 549px){

nav{width:100%; height:auto; overflow: hidden; margin-top:0px; }
footer, .fon_about, .fon_preim, .fon_vitrina, .fon_step, .fon_comment, .fon_kontakt{min-width:300px; padding:20px 0px;overflow: hidden; }

header{padding:0px; min-width:300px; overflow: visible;}
main{margin:40px 0px 20px 0px; min-width:300px; padding:0px;}
.fon_slider{width:100%; height:auto; overflow: hidden; margin-top:60px; }

.container{width:96%; margin:auto; position: relative;}

.title, .title_black{font-size: 18px; }

.header_left{width: 100%; display: block; float: none; padding-top: 0px; top:85px; position: relative;}
.header_center{width: 100%; display: block; position: absolute; top:0px; padding-top: 0px; margin-top:33px;}
.header_right{display:none;}
.header_bottom{width:248px; text-align: center; margin: auto; padding: 5px; position: relative; margin-top:65px;}

.logo{background:url(images/logo.png) no-repeat top center; display: block; width:220px; height:45px; margin: auto; background-size: contain;}

.phone, .email, .zvonok{display:block; text-align:center; width: 90%; margin: 0px auto;}
.phone p, .email p, .zvonok p{display:inline-block; text-align:left; margin: 3px 0px 0px 10px; width:160px; padding: 0px; font-size:15px; }
p.phone_palka {display: none;}

.menu_catalog, .menu1{display: none;}

.slider_text{position: absolute; top: 10%!important; left:3%; width: 180px!important; padding: 10px;}
.slider_zag{font-size: 12px; margin-bottom: 10px; text-align: left;}
.slider_more{font-size: 11px; color: #fff; padding: 3px; width: 80px!important; float: left;}

.about p{font-size: 14px;}

.about_button, .vitrina_button, .step_button, .comment_button{font-size: 14px; width: 180px; margin: 20px auto;}

.preim{width:140px; margin:20px 5px 0px 5px; padding: 10px; min-height: 160px;}
.preim_image{width:60px; height:60px; margin: 10px auto; background-repeat: no-repeat; background-position: center; background-size: contain;}
.preim_name{font-size:14px; margin: 10px auto 0px auto;}

.step{width:140px; margin:20px 5px 0px 5px;}
.step_image{width:100px; height:100px; background-size:contain;}
.step_name{font-size:14px; margin: 10px auto 0px auto; width: 100%;}

.comment, .comment_vnutri{width:100%; display:block; margin:40px 0px 0px 0px; }
/*.comment_image, .comment_vnutri_image{width:140px; height:140px; margin: 0px auto;}*/
.comment_name_fon, .comment_vnutri_name_fon{text-align:left; font-size:14px; width: 90%; display:block; margin: auto;}
.comment_name, .comment_vnutri_name{font-size:18px;}
.comment_text p{font-size:14px;}
.comment_data, .comment_vnutri_data{font-size:13px; margin-bottom: 15px;}
.comment:nth-child(1n){border-right: 0px;}

.contact_left, .contact_right{float:none; width: 90%; margin: auto; text-align: center;}
.contact_right{margin-top:40px!important; border-top: 1px dashed #225bba; padding-top: 20px;}

.contact_fon{text-align: left; width: 90%; margin: auto; font-size: 15px;}
.contact_adress, .contact_phone, .contact_mail{width: 90%; height:40px; padding-left: 30px; padding-top:-5px;}


.left{ display: none;}
.right{ width:98%; text-align:left; float:none; margin: 60px auto 0px auto; min-height: 200px; clear: both;}

.tema{font-size:13px;}
#contact_inform{width:100%; text-align:center; font-size:13px; display:block; float:none;}
#copyright{width:100%; text-align:center; display:block; float:block;}
.izumno_logo{float:none; margin: auto; text-align:center; margin-top:20px; }

p, ul, ol, li{font-size:14px; line-height:20px;}
h1{font-size:18px; margin:0px 0px 30px 0px; }
h2{font-size:18px; margin:10px 0; }
h3{font-size:16px; margin:10px 0; }
h4{font-size:14px; margin:10px 0; }

.blog{margin-bottom:40px;}
.blog_image{display: none;}
.blog_name_fon{width: 100%; display:block; } 
.blog_name{font-size:14px; font-family: "Century Gothic Bold";}
#blog_date{font-size:12px; margin-top: 5px; }

.obrsv_fon{width:100%;}
.obrsv_pole, .obrsv_pole1{font-size:14px; padding:8px; margin-bottom:10px;}
.obrsv_pole, .obrsv_pole1{width:100%; }
.obrsv_checkbox{font-size:13px;}
.obrsv_cod{font-size:13px;}
.obrsv_otpravit{padding:8px; width:180px; font-size:14px;}

.modalDialog > div {width: 80%;}

.zvonok_zagol{font-size:18px;}
.zvonok_pole{margin-bottom:10px;}
.zvonok_otpravit{width:150px;}

}

.msg li {
    list-style: disc;
    margin-left: 40px !important;
}