.wrapper{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.header{clear:both;width:100%;font-size:15px;letter-spacing:-0.01em;padding:40px 0;will-change:transform;-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;-o-transition:transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;position:relative;z-index:999;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;}

.header .navmenu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;}
.header .navmenu .navmenu-item{margin:0 30px;display:block;padding:20px 0}
.header .navmenu .navmenu-item:first-child{margin-left:0}
.header .navmenu .navmenu-item:last-child{margin-right:0}


.content{clear:both;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}
.content>.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.content .intro,.modal-content .left-col-text{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
.content .phone-container{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}

.title-with-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;line-height:1em;}
.title-with-logo .logo{display:inline-block;width:170px;height:52px;background:url(../images/lista.svg) no-repeat bottom left;background-size:contain;text-indent:-9999px;text-transform:capitalize}
.title-with-logo .mr{display:inline-block;margin-right:10px;line-height:40px}

.intro h2{opacity:.6;padding:30px 0 60px}

.phone-container .phone-wrapper{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.phone-container .phone-outer{position:relative;z-index:2}
.phone-container .phone-outer img{display:block;max-width:100%;height:auto}
.phone-container .phone-inner{position:absolute;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.phone-container .phone-inner img{display:inline-block;width:100%;height:auto}
.phone-container .slide-summery{font-size:14px;letter-spacing:-0.03em;color:#000;opacity:.6;text-align:center;padding:20px 0 0;line-height:1.2em}
.phone-container .slide-summery .text{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:1}
.phone-container .slide-summery .slick-dots{position:static;bottom:0;margin:10px auto 0}

.phone-inner .slick-dotted.slick-slider{margin:0}
.phone-inner .slider{width:100%;height:100%}
/*.phone-inner .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}
.phone-inner .slick-initialized .slick-slide{display:-webkit-box;display:-ms-flexbox;display:flex;height:inherit}*/
.phone-inner .slide-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%}
.phone-inner .slide .summery{display:none}

.modal-open .content .intro{opacity:0}
.modal p{color:#7E7E7E;line-height:2em;font-size:20px;padding:15px 0}
.modal a.email{text-decoration:underline;color:#000}
.modal-content .left-col-text{position:relative}

.social-links{position:static;top:0;left:0;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex}
.social-links .link{display:-webkit-box;display:-ms-flexbox;display:flex}
.social-links .link+.link{margin-left:30px}
.social-links .link .icon{display:inline-block;width:36px;height:36px;background-size:cover}

.modal .modal-dialog:not(.needs-to-scroll) .social-links{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:50%;left:-100px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);margin-top:0}
.modal .modal-dialog:not(.needs-to-scroll) .social-links .link+.link{margin-left:0;margin-top:30px}

#registerModal ol{font:700 30px/1.2em Arial, Helvetica, sans-serif;margin-left:38px}
#registerModal ol li em{line-height:1.2em;font-size:20px;color:#7E7E7E;font-weight:normal;display:inline;font-style:normal;}
#registerModal ol li h3{padding:0;display:inline}
#registerModal .small-note{font-size:14px;padding-top:30px}


app-footer,.footer{-ms-flex-negative:0;flex-shrink:0;letter-spacing:-0.01em;font-size:15px;opacity:.22;padding:0 30px 10px;position:relative;z-index:999;}


@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
}

@media screen and (max-width: 1360px){
.modal .modal-dialog .social-links,.modal .modal-dialog:not(.needs-to-scroll) .social-links{position:static;top:0;left:0;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex}
.modal .modal-dialog .social-links .link+.link,.modal .modal-dialog:not(.needs-to-scroll) .social-links .link+.link{margin-left:30px;margin-top:0}
.modal-dialog{overflow:auto;}

.phone-container .phone-wrapper{max-width:30vw}
}

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

}

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

}

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

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
body{overflow-x:hidden}
h1,h2{font-size:40px}
h3,#registerModal ol{font-size:26px}

.title-with-logo .mr{line-height:33px}
.title-with-logo .logo{width:136px;height:42px}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body{overflow-x:hidden}
.checker{float:right}

h1,h2{font-size:30px}
h3,#registerModal ol{font-size:24px}

.title-with-logo .mr{line-height:25px}
.title-with-logo .logo{width:104px;height:32px}

.content .intro, .modal-content .left-col-text{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%;}
.content .phone-container{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%;}

.btn-primary, a.btn-primary,.modal p,#registerModal ol li em{font-size:16px}
}

@media only screen and (min-width: 420px) and (max-width: 900px) and (max-height: 500px) {
.modal{z-index:99999}
}

/* Mobile All Sizes Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
body{overflow-x:hidden}
.checker{float:none}
.status{width:324px;height:100px}

h1,h2{font-size:30px}
h3,#registerModal ol{font-size:24px}

.header{padding:15px 0}
.header .navmenu{-ms-flex-wrap:wrap;flex-wrap:wrap;}

.content>.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.content .intro, .modal-content .left-col-text,.content .phone-container{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;}
.phone-container .phone-wrapper{max-width:50vw}

.content .intro{text-align:center;padding:40px 0 60px}
.title-with-logo .mr{line-height:24px}
.title-with-logo{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.title-with-logo .logo{width:104px;height:32px}
.btn-primary, a.btn-primary,.modal p,#registerModal ol li em{font-size:16px}

app-footer, .footer{text-align:center;padding-top:30px}

.modal{z-index:99999}
.modal-dialog{padding:40px 15px}
.modal .close-modal{right:15px;top:20px}

@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
    .modal{background-color: rgba(255, 255, 255, .7);}
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 575px) {
.slick-next{right:0}
.slick-prev{left:0}
.preloader{padding:30px}
.status{width:100%;height:100px;max-width:300px;}

h1,h2{font-size:24px}
h3,#registerModal ol{font-size:20px}
.btn-primary, a.btn-primary,.modal p,#registerModal ol li em{font-size:16px}
.title-with-logo .mr{line-height:19px}
.title-with-logo .logo{width:84px;height:26px}

.header>.container{padding:0}
.header .navmenu .navmenu-item,.header .navmenu .navmenu-item:first-child,.header .navmenu .navmenu-item:last-child{margin:0 5px;padding:20px 10px}
}