.lb-loader,
 .lightbox {
     text-align: center;
     line-height: 0
 }

 .lb-dataContainer:after,
 .lb-outerContainer:after {
     content: "";
     clear: both
 }

 html.lb-disable-scrolling {
     overflow: hidden;
     position: fixed;
     height: 100vh;
     width: 100vw
 }

 .lightboxOverlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 9999;
     background-color: #000;
     filter: alpha(Opacity=80);
     opacity: .8;
     display: none
 }

 .lightbox {
     position: absolute;
     left: 0;
     width: 100%;
     z-index: 10000;
     font-weight: 400
 }

 .lightbox .lb-image {
     display: block;
     height: auto;
     max-width: inherit;
     max-height: none;
     border-radius: 3px;
     border: 4px solid #fff
 }

 .lightbox a img {
     border: none
 }

 .lb-outerContainer {
     position: relative;
     width: 250px;
     height: 250px;
     margin: 0 auto;
     border-radius: 4px;
     background-color: #fff
 }

 .lb-loader,
 .lb-nav {
     position: absolute;
     left: 0
 }

 .lb-outerContainer:after {
     display: table
 }

 .lb-loader {
     top: 43%;
     height: 25%;
     width: 100%
 }

 .lb-cancel {
     display: block;
     width: 32px;
     height: 32px;
     margin: 0 auto;
     background: url(../img/loading.gif) no-repeat
 }

 .lb-nav {
     top: 0;
     height: 100%;
     width: 100%;
     z-index: 10
 }

 .lb-container > .nav {
     left: 0
 }

 .lb-nav a {
     outline: 0;
     background-image: url(data:image/gif;
 base64, R0lGODlhAQABAPAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
 }

 .lb-next,
 .lb-prev {
     height: 100%;
     cursor: pointer;
     display: block
 }

 .lb-nav a.lb-prev {
     width: 34%;
     left: 0;
     float: left;
     background: url(../img/prev.png) left 48% no-repeat;
     filter: alpha(Opacity=0);
     opacity: 0;
     -webkit-transition: opacity .6s;
     transition: opacity .6s
 }

 .lb-nav a.lb-prev:hover {
     filter: alpha(Opacity=100);
     opacity: 1
 }

 .lb-nav a.lb-next {
     width: 64%;
     right: 0;
     float: right;
     background: url(../img/next.png) right 48% no-repeat;
     filter: alpha(Opacity=0);
     opacity: 0;
     -webkit-transition: opacity .6s;
     transition: opacity .6s
 }

 .lb-nav a.lb-next:hover {
     filter: alpha(Opacity=100);
     opacity: 1
 }

 .lb-dataContainer {
     margin: 0 auto;
     padding-top: 5px;
     width: 100%;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px
 }

 .lb-dataContainer:after {
     display: table
 }

 .lb-data {
     padding: 0 4px;
     color: #ccc
 }

 .lb-data .lb-details {
     width: 85%;
     float: left;
     text-align: left;
     line-height: 1.1em
 }

 .lb-data .lb-caption {
     font-size: 13px;
     font-weight: 700;
     line-height: 1em
 }

 .lb-data .lb-caption a {
     color: #4ae
 }

 .lb-data .lb-number {
     display: block;
     clear: left;
     padding-bottom: 1em;
     font-size: 12px;
     color: #999
 }

 .lb-data .lb-close {
     display: block;
     float: right;
     width: 30px;
     height: 30px;
     background: url(../img/close.png) top right no-repeat;
     text-align: right;
     outline: 0;
     filter: alpha(Opacity=70);
     opacity: .7;
     -webkit-transition: opacity .2s;
     transition: opacity .2s
 }

 .lb-data .lb-close:hover {
     cursor: pointer;
     filter: alpha(Opacity=100);
     opacity: 1
 }


 .intl-tel-input {
     position: relative;
     /*    display: inline-block*/
 }

 .intl-tel-input * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -moz-box-sizing: border-box
 }

 .intl-tel-input .hide {
     display: none
 }

 .intl-tel-input .v-hide {
     visibility: hidden
 }

 .intl-tel-input input,
 .intl-tel-input input[type=tel],
 .intl-tel-input input[type=text] {
     position: relative;
     z-index: 0;
     margin-top: 0 !important;
     margin-bottom: 0 !important;
     padding-right: 36px;
     margin-right: 0
 }

 .intl-tel-input .flag-container {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     padding: 1px
 }

 .intl-tel-input .selected-flag {
     z-index: 1;
     position: relative;
     width: 36px;
     height: 100%;
     padding: 0 0 0 20px
 }

 .intl-tel-input .selected-flag .iti-flag {
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto
 }

 .intl-tel-input .selected-flag .iti-arrow {
     position: absolute;
     top: 50%;
     margin-top: -2px;
     right: 6px;
     width: 0;
     height: 0;
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
     border-top: 4px solid #555
 }

 .intl-tel-input .selected-flag .iti-arrow.up {
     border-top: none;
     border-bottom: 4px solid #555
 }

 .intl-tel-input .country-list {
     position: absolute;
     z-index: 2;
     list-style: none;
     text-align: left;
     padding: 0;
     margin: 0 0 0 -1px;
     -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
     box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
     background-color: #fff;
     border: 1px solid #ccc;
     white-space: nowrap;
     max-height: 200px;
     color: #2d2d2d;
     overflow-y: scroll
 }

 .intl-tel-input .country-list.dropup {
     bottom: 100%;
     margin-bottom: -1px;
     color: #2d2d2d;
 }

 .intl-tel-input .country-list .flag-box {
     display: inline-block;
     width: 20px
 }

 .intl-tel-input .country-list .divider {
     padding-bottom: 5px;
     margin-bottom: 5px;
     border-bottom: 1px solid #ccc
 }

 .intl-tel-input .country-list .country {
     padding: 5px 10px
 }

 .intl-tel-input .country-list .country .dial-code {
     color: #999
 }

 .intl-tel-input .country-list .country.highlight {
     background-color: rgba(0, 0, 0, .05)
 }

 .intl-tel-input .country-list .country-name,
 .intl-tel-input .country-list .dial-code,
 .intl-tel-input .country-list .flag-box {
     vertical-align: middle
 }

 .intl-tel-input .country-list .country-name,
 .intl-tel-input .country-list .flag-box {
     margin-right: 6px
 }

 .intl-tel-input.allow-dropdown input,
 .intl-tel-input.allow-dropdown input[type=tel],
 .intl-tel-input.allow-dropdown input[type=text],
 .intl-tel-input.separate-dial-code input,
 .intl-tel-input.separate-dial-code input[type=tel],
 .intl-tel-input.separate-dial-code input[type=text] {
     padding-right: 6px;
     padding-left: 60px;
     margin-left: 0
 }

 .intl-tel-input.allow-dropdown .flag-container,
 .intl-tel-input.separate-dial-code .flag-container {
     right: auto;
     left: 0
 }

 .intl-tel-input.allow-dropdown .selected-flag,
 .intl-tel-input.separate-dial-code .selected-flag {
     width: 57px
 }

 .intl-tel-input.allow-dropdown .flag-container:hover {
     cursor: pointer
 }

 .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
     background-color: rgba(0, 0, 0, .05)
 }

 .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
 .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
     cursor: default
 }

 .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
 .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
     background-color: transparent
 }

 .intl-tel-input.separate-dial-code .selected-flag {
     background-color: rgba(0, 0, 0, .05);
     display: table
 }

 .intl-tel-input.separate-dial-code .selected-dial-code {
     display: table-cell;
     vertical-align: middle;
     padding-left: 28px
 }

 .intl-tel-input.separate-dial-code.iti-sdc-2 input,
 .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],
 .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
     padding-left: 66px
 }

 .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
     width: 60px
 }

 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
     padding-left: 76px
 }

 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
     width: 70px
 }

 .intl-tel-input.separate-dial-code.iti-sdc-3 input,
 .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],
 .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
     padding-left: 74px
 }

 .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
     width: 68px
 }

 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
     padding-left: 84px
 }

 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
     width: 78px
 }

 .intl-tel-input.separate-dial-code.iti-sdc-4 input,
 .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],
 .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
     padding-left: 82px
 }

 .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
     width: 76px
 }

 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
     padding-left: 92px
 }

 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
     width: 86px
 }

 .intl-tel-input.separate-dial-code.iti-sdc-5 input,
 .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],
 .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
     padding-left: 90px
 }

 .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
     width: 84px
 }

 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
     padding-left: 100px
 }

 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
     width: 94px
 }

 .intl-tel-input.iti-container {
     position: absolute;
     top: -1000px;
     left: -1000px;
     z-index: 1060;
     padding: 1px
 }

 .intl-tel-input.iti-container:hover {
     cursor: pointer
 }

 .iti-mobile .intl-tel-input.iti-container {
     top: 30px;
     bottom: 30px;
     left: 30px;
     right: 30px;
     position: fixed
 }

 .iti-mobile .intl-tel-input .country-list {
     max-height: 100%;
     width: 100%
 }

 .iti-mobile .intl-tel-input .country-list .country {
     padding: 10px;
     line-height: 1.5em
 }

 .iti-flag.be {
     width: 18px
 }

 .iti-flag.ch {
     width: 15px
 }

 .iti-flag.mc {
     width: 19px
 }

 .iti-flag.ne {
     width: 18px
 }

 .iti-flag.ac {
     height: 10px;
     background-position: 0 0
 }

 .iti-flag.ad {
     height: 14px;
     background-position: -22px 0
 }

 .iti-flag.ae {
     height: 10px;
     background-position: -44px 0
 }

 .iti-flag.af {
     height: 14px;
     background-position: -66px 0
 }

 .iti-flag.ag {
     height: 14px;
     background-position: -88px 0
 }

 .iti-flag.ai {
     height: 10px;
     background-position: -110px 0
 }

 .iti-flag.al {
     height: 15px;
     background-position: -132px 0
 }

 .iti-flag.am {
     height: 10px;
     background-position: -154px 0
 }

 .iti-flag.ao {
     height: 14px;
     background-position: -176px 0
 }

 .iti-flag.aq {
     height: 14px;
     background-position: -198px 0
 }

 .iti-flag.ar {
     height: 13px;
     background-position: -220px 0
 }

 .iti-flag.as {
     height: 10px;
     background-position: -242px 0
 }

 .iti-flag.at {
     height: 14px;
     background-position: -264px 0
 }

 .iti-flag.au {
     height: 10px;
     background-position: -286px 0
 }

 .iti-flag.aw {
     height: 14px;
     background-position: -308px 0
 }

 .iti-flag.ax {
     height: 13px;
     background-position: -330px 0
 }

 .iti-flag.az {
     height: 10px;
     background-position: -352px 0
 }

 .iti-flag.ba {
     height: 10px;
     background-position: -374px 0
 }

 .iti-flag.bb {
     height: 14px;
     background-position: -396px 0
 }

 .iti-flag.bd {
     height: 12px;
     background-position: -418px 0
 }

 .iti-flag.be {
     height: 15px;
     background-position: -440px 0
 }

 .iti-flag.bf {
     height: 14px;
     background-position: -460px 0
 }

 .iti-flag.bg {
     height: 12px;
     background-position: -482px 0
 }

 .iti-flag.bh {
     height: 12px;
     background-position: -504px 0
 }

 .iti-flag.bi {
     height: 12px;
     background-position: -526px 0
 }

 .iti-flag.bj {
     height: 14px;
     background-position: -548px 0
 }

 .iti-flag.bl {
     height: 14px;
     background-position: -570px 0
 }

 .iti-flag.bm {
     height: 10px;
     background-position: -592px 0
 }

 .iti-flag.bn {
     height: 10px;
     background-position: -614px 0
 }

 .iti-flag.bo {
     height: 14px;
     background-position: -636px 0
 }

 .iti-flag.bq {
     height: 14px;
     background-position: -658px 0
 }

 .iti-flag.br {
     height: 14px;
     background-position: -680px 0
 }

 .iti-flag.bs {
     height: 10px;
     background-position: -702px 0
 }

 .iti-flag.bt {
     height: 14px;
     background-position: -724px 0
 }

 .iti-flag.bv {
     height: 15px;
     background-position: -746px 0
 }

 .iti-flag.bw {
     height: 14px;
     background-position: -768px 0
 }

 .iti-flag.by {
     height: 10px;
     background-position: -790px 0
 }

 .iti-flag.bz {
     height: 14px;
     background-position: -812px 0
 }

 .iti-flag.ca {
     height: 10px;
     background-position: -834px 0
 }

 .iti-flag.cc {
     height: 10px;
     background-position: -856px 0
 }

 .iti-flag.cd {
     height: 15px;
     background-position: -878px 0
 }

 .iti-flag.cf {
     height: 14px;
     background-position: -900px 0
 }

 .iti-flag.cg {
     height: 14px;
     background-position: -922px 0
 }

 .iti-flag.ch {
     height: 15px;
     background-position: -944px 0
 }

 .iti-flag.ci {
     height: 14px;
     background-position: -961px 0
 }

 .iti-flag.ck {
     height: 10px;
     background-position: -983px 0
 }

 .iti-flag.cl {
     height: 14px;
     background-position: -1005px 0
 }

 .iti-flag.cm {
     height: 14px;
     background-position: -1027px 0
 }

 .iti-flag.cn {
     height: 14px;
     background-position: -1049px 0
 }

 .iti-flag.co {
     height: 14px;
     background-position: -1071px 0
 }

 .iti-flag.cp {
     height: 14px;
     background-position: -1093px 0
 }

 .iti-flag.cr {
     height: 12px;
     background-position: -1115px 0
 }

 .iti-flag.cu {
     height: 10px;
     background-position: -1137px 0
 }

 .iti-flag.cv {
     height: 12px;
     background-position: -1159px 0
 }

 .iti-flag.cw {
     height: 14px;
     background-position: -1181px 0
 }

 .iti-flag.cx {
     height: 10px;
     background-position: -1203px 0
 }

 .iti-flag.cy {
     height: 13px;
     background-position: -1225px 0
 }

 .iti-flag.cz {
     height: 14px;
     background-position: -1247px 0
 }

 .iti-flag.de {
     height: 12px;
     background-position: -1269px 0
 }

 .iti-flag.dg {
     height: 10px;
     background-position: -1291px 0
 }

 .iti-flag.dj {
     height: 14px;
     background-position: -1313px 0
 }

 .iti-flag.dk {
     height: 15px;
     background-position: -1335px 0
 }

 .iti-flag.dm {
     height: 10px;
     background-position: -1357px 0
 }

 .iti-flag.do {
     height: 13px;
     background-position: -1379px 0
 }

 .iti-flag.dz {
     height: 14px;
     background-position: -1401px 0
 }

 .iti-flag.ea {
     height: 14px;
     background-position: -1423px 0
 }

 .iti-flag.ec {
     height: 14px;
     background-position: -1445px 0
 }

 .iti-flag.ee {
     height: 13px;
     background-position: -1467px 0
 }

 .iti-flag.eg {
     height: 14px;
     background-position: -1489px 0
 }

 .iti-flag.eh {
     height: 10px;
     background-position: -1511px 0
 }

 .iti-flag.er {
     height: 10px;
     background-position: -1533px 0
 }

 .iti-flag.es {
     height: 14px;
     background-position: -1555px 0
 }

 .iti-flag.et {
     height: 10px;
     background-position: -1577px 0
 }

 .iti-flag.eu {
     height: 14px;
     background-position: -1599px 0
 }

 .iti-flag.fi {
     height: 12px;
     background-position: -1621px 0
 }

 .iti-flag.fj {
     height: 10px;
     background-position: -1643px 0
 }

 .iti-flag.fk {
     height: 10px;
     background-position: -1665px 0
 }

 .iti-flag.fm {
     height: 11px;
     background-position: -1687px 0
 }

 .iti-flag.fo {
     height: 15px;
     background-position: -1709px 0
 }

 .iti-flag.fr {
     height: 14px;
     background-position: -1731px 0
 }

 .iti-flag.ga {
     height: 15px;
     background-position: -1753px 0
 }

 .iti-flag.gb {
     height: 10px;
     background-position: -1775px 0
 }

 .iti-flag.gd {
     height: 12px;
     background-position: -1797px 0
 }

 .iti-flag.ge {
     height: 14px;
     background-position: -1819px 0
 }

 .iti-flag.gf {
     height: 14px;
     background-position: -1841px 0
 }

 .iti-flag.gg {
     height: 14px;
     background-position: -1863px 0
 }

 .iti-flag.gh {
     height: 14px;
     background-position: -1885px 0
 }

 .iti-flag.gi {
     height: 10px;
     background-position: -1907px 0
 }

 .iti-flag.gl {
     height: 14px;
     background-position: -1929px 0
 }

 .iti-flag.gm {
     height: 14px;
     background-position: -1951px 0
 }

 .iti-flag.gn {
     height: 14px;
     background-position: -1973px 0
 }

 .iti-flag.gp {
     height: 14px;
     background-position: -1995px 0
 }

 .iti-flag.gq {
     height: 14px;
     background-position: -2017px 0
 }

 .iti-flag.gr {
     height: 14px;
     background-position: -2039px 0
 }

 .iti-flag.gs {
     height: 10px;
     background-position: -2061px 0
 }

 .iti-flag.gt {
     height: 13px;
     background-position: -2083px 0
 }

 .iti-flag.gu {
     height: 11px;
     background-position: -2105px 0
 }

 .iti-flag.gw {
     height: 10px;
     background-position: -2127px 0
 }

 .iti-flag.gy {
     height: 12px;
     background-position: -2149px 0
 }

 .iti-flag.hk {
     height: 14px;
     background-position: -2171px 0
 }

 .iti-flag.hm {
     height: 10px;
     background-position: -2193px 0
 }

 .iti-flag.hn {
     height: 10px;
     background-position: -2215px 0
 }

 .iti-flag.hr {
     height: 10px;
     background-position: -2237px 0
 }

 .iti-flag.ht {
     height: 12px;
     background-position: -2259px 0
 }

 .iti-flag.hu {
     height: 10px;
     background-position: -2281px 0
 }

 .iti-flag.ic {
     height: 14px;
     background-position: -2303px 0
 }

 .iti-flag.id {
     height: 14px;
     background-position: -2325px 0
 }

 .iti-flag.ie {
     height: 10px;
     background-position: -2347px 0
 }

 .iti-flag.il {
     height: 15px;
     background-position: -2369px 0
 }

 .iti-flag.im {
     height: 10px;
     background-position: -2391px 0
 }

 .iti-flag.in {
     height: 14px;
     background-position: -2413px 0
 }

 .iti-flag.io {
     height: 10px;
     background-position: -2435px 0
 }

 .iti-flag.iq {
     height: 14px;
     background-position: -2457px 0
 }

 .iti-flag.ir {
     height: 12px;
     background-position: -2479px 0
 }

 .iti-flag.is {
     height: 15px;
     background-position: -2501px 0
 }

 .iti-flag.it {
     height: 14px;
     background-position: -2523px 0
 }

 .iti-flag.je {
     height: 12px;
     background-position: -2545px 0
 }

 .iti-flag.jm {
     height: 10px;
     background-position: -2567px 0
 }

 .iti-flag.jo {
     height: 10px;
     background-position: -2589px 0
 }

 .iti-flag.jp {
     height: 14px;
     background-position: -2611px 0
 }

 .iti-flag.ke {
     height: 14px;
     background-position: -2633px 0
 }

 .iti-flag.kg {
     height: 12px;
     background-position: -2655px 0
 }

 .iti-flag.kh {
     height: 13px;
     background-position: -2677px 0
 }

 .iti-flag.ki {
     height: 10px;
     background-position: -2699px 0
 }

 .iti-flag.km {
     height: 12px;
     background-position: -2721px 0
 }

 .iti-flag.kn {
     height: 14px;
     background-position: -2743px 0
 }

 .iti-flag.kp {
     height: 10px;
     background-position: -2765px 0
 }

 .iti-flag.kr {
     height: 14px;
     background-position: -2787px 0
 }

 .iti-flag.kw {
     height: 10px;
     background-position: -2809px 0
 }

 .iti-flag.ky {
     height: 10px;
     background-position: -2831px 0
 }

 .iti-flag.kz {
     height: 10px;
     background-position: -2853px 0
 }

 .iti-flag.la {
     height: 14px;
     background-position: -2875px 0
 }

 .iti-flag.lb {
     height: 14px;
     background-position: -2897px 0
 }

 .iti-flag.lc {
     height: 10px;
     background-position: -2919px 0
 }

 .iti-flag.li {
     height: 12px;
     background-position: -2941px 0
 }

 .iti-flag.lk {
     height: 10px;
     background-position: -2963px 0
 }

 .iti-flag.lr {
     height: 11px;
     background-position: -2985px 0
 }

 .iti-flag.ls {
     height: 14px;
     background-position: -3007px 0
 }

 .iti-flag.lt {
     height: 12px;
     background-position: -3029px 0
 }

 .iti-flag.lu {
     height: 12px;
     background-position: -3051px 0
 }

 .iti-flag.lv {
     height: 10px;
     background-position: -3073px 0
 }

 .iti-flag.ly {
     height: 10px;
     background-position: -3095px 0
 }

 .iti-flag.ma {
     height: 14px;
     background-position: -3117px 0
 }

 .iti-flag.mc {
     height: 15px;
     background-position: -3139px 0
 }

 .iti-flag.md {
     height: 10px;
     background-position: -3160px 0
 }

 .iti-flag.me {
     height: 10px;
     background-position: -3182px 0
 }

 .iti-flag.mf {
     height: 14px;
     background-position: -3204px 0
 }

 .iti-flag.mg {
     height: 14px;
     background-position: -3226px 0
 }

 .iti-flag.mh {
     height: 11px;
     background-position: -3248px 0
 }

 .iti-flag.mk {
     height: 10px;
     background-position: -3270px 0
 }

 .iti-flag.ml {
     height: 14px;
     background-position: -3292px 0
 }

 .iti-flag.mm {
     height: 14px;
     background-position: -3314px 0
 }

 .iti-flag.mn {
     height: 10px;
     background-position: -3336px 0
 }

 .iti-flag.mo {
     height: 14px;
     background-position: -3358px 0
 }

 .iti-flag.mp {
     height: 10px;
     background-position: -3380px 0
 }

 .iti-flag.mq {
     height: 14px;
     background-position: -3402px 0
 }

 .iti-flag.mr {
     height: 14px;
     background-position: -3424px 0
 }

 .iti-flag.ms {
     height: 10px;
     background-position: -3446px 0
 }

 .iti-flag.mt {
     height: 14px;
     background-position: -3468px 0
 }

 .iti-flag.mu {
     height: 14px;
     background-position: -3490px 0
 }

 .iti-flag.mv {
     height: 14px;
     background-position: -3512px 0
 }

 .iti-flag.mw {
     height: 14px;
     background-position: -3534px 0
 }

 .iti-flag.mx {
     height: 12px;
     background-position: -3556px 0
 }

 .iti-flag.my {
     height: 10px;
     background-position: -3578px 0
 }

 .iti-flag.mz {
     height: 14px;
     background-position: -3600px 0
 }

 .iti-flag.na {
     height: 14px;
     background-position: -3622px 0
 }

 .iti-flag.nc {
     height: 10px;
     background-position: -3644px 0
 }

 .iti-flag.ne {
     height: 15px;
     background-position: -3666px 0
 }

 .iti-flag.nf {
     height: 10px;
     background-position: -3686px 0
 }

 .iti-flag.ng {
     height: 10px;
     background-position: -3708px 0
 }

 .iti-flag.ni {
     height: 12px;
     background-position: -3730px 0
 }

 .iti-flag.nl {
     height: 14px;
     background-position: -3752px 0
 }

 .iti-flag.no {
     height: 15px;
     background-position: -3774px 0
 }

 .iti-flag.np {
     width: 13px;
     height: 15px;
     background-position: -3796px 0;
     background-color: transparent
 }

 .iti-flag.nr {
     height: 10px;
     background-position: -3811px 0
 }

 .iti-flag.nu {
     height: 10px;
     background-position: -3833px 0
 }

 .iti-flag.nz {
     height: 10px;
     background-position: -3855px 0
 }

 .iti-flag.om {
     height: 10px;
     background-position: -3877px 0
 }

 .iti-flag.pa {
     height: 14px;
     background-position: -3899px 0
 }

 .iti-flag.pe {
     height: 14px;
     background-position: -3921px 0
 }

 .iti-flag.pf {
     height: 14px;
     background-position: -3943px 0
 }

 .iti-flag.pg {
     height: 15px;
     background-position: -3965px 0
 }

 .iti-flag.ph {
     height: 10px;
     background-position: -3987px 0
 }

 .iti-flag.pk {
     height: 14px;
     background-position: -4009px 0
 }

 .iti-flag.pl {
     height: 13px;
     background-position: -4031px 0
 }

 .iti-flag.pm {
     height: 14px;
     background-position: -4053px 0
 }

 .iti-flag.pn {
     height: 10px;
     background-position: -4075px 0
 }

 .iti-flag.pr {
     height: 14px;
     background-position: -4097px 0
 }

 .iti-flag.ps {
     height: 10px;
     background-position: -4119px 0
 }

 .iti-flag.pt {
     height: 14px;
     background-position: -4141px 0
 }

 .iti-flag.pw {
     height: 13px;
     background-position: -4163px 0
 }

 .iti-flag.py {
     height: 11px;
     background-position: -4185px 0
 }

 .iti-flag.qa {
     height: 8px;
     background-position: -4207px 0
 }

 .iti-flag.re {
     height: 14px;
     background-position: -4229px 0
 }

 .iti-flag.ro {
     height: 14px;
     background-position: -4251px 0
 }

 .iti-flag.rs {
     height: 14px;
     background-position: -4273px 0
 }

 .iti-flag.ru {
     height: 14px;
     background-position: -4295px 0
 }

 .iti-flag.rw {
     height: 14px;
     background-position: -4317px 0
 }

 .iti-flag.sa {
     height: 14px;
     background-position: -4339px 0
 }

 .iti-flag.sb {
     height: 10px;
     background-position: -4361px 0
 }

 .iti-flag.sc {
     height: 10px;
     background-position: -4383px 0
 }

 .iti-flag.sd {
     height: 10px;
     background-position: -4405px 0
 }

 .iti-flag.se {
     height: 13px;
     background-position: -4427px 0
 }

 .iti-flag.sg {
     height: 14px;
     background-position: -4449px 0
 }

 .iti-flag.sh {
     height: 10px;
     background-position: -4471px 0
 }

 .iti-flag.si {
     height: 10px;
     background-position: -4493px 0
 }

 .iti-flag.sj {
     height: 15px;
     background-position: -4515px 0
 }

 .iti-flag.sk {
     height: 14px;
     background-position: -4537px 0
 }

 .iti-flag.sl {
     height: 14px;
     background-position: -4559px 0
 }

 .iti-flag.sm {
     height: 15px;
     background-position: -4581px 0
 }

 .iti-flag.sn {
     height: 14px;
     background-position: -4603px 0
 }

 .iti-flag.so {
     height: 14px;
     background-position: -4625px 0
 }

 .iti-flag.sr {
     height: 14px;
     background-position: -4647px 0
 }

 .iti-flag.ss {
     height: 10px;
     background-position: -4669px 0
 }

 .iti-flag.st {
     height: 10px;
     background-position: -4691px 0
 }

 .iti-flag.sv {
     height: 12px;
     background-position: -4713px 0
 }

 .iti-flag.sx {
     height: 14px;
     background-position: -4735px 0
 }

 .iti-flag.sy {
     height: 14px;
     background-position: -4757px 0
 }

 .iti-flag.sz {
     height: 14px;
     background-position: -4779px 0
 }

 .iti-flag.ta {
     height: 10px;
     background-position: -4801px 0
 }

 .iti-flag.tc {
     height: 10px;
     background-position: -4823px 0
 }

 .iti-flag.td {
     height: 14px;
     background-position: -4845px 0
 }

 .iti-flag.tf {
     height: 14px;
     background-position: -4867px 0
 }

 .iti-flag.tg {
     height: 13px;
     background-position: -4889px 0
 }

 .iti-flag.th {
     height: 14px;
     background-position: -4911px 0
 }

 .iti-flag.tj {
     height: 10px;
     background-position: -4933px 0
 }

 .iti-flag.tk {
     height: 10px;
     background-position: -4955px 0
 }

 .iti-flag.tl {
     height: 10px;
     background-position: -4977px 0
 }

 .iti-flag.tm {
     height: 14px;
     background-position: -4999px 0
 }

 .iti-flag.tn {
     height: 14px;
     background-position: -5021px 0
 }

 .iti-flag.to {
     height: 10px;
     background-position: -5043px 0
 }

 .iti-flag.tr {
     height: 14px;
     background-position: -5065px 0
 }

 .iti-flag.tt {
     height: 12px;
     background-position: -5087px 0
 }

 .iti-flag.tv {
     height: 10px;
     background-position: -5109px 0
 }

 .iti-flag.tw {
     height: 14px;
     background-position: -5131px 0
 }

 .iti-flag.tz {
     height: 14px;
     background-position: -5153px 0
 }

 .iti-flag.ua {
     height: 14px;
     background-position: -5175px 0
 }

 .iti-flag.ug {
     height: 14px;
     background-position: -5197px 0
 }

 .iti-flag.um {
     height: 11px;
     background-position: -5219px 0
 }

 .iti-flag.us {
     height: 11px;
     background-position: -5241px 0
 }

 .iti-flag.uy {
     height: 14px;
     background-position: -5263px 0
 }

 .iti-flag.uz {
     height: 10px;
     background-position: -5285px 0
 }

 .iti-flag.va {
     width: 15px;
     height: 15px;
     background-position: -5307px 0
 }

 .iti-flag.vc {
     height: 14px;
     background-position: -5324px 0
 }

 .iti-flag.ve {
     height: 14px;
     background-position: -5346px 0
 }

 .iti-flag.vg {
     height: 10px;
     background-position: -5368px 0
 }

 .iti-flag.vi {
     height: 14px;
     background-position: -5390px 0
 }

 .iti-flag.vn {
     height: 14px;
     background-position: -5412px 0
 }

 .iti-flag.vu {
     height: 12px;
     background-position: -5434px 0
 }

 .iti-flag.wf {
     height: 14px;
     background-position: -5456px 0
 }

 .iti-flag.ws {
     height: 10px;
     background-position: -5478px 0
 }

 .iti-flag.xk {
     height: 15px;
     background-position: -5500px 0
 }

 .iti-flag.ye {
     height: 14px;
     background-position: -5522px 0
 }

 .iti-flag.yt {
     height: 14px;
     background-position: -5544px 0
 }

 .iti-flag.za {
     height: 14px;
     background-position: -5566px 0
 }

 .iti-flag.zm {
     height: 14px;
     background-position: -5588px 0
 }

 .iti-flag.zw {
     height: 10px;
     background-position: -5610px 0
 }

 .iti-flag {
     width: 20px;
     height: 15px;
     -webkit-box-shadow: 0 0 1px 0 #888;
     box-shadow: 0 0 1px 0 #888;
     background-image: url(../img/flags.png);
     background-repeat: no-repeat;
     background-color: #dbdbdb;
     background-position: 20px 0
 }

 @media (max-width:500px) {
     .intl-tel-input .country-list {
         white-space: normal
     }
 }

 .selected-flag:focus {
     outline: none;
 }

 @media only screen and (-webkit-min-device-pixel-ratio:2),
 only screen and (min--moz-device-pixel-ratio:2),
 only screen and (min-device-pixel-ratio:2),
 only screen and (min-resolution:192dpi),
 only screen and (min-resolution:2dppx) {
     .iti-flag {
         background-size: 5630px 15px;
         background-image: url(../img/flags@2x.png)
     }
 }

 .animation {
     visibility: hidden;
 }

 .animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     visibility: visible;
 }


 .animated.infinite {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
 }

 .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
 }

 @-webkit-keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(20px);
         transform: translateX(20px)
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 @keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(20px);
         transform: translateX(20px)
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0
     }

     100% {
         opacity: 1
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0
     }

     100% {
         opacity: 1
     }
 }

 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn
 }

 @-webkit-keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translateX(-20px);
         transform: translateX(-20px)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }

 @keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translateX(-20px);
         transform: translateX(-20px)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }

 .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
 }


 @-webkit-keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px)
     }

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }

 @keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px)
     }

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }

 .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
 }

 @-webkit-keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translateY(20px);
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
 }

 @keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translateY(20px);
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
 }

 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
 }


 @-webkit-keyframes zoomIn {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     50% {
         opacity: 1;
     }
 }

 @keyframes zoomIn {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     50% {
         opacity: 1;
     }
 }

 .zoomIn {
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn;
 }


 html.remodal-is-locked {
     overflow: hidden;
     -ms-touch-action: none;
     touch-action: none
 }

 .remodal,
 [data-remodal-id] {
     display: none
 }

 .remodal-overlay {
     position: fixed;
     z-index: 9999;
     top: -5000px;
     right: -5000px;
     bottom: -5000px;
     left: -5000px;
     display: none;
     background: rgba(249, 249, 249, 0.7);
 }

 .remodal-wrapper {
     position: fixed;
     z-index: 10000;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: none;
     overflow: auto;
     text-align: center;
     -webkit-overflow-scrolling: touch;
     padding: 10px 10px 0
 }

 .remodal-wrapper:after {
     display: inline-block;
     height: 100%;
     margin-left: -.05em;
     content: ""
 }

 .remodal-overlay,
 .remodal-wrapper {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .remodal {
     position: relative;
     outline: 0;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
     text-size-adjust: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     margin-bottom: 10px;
     padding: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     color: #2b2e38;
     background: #fff
 }

 .remodal-is-initialized {
     display: inline-block
 }

 .remodal-bg.remodal-is-opened,
 .remodal-bg.remodal-is-opening {
     -webkit-filter: blur(3px);
     filter: blur(3px)
 }

 .remodal-overlay.remodal-is-closing,
 .remodal-overlay.remodal-is-opening {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards
 }

 .remodal-overlay.remodal-is-opening {
     -webkit-animation-name: remodal-overlay-opening-keyframes;
     animation-name: remodal-overlay-opening-keyframes
 }

 .remodal-overlay.remodal-is-closing {
     -webkit-animation-name: remodal-overlay-closing-keyframes;
     animation-name: remodal-overlay-closing-keyframes
 }

 .remodal.remodal-is-closing,
 .remodal.remodal-is-opening {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards
 }

 .remodal.remodal-is-opening {
     -webkit-animation-name: remodal-opening-keyframes;
     animation-name: remodal-opening-keyframes
 }

 .remodal.remodal-is-closing {
     -webkit-animation-name: remodal-closing-keyframes;
     animation-name: remodal-closing-keyframes
 }

 .remodal,
 .remodal-wrapper:after {
     vertical-align: middle
 }

 .remodal-close {
     /*
     position: absolute;
     top: 0;
     right: 0;
*/
     z-index: 10;
     display: block;
     /*
     overflow: visible;
     width: 40px;
     height: 40px;
*/
     margin: 0;
     padding: 0;
     cursor: pointer;
     -webkit-transition: color .2s;
     transition: color .2s;
     text-decoration: none;
     /*     color: #d9d9d9;*/
     border: 0;
     outline: 0;
     /*     background: 0*/
 }

 .remodal-cancel,
 .remodal-confirm {
     font: inherit;
     display: inline-block;
     overflow: visible;
     min-width: 110px;
     margin: 0;
     padding: 12px 0;
     cursor: pointer;
     -webkit-transition: background .2s;
     transition: background .2s;
     text-align: center;
     vertical-align: middle;
     text-decoration: none;
     border: 0;
     outline: 0
 }

 .remodal-confirm {
     color: #fff;
     background: #81c784
 }

 .remodal-confirm:focus,
 .remodal-confirm:hover {
     background: #66bb6a
 }

 .remodal-cancel {
     color: #fff;
     background: #e57373
 }

 .remodal-cancel:focus,
 .remodal-cancel:hover {
     background: #ef5350
 }

 .remodal-cancel::-moz-focus-inner,
 .remodal-close::-moz-focus-inner,
 .remodal-confirm::-moz-focus-inner {
     padding: 0;
     border: 0
 }

 @-webkit-keyframes remodal-opening-keyframes {
     from {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
         opacity: 0
     }

     to {
         -webkit-transform: none;
         transform: none;
         opacity: 1;
         -webkit-filter: blur(0);
         filter: blur(0)
     }
 }

 @keyframes remodal-opening-keyframes {
     from {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
         opacity: 0
     }

     to {
         -webkit-transform: none;
         transform: none;
         opacity: 1;
         -webkit-filter: blur(0);
         filter: blur(0)
     }
 }

 @-webkit-keyframes remodal-closing-keyframes {
     from {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     to {
         -webkit-transform: scale(.95);
         transform: scale(.95);
         opacity: 0;
         -webkit-filter: blur(0);
         filter: blur(0)
     }
 }

 @keyframes remodal-closing-keyframes {
     from {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     to {
         -webkit-transform: scale(.95);
         transform: scale(.95);
         opacity: 0;
         -webkit-filter: blur(0);
         filter: blur(0)
     }
 }

 @-webkit-keyframes remodal-overlay-opening-keyframes {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes remodal-overlay-opening-keyframes {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @-webkit-keyframes remodal-overlay-closing-keyframes {
     from {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 @keyframes remodal-overlay-closing-keyframes {
     from {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 .slick-slider {
     position: relative;
     display: block;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
 }

 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
 }

 .slick-list:focus {
     outline: none;
 }

 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
 }

 .slick-slider .slick-track,
 .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 .slick-track:before,
 .slick-track:after {
     display: table;

     content: '';
 }

 .slick-track:after {
     clear: both;
 }

 .slick-loading .slick-track {
     visibility: hidden;
 }

 .slick-slide {
     display: none;
     float: left;

     height: 100%;
     min-height: 1px;
 }

 [dir='rtl'] .slick-slide {
     float: right;
 }

 .slick-slide img {
     display: block;
 }

 .slick-slide.slick-loading img {
     display: none;
 }

 .slick-slide.dragging img {
     pointer-events: none;
 }

 .slick-initialized .slick-slide {
     display: block;
 }

 .slick-loading .slick-slide {
     visibility: hidden;
 }

 .slick-vertical .slick-slide {
     display: block;

     height: auto;

     border: 1px solid transparent;
 }

 .slick-arrow.slick-hidden {
     display: none;
 }

 .slick-loading .slick-list {
     background: #fff url('./ajax-loader.gif') center center no-repeat;
 }

 .slick-prev,
 .slick-next {
     font-size: 0;
     line-height: 0;
     position: absolute;
     top: 50%;
     display: block;
     width: 20px;
     height: 20px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     cursor: pointer;
     color: transparent;
     border: none;
     outline: none;
     background: transparent;
 }

 .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus {
     color: transparent;
     outline: none;
     background: transparent;
 }

 .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before {
     opacity: 1;
 }

 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before {
     opacity: .25;
 }

 .slick-prev:before,
 .slick-next:before {
     font-family: 'slick';
     font-size: 20px;
     line-height: 1;
     opacity: .75;
     color: white;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .slick-prev {
     left: -25px;
 }

 [dir='rtl'] .slick-prev {
     right: -25px;
     left: auto;
 }

 .slick-prev:before {
     content: '←';
 }

 [dir='rtl'] .slick-prev:before {
     content: '→';
 }

 .slick-next {
     right: -25px;
 }

 [dir='rtl'] .slick-next {
     right: auto;
     left: -25px;
 }

 .slick-next:before {
     content: '→';
 }

 [dir='rtl'] .slick-next:before {
     content: '←';
 }

 /* Dots */

 .slick-dotted.slick-slider {
     margin-bottom: 30px;
 }

 .slick-dots {
     position: absolute;
     bottom: -25px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
     z-index: 2;
 }

 .slick-dots li {
     position: relative;
     display: inline-block;
     width: 20px;
     height: 20px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
 }

 .slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 20px;
     height: 20px;
     padding: 5px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: transparent;
 }

 .slick-dots li button:hover,
 .slick-dots li button:focus {
     outline: none;
 }

 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before {
     opacity: 1;
 }

 .slick-dots li button:before {
     font-family: 'slick';
     font-size: 6px;
     line-height: 20px;
     position: absolute;
     top: 0;
     left: 0;
     width: 20px;
     height: 20px;
     content: '•';
     text-align: center;
     opacity: .25;
     color: black;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .slick-dots li.slick-active button:before {
     opacity: .75;
     color: black;
 }

 @font-face {
     font-family: "Exo2";
     src: url(../fonts/Exo2-Black.eot);
     src: url(../fonts/Exo2-Black.eot?#iefix) format("embedded-opentype"),
         url(../fonts/Exo2-Black.woff2) format("woff2"),
         url(../fonts/Exo2-Black.woff) format("woff"),
         url(../fonts/Exo2-Black.ttf) format("truetype"),
         url(../fonts/Exo2-Black.svg#svgExo2-Black) format("svg");
     font-weight: 900;
     font-display: swap;
 }

 @font-face {
     font-family: "Exo2";
     src: url(../fonts/Exo2-Bold.eot);
     src: url(../fonts/Exo2-Bold.eot?#iefix) format("embedded-opentype"),
         url(../fonts/Exo2-Bold.woff2) format("woff2"),
         url(../fonts/Exo2-Bold.woff) format("woff"),
         url(../fonts/Exo2-Bold.ttf) format("truetype"),
         url(../fonts/Exo2-Bold.svg#svgExo2-Bold) format("svg");
     font-weight: 700;
     font-display: swap;
 }

 @font-face {
     font-family: "Montserrat";
     src: url(../fonts/Montserrat-Light.eot);
     src: url(../fonts/Montserrat-Light.eot?#iefix) format("embedded-opentype"),
         url(../fonts/Montserrat-Light.woff2) format("woff2"),
         url(../fonts/Montserrat-Light.woff) format("woff"),
         url(../fonts/Montserrat-Light.ttf) format("truetype"),
         url(../fonts/Montserrat-Light.svg#svgMontserrat-Light) format("svg");
     font-weight: 300;
     font-display: swap;
 }

 @font-face {
     font-family: "Montserrat";
     src: url(../fonts/Montserrat-Regular.eot);
     src: url(../fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),
         url(../fonts/Montserrat-Regular.woff2) format("woff2"),
         url(../fonts/Montserrat-Regular.woff) format("woff"),
         url(../fonts/Montserrat-Regular.ttf) format("truetype"),
         url(../fonts/Montserrat-Regular.svg#svgMontserrat-Regular) format("svg");
     font-weight: 400;
     font-display: swap;
 }

 @font-face {
     font-family: "Montserrat";
     src: url(../fonts/Montserrat-Medium.eot);
     src: url(../fonts/Montserrat-Medium.eot?#iefix) format("embedded-opentype"),
         url(../fonts/Montserrat-Medium.woff2) format("woff2"),
         url(../fonts/Montserrat-Medium.woff) format("woff"),
         url(../fonts/Montserrat-Medium.ttf) format("truetype"),
         url(../fonts/Montserrat-Medium.svg#svgMontserrat-Medium) format("svg");
     font-weight: 500;
     font-display: swap;
 }

 html {
     overflow-x: hidden;
 }


 ::-webkit-input-placeholder {
     color: inherit;
     opacity: 0.8;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
 }

 :-moz-placeholder {
     color: inherit;
     opacity: 0.8;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
 }

 ::-moz-placeholder {
     color: inherit;
     opacity: 0.8;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
 }

 :-ms-input-placeholder {
     color: inherit;
     opacity: 0.8;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
 }

 :focus::-webkit-input-placeholder {
     opacity: 0
 }

 :focus:-moz-placeholder {
     opacity: 0
 }

 :focus::-moz-placeholder {
     opacity: 0
 }

 :focus:-ms-input-placeholder {
     opacity: 0
 }

 blockquote,
 body,
 code,
 dd,
 div,
 dl,
 dt,
 fieldset,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 input,
 li,
 p,
 pre,
 td,
 textarea,
 th,
 ul {
     margin: 0;
     padding: 0
 }

 textarea {
     resize: none
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 abbr,
 fieldset,
 img {
     border: 0
 }

 address,
 caption,
 cite,
 code,
 dfn,
 em,
 strong,
 th,
 var {
     font-style: normal;
     font-weight: 400
 }

 ul li {
     list-style: none;
     color: inherit
 }

 caption,
 th {
     text-align: left
 }

 input,
 select,
 textarea {
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 menu,
 nav,
 section {
     display: block
 }

 img {
     max-width: 100%;
     height: auto
 }

 footer,
 header,
 section {
     min-width: 320px;
 }

 .scrollTop,
 .scrollto,
 a,
 button,
 svg {
     -webkit-transition: all .3s ease;
     transition: all .3s ease
 }

 a,
 a:active,
 a:focus,
 a:hover,
 button,
 button:active,
 button:focus,
 button:hover,
 input,
 input:active,
 input:focus,
 textarea,
 textarea:active,
 textarea:focus {
     text-decoration: none;
     outline: 0;
     -webkit-tap-highlight-color: transparent;
     -webkit-tap-highlight-color: transparent
 }

 .container,
 .wrapper {
     position: relative;
 }

 a {
     color: inherit
 }

 :after,
 :before,
 a,
 button,
 div,
 footer,
 form,
 header,
 input,
 li,
 nav,
 p,
 section,
 ul {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 input:not([type=checkbox]):not([type=radio]),
 select,
 textarea {
     -webkit-appearance: none !important;
     -moz-appearance: none !important;
     appearance: none !important
 }

 input:invalid {
     -webkit-box-shadow: none;
     box-shadow: none
 }

 button {
     border: none
 }

 html {
     overflow-x: hidden
 }

 @-webkit-keyframes autofill {
     to {
         color: inherit;
         background: #fff;
     }
 }

 input:-webkit-autofill {
     -webkit-animation-name: autofill;
     -webkit-animation-fill-mode: both;
 }

 body {
     min-width: 320px;
     position: relative;
     opacity: 1;
     margin: 0;
     padding: 0;
     font-family: 'Montserrat', sans-serif;
     color: #000000;
     font-size: 24px;
     font-weight: 400;
     line-height: 1;
     letter-spacing: 0.04em;
     overflow-x: hidden;
     border: 0;
     font-size: 100%;
     vertical-align: baseline;
 }

 a,
 a:hover {
     text-decoration: none
 }

 section {
     position: relative;
     padding: 130px 0 0px;
 }

 h1,
 h2,
 h3,
 h4 {
     font-family: "Exo2";
     letter-spacing: 0.04em;
     text-transform: none;
     font-weight: 900;
     line-height: 1.2em;
 }

 h1 {
     font-size: 60px;
 }

 h2 {
     color: #2f2f2f;
     font-size: 50px;
     margin-bottom: 80px;
     text-align: center;
 }

 h3 {
     font-size: 36px;
     color: #2f2f2f;
 }

 p {
     line-height: 1.65em;
     margin-bottom: 24px;
     font-size: 24px;
 }

 .button {
     border: none;
     outline: none;
     cursor: pointer;
     height: 60px;
     line-height: 58px;
     background-color: #3cb46e;
     border-radius: 30px;
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Exo2', sans-serif;
     display: inline-block;
     letter-spacing: 0.04em;
     min-width: 200px;
     padding: 0 30px;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     position: relative;
     top: 0;
 }

 .button:after {
     content: "";
     display: inline-block;
     background: url(../img/arrow-brown.svg) no-repeat center/contain;
     width: 20px;
     height: 15px;
     margin-left: 15px;
     margin-bottom: -2px;
 }

 .button:hover {
     -webkit-box-shadow: 0 5px 20px rgba(45, 48, 54, 0.20);
     box-shadow: 0 5px 20px rgba(45, 48, 54, 0.20);
     top: 5px;
     color: #fff;
 }

 @-webkit-keyframes bounce {
     55% {
         -webkit-transform: translate3d(-40%, -50%, 0);
         transform: translate3d(-40%, -50%, 0);
     }

     100% {
         -webkit-transform: translate3d(0%, -50%, 0);
         transform: translate3d(5%, -50%, 0);
     }
 }

 @keyframes bounce {
     55% {
         -webkit-transform: translate3d(-40%, -50%, 0);
         transform: translate3d(-40%, -50%, 0);
     }


     100% {
         -webkit-transform: translate3d(0%, -50%, 0);
         transform: translate3d(5%, -50%, 0);
     }
 }


 .button[disabled] {
     color: #969696;
     cursor: none;
 }

 .button:active,
 .button:focus,
 input:active,
 input:focus,
 textarea:active,
 textarea:focus {
     outline: none;
 }

 ::-webkit-scrollbar,
 ::-webkit-scrollbar {
     -webkit-appearance: none;
     width: 4px;
     height: 4px;
     border-radius: 2px;
 }

 ::-webkit-scrollbar-thumb,
 ::-webkit-scrollbar-thumb {
     border-radius: 2px;
     background-color: #3cb46e;
     -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
 }


 .close-btn,
 .remodal-close {
     position: absolute;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     z-index: 10;
     outline: none;
     border: none;
     cursor: pointer;
     background: #3cb46e url(../img/close.svg) no-repeat center center/15px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     color: transparent;
 }

 .close-btn {
     top: 90px;
     right: 15px;
 }

 .remodal-close {
     top: 25px;
     right: 25px;
 }

 .close-btn:hover,
 .remodal-close:hover,
 .remodal-close:focus {
     -webkit-box-shadow: 0 5px 10px rgba(45, 48, 54, 0.20);
     box-shadow: 0 5px 10px rgba(45, 48, 54, 0.20);
 }

 a:hover {
     color: #3cb46e;
 }

 .popup .close-btn {
     position: absolute;
     right: 20px;
     top: 20px;
     padding: 0;
     margin-top: 0;
     z-index: 2;
     width: 50px;
     height: 50px;
     background: white url(../img/close.svg) no-repeat center center/14px 14px;
 }

 .popup p {
     line-height: 1.5em;
     margin-bottom: 15px;
     font-size: 18px;
 }

 .popup__title {
     margin-bottom: 30px;
 }

 .popup .close-btn:hover {
     background: white url(../img/close-h.svg) no-repeat center center/14px 14px;

 }

 .mobile-tab {
     position: fixed;
     bottom: 0;
     width: 100%;
     display: none;
 }

 .mobile-tab a {
     width: 50%;
 }

 .mobile-tab .button {
     border-radius: 0;
     border: 1px solid #dadada;
 }

 .container {
     max-width: 1340px;
 }

 .header {
     position: relative;
     background: url(../img/header-bg.jpg) no-repeat right top;
     padding: 130px 0;
     min-height: 800px;
 }

 .offer {
     margin-left: 80px;
     max-width: 890px;
     margin-top: 300px;
     color: #fff;
 }

 .offer__desc {
     font-size: 30px;
     line-height: 1.65em;
     margin-top: 25px;
 }

 .slick-slide:focus {
     outline: none;
 }

 .questions .form-control.valid,
 .popup .form-control.valid {
     background-color: #efeeed
 }

 .questions .form-control,
 .popup .form-control {
     color: #2f2f2f;
 }

 .popup .form__button {
     max-width: 360px;
     width: 100%;
     margin: 0 auto 0px;
 }

 .popup .form__title {
     margin-bottom: 30px;
 }

 .questions .form__input {
     max-width: 360px;
     margin: 0 30px 20px;
     margin-left: 0;
 }

 .popup .form__input {
     max-width: 360px;
     margin: 0 auto 20px;
 }


 .form__input {
     background: #efeeed url(../img/call-b.svg) no-repeat 92% center/16px 16px;
 }

 .app-form__agree {
     position: relative;
     text-align: left;
     width: 100%;
 }

 .app-form__agree label {
     color: #2f2f2f;
     font-size: 18px;
     font-weight: 300;
     line-height: 25px;
     cursor: pointer;
     position: relative;
     padding-left: 35px;
     display: block;
     margin-top: 10px;
 }

 .app-form__agree label a {
     color: #3cb46e;
     font-weight: 500;
 }

 .app-form__agree label a:hover {
     color: inherit
 }

 .app-form__agree input[type=checkbox] {
     position: absolute;
     width: 25px;
     height: 25px;
     z-index: 100;
     opacity: 0;
     cursor: pointer
 }

 .app-form__agree input[type=checkbox] ~ .agree-label:before {
     content: "";
     position: absolute;
     background-color: #f6f8f9;
     border-radius: 3px;
     width: 25px;
     height: 25px;
     border: 1px solid #dadada;
     left: 0;
     top: 0px
 }

 .app-form__agree input[type=checkbox]:checked ~ .agree-label:after {
     background: url(../img/checked.svg) center center/22px 22px no-repeat;
     position: absolute;
     width: 16px;
     height: 16px;
     display: block;
     content: "";
     left: 4px;
     top: 4px;
 }

 .section-lightbox {
     /*     padding: 50px 45px 50px 90px;*/
     /*     margin-top: 20px;*/
     margin-left: auto;
     max-width: 582px;
 }

 .aboutus__pic,
 .order__pic,
 .flat__pic {
     border-radius: 40px;
     overflow: hidden;
 }

 .section-block {
     margin-left: 65px;
 }

 .contacts {
     padding-top: 100px;
 }

 .button_contacts {
     margin-top: 30px;
 }

 /*
 .order__block,
 .order .slider-wrapper {
     margin-left: 90px;
 }
*/

 .order__lightbox {}

 .order__pic {
     border: 40px;
     overflow: hidden;
 }

 .slick-dotted.slick-slider {
     margin-bottom: 0;
 }

 .form {
     max-width: 585px;
     background-color: #10814b;
     border-radius: 30px;
     padding: 60px 70px 70px;
     -webkit-box-shadow: -15px 15px 0 0px rgba(16, 129, 75, 0.16);
     box-shadow: -15px 15px 0 0px rgba(16, 129, 75, 0.16);
     color: #fff;
     position: relative;
     margin-top: 90px;
     margin-left: 50px;
     z-index: 1
 }

 .form__title {
     font-size: 28px;
     margin-bottom: 25px;
 }

 .form__input {
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: baseline;
     -ms-flex-align: baseline;
     align-items: baseline;
     max-width: 445px;
     height: 60px;
     width: 100%;
     position: relative;
     margin: 0 auto 20px;
     border-radius: 30px;
 }

 .form-control {
     border: none;
     max-width: 100%;
     height: 60px;
     border-radius: 30px;
     width: 100%;
     line-height: 50px;
     padding: 5px 30px;
     padding-right: 45px;
     font-size: 18px;
     font-weight: 300;
     color: rgba(255, 255, 255, 0.8);
     background-color: rgba(255, 255, 255, 0.14);
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     border: 1px solid #dadada;
 }

 .form__input label {
     position: relative;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     color: #fff;
     max-width: 170px;
     width: 100%;
     text-align: left;
     text-transform: none;
 }

 .form-control.error {
     border-color: #c72c63;
     color: #840203;
 }

 .form__input label.error {
     text-align: left;
     color: rgba(132, 2, 3, 0.7);
     font-size: 12px;
     font-weight: 300;
     line-height: 1;
     display: block;
     position: absolute;
     width: auto;
     max-width: 100%;
     bottom: -17px;
 }

 .intl-tel-input label.error {
     left: 0px;
 }

 .form__input {
     width: 100%;
 }

 .form-control.valid {
     background: #fff;
     color: #2f2f2f;
 }

 .form-control:focus,
 .form-control:active {
     color: #2f2f2f
 }

 .intl-tel-input {
     max-width: 445px;
     width: 100%;
 }

 .form__item:not(:first-of-type) {
     position: relative;
     margin-top: 20px;
 }

 .form__close {
     width: 20px;
     height: 20px;
     background: url(../img/close.svg) no-repeat center/20px 20px;
     opacity: 0.7;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     cursor: pointer;
     display: block;
     position: absolute;
     left: 355px;
     bottom: 20px;
 }

 .form__close:hover {
     opacity: 1;
 }

 .add-btn {
     width: 225px;
     min-height: 60px;
     background-color: rgba(255, 255, 255, 0.14);
     line-height: 1.2em;
     color: #ffffff;
     font-size: 16px;
     font-weight: 400;
     text-align: center;
     border-radius: 5px;
     padding: 20px 5px;
     cursor: pointer;
     margin-top: 30px;
 }

 .form__button {
     display: block;
 }

 .slider-wrapper {
     position: relative;
 }

 .slider-wrapper {
     margin-left: auto;
     margin-top: 40px;
 }

 .aboutus .slider-wrapper {
     max-width: 250px;
 }

 .order .slider-wrapper {
     max-width: 300px;
 }

 .order .arrows,
 .flat .arrows {
     left: 200px
 }

 .flat .slider-wrapper {
     max-width: 582px;
 }



 .slider-n {
     color: #000;
     font-size: 30px;
     font-weight: 300;
 }

 .slider-number_offer .slider-n {
     color: #fff;
 }

 .arrows {
     width: 100px;
     position: absolute;
     top: -5px;
     left: 150px;
 }

 .arrow {
     display: block;
     cursor: pointer;
     -webkit-transition: all 0.3s ease;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     display: inline-block;
     background: url(../img/arrow-next.svg) no-repeat center center/contain;
 }

 .arrow:hover,
 .arrow:focus {
     -webkit-box-shadow: 13.4px 6.8px 29px rgba(186, 188, 202, 0.4);
     box-shadow: 13.4px 6.8px 29px rgba(186, 188, 202, 0.4);
 }

 .arrow:focus,
 .arrow:active {}

 .arrow_prev {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
     margin-right: 14px;
 }

 .arrow_next {
     -webkit-transition: all 0.4s ease;
     transition: all 0.4s ease;
 }

 .arrow_next:hover {
     right: -5px;
 }

 .arrow_prev:hover {
     left: -5px;
 }

 .slick-dots {
     top: 0px;
     left: 50px;
     display: inline-block;
     width: auto;
 }

 .slick-dots li {
     width: 11px;
 }

 .slick-dots li.slick-active button {
     border: none;
     width: 15px;
     height: 5px;
     background-color: #2f2f2f;
     border-radius: 3px;
     margin-right: 5px;
 }

 .dots_offer .slick-dots li.slick-active button {
     background-color: #fff;
 }

 .slick-dots li.slick-active button:before {
     color: transparent;
     width: 15px;
 }

 .slick-dots li button {
     width: 5px;
     height: 5px;
     background-color: rgba(54, 43, 35, 0.3);
     padding: 0px;
     border-radius: 50%;
     border: none;
 }

 .dots_offer .slick-dots li button {
     background-color: rgba(255, 255, 255, 0.3);
 }

 .slick-dots li button:before {
     color: transparent;
 }

 .call-form {
     width: 470px;
     padding: 80px 50px 120px;
     background-color: white;
     -webkit-box-shadow: 2.6px 29.9px 100px rgba(17, 24, 37, 0.36);
     box-shadow: 2.6px 29.9px 100px rgba(17, 24, 37, 0.36);
     text-align: center;
     position: relative;
 }


 .close {
     right: 30px;
     top: 30px;
     position: absolute;
 }

 #form-loader {
     display: none;
     position: fixed;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     background: rgba(248, 248, 248, .9);
     overflow: hidden;
     z-index: 20000
 }

 #form-loader img {
     position: absolute;
     width: 100px;
     height: 100px;
     left: 50%;
     margin-left: -50px;
     top: 50%;
     margin-top: -50px
 }

 #loader-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1001
 }

 #loader-wrapper .loader-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(248, 248, 248, 0.9);
     z-index: 1000;
     opacity: 1
 }

 .cssload-loader,
 .cssload-loader:after,
 .cssload-loader:before {
     -webkit-animation: 1.4s ease-in-out infinite;
     animation: 1.4s ease-in-out infinite
 }

 .cssload-loader:after,
 .cssload-loader:before {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0
 }

 .cssload-loader {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     position: absolute;
     display: block;
     z-index: 2001;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#10814b), to(#3cb46e));
     background-image: linear-gradient(180deg, #10814b 0%, #3cb46e 100%);
     left: 50%;
     top: 50%;
     margin: -50px 0 0 -50px;
     -webkit-animation-name: cssload-loader;
     animation-name: cssload-loader
 }

 @-webkit-keyframes cssload-loader {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 1
     }

     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0
     }
 }

 @keyframes cssload-loader {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 1
     }

     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0
     }
 }

 .loaded #loader-wrapper .loader-overlay,
 .loaded .loader_box {
     opacity: 0;
     -webkit-transition: all .3s ease-out;
     transition: all .3s ease-out
 }

 .loaded #loader-wrapper {
     visibility: hidden;
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: all .3s 1s ease-out;
     transition: all .3s 1s ease-out
 }

 .map {
     height: 100%;
     background: url(../img/map.png) no-repeat center top;
     min-height: 603px;
     border-bottom-right-radius: 40px;
     border-top-right-radius: 40px;
 }

 .design {
     text-align: center;
 }

 .contacts .section-block {
     max-width: 485px;
 }

 .section-heading_design {
     margin-bottom: 35px;
 }

 .section-desc {
     max-width: 1030px;
     margin: 0 auto 40px;
 }

 .flat__desc {
     font-weight: 300;
     margin-top: 15px;
 }

 .flat__price span {
     display: block;
     font-family: "Montserrat";
     font-size: 22px;
     font-weight: 300;
     margin-top: 15px;
 }

 .flat__price_add span {
     font-size: 20px;
 }

 .flat__price {
     font-family: "Exo2";
     font-size: 30px;
     font-weight: 700;
     margin-right: 80px;
 }

 .flat__price_add {
     font-size: 26px;
 }

 .flat__list {
     margin-top: 50px;
 }

 .flat__list li {
     font-size: 22px;
     margin-bottom: 18px;
     font-weight: 300;
 }

 .flat__list li span {
     font-weight: 500;
 }

 .about__title {
     font-size: 42px;
 }

 .about__desc {
     font-size: 22px;
     font-weight: 300;
     margin-top: 15px;
     margin-bottom: 22px;
     line-height: 1.2em;
 }

 .about__quote {
     max-width: 680px;
     border-radius: 40px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
     padding: 55px 50px;
     margin-top: 70px;
     color: #264576;
     font-family: "Exo2";
     font-size: 26px;
     font-weight: 700;
     font-style: italic;
     line-height: 1.65em;
     margin-bottom: 70px;
 }

 .about__quote span:first-of-type {
     font-size: 30px;
     display: block;
 }

 .about__quote span:last-of-type {
     display: block;
     color: #2f2f2f;
     font-family: "Montserrat";
     font-size: 18px;
     font-weight: 300;
     margin-top: 22px;
     line-height: 1.5em;
 }

 .questions {
     background-color: #f9f9f9;
     padding-top: 90px;
 }

 footer {
     background-color: #f9f9f9;
     padding: 30px 0;
     color: #2f2f2f;
     font-size: 16px;
     font-weight: 300;
 }

 .popup.confid {
     max-width: 900px;
     padding: 85px 45px 30px;
 }

 .popup {
     max-width: 532px;
     background-color: white;
     border-radius: 20px;
     padding: 65px 45px 55px;
     -webkit-box-shadow: 0 0 30px rgba(202, 203, 206, 0.25);
     box-shadow: 0 0 30px rgba(202, 203, 206, 0.25);
 }

 .copyright {
     text-align: right;
 }

 @media screen and (max-width:1200px) {
     section {
         padding-top: 110px;
     }

     h1 {
         font-size: 55px;
     }

     h2 {
         font-size: 45px;
         margin-bottom: 65px;
     }

     h3 {
         font-size: 32px;
     }

     .about__title {
         font-size: 36px;
     }

     p {
         font-size: 22px;
         margin-bottom: 22px;
     }

     .flat__list li {
         font-size: 20px;
         margin-bottom: 16px;
         line-height: 1.2em;
     }

     .form {
         margin-left: 0;
     }

     .questions .form__input {
         margin: 0 auto 30px;
     }

     .app-form__agree {
         max-width: 360px;
         margin: 20px auto 0;
     }

     .app-form__agree label {
         font-size: 12px;
     }

     .questions .form__button {
         margin: 0px auto;
         max-width: 360px;
         width: 100%;
     }

     footer {
         padding-top: 40px;
     }

     .copyright {
         text-align: center;
         font-size: 16px;
     }

     .section-block {
         margin-left: 25px;
     }

     .offer__desc {
         font-size: 24px;
     }
 }

 @media screen and (max-width:992px) {

     .map {
         margin-bottom: 40px;
     }

     .contacts .section-block {
         max-width: 100%;
         padding-left: 15px;
     }

     .offer__desc {
         font-size: 22px;
     }

     .form__input label {
         max-width: 100px;
     }

     .intl-tel-input label.error {
         left: 0;
     }

     .close-btn {
         right: 15px;
         -webkit-transform: scale(0.8);
         transform: scale(0.8)
     }


     .close-btn {
         top: 33px;
     }

     .form {
         margin: 20px auto 0;
     }

     .section-content {
         margin-bottom: 85px;
     }

     .aboutus__lightbox,
     .order__lightbox,
     .flat__lightbox {
         margin: 0 auto;
     }

     .aboutus__lightbox,
     .order__lightbox {
         margin-bottom: 40px;
     }
     
     .slider-wrapper {
             margin-bottom: 40px;
     }

     .slider-wrapper {
         margin-right: auto;
     }

     .flat .slider-wrapper {
         max-width: 300px;
     }

     section {
         padding-top: 90px;
         text-align: center;
     }

     .flat__title {
         margin-top: 10px;
     }

     .slider-number,
     p {
         text-align: left;
     }

     .flat__desc,
     .popup p {
         text-align: center;
     }

     .flat__price {
         margin: 0 40px;
     }

     .about__quote {
         margin: 70px auto;
     }

     .offer {
         margin-left: auto;
         margin-right: auto;
         text-align: center;
     }

     .section-block {
         margin-left: 0;
     }

     .map {
         background: url(../img/map.png) no-repeat center top/cover;
         min-height: 403px;
         border-bottom-right-radius: 0;
         border-top-right-radius: 0;
     }
 }

 @media screen and (max-width:767px) {
     section {
         padding-top: 80px;
     }

     h1 {
         font-size: 50px;
     }

     h2 {
         font-size: 40px;
         margin-bottom: 55px;
     }

     h3 {
         font-size: 28px;
     }

     .about__title {
         font-size: 32px;
     }

     p {
         font-size: 18px;
         margin-bottom: 20px;
     }

     .flat__list li {
         font-size: 16px;
         margin-bottom: 16px;
         line-height: 1.2em;
     }

     .about__quote {
         padding: 45px 40px;
     }
 }

 @media screen and (max-width:576px) {

     .popup,
     .popup.confid {
         padding: 70px 30px 40px;
     }

     .popup.confid {
         padding-top: 80px;
         text-align: left;
     }

     .offer-slider__slide {
         display: block;
     }


     .aboutus__lightbox,
     .order__lightbox {
         padding: 10px 0;
     }

     .copyright {
         font-size: 12px;
         line-height: 1.2em;
     }

     .offer {
         text-align: center;
     }

     h1 {
         font-size: 45px;
     }

     h2 {
         font-size: 40px;
         line-height: 1.2em;
         margin-bottom: 40px;
     }

     .offer__desc {
         font-size: 20px;
     }

     .form__close {
         left: 290px;
     }

     .about__desc {
         font-size: 18px;
         line-height: 1.3em;
     }

     .about__quote {
         padding: 35px 30px;
     }

     .header {
         padding-top: 30px;
         background: url(../img/header-bg.jpg) no-repeat right center;
         min-height: auto;
     }

     .offer {
         margin-top: 200px;
     }

     .mobile-tab .button {
         font-size: 14px;
         padding: 0 10px;
         text-align: center;
         min-width: auto;
     }

     .flat__price {
         margin: 0 20px;
         font-size: 26px;
     }

     .flat__price span {
         font-size: 18px;
     }

     .flat__price_add {
         font-size: 22px;
     }

     .flat__price_add span {
         font-size: 16px;
     }

     .about__quote {
         font-size: 20px;
     }

     .about__quote span:first-of-type {
         font-size: 26px;
     }
     
     .mobile-tab {
         display: flex;
     }

 }

 @media screen and (max-width:480px) {
     .form__input {
         max-width: 100%;
         margin: 0 auto 30px;
     }


     .form__input label.error {
         left: 0px;
         letter-spacing: 0.04em;
         bottom: -25px;
     }

     .form__input label {
         width: 150px;
     }

     .intl-tel-input label.error {
         left: 0px;
     }

     .form {
         text-align: center;
         padding: 50px 30px 50px
     }

     .form__button {
         margin-left: auto;
         margin-right: auto;
     }

     .form-tip {
         margin: 25px auto 0;
         text-align: left
     }

     h3 {
         font-size: 24px;
     }
 }

 @media screen and (max-width:380px) {

     .form__container {
         position: relative;
     }

     .form__wrap {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }

     .number {
         margin-top: 20px;
         margin-left: 0;
     }

     .form__close {
         left: 145px;
     }