@charset "utf-8"; body {text-align:center;}

/*Адрес вверху страницы начало*/
.adr{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;}.adress{display:inline-block;float:left;}
/*Адрес вверху страницы конец*/

/*Логотип начало*/
.logo{width:100%;height:108px;background-color:#fff;}.logo div{ display:inline-block;text-align:justify;padding-left:30px;}.logo div:nth-child(1){float:left;}.logo div:nth-child(2){float:left;}.logo div:nth-child(3){float:none;margin-top:30px;}.slogan{color:#2f3192;text-align:left;font-weight:bold;margin-top:5px;}.telefon{color:#2f3192;font-size:48px;font-weight:bold;}
/*Логотип конец*/

/*блок иконок под картинкой*/
.blok{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;margin-top:10px;}.blok_ikon{display:inline-block;float:left;}.ikon{width:100%;height:59px;background-color:#fff;}.ikon div{display:inline-block;}.ikon div:nth-child(1){float:left;font-size:14px;font-style:italic;margin-left:0px;}.ikon div:nth-child(2){float:left;font-size:14px;font-style:italic;margin-left: 40px;}.images{padding-left:30px;}.img{display:block;max-width:100%;height:auto;margin:auto;}
/*Конец блока*/

/*Контент страницы начало*/
.kontent{margin-top:10px;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-style:italic;margin-left:10px;padding-right:10px;text-align:justify;}
.lenta{width:100%;height:50px;background-color:#f0f0f0;}
.lenta_text{padding-top:15px; text-align:left; font-style:italic;}
.cat{display:flex;width:100%;}
.catalog{width:100%;height:auto; margin:10px;}
.catalog_blok{display:inline-block;float:left; width:32%; height:150px;border: 4px double #dcdcdc; font-size:14px;font-weight:bold;background: radial-gradient(80% 80% at 80% 20%, #fff5c9 40%, rgba(255, 245, 201, 0) 100%), radial-gradient(60% 60% at 0% 100%, #ffe7e8 30%, rgba(255, 231, 232, 0) 100%), #fcece3;}

.catalog_bl{display:block;border: 4px double #dcdcdc;width:100%; height:300px;}
.imag_bl{float:left;width:auto;height:auto;}
.text_bl{font-size:14px;text-align:justify;padding:5px; font-weight:bold;}

.imag{float:left;width:148px;height:148px;}
.komp{display:inline-block;width:230px;height:auto; }
.im{width:130px;height:130px;}
/*Контент страницы конец*/

.footer{background-color:#000078;}

/*Комплектующие начало*/
.kom{width:100%;}
.kompl{display:inline-block;width:230px;height:auto; }
/*Комплектующие начало*/

/*Почта страницы начало*/
.mailer{margin: auto; height:100%;}.zvezda{ font-weight:bold;color: #ff0000;}.cont{ width: 100%; height: 800px;}
.mail{text-align:center;vertical-align:text-middle;} .submit{ text-align:center; padding-top:5px;}.int {margin: auto;}
/*Почта страницы конец*/

.iframe { height: 100vh; }

/* Стили для экранов 1600px и меньше */
@media screen and (max-width:1600px) {
.komp{display:inline-block;width:140px;height:auto; }
.im{width:130px;height:130px;}
.iframe { height: 50vh; }
}

/* Стили для экранов 1200px и меньше */
@media screen and (max-width:1280px) {.slogan{color:#2f3192;text-align:left;font-weight:bold;margin-top:5px;}
.telefon{ color: #2f3192;font-size:36px;font-weight:bold; vertical-align: middle;}
.komp{display:inline-block;width:105px;height:auto; }
.im{width:100px;height:100px;}
iframe { height: 50vh; }
}
@media screen and (max-width: 1024px) {.slogan{color:#2f3192;text-align:left;font-weight:bold;margin-top:5px;}
.telefon{color:#2f3192;font-size:36px;font-weight:bold;}
.catalog_blok{display:inline-block;float:left; width:49%; height:150px;border: 4px double #dcdcdc; font-size:14px;font-weight:bold;}
.komp{display:inline-block;width:100px;height:auto; }
.im{width:90px;height:90px;}
iframe {width:720px;height:405px;}
}
@media screen and (max-width : 768px) {.slogan{display:none;}.adress{display:inline-block;float:left;}
.telefon{color:#2f3192;font-size:24px;font-weight:bold;}
.catalog_blok{display:inline-block;float:none; width:90%; height:150px;border: 4px double #dcdcdc; font-size:14px;font-weight:bold;}
.komp{display:inline-block;width:75px;height:auto; }
.im{width:70px;height:70px;}
.catalog_bl{display:block;border: 4px double #dcdcdc;width:100%; height:220px;}
.imag_bl{float:left;width:200px;height:200px;}
}
@media screen and (max-width : 512px) {.slogan{display:none;}.telefon{color:#2f3192;font-size:18px;font-weight:bold;}
.blok_ikon{width:100%;display:block;float:none;}
.komp{display:inline-block;width:70px;height:auto; }
.im{width:60px;height:60px;}
.catalog_bl{display:block;border: 4px double #dcdcdc;width:100%; height:300px;}
.imag_bl{float:none;width:160px;height:160px;}
}
@media screen and (max-width:320px) {.logo div:nth-child(1){float:none;}.slogan{display:none;}.telefon{display:none;}
.catalog{float:none;width:auto;height:auto;}
.catalog_blok{display:block;float:none; width:300px; height:150px;border: 4px double #dcdcdc; font-size:14px;font-weight:bold;}
.imag{float:left;width:118px;height:118px;}
.komp{display:inline-block;width:40px;height:auto; }
.im{width:30px;height:30px;}
.imag_bl{float:none;width:100px;height:100px;}
}