/*Colors*/
/*Styles*/
/*Common styles*/
@font-face { font-family: 'Brandon Grotesque'; src: url("../fonts/BrandonGrotesque-Light.eot"); src: url("../fonts/BrandonGrotesque-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandonGrotesque-Light.woff") format("woff"), url("../fonts/BrandonGrotesque-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
* { margin: 0; padding: 0; }

body { min-width: 360px; height: 100%; font-family: "Montserrat", sans-serif; }

a, div, span, svg use, ul li { transition: 0.3s; }

a:hover { text-decoration: none; }

b { font-weight: 700; }

ul { padding: 0; margin: 0; }
ul li { padding: 0; list-style: none; }

.wrapper.mt { position: relative; top: 67px; }

.container { max-width: 100%; }
@media screen and (max-width: 1780px) { .header .container, .footer .container { max-width: 100%; } }
@media screen and (min-width: 1780px) { .header .container, .footer .container { max-width: 1750px; } }
@media screen and (min-width: 1350px) { .container { max-width: 1320px; }
  .support .container .col-sm-12 { padding-left: 30px; padding-right: 30px; }
  .statistics .container .col-sm-12 { padding-left: 10px; padding-right: 10px; }
  .connect .container { max-width: 1005px; }
  .request .container { max-width: 1040px; } }

@media screen and (min-width: 1350px) { .support .row { margin-left: -30px; margin-right: -30px; }
  .statistics .row { margin-left: -10px; margin-right: -10px; } }

.button { display: inline-block; padding: 7px 32px; border-radius: 100px; border: none; box-shadow: none; cursor: pointer; }
.button_primary { color: #fff; font-size: 16px; line-height: 28px; background: #ff7b24; background: -moz-linear-gradient(left, #ff7b24 0%, #ff9100 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #ff7b24), color-stop(100%, #ff9100)); background: -webkit-linear-gradient(left, #ff7b24 0%, #ff9100 100%); background: -o-linear-gradient(left, #ff7b24 0%, #ff9100 100%); background: -ms-linear-gradient(left, #ff7b24 0%, #ff9100 100%); background: linear-gradient(to right, #ff7b24 0%, #ff9100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b24', endColorstr='#ff9100', GradientType=1 ); }
@media screen and (min-width: 991px) { .button_primary:hover { color: #fff; background: #ff9100; background: -moz-linear-gradient(left, #ff9100 0%, #ff7b24 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #ff9100), color-stop(100%, #ff7b24)); background: -webkit-linear-gradient(left, #ff9100 0%, #ff7b24 100%); background: -o-linear-gradient(left, #ff9100 0%, #ff7b24 100%); background: -ms-linear-gradient(left, #ff9100 0%, #ff7b24 100%); background: linear-gradient(to right, #ff9100 0%, #ff7b24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9100', endColorstr='#ff7b24', GradientType=1 ); } }
.button_big { padding: 14px 39px 16px; font-size: 18px; line-height: 28px; font-weight: 700; }
.button_secondary { padding: 5px 30px; color: #12aef6; font-size: 14px; font-weight: 500; border: 1px solid #12aef6; }
@media screen and (min-width: 991px) { .button_secondary:hover { background: #12aef6; color: #fff; } }

.title-main { width: 65%; margin: 0 auto 35px; position: relative; text-align: center; }
@media screen and (max-width: 991px) { .title-main { width: 100%; } }
.about .title-main { margin-bottom: 100px; }
@media screen and (max-width: 991px) { .about .title-main { margin-bottom: 35px; } }
.support .title-main:after { content: ''; width: 235px; height: 164px; position: absolute; right: -205px; top: 43px; z-index: 5; background-image: url("../images/label.png"); background-repeat: no-repeat; background-size: 235px 164px; background-position: center; }
@media screen and (max-width: 1200px) { .support .title-main:after { right: -180px; } }
@media screen and (max-width: 991px) { .support .title-main:after { width: 155px; height: 114px; right: 0; top: 0; background-size: 155px 114px; display: none; } }
.title-main h2 { margin-bottom: 16px; color: #3a3f4d; font-weight: 300; font-size: 46px; line-height: 56px; }
@media screen and (max-width: 991px) { .title-main h2 { font-size: 35px; line-height: 45px; } }
.title-main h2 b { font-weight: 600; }
.about .title-main h2 { color: #fff; }
.title-main p { margin-bottom: 0; color: #3a3f4d; font-weight: 300; font-size: 14px; line-height: 24px; }
.solution .title-main p, .about .title-main p { font-size: 18px; }
.about .title-main p { color: #fff; }

/*header*/
.header { padding: 10px 0; top: -67px; height: 67px; background: #fff; transition: top 1s; }
.header.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 20; border-bottom: 1px solid #f1f1f1; }

.navbar { padding: 0; justify-content: space-between; }
.navbar-brand img { width: 186px; height: 37px; }
@media screen and (max-width: 991px) { .navbar-brand img { width: 140px; height: 29px; } }
.navbar-nav { margin-right: 20px; }
.navbar-nav li { padding: 0 27px; }
@media screen and (max-width: 1200px) { .navbar-nav li { padding: 0 15px; } }
@media screen and (max-width: 991px) { .navbar-nav li { padding: 5px 15px; } }
.navbar-nav li a { color: #3d3d50; font-size: 14px; font-weight: 700; text-transform: uppercase; }
@media screen and (min-width: 991px) { .navbar-nav li a:hover { color: #12aef6; } }
.navbar-toggler { padding: 0; }
.navbar-toggler:focus { outline: none; }
.navbar-collapse { flex-grow: inherit; }
@media screen and (max-width: 991px) { .navbar-collapse { width: 100%; position: absolute; top: 57px; left: 0; z-index: 21; border-top: 1px solid #f1f1f1; background: #fff; }
  .navbar-collapse .button { margin: 15px; } }

/*banner*/
.banner { height: calc(100vh - 67px); min-height: 750px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
@media screen and (max-width: 991px) { .banner { height: auto; min-height: auto; padding: 100px 0; } }
.banner > .container { height: 100%; }
.banner__inner { display: flex; align-items: center; justify-content: center; height: 100%; position: relative; }
.banner__min { margin-bottom: 20px; font-size: 24px !important; line-height: 27px !important; font-weight: 600 !important; color: #fff; }
.banner__holder { width: 65%; text-align: center; }
@media screen and (max-width: 1200px) { .banner__holder { width: 70%; } }
@media screen and (max-width: 991px) { .banner__holder { width: 100%; } }
.banner__holder h1 { font-size: 90px; line-height: 70px; font-weight: 300; color: #fff; }
@media screen and (max-width: 991px) { .banner__holder h1 { font-size: 50px; line-height: 30px; } }
.banner__holder h1 b { font-weight: 600; }
.banner__holder p { margin-bottom: 20px; font-size: 18px; line-height: 24px; font-weight: 300; color: #fff; }
@media screen and (max-width: 991px) { .banner__holder p { font-size: 16px; list-style: 22px; } }
.banner__title-min { display: block; margin-bottom: 25px; font-size: 37px; letter-spacing: 0.07em; font-weight: 300; color: #fff; text-transform: uppercase; }
@media screen and (max-width: 991px) { .banner__title-min { font-size: 25px; } }
.banner__scroll { width: 70px; display: block; position: absolute; bottom: 27px; left: 0; right: 0; margin: auto; text-align: center; }
@media screen and (max-width: 991px) { .banner__scroll { display: none; } }
.banner__scroll img { width: 25px; height: 38px; }
.banner__scroll span { display: block; margin-top: 5px; font-weight: 300; color: #fff; font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase; }

/*support*/
.support { padding: 115px 0; position: relative; background-color: #fefefe; background-image: url("../images/bg2.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }
@media screen and (max-width: 991px) { .support { padding: 65px 0; }
  .support .col-sm-12 { margin-bottom: 30px; }
  .support .col-sm-12:last-of-type { margin-bottom: 0; } }
.support__item { height: 100%; padding: 30px 40px 103px; background: #fff; border-radius: 10px; border-bottom: 8px solid #12aef6; box-shadow: 0 0 150px 3px rgba(0, 0, 0, 0.13); }
.support__item img { width: 60px; height: 55px; }
.support__item p { margin-bottom: 21px; font-size: 18px; line-height: 22px; font-weight: 300; color: #3a3f4d; }
.support__item p b { font-weight: 700; }
.support__item ul { padding: 0; margin: 0; }
.support__item ul li { margin-bottom: 13px; padding-left: 28px; position: relative; font-weight: 300; color: #3a3f4d; font-size: 18px; line-height: 20px; }
.support__item ul li:last-of-type { margin-bottom: 0; }
.support__item ul li:before { content: ''; width: 8px; height: 8px; display: inline-block; position: absolute; left: 5px; top: 6px; background: #12aef6; border-radius: 100px; }
.support__title { display: flex; align-items: center; margin-bottom: 30px; }
.support__title span { display: block; padding-left: 25px; font-size: 24px; line-height: 30px; font-weight: 600; color: #3a3f4d; }

/*tv*/
.tv { padding: 67px 0; }
.tv__inner { display: flex; margin: -35px -7px 0; }
@media screen and (max-width: 991px) { .tv__inner { display: block; margin: -35px 0 0; } }
.tv__img { width: 100%; height: 362px; margin-bottom: 50px; display: flex; align-items: flex-end; justify-content: center; text-align: center; }
@media screen and (max-width: 991px) { .tv__img { height: auto; } }
.tv__item { width: 50%; padding: 0 7px; position: relative; }
@media screen and (max-width: 991px) { .tv__item { width: 100%; padding: 7px 0; }
  .tv__item:first-of-type { padding-bottom: 50px; }
  .tv__item:last-of-type { padding-top: 50px; } }
.tv__item_on ul li:before, .tv__item_tw ul li:before { content: ''; width: 18px; height: 18px; display: inline-block; position: absolute; left: 25px; top: 24px; background-repeat: no-repeat; background-position: center; background-size: 18px 18px; }
.tv__item_on:after { content: ''; width: 1px; height: 92%; position: absolute; bottom: 0; right: -1px; z-index: 5; background: #f3f3f3; }
@media screen and (max-width: 991px) { .tv__item_on:after { height: 1px; width: 100%; right: 0; left: 0; bottom: 0; } }
.tv__item_on:before { content: 'VS'; width: 66px; height: 66px; display: inline-flex; align-items: center; justify-content: center; position: absolute; right: -33px; top: 385px; z-index: 6; font-size: 26px; font-weight: 600; color: #fff; background: #12aef6; border-radius: 100px; }
@media screen and (max-width: 991px) { .tv__item_on:before { right: 0; left: 0; bottom: -33px; top: inherit; margin: auto; } }
.tv__item_on ul li:before { background-image: url("../svg/check-green.svg"); }
.tv__item_tw ul li:before { background-image: url("../svg/check-blue.svg"); }
.tv__item ul li { padding: 22px 20px 20px 60px; position: relative; font-size: 18px; line-height: 24px; font-weight: 300; color: #3a3f4d; background: #fbfbfb; }
.tv__item ul li:nth-of-type(2n+1) { background: #f5f5f5; }
.tv__title { display: flex; align-items: center; margin-bottom: 28px; padding-left: 5px; }
.tv__item_tw .tv__title { padding-left: 83px; }
@media screen and (max-width: 991px) { .tv__item_tw .tv__title { padding-left: 5px; } }
.tv__title img { width: 39px; height: 36px; }
.tv__title span { padding-left: 25px; font-size: 24px; line-height: 29px; font-weight: 600; text-transform: uppercase; color: #3a3f4d; }

/*statistics*/
.statistics { padding: 95px 0 60px; }
@media screen and (max-width: 991px) { .statistics { padding: 65px 0; } }
.statistics .col-sm-12 { margin-bottom: 20px; }
.statistics .container .row .col-lg-6:last-of-type .row .col-lg-12 { height: 50%; }
.statistics__item { height: 100%; background: #fff; border: 1px solid #f1f1f1; box-shadow: 0 0 150px 3px rgba(0, 0, 0, 0.04); border-radius: 10px; }
@media screen and (max-width: 991px) { .statistics__item { padding: 30px !important; } }
.statistics__item_on { padding: 35px 65px 20px; }
@media screen and (max-width: 567px) { .statistics__item_on img { max-width: 110px; } }
.statistics__item_on, .statistics__item_tw { display: flex; align-items: center; justify-content: space-between; }
@media screen and (max-width: 991px) { .statistics__item_on, .statistics__item_tw { justify-content: center; } }
@media screen and (max-width: 991px) { .statistics__item_tw { justify-content: center; } }
.statistics__item_tw img { width: 85px; height: 86px; margin-right: 10px; }
@media screen and (max-width: 991px) { .statistics__item_th { justify-content: center; } }
.statistics__item_tw, .statistics__item_th { padding: 30px; }
@media screen and (max-width: 1200px) { .statistics__item_tw, .statistics__item_th { padding: 30px 15px; } }
.statistics__item_fr, .statistics__item_fv, .statistics__item_sx { padding: 38px 30px; text-align: center; }
.statistics__item_fr img, .statistics__item_fv img, .statistics__item_sx img { display: block; margin: auto; }
.statistics__item_fv { padding: 63px 30px; }
.statistics__item_fr { padding: 48px 30px; }
.statistics__item p { font-weight: 300; font-size: 13px; line-height: 15px; color: #3a3f4d; }
.statistics__item p b { font-weight: 700; }
.statistics__title { display: block; margin-bottom: 5px; font-weight: 600; font-size: 18px; color: #3a3f4d; }
.statistics__item_tw .statistics__title { margin-bottom: -5px; font-weight: 300; color: #313131; font-size: 15px; }
.statistics__item_th .statistics__title { display: block; font-size: 18px; font-weight: 600; text-align: center; }
.statistics__item_fr .statistics__title { margin-bottom: 32px; }
.statistics__item_xs .statistics__title { margin-bottom: 25px; }
.statistics__holder { width: 50%; margin-right: 10px; }
@media screen and (max-width: 991px) { .statistics__holder { width: auto; }
  .statistics__item_tw .statistics__holder { margin-right: 0; margin-left: 20px; } }
.statistics__min { font-size: 11px; line-height: 13px; color: #3a3f4d; font-weight: 300; }
.statistics__tv { display: flex; justify-content: space-between; }
@media screen and (max-width: 991px) { .statistics__tv { justify-content: center; } }
.statistics__tv-item { text-align: center; }
@media screen and (max-width: 991px) { .statistics__tv-item { padding: 0 20px; } }
.statistics__tv-item img { display: inline-block; vertical-align: middle; width: 34px; height: 31px; margin-left: 8px; }
.statistics__tv-item-inner { display: flex; align-items: center; justify-content: center; }
.statistics__tv-numb { display: inline-block; vertical-align: middle; font-weight: 700; font-size: 50px; line-height: 50px; }
@media screen and (max-width: 1200px) { .statistics__tv-numb { font-size: 35px; line-height: 35px; } }
.statistics__tv-item_on .statistics__tv-numb { color: #6fe8bd; }
.statistics__tv-item_tw .statistics__tv-numb { color: #12aef6; }
.statistics__tv-title { display: block; font-size: 14px; color: #313131; text-transform: uppercase; }
.statistics__wifi { padding-left: 50px; margin-top: 28px; margin-bottom: -6px; position: relative; }
.statistics__wifi-tit { display: block; font-size: 18px; line-height: 20px; color: #12aef6; font-weight: 300; }
.statistics__item_tw .statistics__wifi-tit { font-size: 12px; line-height: 14px; }
.statistics__wifi-numb { display: block; font-size: 31px; line-height: 31px; font-weight: 700; color: #12aef6; }
.statistics__item_tw .statistics__wifi-numb { font-size: 35px; line-height: 35px; }
.statistics__wifi img { width: 42px; height: 42px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }

/*solution*/
.solution { padding: 80px 0 115px; }
@media screen and (max-width: 991px) { .solution { padding: 30px 0 40px; } }
.solution__row { padding: 45px 0; width: 84%; margin: auto; }
@media screen and (max-width: 1200px) { .solution__row { width: 100%; } }
.solution__cell { display: flex; align-items: center; margin-bottom: 100px; }
@media screen and (max-width: 991px) { .solution__cell { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.solution__cell:last-of-type { margin-bottom: 0; }
.solution__img { width: 50%; }
.solution__cell_left .solution__img { margin-right: 60px; }
.solution__cell_right .solution__img { margin-left: 60px; }
@media screen and (max-width: 991px) { .solution__cell_right .solution__img { order: 1; } }
@media screen and (max-width: 991px) { .solution__img { width: 100%; margin: 0 0 40px !important; text-align: center; } }
.solution__text { width: 80%; }
@media screen and (max-width: 991px) { .solution__cell_right .solution__text { order: 2; } }
@media screen and (max-width: 991px) { .solution__text { width: 100%; } }
.solution__text ul li { padding-left: 38px; margin-bottom: 20px; position: relative; font-size: 18px; color: #3a3f4d; font-weight: 300; }
.solution__text ul li:last-of-type { margin-bottom: 0; }
.solution__text ul li:before { content: ''; width: 8px; height: 8px; display: inline-block; position: absolute; top: 8px; left: 7px; border-radius: 20px; background: #0092dd; }
.solution__text-inner { display: flex; align-items: flex-end; }
@media screen and (max-width: 768px) { .solution__text-inner { display: block; } }
.solution__text-info { width: calc(100% - 113px); }
@media screen and (max-width: 768px) { .solution__text-info { width: 100%; } }
.solution__title { display: block; margin-bottom: 45px; font-weight: 600; font-size: 23px; line-height: 28px; color: #3a3f4d; }
.solution__title + .solution__title-min { margin-top: -10px; }
.solution__title-min { display: block; margin-bottom: 18px; font-weight: 300; font-size: 18px; line-height: 22px; }
.solution__numb { width: 113px; height: 230px; display: inline-flex; align-items: center; justify-content: center; margin-right: 20px; background: #0092dd; border-radius: 10px; text-align: center; }
@media screen and (max-width: 768px) { .solution__numb { width: 100%; height: auto; padding: 15px 10px; margin-bottom: 20px; margin-right: 0; } }
.solution__numb-inner span { font-size: 13px; line-height: 16px; color: #fff; font-weight: 300; }
.solution__numb-inner span b { display: block; font-size: 33px; line-height: 30px; font-weight: 600; color: #fff; }

/*about*/
.about { padding: 125px 0 155px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }
@media screen and (max-width: 991px) { .about { padding: 65px 0; } }
.about .col-lg-4 { flex: 31.8%; max-width: 31.8%; }
.about .col-lg-4.about__big { flex: 36.4%; max-width: 36.4%; }
@media screen and (max-width: 991px) { .about .col-lg-4 { flex: 100% !important; max-width: 100% !important; } }
@media screen and (max-width: 991px) { .about .col-sm-12 { margin-bottom: 20px; } }
.about__btn { width: 100%; position: absolute; bottom: 28px; left: 0; right: 0; margin: auto; text-align: center; }
.about__big .about__btn { bottom: -4px; }
@media screen and (max-width: 991px) { .about__btn { margin-top: 40px; position: relative; bottom: 0; } }
.about__item { padding: 30px 57px 115px; height: 100%; border-radius: 10px; background: #fff; }
@media screen and (max-width: 991px) { .about__item { height: auto; padding: 40px; } }
.about__big .about__item { width: 100%; height: 114%; margin-top: -35px; padding: 60px 74px; }
@media screen and (max-width: 991px) { .about__big .about__item { height: auto; margin-top: 0; padding: 40px; } }
.about__item ul li { margin-bottom: 16px; padding-left: 23px; position: relative; font-weight: 300; color: #3a3f4d; font-size: 17px; line-height: 20px; }
.about__item ul li:last-of-type { margin-bottom: 0; }
.about__item ul li:before { content: ''; width: 8px; height: 8px; display: inline-block; position: absolute; left: 0; top: 5px; background: #12aef6; border-radius: 100px; }
.about__title { display: flex; align-items: center; margin-bottom: 34px; }
.about__title img { width: 71px; height: 59px; }
.about__title span { display: inline-block; padding-left: 10px; font-weight: 600; font-size: 18px; line-height: 26px; color: #3a3f4d; }

/*connect*/
.connect { padding: 170px 0 200px; background: #f5f5f6; }
@media screen and (max-width: 991px) { .connect { padding: 65px 0; } }
.connect__title { display: block; margin-bottom: 60px; font-weight: 600; font-size: 32px; line-height: 40px; color: #3a3f4d; text-align: center; }
.connect__tit { display: block; margin-bottom: 5px; font-weight: 600; color: #3a3f4d; font-size: 18px; line-height: 22px; text-transform: uppercase; }
.connect__text { margin-bottom: 20px; }
@media screen and (max-width: 768px) { .connect__item { margin-bottom: 40px; } }
.connect__item img { width: 100%; }
.connect__item p { margin-bottom: 0; font-weight: 300; color: #3a3f4d; font-size: 14px; line-height: 19px; }

/*request*/
.request { padding: 108px 0 70px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }
@media screen and (max-width: 991px) { .request { padding: 65px 0; } }
.request__title { display: block; margin-bottom: 43px; text-transform: uppercase; font-weight: 700; color: #fff; font-size: 30px; line-height: 35px; text-align: center; }

/*form*/
.form-group { margin-bottom: 0; position: relative; }
.form-check { padding-left: 0; position: relative; text-align: center; }
.form-check_big { text-align: left; }
.form-btn { margin-top: 50px; text-align: center; }
@media screen and (max-width: 768px) { .form__interest { margin-top: 30px; } }
.form__interest-title { display: block; margin-bottom: 23px; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 17px; line-height: 20px; }

input, textarea { width: 100%; padding: 15px 36px; margin-bottom: 12px; color: #fff; font-weight: 300; font-size: 16px; line-height: 25px; border: 1px solid #83aacd; border-radius: 3px; background: transparent; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); }
input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.6); }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }
input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.6); }
input:focus, textarea:focus { outline: none; }
input[type='submit'], textarea[type='submit'] { width: auto; }
input.is-invalid, textarea.is-invalid { border-color: #de626e; }
input.is-invalid + .invalid-feedback, textarea.is-invalid + .invalid-feedback { display: block; margin: 0; position: absolute; bottom: -1px; font-size: 11px; color: #de626e; }

textarea { height: 126px; resize: none; }

input[type=checkbox], input[type=radio] { display: none; }
input[type=checkbox] + label { cursor: pointer; }
.form-check_big input[type=checkbox] + label { font-size: 18px; font-weight: 300; color: #fff; }
input[type=checkbox] + label a { color: #fff; font-size: 13px; line-height: 16px; text-decoration: underline; font-weight: 300; }
input[type=checkbox] + label:before { content: ''; display: inline-block; height: 18px; width: 18px; margin: 0 17px 0 0; position: relative; top: 5px; border: 1px solid #83aacd; border-radius: 3px; transition: color ease .3s; cursor: pointer; background-position: center; background-size: 10px 10px; background-repeat: no-repeat; }
.form-check_big input[type=checkbox] + label:before { height: 24px; width: 24px; margin: 0 25px 0 0; background-size: 14px 14px; }
input[type=checkbox]:checked + label:before { background-color: #fff; background-image: url("../svg/check.svg"); border-color: #fff; }

/*footer*/
.footer { padding: 32px 0 44px; background: #3a3f4d; }
.footer__inner { text-align: center; position: relative; }
.footer__logo { position: absolute; left: 0; top: -5px; bottom: 0; margin: auto; z-index: 5; }
@media screen and (max-width: 768px) { .footer__logo { position: relative; top: 0; text-align: center; } }
.footer__logo img { width: 96px; height: 20px; }
.footer__copyright { display: block; color: rgba(255, 255, 255, 0.2); font-size: 12px; line-height: 14px; font-weight: 300; }
@media screen and (max-width: 768px) { .footer__copyright { margin-top: 15px; } }