body {
font-family: 'Roboto', sans-serif;
}
.slab {
font-family: 'Roboto Slab', serif;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.nopadl {
padding-left: 0px;
}
.nopadr {
padding-right: 0px;
}
.head {
background-color: #082044;
background-color: rgba(29, 29, 30, 0.8);
}
.textsublogo {
 color: #ffffff;
font-family: "HelveticaMedium";
font-size: 14px;
margin-top: 15px;
}
.langs {
display: flex;
display: inline-flex;
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
width: 100%;
margin-top: 23px;
}
.lang > a {
color: #124a8d;
font-family: "HelveticaBold";
font-size: 15px;
}
.lang > a:hover {
text-decoration: none;
}
.nocurent {
margin-left: 10px;
}
.current {
color: #ffffff!important;
}
.rabot {
color: #ffffff;
font-family: "HelveticaRegular";
margin-top: 10px;
}
.phones {
color: #ffffff;
display: flex;
font-family: "HelveticaMedium";
font-size: 16px;
margin-top: 11px;
}
.phoneimg {
margin-right: 12px;
display: inline;
}
.knophead {
background-color: #ec4308;
font-family: inherit;
border: none;
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-size: 18px;
padding: 11px 40px 11px 40px;
outline: none;
margin-top: 10px;
border-radius: 48px;
}
.knophead:hover {
background-color: #e16a50;
}
.knophead:active {
background-color: #e16a50;
/*box-shadow: inset 0px 2px 11px 1px rgba(0,0,0,1);*/
}
.knopkahead {
margin-bottom: 0px;
}
.head {
 padding-top: 5px;
padding-bottom: 10px;
}
.nav {
text-transform: uppercase;
}
.navbar-default {
margin-bottom: 0px;
background-color: rgba(42, 45, 50, 0.68);
bcolo
border: none;
color: #e1e1e1;
padding: 10px 0px 10px 0px;
border-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #FFF;
    background-color: #051c3a;
    border: 1px solid #093166;
    border-radius: 12px;
}
.navbar-default .navbar-nav > li > a {
color: #e1e1e1;
border: 1px solid transparent;
}
.zakaz {
color: #fa5535!important;
font-family: "HelveticaBold";
}

header{
  height:74px;
  position:relative;
}
#top_nav{
   top: 74px;
   position: fixed;
   z-index: 1000;
   width:100%;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;

}

.navbar .navbar-collapse {
  text-align: center;
}
.mainsection {
margin-top: -72px;
background-image: url(../img/heads.jpg);
padding-bottom: 3%;
    padding-top: 8%;
}
.testmain1 {
color: #ffffff;
font-size: 38px;
line-height: 1.2;
margin-top: 53px;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 600;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0.5px 0.866px 1px rgba(29, 51, 77, 0.6);

}
.testmain2 {
color: #ffffff;
font-size: 26px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 16px;
  font-size: 28px;
  font-family: "Roboto Slab";
  color:rgba(255, 252, 5, 0.97);
  text-align: center;
  text-shadow: 0.5px 0.866px 1px rgba(29, 51, 77, 0.6);


}
.textinblocklower {
color: #ffffff;
font-size: 18px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-align: center;
  text-shadow: 0.5px 0.866px 1px rgba(29, 51, 77, 0.6);
  -moz-transform: matrix( 1.00116959064327,0,0,1,0,0);
  -webkit-transform: matrix( 1.00116959064327,0,0,1,0,0);
  -ms-transform: matrix( 1.00116959064327,0,0,1,0,0);

}
.textinblocklower2 {
color: #fc421e;
font-family: "HelveticaBold";
font-size: 20px;
  font-size: 20px;
  color: rgb(252, 66, 30);
  text-align: center;
  text-shadow: 0.5px 0.866px 1px rgba(29, 51, 77, 0.6);
  -moz-transform: matrix( 1.00116959064327,0,0,1,0,0);
  -webkit-transform: matrix( 1.00116959064327,0,0,1,0,0);
  -ms-transform: matrix( 1.00116959064327,0,0,1,0,0);


}
.half2 {
background-color: rgba(26, 38, 70, 0.78);
height: 141px;
padding-top: 8%;
}
.half1 {
background-color: rgba(42, 66, 106, 0.49);
height: 141px;
padding-top: 6%;
}
.blocklower {
border: 5px solid #406799;
width: 85%;
margin-left: auto;
margin-right: auto;
 font-family: "HelveticaLight";
}
.two {
background-image: url(../img/bg2.jpg);
background-size: cover;
background-position: 0% 74%;
padding-top: 1.6%;
}
.titleblock2 {
color: #ffffff;
font-size: 36px;
font-weight: 600;
margin-bottom: 2.5%;
  color: rgb(255, 255, 255);
  text-align: center;
  text-shadow: 0.5px 0.866px 1px rgba(29, 51, 77, 0.6);

}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
margin-left: auto;
margin-right: auto;
}
.control1 {
width:31px;
height: 51px;
background-image: url(../img/sprite2.png);
transition: 0.3s;
margin-right: auto;
}
.control1:hover {
background-position: 100% 0%;
transition: 0.3s;
}
.control2 {
width:31px;
height: 51px;
background-image: url(../img/sprite1.png);
transition: 0.3s;
background-position: 100% 0%;
margin-left: auto;
}
.control2:hover {
background-position: 0% 0%;
transition: 0.3s;
}
.blockfont {
background-image: url(../img/bg-lightl-877.jpg);
}
.carousel-control {
top: 38%;
}
.carousel-inner {
margin-bottom: 90px;
}
.do {
    position: absolute;
    left: 10%;
    top: -56px;
}
.posle {
    position: absolute;
    top: -56px;
    right: 10%;
}
.modal-open {
padding-right: 0px!important;
}
.textinmodal1 {
color: #2e3b48;
    font-size: 25px;
}
.subtitleform {
font-size: 16px;
color: #6a7789;
}
.modal-open .modal {
background-color: rgba(0, 1, 2, 0.18);
}
.inmain {
background-color: #ffffff;
border: 1px solid #cdd6e5;
width: 100%;
outline: none;
height: 50px;
    border-radius: 4px;
    margin-bottom: 10px;
padding-left: 4.5%;
font-size: 17px;
font-weight: 300;
}
.formbut {
width: 100%;
margin-top: 0px;
height: 50px;
}
.modal-header .close {
margin: -38px -56px 0px 0px;
}
.close {
    font-size: 49px;
    font-weight: 200;
    line-height: 1;
    color: #ffffff;
    opacity: 1;
outline: none;
}
.close:hover, .close:focus {
color: #ffffff;
}
.stopimgcustom {
width: 100%;
margin-left: -119px;
margin-top: 40px;
}
.modal-content {
    border: 5px solid #ffba00;
    border-radius: 8px;
}
.modal-header {
 border: none;
}
.second {
background-image: url(../img/second.jpg);
background-size: cover;
padding-top: 2.6%;
padding-bottom: 2%;
}
.subimgtitle {
color: #ffffff;
font-size: 16px;
font-family: "HelveticaRegular";
margin-top: -64px;
  color: rgb(255, 255, 255);
  text-shadow: 0.5px 0.866px 1px rgba(16, 39, 64, 0.49);
  -moz-transform: matrix( 0.99879652831457,0,0,0.99604749090307,0,0);
  -webkit-transform: matrix( 0.99879652831457,0,0,0.99604749090307,0,0);
  -ms-transform: matrix( 0.99879652831457,0,0,0.99604749090307,0,0);


}
.yakor {
margin: 0px;
}
.onlymobile {
display: none;
}
.third {
background-color: #e4ecfb;
padding-bottom: 2.6%;
}
.black {
color: #000000;
padding-top: 2%;
padding-bottom: 2%;
}
.sbs {
margin-bottom: 6%;
}
.subg {
font-family: "HelveticaBold";
font-size: 19px;
margin-top: 15%;
  font-size: 19px;
  color: rgb(52, 54, 59);
  font-weight: bold;
  text-align: center;

}
.subgg {
  font-size: 14px;
  font-family: "HelveticaRegular";
  color: rgb(52, 54, 59);
  text-align: center;

}
.bestborder {
border: 6px solid #4db8f6!important;
}
.preim {
color: #fa5636;
text-decoration: none;
border-bottom: 1px dashed;
font-size: 15px;
}
.preim:hover {
color: #fa5636;
text-decoration: none;
}
#ascrail2000 {
z-index: 10000000000000!important;
}
.howitworks {
text-align: left;
color: #ffffff;
font-size: 17px;
padding-left: 17%;
margin-top: 8%;
  color: rgb(255, 255, 255);
  text-shadow: 0.5px 0.866px 1px rgba(29, 51, 77, 0.6);
  -moz-transform: matrix( 0.99815754979969,0,0,1,0,0);
  -webkit-transform: matrix( 0.99815754979969,0,0,1,0,0);
  -ms-transform: matrix( 0.99815754979969,0,0,1,0,0);
}
.chislo {
color: #ffba00;
font-size: 48px;
vertical-align: middle;
position: absolute;
left: 6%;
top: -18px;
}
.bettersee {
margin: 5% -0.5% -2% 0%;
}
.easybut {
font-size: 18px;
padding-left: 40px;
padding-right: 40px;
margin-top: 3.5%;
 width: 26%;
 height: 59px;
}
.four {
background-image: url(../img/bg2.jpg);
background-size: cover;
padding-top: 2.6%;
padding-bottom: 4%;
}
.whom {
font-size: 21px;
color: #ffffff;
margin: 0% 0% 0% 4%;
padding-top: 2%;
}
.blockmen {
background-image: url(../img/backmanwomen.png);
background-repeat: no-repeat;
background-size: 100%;
height: 361px;
}
.blockmen img {
padding-left: 4.5%;
padding-bottom: 2%;
margin-top: 4%;
}
.blockwomen img {
padding-left: 3.5%!important;
}
#ascrail2000-hr {
display: none!important;
}
.whytext {
color: #ffffff;
font-size: 23px;
font-family: "HelveticaMedium";
    margin-top: -5%;
  text-align: center;
  -moz-transform: matrix( 1.00004013626827,0,0,0.99810720155654,0,0);
  -webkit-transform: matrix( 1.00004013626827,0,0,0.99810720155654,0,0);
  -ms-transform: matrix( 1.00004013626827,0,0,0.99810720155654,0,0);

}
.banka {
    width: 100%;
}
.subwhytext {
font-size: 14.5px;
color: #ffffff;
font-family: "HelveticaRegular";
margin-top: 5%;
margin-bottom: 0px;
  color: rgb(255, 255, 255);
  text-align: center;
  -moz-transform: matrix( 1.00004013626827,0,0,0.99810720155654,0,0);
  -webkit-transform: matrix( 1.00004013626827,0,0,0.99810720155654,0,0);
  -ms-transform: matrix( 1.00004013626827,0,0,0.99810720155654,0,0);

}
.preimkartinka > img {
width: 55px;
}
.whychoosingus {

background-size: 100% 100%;
padding: 17px 18px 0px 18px;
height: 248px;
border: 5px solid #ffffff;
}
.mt12 {
margin-top: 1.2%;
}
.textetap {
color: #ffffff;
font-size: 16px;
font-family: "HelveticaMedium";
margin-left: -27px;
    margin-top: 17px;
}
.arrow {
 position: absolute;
right: -20px;
top: 0;
}
.mtsome {
margin-top: 61px;
}
.othermargin {
margin-top: 31px;
}
.priceimg {
min-height: 245px;
}
.titleofusl {
font-weight: 500;
font-size: 24px;
background-color: #c8d2e5;
padding: 3% 0% 3% 0%;
}
.price {
border: 6px solid #c8d2e5;
padding-top: 7%;
}
.othercolorprice {
border: 6px solid #4db8f6;
}
.otheruslcol {
background-color: #4db8f6;
}
.oldprice {
font-size: 24px;
font-family: "HelveticaMedium";
text-decoration: line-through;
color: #7d8199;
margin-top: 16px;
}
.newprice {
font-size: 36px;
color: #000000;
font-family: "HelveticaMedium";
}
.whatwillyouget {
font-family: "HelveticaBold";
font-size: 18px;
padding-left: 6%;
margin-bottom: 5%;
margin-top: 4%;
}
.getwhat {
padding-left: 6%;
font-size: 14px;
}
.text {
margin-left: 5px;
    display: inline-block;
font-family: "HelveticaRegular";
font-size: 15px;
margin-bottom: 5px;
}
.galka {
vertical-align: top;
}
.zakazb {
width: 90%!important;
height: 61px;
margin-bottom: 2%;
}
.cveta {
width: 100%;
transition: 0.4s;
padding-left: 2%;
margin-top: 30%;
}
.cveta:hover {
    -moz-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
transition: 0.4s;
position: relative;
z-index: 10000;
}
.cveta:hover ~ .titlecvet {
display: none;
transition: 0.4s;
}
.titlecvet {
font-size: 18px;
font-family: "HelveticaRegular";
margin-top: 7%;
transition: 0.4s;
}
.textreason {
font-size: 24px;
color: #ffffff;
background-color: #8b8b8b;
padding: 4px 0px 10px 23px;
margin-bottom: 5%;
}
.othercoloroftext {
color: #343439;
background-color: #ffba00;
}
.reasons {
border: 5px solid #8b8b8b;
padding-bottom: 2%;
}
.otherfon {
border: 5px solid #ffba00;
}
.resontext {
color: #ffffff;
font-size: 16px;
margin-left: -22px;
padding-right: 6%;
margin-top: 11px;
font-family: "HelveticaRegular";
}
.sto900 {
margin-top: 3%;
}
.margme {
margin-bottom: 18px;
}
.gramotacont {
border: none;
}
.nopad {
padding: 0px;
}
.interestingclass {
margin-bottom: -30px;
}
.gramotalarge {
width: 100%;
}
.gramota-title {
 color: #ffffff;
font-size: 18px;
margin-top: 20px;
font-family: "HelveticaRegular";
  color: rgb(255, 255, 255);
  text-shadow: 0.5px 0.866px 1px rgba(29, 51, 77, 0.6);
  -moz-transform: matrix( 0.99815754979969,0,0,1,0,0);
  -webkit-transform: matrix( 0.99815754979969,0,0,1,0,0);
  -ms-transform: matrix( 0.99815754979969,0,0,1,0,0);
}
.overlay {
background: rgba(199, 157, 25, 0.5) url("../img/view.png") 50% 50% no-repeat;
position: absolute;
    top: 0%;
    opacity: 0;
    left: 4%;
    width: 92%;
    height: 100%;
transition: 0.4s;
}
.gramota:hover .overlay {
opacity: 1;
transition: 0.4s;
cursor: pointer;
}
.gramota {
width: 100%;
min-height: 523px;
}
.otzivblock {
border: 4px solid #c1cde2;
min-height: 265px;
}
.otizvfoto {
border-radius: 50%;
width: 110px;
height: 110px;
background-image: url(../img/otizv/1.jpg);
background-position: center;
position: -9% 0% 0% -10%;
margin: -9% 0% 0% -10%;
    background-size:cover;
}
.subname {
 font-size: 15px;
color: #777b9a;
    text-align: left;
    padding-left: 18%;
margin-top: -9px;
}
.social {
margin-left: 4%;
}
.otzivname {
font-weight: 600;
font-size: 18px;
margin-top: -47px;
    text-align: left;
    padding-left: 18%;
}
.otzivtext {
    text-align: left;
    padding-left: 4%;
    padding-right: 4%;
color: #444760;
font-size: 16px;
}
.foto2 {
background-image: url(../img/otizv/2.jpg);
}
.trigger {
font-weight: 600;
font-size: 19px;
text-decoration: none;
color: #383f4d;

}
.nodecor {
color: #383f4d;
font-weight: 600;
}
.nodecor:hover, .nodecor:active, .nodecor:focus {
text-decoration: none;
color: #383f4d;
}
.answer {
font-style: italic;
font-size: 16px;
margin-bottom: 0%;
padding-left: 4.5%;
}
.questlogo {
margin-right: 1%;
}
.nodecor {
background-image: url(../img/arrows.png);
background-repeat: no-repeat;
padding-right: 3%;
background-position: 100% -10px;
}
.active > .nodecor {
background-position: 100% 10px;
}

.askss {
    background-image: url(../img/asks.png);
    background-size: 92%;
    background-position: center 124%;
    background-repeat: no-repeat;
}
.havequest {
font-size: 36px;
font-weight: 500;
color: #ffffff;
  font-size: 36px;
  font-family: "Roboto Slab";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: left;
  text-shadow: 0.5px 0.866px 1px rgba(29, 51, 77, 0.6);
  -moz-transform: matrix( 1,0,0,0.99791854341082,0,0);
  -webkit-transform: matrix( 1,0,0,0.99791854341082,0,0);
  -ms-transform: matrix( 1,0,0,0.99791854341082,0,0);


}
.subhavequest {
font-size: 24px;
color: #ffffff;
margin-bottom: 3%;
}
.infoot, .sendfot {
width: 26.5%;
height: 50px;
border: none;
border-radius: 5px;
margin-right: 1%;
font-size: 16px;
}
.infoot {
padding-left: 2%;
}
.sendfot {
background-color: #fa5636;
border-bottom: 3px solid #de4629;
color: #ffffff;
font-family: "HelveticaBold";
text-transform: uppercase;
font-size: 16px;
padding: 11px 22px 10px 22px;
outline: none;
margin-top: 10px;
transition: 0.2s;
}

.sendfot:hover {
background-color: #E46D60;
}
.sendfot:active {
background-color: #f25646;
border-bottom: 2px solid #cf4445;
}
.copyr {
color: #ffffff;
font-size: 16px;
margin-top: 13px;
}
.footermarg {
margin-top: 4%;
}
.rabotaem {
    margin: 7% 0% -4% -43%;
    font-size: 11px;
}
.overburger {
margin-top: 0px;
margin-left: -29px;
margin-bottom: 5px;
}
.navbar-toggle {
padding: 0px;
}
.navbar-toggle {
    margin-top: -7PX;
    MARGIN-BOTTOM: 4px;
}
.spisokgorodov {
color: #ff856d;
font-size: 16px;
font-family: "HelveticaRegular";
}
.text2 {
margin-top: 23px;
}
.text1, .text6, .text10 {
margin-top: 4px;
}
.gift {
    position: absolute;
    top: 16%;
    right: 39px;
}
.subgg {
margin-bottom: 0px;
}
.hyperlink {
color: #fa5636;
border-bottom: 2px dashed #fa5636;
}
.hyperlink:hover, .hyperlink:focus, .hyperlink:active {
text-decoration: none;
color: #FF7E65;
}
.cabokibottle {
    width: 190%;
    margin: -57% 0% -24% -43%;
}
.preimkartinka {
min-height: 65px;
}
.spisokgor {
border-bottom: 2px dashed #ff856d;
color: #ff856d;
}
.spisokgor:hover, .spisokgor:focus, .spisokgor:active {
color: #ff856d;
text-decoration: none;
}
.cities {
color: #252a38;
font-family: "HelveticaRegular";
font-size: 16px;
list-style-image: url(../img/check.png);
}
.subcities {
padding-bottom: 1%;
}
.priceforship {
color: #c92b33;
}
.someborder {
 border-right: 1px solid #e8e8e8;
}

.iss{
  display: inline-block;
  vertical-align: top;
  width: 9px;
  height: 20px;
  margin: -75px 56px 0px 72px;
  font-size: 20px;
  color: #fff;
  position: relative;
}

.iss_text{
  position: absolute;
  width: 149px;
  height: auto;
  padding: 10px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    background: rgba(76, 90, 118, 0.6);
    display: none;
    bottom: 25px;
    left: -60px;
}
.iss:hover .iss_text{
  display: block;
}
.iss:first-child{
  margin-left: 136px;
}
.iss_m2{
  margin-left: 92px;
}
.iss_m3 {
margin-left: 84px;
}
.iss:last-child{
  margin-right: 0px;
}
.wom .iss{
    width: 14px;
    height: 20px;
    margin: 0px 50px 0px 72px;
}
.wom .iss:first-child{
  margin-left: 34px;
  padding-left: 2px;
}
.wom .iss:last-child{
  margin-right: 0px;
}
.issa {
margin: -68px 56px 0px 72px;
}
.onlymobile740 {
display: none;
}
.stopercentmobile  {
width: 30%;
}
.adasd {
margin-left: 7%;
}
.subg {
height: 52px;
}
.nazvdost {
list-style-type: none;
font-weight: 700;
font-size: 17px;
}
.arrowdown {
margin: 4% 0% 0% 0%;
}
.pulse {
-webkit-animation-name: spin;
    -webkit-animation-duration: 600ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 600ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 600ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}
.foto3 {
background-image: url(../img/otizv/3.jpg);
}
.nofoto {
background: none;
}
.longtext {
    max-height: 158px;
    overflow-y: scroll;
}
.foto4 {
background-image: url(../img/otizv/4.png);
}
.foto5 {
background-image: url(../img/otizv/5.jpg);
}
.language {
    background-color: #0C294A;
    width: 110px;
    margin: 42px 0px 0px 0px;
padding: 0px 0px 0px 21px;
}
.onlymobilesmall {
display: none;
}

/*************************************/

.nav>li>a {
    padding: 3px 12px;
}
.div_payment ul li {
    display: inline-block;
}
.payment {
    display: inline-block;
    vertical-align: top;
    width: 157px;
    height: 67px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: url('../img/sprite.png') no-repeat;
    margin: 8px 4px 0 0;
}
.payment.uzcard {
    background-position: 0 -384px;
}
.payment.visa {
    background-position: 0 -518px;
}
.payment.cash {
    background-position: 0 -585px;
}
.methods_payments {
    color: #fff;
    margin-right: 375px;
}
.form-direct{
    max-width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: 15px;
    border: 5px solid #406799;
    border-radius: 8px;

}
.form-direct h4{
    text-align: center;
    color: #2e3b48;
    font-size: 25px;
    margin-top: 0px;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 7px;
    margin-top: 10px;
}
.form-direct h4 span{
    font-size: 16px;
    color: #6a7789;
    display: inline-block;
    line-height: 20px;
    margin: 10px 0px 5px 0px;
}
.form-direct input{
    width: 100%;
}
/*.youtube img{
    width: 100%;
    height: auto;
    max-width: 300px;
}*/
/*.youtubep{
  display: inline-block;
  width: 100%;
  height: 500px;
}*/
.youtube2{
  padding-left: 120px;
  padding-top: 5px;

}
.youtube2 a{
  outline: none;
}
@media (min-width: 768px){
  #youModal .modal-dialog {
    width: 500px!important;
  }
}
@media screen and (max-width: 992px){
 /* #youModal .modal-dialog {
    width: 100%!important;
    margin: 0px 10px;
  }*/
  .youtube2{
    padding-left: 0px;
    margin-bottom: 20px;
  }
}