/* == Framework "aap1" by Aleksandr Polshvedkin (v 1.1 - 05.11.2018) == */

body {margin: auto;}

/*``````````````Text``````````````````````````*/

h1 {font: normal 41px/48px 'Alice', serif; color: #3d5afe;}
h2 {font: normal 32px/38px 'Alice', serif; color: #ffffff;}
h3 {font: normal 24px/30px 'Roboto Condensed', sans-serif;}
h4 {font: 700 16px/16px 'Roboto Condensed', sans-serif;}
h5 {font: normal 12px/18px 'Roboto Condensed', sans-serif;}
h6 {font: normal 6px/12px 'Roboto Condensed', sans-serif;}
p {font: normal 16px/22px 'Roboto Condensed', sans-serif; margin: auto;}
a {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #ffffff; text-decoration: none;}
.button1 {width: 160px; height: 48px; background: #3d5afe; color: white; font-size: x-large; outline: none; text-decoration: none; border-radius: 6px; display: block; line-height: 45px; margin: 0 auto;}
.button2 {width: 160px; height: 48px; background: #3d5afe; color: white; font-size: x-large; outline: none; text-decoration: none; border-radius: 6px; display: block; line-height: 45px;}
.button3 {width: 256px; height: 72px; background: #ffd600; color: black; font-size: xx-large; outline: none; text-decoration: none; border-radius: 40px; display: block; line-height: 70px; text-align: center;}
hr {border: none; background-color: #ffffff; color: #ffffff; height: 3px;}
  
html {display: block;}

/*```````````header``````````````````````*/

header {background-color: #0fcbc9;}
.logotype {width: 229px; margin: 0px 0px;}
.phone-header p {font-size: 24px; font-weight: 700; color: white;}
.menu {display: flex; padding: 20px;}
nav.menu a {padding-left: 40px; padding-right: 40px;}
.menu a {color: #ffffff; margin: auto; text-decoration: none; font-weight: 300; font-size: 20px;}
.block1 {margin: auto; height: 112px; width: 100%; max-width: 1280px; display: flex; justify-content: space-around; align-items: center;}
    

/*```````````main blocks``````````````````````*/

main {margin: auto;}

/*```````````white11``````````````````````*/

.content_screen_1 {display: flex; height: 528px; width: 100%; justify-content: center; align-items: center; margin: auto;}
.left_area_scr1 {text-align: center;}

/*```````````white12``````````````````````*/

.txt_center {height: auto; text-align: center; align-items: center; width: 1280px; margin: auto; padding-top: 20px; padding-bottom: 40px;}

/*```````````red1``````````````````````*/

.txt_red {background: #a91739; padding-bottom: 40px;}
.txt_red1 {height: auto; display: flex; width: 1280px; flex-wrap: wrap; justify-content: center; margin: auto;}
.txt_red1 p {font-size: 18px; color: #ffffff; font-weight: 300;}
.txt_red1112 {display: flex; padding-bottom: 20px;}
.txt_red11 {padding-right: 15px;}
.txt_red12 {text-align: justify; padding-left: 15px;}
.txt_red13 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_red131 {}
.txt_red132 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_red14 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_red141 {}
.txt_red142 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_red15 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_red151 {}
.txt_red152 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_red16 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_red161 {}
.txt_red162 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_red17 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_red171 {}
.txt_red172 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_red18 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_red181 {}
.txt_red182 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}

/*```````````green1``````````````````````*/

.txt_green {background: #009688; padding-bottom: 40px;}
.txt_green1 {height: auto; width: 1280px; display: flex; flex-wrap: wrap; justify-content: center; margin: auto;}
.txt_green1 p {font-size: 18px; color: #ffffff; font-weight: 300;}
.txt_green1112 {display: flex; padding-bottom: 20px;}
.txt_green11, .txt_green12 {width: 100%;}
.txt_green11 {order: 0;}
.txt_green12 {order: 1;}
.txt_green11 {text-align: justify; padding-right: 15px; flex: 1; -webkit-box-flex: 1;}
.txt_green12 {padding-left: 15px; flex: 1; -webkit-box-flex: 1;}
.txt_green13 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_green132 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_green14 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_green142 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_green15 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_green152 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_green16 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_green162 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_green17 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_green172 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
.txt_green18 {position: relative; padding-left: 20px; padding-right: 20px;}
.txt_green182 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}

/*```````````white1``````````````````````*/

.txt_white1 {height: 944px; display: flex; margin: auto; width: 100%;}
.txt_white11 {float: left; overflow: hidden;}
.txt_white12 {padding-left: 40px; width: 75%; padding-right: 40px;}

/*```````````promo``````````````````````*/

.promo {background: #a91739; padding-top: 30px; padding-bottom: 35px;}
.txt_promo {width: 1280px; display: flex; align-items: center; justify-content: space-evenly; text-align: center; margin: auto;}

/*```````````footer``````````````````````*/

footer {height: auto; background: #ffffff;}
.foot_top1 {display: flex; justify-content: space-between; align-items: baseline; margin: auto; width: 1280px; padding-top: 30px;}
.foot_top2 {display: flex; justify-content: space-between; align-items: center; padding-top: 40px; margin: auto; width: 1280px; padding-bottom: 40px;}
.foot_top2 img {width: 32px; margin-right: 30px;}
.logotype img {width: 229px;}
.foot_top2 p {margin-right: 183px;}

.foot_prod div {display: grid;}
.foot_prod a {color: black; text-decoration: none;}
.foot_onas div {display: grid;}
.foot_onas a {color: black; text-decoration: none;}

.foot_onas {} 

.foot_info div {display: grid;}
.foot_info a {color: black; text-decoration: none;}

.foot_1 {position: relative}
.foot_11 {position: absolute; left: 0px;}
.foot_12 {position: absolute; left: 150px;}
.foot_13 {position: absolute; left: 300px;}

.logotype {}
.copyright {}
.social_networks {}


/*```````````Maketirovanie-Dizajn`````````````````````````*/

.design_scr1 {width: 100%; max-width: 1903px; margin: 0 auto;}
.design_scr1 img {width: 100%; height: auto;}
.design_scr11 {margin: auto;}
.design_scr12 {display: flex; align-items: center; justify-content: space-between; width: 1280px; margin: auto;}
.design_scr12 h1 {color: #ffffff; font: 700 65px/44px 'Roboto', serif;}
.design_scr13 {width: 1140px; margin: auto;}

.design_scr2 {background: #ffffff; width: 100%; height: auto; text-align: center; padding-bottom: 30px;}
.design_scr2 h3 {font: 400 38px/46px 'Roboto', serif; margin-bottom: 100px; margin-top: 50px; color: #687492;}
.design_scr211 h4 {font: 700 18px/22px 'Roboto', serif; color: #687492;}
.design_scr212 h4 {font: 700 18px/22px 'Roboto', serif; color: #687492;}
.design_scr213 h4 {font: 700 18px/22px 'Roboto', serif; color: #687492;}
.design_scr211 p {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #687492;}
.design_scr212 p {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #687492;}
.design_scr213 p {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #687492;}
.design_scr21 {display: flex; align-items: baseline; justify-content: space-around; width: 100%; max-width: 1280px; margin: auto; padding-top: 20px;}

.design_scr7 {width: 100%; max-width: 1903px; margin: 0 auto;}
.design_scr7 img {width: 100%; height: auto;}

.design_scr3 {background: #f5f3f5; width: 100%; height: auto; padding-bottom: 50px;}

.design_scr31 {padding-top: 50px; padding-bottom: 50px; width: 1280px; text-align: left; margin: auto; display: flex;}
.design_scr31 a {font: 700 24px/48px 'Roboto Condensed', sans-serif; color: #000000; margin-right: 80px; color: #687492; display: inline-block; text-decoration: none;}
.design_scr31 a:after {background-color: #0fcbc9; display: block; transition: width .3s ease-in-out; height: 4px; content: ""; width: 0%;}
.design_scr31 a:hover:after {width: 100%;}
.design_scr31 a:focus:after {width: 100%;}

.design_scr31 a:hover:after:focus .design_scr321_hov {opacity: 1;}

.design_scr32 {margin: auto; display: flex; justify-content: center;}
.design_scr321 {padding: 20px;}
.design_scr321 a:hover .design_scr321_hov {opacity: 1;}
.design_scr321_hov {position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; background-color: rgba(15, 203, 201, 0.95); transition: opacity 0.5s ease; opacity: 0;}
.design_scr321 a {display: block; position: relative; overflow: hidden;}

.design_scr322 {padding: 20px;}
.design_scr322 a:hover .design_scr322_hov {opacity: 1;}
.design_scr322_hov {position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; background-color: rgba(15, 203, 201, 0.95); transition: opacity 0.5s ease; opacity: 0;}
.design_scr322 a {display: block; position: relative; overflow: hidden;}

.design_scr323 {padding: 20px;}
.design_scr323 a:hover .design_scr323_hov {opacity: 1;}
.design_scr323_hov {position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; background-color: rgba(15, 203, 201, 0.95); transition: opacity 0.5s ease; opacity: 0;}
.design_scr323 a {display: block; position: relative; overflow: hidden;}


.design_scr4 {text-align: center; padding-bottom: 30px;}
.design_scr4 h3 {font: 300 32px/36px 'Roboto', serif; margin-bottom: 100px; margin-top: 50px; color: #687492;}
.design_scr41 {display: flex; align-items: baseline; justify-content: space-around; width: 100%; margin: auto; max-width: 1280px; height: auto;}
.design_scr411 h4 {font: 700 18px/22px 'Roboto', serif; color: #687492;}
.design_scr412 h4 {font: 700 18px/22px 'Roboto', serif; color: #687492;}
.design_scr413 h4 {font: 700 18px/22px 'Roboto', serif; color: #687492;}
.design_scr414 h4 {font: 700 18px/22px 'Roboto', serif; color: #687492;}
.design_scr411 p {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #687492;}
.design_scr412 p {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #687492;}
.design_scr413 p {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #687492;}
.design_scr414 p {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #687492;}

.design_scr5 {background: #ffffff; width: 100%; max-width: 1280px; height: auto; text-align: center; margin: auto;}
.design_scr5 h3 {font: 300 32px/36px 'Roboto', serif; margin-bottom: 100px; margin-top: 50px; color: #687492;}
.design_scr50 {}
.design_scr50 img {padding: 20px;}
.design_scr51 {align-items: baseline; justify-content: space-around; width: 1280px; margin: auto;}
.design_scr52 {align-items: baseline; justify-content: space-around; width: 1280px; margin: auto;}

.design_scr6 {background: #0fcbc9; width: 100%; height: 246px; padding-top: 50px;}
.design_scr61 {width: 1280px; display: flex; align-items: center; justify-content: space-evenly; text-align: left; margin: auto;}
.design_scr61 h3 {font: 700 32px/36px 'Roboto', serif; margin-bottom: 32px; color: #ffffff;}
.design_scr611 p {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #ffffff; margin-top: 20px;}

/*```````````Slider`````````````````````````*/

#slider{
    clear: both;
    height: auto;
    background: url(images/0.jpg) repeat;
    padding: 25px 0 8px 0;
    position: relative;
    top: 40px;
}
.window{
    width: 1903px;  height: 700px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;                /*--Hides anything outside of the set width/height (Скрывает что-либо за пределами установленной ширины / высоты)--*/
    border: 1px solid #e3e3e3;
}
.image_reel{
    position: absolute;
    top: 0;
    left: 0;
}
.image_reel img{
    float: left;
    display: inline;
}
.paging{
    width: 1903px;
    margin: 18px auto 22px;
}
.paging a{
    float: left;  display: inline;
    padding: 0 11px;
    background: url("images/bullets.png") 0 0;
    text-indent: -9999px;
    border: 1px solid #e3e3e3;
}
.paging a.active{
    background-position: 0 22px;
}
.bullet1 {
    margin: 0 0 0 9px;
}

/*```````````Portfolio`````````````````````*/

.photo {position:relative; margin:auto; width: 1280px; height:950px;}

.photo ul.topic {padding:initial; margin:auto;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; text-align:center; line-height:30px; color:black; text-decoration:none;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:black; text-decoration: underline;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul {
    display: block;
    position: absolute;
    padding: inherit;
    margin: auto;
    height: 440px;
}

.photo ul.topic li ul li
{display:inline; width:374px; height:440px; float:left; margin:5px;}

.photo ul.topic li ul li a
{display:block;}

.photo ul.topic li ul li a img
{display:block; width:374px; height:440px;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute;}

.portfolio {position: relative; left: 250px;}

.speasyimagegallery-gallery {display: block; width: 1280px; margin: auto;}
.speasyimagegallery-album-info {position: absolute; left: 0; bottom: 0; padding: 20px; z-index: 1;}

.design-portfolio {margin: 50px; text-align: center;}
.design-portfolio img {padding: 5px;}
    


/*```````````Responsive`````````````````````````*/

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  header {}
  .block1 {width: calc(100% - 10%); margin: auto;}
  .logotype {width: 150px;}
  .logotype img {width: 140px}
  .phone-header p {font-size: 16px; font-weight: 700;}
  nav.menu {display: none;}
  nav.menu a {padding-left: 20px; padding-right: 20px;}
  main {width: 100%}
  .txt_promo {width: 100%;}
  .foot_top1 h4 {font-size: 13px; font-weight: 700;}
  .foot_top1 a {font-size: 13px; font-weight: 400;}
  .foot_top1 p {font-size: 13px; font-weight: 400;}
  .foot_top2 h4 {font-size: 13px; font-weight: 700;}
  .foot_top2 a {font-size: 13px; font-weight: 400;}
  .foot_top2 p {font-size: 13px; font-weight: 400;}
  .txt_promo h2 {font: normal 20px/24px 'Alice', serif;}
  .content_screen_1 {height: auto; width: 100%; text-align: center; display: flex; justify-content: center;}
  .left_area_scr1 {text-align: center;}
  .txt_center {height: auto; text-align: center; align-items: center; width: calc(100% - 90px); margin: auto;}
  .txt_center p {font-size: 12px;}
  .txt_red {padding-bottom: 60px; padding-top: 20px;}
  .txt_red1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_red12 {width: calc(100% - 250px);}
  .txt_red1112 {display: grid; justify-items: center; width: 100%;}
  .txt_green {padding-bottom: 60px; padding-top: 20px;}
  .txt_green1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_green12 {order: 0; padding-left: 0px;}
  .txt_green11 {width: calc(100% - 250px); text-align: justify; order: 1; padding-right: 0px}
  .txt_green13 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green132 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green14 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green142 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green15 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green152 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green16 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green162 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green17 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green172 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green18 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green182 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green1112 {display: grid; justify-items: center; width: 100%;}
  .image-center {display: block; margin: auto;}
  .txt_white12 {padding-left: 30px; padding-right: 30px;}
  .txt_white12 p {font-size: 11px; line-height: 15px;}
  .txt_white12 h1 {font-size: 16px; line-height: 60px;}
  .txt_white12 h4 {font-size: 12px; line-height: 0px;}
  .design_scr1 {width: 100%;}
  .design_scr11 {width: 100%;}
  .design_scr11 img {width: 100%;}
  .design_scr2 {width: 100%;}
  .design_scr2 p {width: 100%;}
  .design_scr21 {width: 100%; display: block;}
  .design_scr211 {padding-bottom: 40px;}
  .design_scr212 {padding-bottom: 40px;}
  .design_scr213 {padding-bottom: 40px;}
  .design_scr4 {width: 100%;}
  .design_scr4 h3 {width: 100%;}
  .design_scr41 {width: 100%; display: grid;}
  .design_scr4101 {display: flex;}
  .design_scr4102 {display: flex;}
  .design_scr411 {padding: 30px;}
  .design_scr412 {padding: 30px;}
  .design_scr413 {padding: 30px;}
  .design_scr414 {padding: 30px;}  
  .design_scr3 {width: 100%;}
  .design_scr31 {width: calc(100% - 30%); text-align: left; display: block;}
  .design_scr32 {display: block;}
  .design_scr321 {padding: 0px;}
  .design_scr322 {padding: 0px;}
  .design_scr323 {padding: 0px;}
  .design_scr321 img {width: 100%;}
  .design_scr322 img {width: 100%;}
  .design_scr323 img {width: 100%;}
  .design_scr321_hov {width: 100%; height: 100%;}
  .design_scr321_hov img {width: 30px;}
  .design_scr322_hov {width: 100%; height: 100%;}
  .design_scr322_hov img {width: 30px;}
  .design_scr323_hov {width: 100%; height: 100%;}
  .design_scr323_hov img {width: 30px;}  
  .design_scr5 {width: 100%;}
  .design_scr5 h3 {width: 100%;}
  .design_scr50 {width: 100%;}
  .design_scr6 {width: 100%; height: auto; padding-bottom: 50px}
  .design_scr61 {width: calc(100% - 15%); display: block;}
  .design_scr611 {padding-bottom: 50px;}
 footer {}
  .foot_top1 {display: block; width: calc(100% - 10%);}
  .foot_prod {padding-bottom: 100px;}
  .foot_top2 {width: calc(100% - 10%); display: block;}
  .foot_12 {position: absolute; left: 100px;}
  .foot_13 {position: absolute; left: 200px;}
  .copyright {}
  .social_networks {}
}
@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: portrait) {
  header {width: 100%;}
  .logotype {width: 200px}
  .logotype img {width: 200px}
  .block1 {width: 100%;}
  .phone-header p {font-size: 22px; font-weight: 700; width: 200px;}
  nav.menu {padding: 0px;}
  nav.menu a {padding-left: 20px; padding-right: 20px;}
  main {width: 100%}
  .txt_promo {width: 100%;}
  .foot_top1 h4 {font-size: 13px; font-weight: 700;}
  .foot_top1 a {font-size: 13px; font-weight: 400;}
  .foot_top1 p {font-size: 13px; font-weight: 400;}
  .foot_top2 h4 {font-size: 13px; font-weight: 700;}
  .foot_top2 a {font-size: 13px; font-weight: 400;}
  .foot_top2 p {font-size: 13px; font-weight: 400;}
  .txt_promo h2 {font: normal 20px/24px 'Alice', serif;}
  .content_screen_1 {height: auto; width: 100%; text-align: center; display: flex; justify-content: center;}
  .left_area_scr1 {text-align: center;}
  .txt_center {height: auto; text-align: center; align-items: center; width: calc(100% - 90px); margin: auto;}
  .txt_center p {font-size: 12px;}
  .txt_red {padding-bottom: 60px; padding-top: 20px;}
  .txt_red1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_red12 {width: calc(100% - 250px);}
  .txt_red1112 {display: grid; justify-items: center; width: 100%;}
  .txt_green {padding-bottom: 60px; padding-top: 20px;}
  .txt_green1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_green12 {order: 0; padding-left: 0px;}
  .txt_green11 {width: calc(100% - 250px); text-align: justify; order: 1; padding-right: 0px}
  .txt_green13 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green132 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green14 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green142 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green15 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green152 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green16 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green162 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green17 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green172 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green18 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green182 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green1112 {display: grid; justify-items: center; width: 100%;}
  .image-center {display: block; margin: auto;}
  .txt_white12 {padding-left: 30px; padding-right: 30px;}
  .txt_white12 p {font-size: 11px; line-height: 15px;}
  .txt_white12 h1 {font-size: 16px; line-height: 60px;}
  .txt_white12 h4 {font-size: 12px; line-height: 0px;}
  .design_scr1 {width: 100%;}
  .design_scr11 {width: 100%;}
  .design_scr11 img {width: 100%;}
  .design_scr2 {width: 100%;}
  .design_scr2 p {width: 100%;}
  .design_scr21 {width: 100%;}
  .design_scr4 {width: 100%;}
  .design_scr4 h3 {width: 100%;}
  .design_scr41 {width: 100%; display: grid;}
  .design_scr4101 {display: flex;}
  .design_scr4102 {display: flex;}
  .design_scr411 {padding: 30px;}
  .design_scr412 {padding: 30px;}
  .design_scr413 {padding: 30px;}
  .design_scr414 {padding: 30px;}  
  .design_scr3 {width: 100%;}
  .design_scr31 {width: 100%; text-align: center; justify-content: center;}
  .design_scr32 {width: 100%; display: grid;}
  .design_scr5 {width: 100%;}
  .design_scr5 h3 {width: 100%;}
  .design_scr50 {width: 100%;}
  .design_scr6 {width: 100%;}
  .design_scr61 {width: 100%;}
 footer {width: calc(100% - 10%); margin: auto;}
  .foot_top1 {width: 100%;}
  .foot_top2 {width: 100%;}
  .foot_12 {position: absolute; left: 100px;}
  .foot_13 {position: absolute; left: 200px;}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) and (orientation: portrait) {
  header {width: 100%;}
  .logotype {width: 200px}
  .logotype img {width: 200px}
  .block1 {width: 100%;}
  .phone-header p {font-size: 22px; font-weight: 700; width: 200px;}
  nav.menu a {padding-left: 20px; padding-right: 20px;}
  main {width: 100%}
  .txt_promo {width: 100%;}
  .foot_top1 h4 {font-size: 13px; font-weight: 700;}
  .foot_top1 a {font-size: 13px; font-weight: 400;}
  .foot_top1 p {font-size: 13px; font-weight: 400;}
  .foot_top2 h4 {font-size: 13px; font-weight: 700;}
  .foot_top2 a {font-size: 13px; font-weight: 400;}
  .foot_top2 p {font-size: 13px; font-weight: 400;}
  .txt_promo h2 {font: normal 20px/24px 'Alice', serif;}
  .content_screen_1 {height: auto; width: 100%; text-align: center; display: flex; justify-content: center;}
  .left_area_scr1 {text-align: center;}
  .txt_center {height: auto; text-align: center; align-items: center; width: calc(100% - 90px); margin: auto;}
  .txt_center p {font-size: 12px;}
  .txt_red {padding-bottom: 60px; padding-top: 20px;}
  .txt_red1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_red12 {width: calc(100% - 250px);}
  .txt_red1112 {display: grid; justify-items: center; width: 100%;}
  .txt_green {padding-bottom: 60px; padding-top: 20px;}
  .txt_green1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_green12 {order: 0; padding-left: 0px;}
  .txt_green11 {width: calc(100% - 250px); text-align: justify; order: 1; padding-right: 0px}
  .txt_green13 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green132 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green14 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green142 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green15 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green152 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green16 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green162 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green17 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green172 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green18 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green182 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green1112 {display: grid; justify-items: center; width: 100%;}
  .image-center {display: block; margin: auto;}
  .txt_white12 {padding-left: 30px; padding-right: 30px;}
  .txt_white12 p {font-size: 11px; line-height: 15px;}
  .txt_white12 h1 {font-size: 16px; line-height: 60px;}
  .txt_white12 h4 {font-size: 12px; line-height: 0px;}
  .design_scr1 {width: 100%;}
  .design_scr11 {width: 100%;}
  .design_scr11 img {width: 100%;}
  .design_scr2 {width: 100%;}
  .design_scr2 p {width: 100%;}
  .design_scr21 {width: 100%;}
  .design_scr4 {width: 100%;}
  .design_scr4 h3 {width: 100%;}
  .design_scr41 {width: 100%;}
  .design_scr3 {width: 100%;}
  .design_scr31 {width: 100%; text-align: center; justify-content: center;}
  .design_scr32 {width: 100%; display: grid;}
  .design_scr5 {width: 100%;}
  .design_scr5 h3 {width: 100%;}
  .design_scr50 {width: 100%;}
  .design_scr6 {width: 100%;}
  .design_scr61 {width: 100%;}
 footer {width: 100%;}
  .foot_top1 {width: 100%;}
  .foot_top2 {width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  header {width: 100%;}
  .logotype {width: 200px}
  .logotype img {width: 200px}
  .block1 {width: 100%;}
  .phone-header p {font-size: 22px; font-weight: 700; width: 200px;}
  nav.menu {padding: 0px;}
  nav.menu a {padding-left: 20px; padding-right: 20px;}
  main {width: 100%}
  .txt_promo {width: 100%;}
  .foot_top1 h4 {font-size: 13px; font-weight: 700;}
  .foot_top1 a {font-size: 13px; font-weight: 400;}
  .foot_top1 p {font-size: 13px; font-weight: 400;}
  .foot_top2 h4 {font-size: 13px; font-weight: 700;}
  .foot_top2 a {font-size: 13px; font-weight: 400;}
  .foot_top2 p {font-size: 13px; font-weight: 400;}
  .txt_promo h2 {font: normal 20px/24px 'Alice', serif;}
  .content_screen_1 {height: auto; width: 100%; text-align: center; display: flex; justify-content: center;}
  .left_area_scr1 {text-align: center;}
  .txt_center {height: auto; text-align: center; align-items: center; width: calc(100% - 90px); margin: auto;}
  .txt_center p {font-size: 12px;}
  .txt_red {padding-bottom: 60px; padding-top: 20px;}
  .txt_red1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_red12 {width: calc(100% - 250px);}
  .txt_red1112 {display: grid; justify-items: center; width: 100%;}
  .txt_green {padding-bottom: 60px; padding-top: 20px;}
  .txt_green1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_green12 {order: 0; padding-left: 0px;}
  .txt_green11 {width: calc(100% - 250px); text-align: justify; order: 1; padding-right: 0px}
  .txt_green13 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green132 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green14 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green142 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green15 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green152 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green16 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green162 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green17 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green172 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green18 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green182 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green1112 {display: grid; justify-items: center; width: 100%;}
  .image-center {display: block; margin: auto;}
  .txt_white12 {padding-left: 30px; padding-right: 30px;}
  .txt_white12 p {font-size: 11px; line-height: 15px;}
  .txt_white12 h1 {font-size: 16px; line-height: 60px;}
  .txt_white12 h4 {font-size: 12px; line-height: 0px;}
  .design_scr1 {width: 100%;}
  .design_scr11 {width: 100%;}
  .design_scr11 img {width: 100%;}
  .design_scr2 {width: 100%;}
  .design_scr2 p {width: 100%;}
  .design_scr21 {width: 100%;}
  .design_scr4 {width: 100%;}
  .design_scr4 h3 {width: 100%;}
  .design_scr41 {width: 100%; display: grid;}
  .design_scr4101 {display: flex;}
  .design_scr4102 {display: flex;}
  .design_scr411 {padding: 30px;}
  .design_scr412 {padding: 30px;}
  .design_scr413 {padding: 30px;}
  .design_scr414 {padding: 30px;}  
  .design_scr3 {width: 100%;}
  .design_scr31 {width: 100%; text-align: center; justify-content: center;}
  .design_scr32 {width: 100%; display: grid;}
  .design_scr5 {width: 100%;}
  .design_scr5 h3 {width: 100%;}
  .design_scr50 {width: 100%;}
  .design_scr6 {width: 100%;}
  .design_scr61 {width: 100%;}
 footer {width: calc(100% - 10%); margin: auto;}
  .foot_top1 {width: 100%;}
  .foot_top2 {width: 100%;}
  .foot_12 {position: absolute; left: 75px;}
  .foot_13 {position: absolute; left: 150px;}
  .foot_onas {position: absolute; left: calc(100% - 54%);}
  .logotype {display: none;}
  .copyright {display: none;}
  .social_networks {display: none;}
  .foot_1 {display: none;}
  .foot_2 {display: none;}
  .foot_3 {display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: landscape) {
  header {width: 100%;}
  .logotype {width: 200px}
  .logotype img {width: 200px}
  .block1 {width: calc(100% - 10%); margin: auto;}
  .phone-header p {font-size: 22px; font-weight: 700; width: 200px;}
  nav.menu a {padding-left: 20px; padding-right: 20px;}
  nav.menu {padding: 0px;}
  main {width: 100%}
  .txt_promo {width: 100%;}
  .foot_top1 h4 {font-size: 13px; font-weight: 700;}
  .foot_top1 a {font-size: 13px; font-weight: 400;}
  .foot_top1 p {font-size: 13px; font-weight: 400;}
  .foot_top2 h4 {font-size: 13px; font-weight: 700;}
  .foot_top2 a {font-size: 13px; font-weight: 400;}
  .foot_top2 p {font-size: 13px; font-weight: 400; margin: 20px;}
  .txt_promo h2 {font: normal 20px/24px 'Alice', serif;}
  .content_screen_1 {height: auto; width: 100%; text-align: center; display: flex; justify-content: center;}
  .left_area_scr1 {text-align: center;}
  .txt_center {height: auto; text-align: center; align-items: center; width: calc(100% - 90px); margin: auto;}
  .txt_center p {font-size: 12px;}
  .txt_red {padding-bottom: 60px; padding-top: 20px;}
  .txt_red1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_red12 {width: calc(100% - 250px);}
  .txt_red1112 {display: grid; justify-items: center; width: 100%;}
  .txt_green {padding-bottom: 60px; padding-top: 20px;}
  .txt_green1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_green12 {order: 0; padding-left: 0px;}
  .txt_green11 {width: calc(100% - 250px); text-align: justify; order: 1; padding-right: 0px}
  .txt_green13 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green132 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green14 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green142 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green15 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green152 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green16 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green162 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green17 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green172 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green18 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green182 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green1112 {display: grid; justify-items: center; width: 100%;}
  .image-center {display: block; margin: auto;}
  .txt_white12 {padding-left: 30px; padding-right: 30px;}
  .txt_white12 p {font-size: 11px; line-height: 15px;}
  .txt_white12 h1 {font-size: 16px; line-height: 60px;}
  .txt_white12 h4 {font-size: 12px; line-height: 0px;}
  .design_scr1 {width: 100%;}
  .design_scr11 {width: 100%;}
  .design_scr11 img {width: 100%;}
  .design_scr2 {width: 100%;}
  .design_scr2 p {width: 100%;}
  .design_scr21 {width: 100%;}
  .design_scr4 {width: 100%;}
  .design_scr4 h3 {width: 100%;}
  .design_scr41 {width: 100%; display: grid;}
  .design_scr4101 {display: flex;}
  .design_scr4102 {display: flex;}
  .design_scr411 {padding: 30px;}
  .design_scr412 {padding: 30px;}
  .design_scr413 {padding: 30px;}
  .design_scr414 {padding: 30px;}
  .design_scr3 {width: 100%;}
  .design_scr31 {width: 100%; text-align: center; justify-content: center;}
  .design_scr32 {width: 100%; display: grid;}
  .design_scr5 {width: 100%;}
  .design_scr5 h3 {width: 100%;}
  .design_scr50 {width: 100%;}
  .design_scr6 {width: 100%;}
  .design_scr61 {width: 100%;}
 footer {width: calc(100% - 10%); margin: auto}
  .foot_top1 {width: 100%;}
  .foot_top2 {width: 100%;}
  .foot_12 {position: absolute; left: 100px;}
  .foot_13 {position: absolute; left: 200px;}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) and (orientation: landscape) {
  header {width: 100%;}
  .logotype {width: 200px}
  .logotype img {width: 200px}
  .block1 {width: 100%;}
  .phone-header p {font-size: 22px; font-weight: 700; width: 200px;}
  nav.menu a {padding-left: 20px; padding-right: 20px;}
  main {width: 100%}
  .txt_promo {width: 100%;}
  .foot_top1 h4 {font-size: 13px; font-weight: 700;}
  .foot_top1 a {font-size: 13px; font-weight: 400;}
  .foot_top1 p {font-size: 13px; font-weight: 400;}
  .foot_top2 h4 {font-size: 13px; font-weight: 700;}
  .foot_top2 a {font-size: 13px; font-weight: 400;}
  .foot_top2 p {font-size: 13px; font-weight: 400;}
  .txt_promo h2 {font: normal 20px/24px 'Alice', serif;}
  .content_screen_1 {height: auto; width: 100%; text-align: center; display: flex; justify-content: center;}
  .left_area_scr1 {text-align: center;}
  .txt_center {height: auto; text-align: center; align-items: center; width: calc(100% - 90px); margin: auto;}
  .txt_center p {font-size: 12px;}
  .txt_red {padding-bottom: 60px; padding-top: 20px;}
  .txt_red1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_red12 {width: calc(100% - 250px);}
  .txt_red1112 {display: grid; justify-items: center; width: 100%;}
  .txt_green {padding-bottom: 60px; padding-top: 20px;}
  .txt_green1 {height: auto; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: auto;}
  .txt_green12 {order: 0; padding-left: 0px;}
  .txt_green11 {width: calc(100% - 250px); text-align: justify; order: 1; padding-right: 0px}
  .txt_green13 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green132 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green14 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green142 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green15 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green152 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green16 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green162 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green17 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green172 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green18 {position: relative; padding-left: 20px; padding-right: 20px;}
  .txt_green182 {font: normal 16px/22px 'Roboto Condensed', sans-serif; font-size: 18px; color: #ffffff; font-weight: 400; margin-top: 20px; text-align: center;}
  .txt_green1112 {display: grid; justify-items: center; width: 100%;}
  .image-center {display: block; margin: auto;}
  .txt_white12 {padding-left: 30px; padding-right: 30px;}
  .txt_white12 p {font-size: 11px; line-height: 15px;}
  .txt_white12 h1 {font-size: 16px; line-height: 60px;}
  .txt_white12 h4 {font-size: 12px; line-height: 0px;}
  .design_scr1 {width: 100%;}
  .design_scr11 {width: 100%;}
  .design_scr11 img {width: 100%;}
  .design_scr2 {width: 100%;}
  .design_scr2 p {width: 100%;}
  .design_scr21 {width: 100%;}
  .design_scr4 {width: 100%;}
  .design_scr4 h3 {width: 100%;}
  .design_scr41 {width: 100%;}
  .design_scr3 {width: 100%;}
  .design_scr31 {width: 100%; text-align: center; justify-content: center;}
  .design_scr32 {width: 100%;}
  .design_scr5 {width: 100%;}
  .design_scr5 h3 {width: 100%;}
  .design_scr50 {width: 100%;}
  .design_scr6 {width: 100%;}
  .design_scr61 {width: 100%;}
 footer {width: calc(100% - 10%); margin: auto;}
  .foot_top1 {width: 100%;}
  .foot_top2 {width: 100%;}
}