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

body {margin: 0; padding: 0;}

/*``````````````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;}
a {font: normal 16px/22px 'Roboto Condensed', sans-serif; color: #ffffff;}
.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 {position: relative; min-height: 100%;}

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

header {margin: auto; height: 112px; background: #ffffff; width: 1280px; display: flex; justify-content: space-between; align-items: center;}
.logotype {width: 229px}
.phone-header p {font-size: 24px; font-weight: 700;}
.menu {display: flex;}
.menu a {color: #4a4a4a; margin: 0px 20px; text-decoration: none; font-weight: 300;}

/*```````````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;}
.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;}
.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_info div {display: grid;}
.foot_info a {color: black; text-decoration: none;}

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

.design_scr1 {background: #0fcbc9; width: 100%; height: 428px; padding-top: 100px;}
.design_scr11 {width: 700px; 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: 466px; text-align: center;}
.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: 1280px; margin: auto;}

.design_scr3 {background: #f5f3f5; width: 100%; height: 1120px;}
.design_scr31 {padding-top: 50px; padding-bottom: 50px; width: 1280px; text-align: left; margin: auto;}
.design_scr31 a {font: 700 24px/24px 'Roboto Condensed', sans-serif; color: #000000; margin-left: 80px; color: #687492;}
.design_scr32 {text-align: center; width: 1280px; margin: auto;}

.design_scr4 {background: #ffffff; width: 100%; height: 500px; text-align: center;}
.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: 1280px; margin: 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%; height: 500px; text-align: center;}
.design_scr5 h3 {font: 300 32px/36px 'Roboto', serif; margin-bottom: 100px; margin-top: 50px; color: #687492;}
.design_scr51 {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;}

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

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
}
@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: portrait) {
  header {width: 100%;}
  .foot_top1 {width: 100%;}
  .foot_top2 {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;}
  .logotype {width: 180px}
  .logotype img {width: 180px}
  .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;}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) and (orientation: portrait) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
}
@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: landscape) {
  header {width: 100%;}
  .foot_top1 {width: 100%;}
  .foot_top2 {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;}
  .logotype {width: 180px}
  .logotype img {width: 180px}
  .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;}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) and (orientation: landscape) {
}