/*
 * Theme Name: CM Theme
 * Description: Custom Theme
 * Theme URI: http://www.communitymusician.com/ 
 * Author: Shiv Gulam Singh
 * Version: 1.0
 */

@charset "utf-8";
html{scroll-padding-top:115px}
:root {
--cm-blue:#214665;
--cm-indigo:#6610f2;
--cm-purple:#6f42c1;
--cm-pink:#d63384;
--cm-red:#ef4136;
--cm-orange:#f05929;
--cm-yellow:#ffc107;
--cm-green:#63F79F;
--cm-teal:#20c997;
--cm-cyan:#0dcaf0;
--cm-white:#ffffff;
--cm-black:#000;
--cm-gray:#6c757d;
--cm-gray-dark:#263746;
--cm-primary:#0d6efd;
--cm-secondary:#6c757d;
--cm-success:#198754;
--cm-info:#0dcaf0;
--cm-warning:#ffc107;
--cm-danger:#dc3545;
--cm-light:#f8f9fa;
--cm-dark:#212529;
--cm-font-sans-serif:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--cm-font-monospace:"Montserrat", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--cm-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--cm-transition:.5s linear;
--cm-background:#fff;
--cm-font-size:1.125rem;
--cm-border-radius:15px;
--cm-box-shadow:0 0 10px #ccc;
}

@font-face{font-family:'Cera-Bold';src:url(/marketing/fonts/CeraPro-Bold.woff2) format('woff2'), url(/marketing/fonts/CeraPro-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Cera-Light';src:url(/marketing/fonts/CeraPro-Light.woff2) format('woff2'), url(/marketing/fonts/CeraPro-Light.woff) format('woff');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Cera-Regular';src:url(/marketing/fonts/CeraPro-Regular.woff2) format('woff2'), url(/marketing/fonts/CeraPro-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap;}

html{background:var(--cm-background) !important;}
body{background:var(--cm-background) !important;font-family:'Cera-Regular';font-size:var(--cm-font-size);font-weight:400;line-height:1.5;overflow-x:hidden;transition:var(--cm-transition);
color:var(--cm-black);}
.img-responsive{width:100%;height:auto}
a{color:var(--cm-orange);transition:var(--cm-transition);outline:none;text-decoration:none}
a:hover{color:var(--cm-blue);}
.graph-responsive{width:100%;height:auto}
.align-center{text-align:center}
p:empty{display:none}

.clear,.clr{clear:both;height:1px;overflow:auto}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;color:var(--cm-black);font-family:'Cera-Bold';}
.dark-gray{color:#666;}
ul,ol{list-style:none}
ul,ol,p{margin:0;padding:0;}
ul li,ol li{margin:0;padding:0}
.align-right{text-align:right}
.relative{position:relative}
.dis-none{display:none}
::placeholder{color:#737373;font-weight:400 !important;opacity:1;transition:transform 250ms, opacity 400ms;}
:focus::placeholder,
:hover::placeholder{opacity:0;}
body.home-bg{background:#272b36 !important;}
.frame{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);display:inline-block;max-width:100%;overflow:hidden;vertical-align:top;border-radius:100%;border-color:#C685D6;border-style:solid;border-width:12px;box-shadow:0rem 0rem 0rem 1rem #3E4352;transition:none;}
.frame img{width:200px;height:auto}
.p{color:#a9abb0;padding-bottom:1rem;font-size:1.15rem}
.p .strong{font-size:1.25rem;font-family:Cera-Bold}
.down{transition:var(--cm-transition);margin-top:2rem;cursor:pointer}
.down:hover{transform: scale(1.15);}
.dot-sep{text-align:center;margin:10px 0 4px 0;overflow:hidden;height:70px}
.dot-sep i{display:block;width:8px;height:8px;border-radius:100%;background-color:#d42f2f;margin:auto auto 6px auto}
.h2{color:#EB7F7F;font-size:2.25rem;line-height:2.5rem;font-weight:700;background-image:linear-gradient(45deg, #D42F2F 0%, #EB7F7F 85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:2rem}
.pad-top{padding-top:1.5rem}
.h3{text-transform:uppercase;color:#D42F2F;letter-spacing:0.25rem;font-size:1.25rem;line-height:1.5;font-weight:700;padding-bottom:2rem}
.first-block{background:#2f3340;border-radius:25px;padding:2rem 1rem;text-align:center;margin:8rem 0 0 0}
.first-block h2{color:#EB7F7F;font-size:2rem;padding:2rem 0;line-height:1.25;font-weight:700;background-image:linear-gradient(52deg, #D42F2F 0%, #EB7F7F 85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.first-block.last1 h2{padding-top:0}
.second-block{background:#2f3340;border-radius:25px;padding:2rem 1rem;text-align:center;margin:0}
.second-block ul{margin:0;padding:0;list-style:none}
.second-block ul .li{margin:0 1rem 3rem 1rem}
.second-block .h2{padding-bottom:2rem}
.frame2{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);display:inline-block;max-width:100%;overflow:hidden;vertical-align:top;border-radius:1rem;border-color:#C685D6;border-style:solid;border-width:12px;box-shadow:0rem 0rem 0rem 1rem #3E4352;transition:none;margin-top:0}
.frame2 img{width:100%;height:auto;}
.frame3{margin-top:0}
.btn{background-color:#3E4352;color:rgba(255,255,255,0.588);display:inline-block;width:auto;padding:1rem 1.25rem;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:700;border-radius:2.5rem;transition:var(--cm-transition);margin-top:1.5rem}
.btn:hover{transform: scale(1.05);color:rgba(255,255,255,0.588);}
.btn2{margin-top:2.5rem}
.btn2 img{vertical-align:middle}
.third-block{padding:1rem;text-align:center;margin:0 0 3rem 0}
.fourth-block{}
.fifth-block,
.sixth-block{padding-top:2rem}
.seven-block{padding-top:4rem}
.eight-block{padding:1rem 0 3rem 0}
.last1{margin:0}
.last2{margin:0}
.first-block.last2 h2{padding-top:0}
.first-block.last2 .btn{margin-bottom:1.5rem}
.input,
.textarea{width:calc(100% - 20px);padding:10px;margin:5px;background-color:transparent;border:1px solid #999;outline:none;color:var(--cm-black);text-align:left;box-sizing:border-box;border-radius:2px !important;transition:var(--cm-transition);font-family:'Cera-Regular';vertical-align:top}
.textarea{height:100px;width:96%}
.input:hover,
.input:focus,
.textarea:hover,
.textarea:focus{box-shadow:0px 0 15px #ccc;transition:var(--cm-transition);}
.select{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:calc(100% - 10px);margin:5px auto;padding:10px;
color:#FFFACD;font-family:var(--cm-font-sans-serif);text-align:left;font-weight:500;vertical-align:middle;border:1px solid #FFFACD;outline:none;border-radius:25px;appearance:none;-webkit-appearance:none;}
.select:focus,.select:hover{box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);}
.select option{color:#000;}
.control{display:inline-block;position:relative;cursor:pointer;vertical-align:top;line-height:1.8}
.control input{visibility:hidden;margin-right:10px}
.control input:checked ~ .control__indicator:after{display:block;}
.control--radio input[type="radio"] ~ .control__indicator{position:absolute;top:8px;left:0px;height:20px;width:20px;border-radius:50%;border:2px solid #999;}
.control--radio .control__indicator:after{content:'';position:absolute;display:none;left:2px;top:2px;height:12px;width:12px;border-radius:50%;background:#f05929;}
.control:nth-of-type(1n){margin-right:2rem}
.btnSend{width:96%;background:#f05929;margin:0 5px;padding:11px 0;border:none;border-radius:2px;text-align:center;font-size:1rem;font-weight:700;font-family:'Cera-Bold';text-transform:uppercase;
color:var(--cm-white);transition:var(--cm-transition);}
.btnSend:hover,
.dtpicker-buttonCont .dtpicker-button:hover{box-shadow:0px 0 15px #ccc;}
.dtpicker-mobile .dtpicker-content{width:90%;border:1px solid #999;border-radius:2px !important;}
.dtpicker-overlay{background:none;}
.dtpicker-bg{font-family:'Cera-Regular';width:97%}
.dtpicker-header .dtpicker-title{display:none}
.dtpicker-header .dtpicker-value{padding:0em .2em .2em;font-size:1rem;color:#999}
.dtpicker-cont{border:1px solid #999;border-radius:2px !important;}
.dtpicker-components{margin:10px}
.dtpicker-buttonCont .dtpicker-button{background:#f05929;border-radius:2px !important;}
.navigation{position:fixed;width:100%;z-index:999;transition:var(--cm-transition);}
.top-bg{padding:0;width:100%;position:relative;transition:var(--cm-transition);}
.navigation.inner.sticky{background:rgba(0,0,0,.85);transition:var(--cm-transition);}
.header-left{float:left;text-align:left;width:100px}
.header-left img{width:75px;height:auto;margin:5px 0 5px -5px;}
.header-right{float:right;text-align:right;margin:0;width:calc(100% - 100px);position:relative}
.header-right ul{margin:0;padding:0;}
.menu-click{position:absolute;top:1.5rem;right:5px;z-index:9999;cursor:pointer}
.menu-click .bar1, .menu-click .bar2, .menu-click .bar3{width:25px;height:2px;background-color:#fff;margin:6px 0;transition:var(--cm-transition);display:block}
.menu-click.on .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-4px, 6px);background-color:#dc3545;}
.menu-click.on .bar2{opacity:0;}
.menu-click.on .bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-6px, -7px);background-color:#dc3545;}
.menu-container{display:none;position:fixed;left:0;top:0;width:100%;height:calc(100vh);background-color:rgba(0,0,0,.95);line-height:normal;animation:fadeIn 1s linear;z-index:999;}
.menu-container ul{list-style:none;text-align:center;position:relative;top:50%;transform:translateY(-50%);}
.menu-container li{display:block;padding:1rem 0}
.menu-container li a{color:var(--cm-white);font-size:1.25rem;text-transform:uppercase;font-family:'Cera-Bold'}
.menu-container li a:hover{color:var(--cm-orange);}
.social-link{position:absolute;top:.25rem;right:3.5rem;z-index:99;transition:var(--cm-transition);}
.social-link a{display:inline-block;width:30px;height:30px;text-align:center;border-radius:50%;border:2px solid #fff;vertical-align:middle;line-height:22px;margin-right:0}
.social-link a:last-child{margin-bottom:0}
.social-link a img{vertical-align:middle}
.social-link a:hover{background:#f05929}
.mailing{position:relative;display:block;color:#fff;margin-bottom:6px;}
.mailing form{}
.mailing .mail-box{background:none;position:absolute;width:155px;right:40px;top:2px;padding:0 !important;font-size:15px;border-radius:25px;transition:all .5s cubic-bezier(0.65, 0, 0.076, 1);z-index:999;color:#fff;padding:2px 10px !important;outline:none;border:2px solid #fff;}
.mailing.active-mail .mail-box{width:155px;padding:2px 10px !important;outline:none;border:2px solid #fff;}
.BTN-subscribe{cursor:pointer}
.mailing.active-mail .BTN-subscribe{background:#f05929}
.mailing .mail-box::placeholder{color:#fff;font-weight:400 !important;opacity:1;transition:transform 250ms, opacity 400ms;}
.mailing .mail-box:focus::placeholder,
.mailing .mail-box:hover::placeholder{opacity:0;}
#hero-slider{min-height:300px;}
#hero-slider .flexslider{border:none;z-index:1;margin-bottom:0;}
#hero-slider .flexslider .slides{position:relative;overflow:hidden;}
#hero-slider .flexslider .slides li img{width:100%;height:100%;object-fit:cover;position:absolute;}
#hero-slider .flexslider .slides li{background-repeat:no-repeat;background-size:cover !important;background-position:top center !important;position:relative}
#hero-slider .flexslider .slides li.home-slider1{background:url(/marketing/Images/banner1.jpg);}
#hero-slider .flexslider .slides li.home-slider2{background:url(/marketing/Images/banner2.jpg);}
#hero-slider .flexslider .slides li.home-slider3{background:url(/marketing/Images/banner3.jpg);}
#hero-slider .flexslider .slides li:after{background:#000;content:"";height:100%;width:100%;position:absolute;top:0;left:0;opacity:.5}
#hero-slider .flexslider .slider-text{opacity:1;padding:0;position:relative;text-align:center;margin:85% 3% 0 3%;width:calc(100% - 6%);display:inline-block;z-index:10}
#hero-slider .flexslider .slider-text h1,
#hero-slider .flexslider .slider-text h2,
#hero-slider .flexslider .slider-text h3,
#hero-slider .flexslider .slider-text h4,
#hero-slider .flexslider .slider-text h5,
#hero-slider .flexslider .slider-text h6,
.text-left h1{font-size:2rem;color:var(--cm-white);font-weight:700;padding-bottom:10px;margin-bottom:10px;text-transform:uppercase;border-bottom:2px solid #ccc;}
#hero-slider .flexslider .slider-text p,
.text-left p{font-family:'Cera-Bold';color:var(--cm-red);font-size:1.15rem;line-height:1.5rem;font-weight:700;text-transform:uppercase}
#hero-slider .flexslider .flex-control-nav{bottom:5px;z-index:1000;position:absolute;text-align:center;width:100%;z-index:99}
#hero-slider .flexslider .flex-direction-nav{display:none;}
.video-container{position:absolute;margin:auto;top:100px;left:0;right:0;bottom:0;z-index:10;text-align:center;}
.text-left{padding:0 0 2rem 0}
.video-container .video{width:100%;height:200px}
.flexslider{margin:0;border:none;border-radius:0px;}
.flex-direction-nav .flex-disabled{opacity:1 !important}
.flex-direction-nav a:before,
.flex-direction-nav a:after{display:none !important}
.flex-direction-nav a{width:12px;height:12px;margin:0;font-size:0;display:inline-block;opacity:1 !important}
.flex-direction-nav a.flex-next,
.flex-direction-nav a.flex-prev{background:url(/marketing/Images/icon-arrow-right.svg) center center no-repeat !important;}
.flex-direction-nav a.flex-next{right:0}
.flex-direction-nav a.flex-prev{transform:rotate(-180deg);left:0}
.flex-control-nav li{display:inline-block;}
.flex-control-paging li a{border:none;background:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.flex-control-paging li a.flex-active{background:#f05929}
.inner-banner{height:300px;position:relative;}
.inner-banner h1{font-size:3rem;color:var(--cm-white);font-weight:700;text-transform:uppercase;text-align:center;padding-top:150px;}
.about{background:url(/marketing/Images/about-banner.jpg) left top no-repeat;background-size:cover}
.rent-help-bg{background:url(/marketing/Images/rent-help.webp) left top no-repeat;background-size:cover}
.contact{background:url(/marketing/Images/contact-banner.jpg) left top no-repeat;background-size:cover}
.login{background:url(/marketing/Images/login-banner.jpg) left top no-repeat;background-size:cover}
.privacy{background:url(/marketing/Images/privacy-banner.jpg) left top no-repeat;background-size:cover}
.app{background:url(/marketing/Images/app-banner.jpg) left top no-repeat;background-size:cover}
.eula{background:url(/marketing/Images/eula-banner.jpg) left top no-repeat;background-size:cover}
.CF-terms{background:url(/marketing/Images/CF-terms-banner.jpg) left top no-repeat;background-size:cover}
.newsroom{background:url(/marketing/Images/newsroom-banner.jpg) left top no-repeat;background-size:cover}
.about-us,
.contact-us,
.login-us,
.try-app,
.newsroom-block{padding:3rem 0}
.about-us .col-md-6{position:relative}
.about-us .col-md-6 div{position:relative;padding:2rem 0 0 0}
.about-us .col-md-6 p{font-size:1.25rem;line-height:1.8}
.detail-news{padding:3rem 0 1rem 0}
.contact-us h2,
.login-us h2,
.try-app h2{font-size:2rem;color:#214665;padding-bottom:1.5rem;}
.contact-us .form li{padding-bottom:1rem}
.address{padding-bottom:3rem}
.login-form li,
.account-form li{padding-bottom:15px}
.login-form .btnSend{width:96.5%;margin-top:5px}
.account-form p{padding:0 0 10px 5px}
.account-form .btnSend{margin-bottom:3rem}
.privacy-policy{padding:3rem 0 1.5rem 0}
.privacy-policy p,
.privacy-policy h2{padding-bottom:1.5rem}
.privacy-policy ul{list-style-type:disc;margin:0 0 10px 1rem}
.privacy-policy ul li{padding-bottom:1rem}
.color-pink{color:var(--cm-orange);}
.try-app li{text-align:center;box-shadow:0px 0px 30px #e7e7e7;margin-bottom:1rem;transition:var(--cm-transition);}
.try-app li img.qr-img{width:auto;height:auto;}
.try-app li span{display:block;padding:0 0 15px 0;font-weight:700;text-transform:uppercase;}
.try-app li span img{margin-right:5px;}
.try-app li a:hover{text-decoration:none}
.try-app li:hover{box-shadow:0px 0px 30px #999;}
.try-app .cm-app{padding-bottom:3rem}
.footer-container{background:#1a1a1a;padding:15px 0;color:var(--cm-white);}
.footer-container a{color:var(--cm-white);}
.footer-container a:hover{color:var(--cm-orange);}
.footer-container br{display:block}
.footer-left,
.footer-right{text-align:center;}
.footer-right{padding-top:10px}
.content{padding:2rem 0 0 0;position:relative}
.top-space{padding-top:2rem}
.CM-nav{width:100%;text-align:left;padding-top:0;transition:var(--cm-transition);}
.CM-link-fixed{}
#left-nav{list-style:none}
#left-nav li{padding-bottom:5px;display:inline-block;width:48%;}
#left-nav a{color:#4F4F4F;position:relative;display:block;border:1px solid #f7f7f7;padding:5px;text-align:center;border-radius:15px;}
#left-nav a:hover,
#left-nav .menu-active{color:#f05929;}
#left-nav .menu-active:after{} 
.content h2{color:#4F4F4F;font-size:2.5rem;position:relative;padding-bottom:15px;margin-bottom:2rem}
.content h2:after{content:'';position:absolute;bottom:0;left:0;width:75px;height:2px;background:#4F4F4F;}
.content h3{padding-bottom:.75rem}
.content .light-color{color:#575757}
.content p{padding-bottom:1.15rem;color:var(--cm-black);}
.content ul{list-style:disc;margin:0 0 0 1rem}
.content li{color:#A2A2A2;}
.content .last{margin-bottom:1.5rem}
.team{padding-bottom:2rem}
.team-left{background:#DFDFDF;border-top:10px solid #fff;border-left:5px solid #fff}
.team-left img{margin:-10px 0 0 -10px;position:relative;width:100%;height:100%}
.team-left .title{padding:.75rem;color:#4A4A4A}
.team-left .title h4{font-size:1.25rem;padding-bottom:5px}
.team-left .title strong{font-weight:700;font-size:11px;display:inline-block;width:calc(100% - 50px);vertical-align:top;}
.team-left .title ul{display:inline-block;width:40px;vertical-align:top;margin:0;padding:0;text-align:right}
.team-left .title ul li{display:inline-block;line-height:10px;vertical-align:top}
.team-left .title ul img{width:auto;height:12px;vertical-align:middle;margin:0}
.team-left .title ul li:first-child{padding-right:5px;border-right:1px solid #707070;}
.team-right{padding-top:1.5rem}
.team-right .div{position:relative}
.team-right p{}
.team-right a{border:1px solid #707070;display:inline-block;padding:5px 15px;color:#4F4F4F;font-size:1rem;margin-left:1rem}
.team-right a:hover{color:#f05929}
.team-right ul{margin:0 0 .5rem 1rem;padding:0}
.team-right ul li{list-style:disc;padding-bottom:10px}
.content .team-right ul li p{padding-bottom:0}
.popup{background:#fff;padding:.75rem;}
.popup h4{font-size:1.25rem;padding-bottom:5px}
.popup h4 span{font-weight:700;font-size:11px;display:block;padding-top:8px}
.icon-Q{text-align:center;padding:1rem 0}
.icon-Q i{display:inline-block;background:url(/marketing/Images/icon-Q.svg) center center no-repeat;width:37px;height:30px}
.popup p{padding-bottom:1rem}
img.report1,
img.report2{width:100%;height:auto;margin-top:1rem}
.traction-left{padding:0 0 1rem 0}
.market-left{}
.market-right{}
.market-right .source{}
.customers-left{padding:0 0 2rem 0;margin-top:-1rem}
#competition img{margin-top:-1rem}
.vision-left{margin:0 0 0 0}
.vision-right{margin:0 0 0 0}
.vision-left2{margin:0 0 0 0}
.vision-right2{margin:0 0 0 0}
.acc-BTN{cursor:pointer;font-weight:600;margin:0 0 1rem 0;padding:0 2rem 1rem 0;border-bottom:1px solid #ccc;background:url(/marketing/Images/icon-plus-T.svg) 100% .5rem no-repeat #fff;transition:var(--cm-transition);}
.acc-BTN.on{border-bottom:none;background:url(/marketing/Images/icon-minus-T.svg) 100% .75rem no-repeat #fff;color:var(--cm-orange)}
.acc-BTN:hover{color:var(--cm-blue);}
.acc-CON{display:none;background:#fff;padding:0;margin:-1rem 0 1rem 0;border-bottom:1px solid #ccc;}
#solution{padding-bottom:3rem}
.news-list{box-shadow:0px 0px 30px #e7e7e7;margin-bottom:1rem;transition:var(--cm-transition);}
.news-list img{width:100%;height:auto}
.news-list .space{padding:1rem}
.news-list span{display:block;color:#999;padding:.5rem 0}
.news-list strong{font-size:2.65rem;line-height:2.65rem;font-family:'Cera-Bold';display:inline-block;padding:0 0 1rem 0}
.news-list p{padding-bottom:1rem}
.read-more{display:inline-block;background:#333333;padding:.5rem 1rem;color:#fff}
.read-more:hover{background:#f05929;color:#fff}
.news-list:hover{box-shadow:0px 0px 30px #999;}
.detail-news h2{font-size:3.5rem;line-height:3.5rem;margin-bottom:2.5rem}
.detail-news .img img,
.detail-news .img img2{width:100%;height:auto;}
.detail-news .img span,
.detail-news .img2 span{display:block;padding-top:.5rem;color:#999;}
.links{border-top:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;margin:0 0 1.5rem 0;padding:0;list-style:none}
.links li{display:inline-block;width:49%;vertical-align:top;padding:.5rem 0;color:#999;font-size:1rem;}
.links li:last-child{text-align:right}
.links li a{color:#999;}
.links li a:hover{color:var(--cm-orange);}
.detail-news h3{margin-bottom:2rem}
.detail-news p{font-size:1.25rem;padding-bottom:2rem}
.icon-C,
.icon-E{display:inline-block;background:url(/marketing/Images/icon-calendar.png) left center no-repeat;width:20px;height:20px;background-size:cover !important;vertical-align:middle;opacity:.5;margin-right:5px;}
.icon-E{background:url(/marketing/Images/icon-external-link.png);}
.icon-BACK{background:url(/marketing/Images/icon-arrow-orange.png) left center no-repeat;display:inline-block;color:#f05929;padding-left:35px;margin:10px 0;vertical-align:middle;font-weight:600;}
.icon-BACK:hover{padding-left:25px;}
.bg-black{background: #272b36 !important;}
.screens .thumb {text-align: center;margin-bottom:2rem;}
.thumb div{box-shadow: 0px 0px 30px #e7e7e7;background-color: #ffffff;border-radius:25px;box-shadow: 0 4px 8px 0 rgba(125,125,125,.8);}
.thumb div img{width: 100%;border-radius:25px;height: auto;}
.content.rent-help, .screens {padding:6rem 0}
.tap-play{display:inline-block;text-align:center;margin-bottom:1.5rem;}
.tap-play img{transition:var(--cm-transition);}
.tap-play:hover img{opacity:.85;}
#video-play{text-align:center}

/* FOR NEW PAGE */

.spaceTP{height:90px}
.br{display:none}
.border-TB{border-top:1px solid #fff;border-bottom:1px solid #fff;color:#fff;padding:15px 0;position:relative}
.border-TB li{display:inline-block;vertical-align:middle;width:49%}
.border-TB li:first-child{width:49%}
.border-TB li:last-child{text-align:right}
.title-size{font-size:4rem;font-weight:bolder;letter-spacing:1px;line-height:.95;padding-top:20px}
.section-one{background:url(/marketing/Images/bg1.webp) left center no-repeat;padding:3rem 0;margin:0;background-size:cover}
.section-one .title-size{color:#fff;padding-bottom:20px}
.section-one h2{font-size:2.5rem;letter-spacing:2px;font-weight:bolder;position:relative;border-bottom:1px solid #fff;padding:0 0 15px 0;margin-bottom:20px} 
.section-one h2 a{color:#fff}
.section-one h2 a span{color:#000;transition:var(--cm-transition);}
.icon-external{background:url(/marketing/Images/icon-external.png) left center no-repeat;display:inline-block;width:35px;height:35px;position:absolute;right:0;top:12px;background-size:cover !important}
.section-one h2 a:hover,
.section-one h2 a:hover span,
.link:hover,
.section-fifteen ul.connect li a:hover{color:#ffc107}
.link{color:#fff;font-weight:bold}
.section-two .border-TB,
.section-four .border-TB,
.section-five .border-TB,
.section-six .border-TB,
.section-seven .border-TB,
.section-eight .border-TB,
.section-nine .border-TB,
.section-twelth .border-TB,
.section-fourteen .border-TB,
.section-new .border-TB{border-top:0;}
.section-one .border-TB li,
.section-two .border-TB li,
.section-four .border-TB li,
.section-five .border-TB li,
.section-six .border-TB li,
.section-seven .border-TB li,
.section-eight .border-TB li,
.section-nine .border-TB li,
.section-twelth .border-TB li,
.section-fourteen .border-TB li,
.section-new .border-TB li{width:100%;text-align:left}
.section-two .border-TB .icon-external,
.section-four .border-TB .icon-external,
.section-five .border-TB .icon-external,
.section-six .border-TB .icon-external,
.section-seven .border-TB .icon-external,
.section-eight .border-TB .icon-external,
.section-nine .border-TB .icon-external,
.section-twelth .border-TB .icon-external,
.section-fourteen .border-TB .icon-external,
.section-new .border-TB .icon-external{width:20px;height:20px;top:20px}
.section-four h2,
.section-eight h2,
.section-thirteen h2,
.section-fourteen h2,
.section-fifteen h2,
.section-eleven h2,
.section-new h2{font-size:3rem;line-height:1;}
.section-two{position:relative}
.section-two img{width:100%;height:auto;object-fit:cover;}
.section-two .container{position:absolute;top:14%;left:0;right:0}
.section-three{padding:1rem 0 2rem 0;background:#fff;vertical-align:middle}
.section-three .title-size{font-size:3rem;text-align:center}
.section-three .relative{text-align:center}
.section-three img{margin-top:2rem}
.section-four{background:#e94f2c;padding:2rem 0 1rem 0}
.section-four h2{color:#ed7255;text-transform:uppercase}
.section-four img{width:100%;height:auto;display:none}
.section-four .container-fluid{padding-left:0;padding-right:0}
.section-four h3{font-size:3rem;text-transform:uppercase;color:#fff;border-bottom:1px solid #fff;padding:20px 0 30px 0;margin-bottom:20px; line-height:1}
.ul-block{margin:0;padding:0;color:#fff}
.ul-block li{font-size:1.5rem;padding-bottom:2rem}
.ul-block li strong{font-size:2rem;font-family:'Cera-Bold';line-height:1.2;display:block;padding-bottom:10px}
.section-five{background:#140e0c;color:#fff;padding:1.5rem 0 3rem 0}
.section-five img{width:100%;height:auto}
.section-five h2{font-size:3rem;color:#fff;padding:1.5rem 0 0 0;line-height:1}
.section-five h3{color:#fff;font-size:2.5rem;padding:1rem 0;margin:0}
.section-five p{font-size: 1.5rem;}
.ul-50{margin:1rem 0 0 0;padding:0;list-style:none}
.ul-50 li{display:inline-block;vertical-align:top;width:43%;}
.ul-50 li:first-child{text-align:right;width:55%;padding-right:.5rem}
.ul-50 li span{font-size:2rem;font-family:'Cera-Bold';line-height:1.2;display:block;padding-bottom:10px;color:#e94f2c;padding-top:.75rem}
.industry{margin:3rem 0 0 0}
.section-six{background:#fff;padding:0 0 3rem 0;}
.section-six .border-TB{color:#000;border-bottom: 1px solid #000;margin-bottom:1rem}
.section-six .icon-external{background:url(/marketing/Images/icon-external-B.png) left center no-repeat;}
.section-six h2{font-size:3rem;line-height:1;padding-bottom:10px}
.section-six h3{font-size:2.5rem}
.section-six h3 span{display:block;color:#ccc;}
.section-six .physical-card{width:100%;height:auto;margin:2rem 0 0 0}
.section-six ul{margin:1rem 0 0 0}
.section-six ul p{font-size:1.5rem;line-height:normal;background:url(/marketing/Images/arrow-up.png) left bottom no-repeat;padding:0 0 0 60px}
.section-six ul img{vertical-align:middle;margin-left:-60px}
.global{width:100%;height:auto;margin:2rem 0 0 0}
.section-seven{background:url(/marketing/Images/section-seven-bg.webp) -50% bottom no-repeat #090a0e;padding:2rem 0 3rem 0;color:#fff}
.section-seven h2{font-size:3rem;line-height:1;color:#fff;padding:1rem 0}
.section-seven p{font-size:1.5rem;line-height:normal;}
.section-eight{background-image:linear-gradient(#ff3300, #ef6024);padding:2rem 0 3rem 0}
.section-eight h2{color:#ed6d40;text-transform:uppercase;margin-bottom:0}
.section-eight h3{font-size:3rem;padding:1rem 0;color:#fff}
.section-eight ul.ul-block{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:1.5rem 0 0 0}
.section-nine{background:#fff;position:relative;padding:3rem 0 2.75rem 0}
.section-nine img{position:relative;z-index:9;width:100%;height:auto}
.section-nine .border-TB{color:#000;border-bottom:1px solid #000;margin-bottom:1rem}
.section-nine .icon-external{background:url(/marketing/Images/icon-external-B.png) left center no-repeat;}
.section-nine h2{font-size:3rem;line-height:1;padding:0 0 1rem}
.verticle-center{margin:1rem 0 0 0}
.section-nine p{font-size:1.5rem}
.section-ten{background:#fff;padding:0 0 0 0}
.section-ten h2{font-size:3rem;line-height:1;border-top:1px solid #000;padding-top:2rem}
.section-ten img{width:100%;height:auto;margin:1.5rem 0}
.section-ten li{background:url(/marketing/Images/icon-arrow-li.png) left 12px no-repeat;padding:0 0 0 35px;font-size:1.5rem;font-weight:bold}
.section-ten li span{color:#ccc}
.section-eleven{background:#030303;padding:3rem 0;color:#fff;}
.section-eleven img{width:100%;height:auto;margin-bottom:2rem;opacity:.75}
.section-eleven p{font-size:1.5rem;}
.section-eleven .relative p{position:absolute;z-index:9;font-family:'Cera-Bold';line-height:1}
.section-eleven .relative p span{display:block;color:#e94f2c;}
.section-eleven .right-P{right:15px;top:0;text-align:right;}
.section-eleven .left-P{left:17%;top:8%;}
.section-eleven h2{color:#373230;padding-bottom:2rem}
.section-eleven h3{font-size:3rem;line-height:1;color:#fff;border-top:1px solid #fff;margin:1.5rem 0 0 0;padding:1.75rem 0 0 0;position:relative}
.section-eleven h3:after{content:'';background:url(/marketing/Images/icon-external.png) left center no-repeat;width:20px;height:20px;position:absolute;bottom:0;right:0;background-size:cover}
.section-twelth{padding:1rem 0 3rem 0;background:#fff}
.section-twelth .border-TB{border-bottom-color:#000;color:#000}
.section-twelth .icon-external{background:url(/marketing/Images/icon-external-B.png) left center no-repeat;}
.section-twelth h2{font-size:3rem;line-height:1;text-align:right;padding:1rem 0}
.section-twelth img{width:100%;height:auto}
.section-twelth .relative p{font-size:1.5rem;padding-top:2rem}
.section-twelth .relative p span{color:#e94f2c;}
.section-twelth .relative img{margin-top:2rem}
.section-thirteen{background:url(/marketing/Images/desigin-bg.png) left center no-repeat #d9d9d9;padding:2.75rem 0 1.5rem 0}
.section-thirteen h2{line-height:1;color:#f0eeee}
.section-thirteen h3{font-size:3rem;line-height:1;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:1.25rem 0;margin:2rem 0 1rem 0}
.section-thirteen .ul-block{color:#000}
.section-thirteen .ul-block li{padding-bottom:25px}
.section-thirteen .ul-block li li{width:100%;display:block;padding-right:0;margin-left:25px;position:relative;padding-bottom:0}
.section-thirteen .ul-block li li:before{content:'';width:5px;height:5px;background:#000;border-radius:50%;position:absolute;left:-18px;top:16px}
.section-thirteen .ul-block .last-P{font-size:1.5rem;position:relative}
.section-thirteen .ul-block .last-P:after{content:'';background:url(/marketing/Images/icon-external-B.png) left center no-repeat;width:20px;height:20px;position:absolute;bottom:5px;right:0;background-size:cover}
.spacer{height:20px;display:block}
.section-fourteen{background:linear-gradient(#ff3300, #ef6024);padding:3rem 0 2.5rem 0;color:#fff;font-size:1.5rem}
.desigin-bg{background:url(/marketing/Images/desigin-bg.png) left center no-repeat;}
.section-fourteen h2{line-height:1;color:#ee7457;margin-bottom:-20px}
.section-fourteen h3{font-size:3rem;padding:1rem 0;color:#fff;border-bottom:1px solid #fff;margin-bottom:1rem}
.Backed{color:#000;font-size:2rem;padding:0;font-family:'Cera-Bold';line-height:1}
.section-fourteen ul{list-style:disc;margin:5px 0 20px 25px}
.section-fourteen ul ul{list-style:circle}
.bonus{color:#fea46f;font-size:1.35rem;border-top:1px solid #fff;margin:1rem 0 0 0;padding:1rem 0 0 0}
.bonus strong{font-family:'Cera-Bold';font-size:2rem;vertical-align:middle}
.bonus img{vertical-align:middle;margin:0 15px}
.bonus span{padding:0 4px}
.section-fourteen ul.border-TB{margin:0}
.section-fifteen{color:#140e0c;padding:2.5rem 0 2.5rem 0;color:#fff;font-size:1.5rem}
.section-fifteen h2{line-height:1;color:#433e3d}
.section-fifteen h3{font-size:3rem;padding:1rem 0;margin:2rem 0; color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff}
.section-fifteen h4{color:#fff;font-size:2rem;padding-bottom:1rem}
.section-fifteen strong{display:block}
.section-fifteen ul{list-style:disc;margin:0 0 1.5rem 25px}
.padding-B{padding-bottom:1.5rem}
.section-fifteen ul.connect{list-style:none;border-top:1px solid #fff;padding:2rem 0 0 0;margin:2rem 0 0 0}
.section-fifteen ul.connect li a{color:#fff;display:inline-block;margin:.5rem 0}
.section-fifteen ul.connect li:nth-child(3) a{position:relative}
.section-fifteen ul.connect li:nth-child(3) a:after{content:'';background:url(/marketing/Images/icon-external.png) left center no-repeat;width:20px;height:20px;position:absolute;bottom:5px;left:-45px;background-size:cover}
.section-fifteen .padding-B i{}
.section-new{background:url(/marketing/Images/section-new-bg.webp) center center no-repeat;background-size:cover;padding:2.5rem 0;}
.section-new h2{color:#d0a6a6;margin-bottom:-2rem}
.section-new img{width:100%;height:auto;margin:0 0 2rem 0}
.section-new h3{font-size:3rem;color:#fff;margin-top:.5rem}
.section-new .border-TopBottom{border-top:1px solid #cbdaeb;border-bottom:1px solid #cbdaeb;padding:1rem 0;margin:1rem 0 0 0;font-size:1.25rem}
.section-new .border-TopBottom strong{display:block;font-family:'Cera-Bold';font-size:2rem;}
.section-new .border-TopBottom ul{margin:0 0 1rem 2rem;padding:0;list-style:disc}
.section-new .border-TopBottom p{margin-bottom:1rem}
.section-sixteen{background:#fff;padding:3rem 0}
.section-sixteen h2{font-size:2.75rem;line-height:1;}
.section-sixteen h2 span{display:block;font-size:1.5rem;padding:10px 0 25px 0;color:#d9d9d9}
.section-sixteen .relative{padding-top:2rem}
.section-sixteen .relative img{width:100%;height:auto}
.section-sixteen .relative h3{font-size:3rem;color:#d9d9d9;}
.section-sixteen .relative h3 span{color:#e94f2c}
@media screen and (max-width: 666px) {}
@media only screen and (min-width: 600px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {}
@media only screen and (max-width: 600px) and (orientation : portrait) {}
@media only screen and (min-width: 600px) and (orientation : landscape) {}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.video-container{top:35%}
.text-left{padding-top:8rem}	
.content .col-md-2,
.content .col-md-9,
.content .col-md-1{width:100%}
.social-link{top:.75rem}
.section-three .title-size{text-align:left}
.section-four img{display:inline-block}
.section-five .col-md-6,
.section-six .col-md-5,
.section-six .col-md-7,
.section-seven .col-md-5{width:100%}
.section-five .ul-50 li{width:22%;}
.section-five .ul-50 li:first-child{width:50%;}
}
@media only screen and (min-device-width : 601px) and (max-device-width : 962px) and (orientation : landscape) and (min-device-height : 601px){
.content .col-md-2,
.content .col-md-9,
.content .col-md-1{width:100%}	
}
@media only screen and (min-width: 320px) and (max-width: 991px) and (orientation : landscape){
.section-three .title-size{text-align:left}
.section-four img{display:inline-block}
.section-five .relative img,
.section-six .relative img{top:50%;transform:translateY(-50%);position:absolute;}
.section-seven .col-md-5{width:100%}
.section-sixteen .align-center{text-align:left}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {}
@media only screen and (min-width: 992px) {	
.graph-responsive{width:auto;height:auto}	
.top-bg{padding:1.75rem 0 0 0;}
.header-left{width:125px}
.header-left img{width:100px;height:auto;margin:0}
.header-right{width:calc(100% - 125px);text-align:left;padding:2rem 0 0 0}
.header-right ul{margin:5px 0 0 0;padding:0;}
.navigation.inner .top-bg{padding:1.75rem 0}
.navigation.inner.sticky .top-bg{padding:5px 0;}
.social-link{top:1.5rem;}
.mailing{margin-bottom:0;display:inline-block;}
#hero-slider{min-height:500px;}
#hero-slider .flexslider .slides li{}
#hero-slider .flexslider .slider-text{position:absolute;text-align:center;margin:auto;top:35%;left:0;right:0;bottom:0;z-index:10;width:440px}
#hero-slider .flexslider .slider-text h1,
#hero-slider .flexslider .slider-text h2,
#hero-slider .flexslider .slider-text h3,
#hero-slider .flexslider .slider-text h4,
#hero-slider .flexslider .slider-text h5,
#hero-slider .flexslider .slider-text h6,
.text-left h1{font-size:4.75rem;margin-bottom:20px;}
#hero-slider .flexslider .slider-text span,
.text-left span{display:block;font-size:5.75rem;}
#hero-slider .flexslider .slider-text p,
.text-left p{font-size:1.5rem;}
.text-left{width:440px;padding:1.75rem 0 0 0}
.video-container{position:absolute;margin:auto;top:35%;left:0;right:0;bottom:0;z-index:10;text-align:center;}
#hero-slider .flexslider .flex-control-nav{bottom:25px;}
.video-container .video{height:350px}
.inner-banner{height:500px;}
.inner-banner h1{font-size:5rem;padding-top:275px;}
.about-us,
.contact-us,
.login-us,
.try-app{padding:6rem 0}
.about-us .col-md-6 div{top:50%;transform:translate(0, -50%);padding:0 0 0 2rem}
.contact-us h2,
.login-us h2,
.try-app h2{padding-bottom:2.5rem;}
.contact-us .form li{display:inline-block;width:49%;vertical-align:top;}
.contact-us .form li:nth-child(5),
.contact-us .form li:nth-child(6){width:100%}
.address{padding-bottom:0}
.login-form .btnSend{width:96.5%;margin-top:5px}
.account-form li:nth-child(1),
.account-form li:nth-child(2),
.account-form li:nth-child(5),
.account-form li:nth-child(6){display:inline-block;width:49%;vertical-align:top}
.account-form li:nth-child(2),
.account-form li:nth-child(6){margin-left:1%}
.account-form .btnSend{margin-bottom:0}
.try-app li{display:inline-block;margin-bottom:0}
.try-app li:nth-child(1){margin-right:10%}
.try-app .cm-app{padding-bottom:0;text-align:center}
.privacy-policy{padding:6rem 0 4.5rem 0}
.footer-container br{display:none}
.footer-left{text-align:left;}
.footer-right{text-align:right;padding-top:0}
#sticktopCM{display:block}
.CM-nav{display:block;background:rgba(255,255,255,.0);width:auto;padding-top:0;position:relative;top:50px;right:auto;box-shadow:none;}
.CM-link-fixed{position:fixed;top:150px !important;}
#left-nav{list-style:none}
#left-nav li{padding-bottom:10px;display:block;width:100%}
#left-nav a{color:#4F4F4F;position:relative;display:block;width:150px;border:none;padding:0;text-align:left}
#left-nav .menu-active:after{content:'';position:absolute;right:0px;top:10px;width:4.5px;height:8.5px;background:url(/marketing/Images/icon-arrow.svg) center center no-repeat;transition:var(--cm-transition);}
.content{padding:4rem 0 0 0;}
.team{padding-bottom:2rem}
.team-left{float:left;width:250px;margin-right:30px;}
.team-left img{margin:-10px 0 0 -10px;width:auto;height:auto}
.team-right{float:left;width:calc(97% - 280px);padding-top:0;position:relative;height:350px;margin-top:-10px}
.team-right .div{top:50%;transform:translateY(-50%);position:absolute}
.popup{padding:2rem;}
img.report1{width:50%;height:auto}
img.report2{width:45%;height:auto}
.traction-left{display:inline-block;vertical-align:top;width:425px;margin-left:-175px;padding:0 15px 0 0}
.traction-left img{margin-top:115px;}
.traction-right{display:inline-block;vertical-align:top;width:calc(100% - 260px);padding-bottom:1rem}
.market-left{}
.market-right{}
.market-right .source{margin-right:1.5rem}
.market-right img{margin-top:1rem}
.customers-left{display:inline-block;vertical-align:top;width:48%;padding:40px 0 0 0;margin:0 0 0 -1rem;}
.customers-left .source{text-align:left;margin-left:1.5rem}
.customers-right{display:inline-block;vertical-align:top;width:50%;text-align:right}
#competition img{margin-top:-6.5rem}
.vision-left{display:inline-block;vertical-align:top;width:50%;margin:0 1rem 0 -2rem}
.vision-right{display:inline-block;vertical-align:top;width:51%;margin:-10px 0 0 0}
.vision-left2{display:inline-block;vertical-align:top;width:51%;margin:-10px 0 0 0}
.vision-right2{display:inline-block;vertical-align:top;width:50%;margin:0 -2rem 0 1rem}
#solution{padding-bottom:5rem}
.down{margin-top:3rem;}
.dot-sep{height:auto}
.h2{font-size:3.75rem;line-height:4.5rem;padding-bottom:2rem}
.p{color:#a9abb0;padding-bottom:1rem;font-size:1.5rem}
.p .strong{font-size:1.6rem;font-family:Cera-Bold}
.btn{padding:1.5rem 2.5rem;letter-spacing:.25rem;font-size:1.25rem;}
.btn:hover{transform:scale(1.15);}
.first-block{padding:5rem;margin:10rem 4rem 0 4rem}
.btn2{padding:1.5rem 1.5rem;letter-spacing:0;margin-top:3.95rem}
.first-block h2{font-size:2.75rem;padding:2rem 0;line-height:1.25;}
.first-block.last1 h2{padding-top:2rem}
.third-block{padding:1rem 5rem 5rem 5rem;margin:0}
.frame2{margin-top:0}
.frame2 img{width:auto;height:auto;}
.second-block{padding:4rem;}
.second-block ul li{display:inline-block;vertical-align:top;width:47%}
.second-block ul li:first-child{margin-left:2%;float:right;padding-top:7rem}
.second-block ul .li{margin:0}
.fifth-block,
.sixth-block,
.seven-block{padding-top:5rem}
.eight-block{padding:3rem 0}
.last1{margin:0 5rem}
.last2{margin:0 5rem 2rem 5rem}
.detail-news .img img2{width:auto;}

/* -- NEW HOME PAGE -- */
.spaceTP{height:150px}
.border-TB li{width:50.25%}
.title-size{font-size:9rem;padding-top:0}
.section-one h2{font-size:5rem;}
.icon-external{top:-25px;}
.section-four h2,
.section-eight h2,
.section-thirteen h2,
.section-fourteen h2,
.section-fifteen h2,
.section-new h2{font-size:5rem;}
.section-three{padding:3rem 0;}
.section-three .title-size{font-size:4rem;text-align:left}
.section-three .relative{text-align:left}
.section-three img{position:absolute;top:50%;transform:translateY(-50%);margin-top:0}
.section-four{padding:3rem 0}
.section-four h3{font-size:4rem;padding:30px 0 40px 0;margin-bottom:40px;}
.section-four img{width:100%;height:auto;display:block}
.ul-block li{display:inline-block;vertical-align:top;width:32.85%;padding-right:50px;padding-bottom:0}
.ul-block li strong{font-size:2rem;}
.section-five{padding:5rem 0}
.section-five h2{font-size:4rem;padding:3rem 0 0 0}
.ul-50{margin:2rem 0 0 0;}
.ul-50 li{width:43.5%;}
.ul-50 li span{font-size:3rem}
.industry{margin:12rem 0 0 2rem}
.section-six{background:url(/marketing/Images/section-six-bg.png) left top repeat-y #fff;padding:3rem 0 5rem 0;background-size:contain;}
.section-six .border-TB{margin-bottom:2rem}
.section-six h2{font-size:4rem;}
.section-six ul{margin:2rem 0 0 0}
.global{margin:6rem 0 0 20px}
.section-seven{padding:5rem 0;background-position:right bottom}
.section-seven h2{font-size:4rem;padding:3rem 0}
.section-eight{padding:3rem 0 5rem 0}
.section-eight h3{font-size:4rem;padding:2rem 0;}
.section-eight h2{margin-bottom:0}
.section-eight ul.ul-block{padding:3rem 0 4rem 0}
.section-nine{padding:0}
.section-nine:before{content:'';position:absolute;background:#dbdad5;width:49%;height:100%;left:0;top:0;z-index:1}
.section-nine .border-TB{margin-bottom:2rem}
.section-nine h2{font-size:4rem;padding:0 0 3rem}
.verticle-center{margin:0 0 0 3rem}
.section-ten{padding:5rem 0 0 0}
.section-ten h2{font-size:4rem;padding-top:2rem}
.section-ten img{margin:3rem 0 1.5rem 0}
.section-eleven{padding:5rem 0;}
.section-eleven img{margin-bottom:1.5rem;opacity:1}
.section-eleven .right-P{right:0;top:0;text-align:right;}
.section-eleven .left-P{left:17%;top:16%;}
.section-eleven h2{padding-bottom:4rem}
.section-eleven h3{font-size:4rem;}
.section-eleven h3:after{bottom:15px;right:0;}
.section-twelth{padding:5rem 0;}
.section-twelth h2{font-size:4rem;padding:2rem 0}
.section-twelth .relative p{text-align:right;padding-top:0}
.section-twelth .relative img{position:absolute;bottom:3.5rem;left:2rem;margin-top:0}
.section-thirteen{padding:5rem 0}
.section-thirteen h3{font-size:4rem;padding:2rem 0;margin:3rem 0}
.section-fourteen{padding:5rem 0;}
.section-fourteen h2{margin-bottom:0}
.section-fourteen h3{font-size:4rem;padding:2rem 0 3rem 0;margin-bottom:2rem}
.section-fourteen ul.ul-block{padding:3rem 0 4rem 0}
.Backed{font-size:2rem;padding:0;position:absolute;right:0;bottom:10px}
.section-fourteen ul{margin:10px 0 20px 30px}
.bonus{font-size:1.35rem;margin:2rem 0 0 0;padding:2rem 0 0 0}
.section-fifteen{padding:5rem 0;}
.section-fifteen h3{font-size:4rem;padding:2rem 0;margin:3rem 0;}
.section-fifteen h4{font-size:2.5rem;padding-bottom:1.5rem}
.section-fifteen ul{list-style:disc;margin:0 0 1.5rem 25px}
.section-fifteen ul.connect{padding:3rem 0 0 0;margin:2rem 0 0 0}
.section-fifteen ul.connect li{display:inline-block;vertical-align:top}
.section-fifteen ul.connect li:nth-child(1){width:20%}
.section-fifteen ul.connect li:nth-child(2){width:25%}
.section-fifteen ul.connect li:nth-child(3){width:53.75%;text-align:right}
.section-fifteen .padding-B i{display:block;height:35px}
.section-new{padding:5rem 0;}
.section-new h2{margin-bottom:0}
.section-new h3{font-size:4rem}
.section-new .border-TopBottom{margin:1rem 0 1rem 5rem;}
.section-sixteen{padding:5rem 0}
.section-sixteen h2{font-size:4rem;}
.section-sixteen h2 span{font-size:2rem;}
.section-sixteen .relative{padding-top:3rem}
.section-sixteen .relative h3{font-size:4rem;color:#d9d9d9;position:absolute;bottom:0}
.section-sixteen .align-center{text-align:left}
}

@media only screen and (min-width: 1200px) {
.mailing{display:inline-block;}
.menu-click,
.menu-close{display:none}
.menu-container{display:inline-block;background:none;position:relative;right:0;top:0;height:auto;z-index:99}
.menu-container ul{top:0;transform:translateY(0);text-align:left}
.menu-container li{padding:0 1rem 0 0;display:inline-block}
.social-link{top:2.15rem;right:0}
.social-link a{margin-right:.5rem}
.section-five{background:#140e0c;}
.verticle-center{position:absolute;top:50%;transform:translateY(-50%);margin:-2rem 0 0 3rem}
.section-fourteen h3{padding:2rem 0;}
.Backed{bottom:2rem}
}

@media (min-width: 1300px) {
.br{display:block}
.title-size{font-size:12rem;padding-top:0}
.section-one h2{font-size:5.5rem;}
.section-four h2,
.section-eight h2,
.section-eleven h2,
.section-thirteen h2,
.section-fourteen h2,
.section-fifteen h2,
.section-new h2{font-size:7rem;}
.section-three .title-size{font-size:4.5rem;}
.section-four h3{font-size:5.75rem;}	
.section-five h2,
.section-six h2,
.section-seven h2,
.section-eight h3,
.section-nine h2,
.section-ten h2,
.section-eleven h3,
.section-twelth h2,
.section-thirteen h3,
.section-sixteen h2,
.section-new h3,
.section-fifteen h3{font-size:6rem;}
.section-five{background:url(/marketing/Images/music-headset.webp) left 100% no-repeat #140e0c;}
}


/*-- XR iOS 12 --*/
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){}

/*-- XS Max iOS 12 --*/
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (min-device-height : 768px){
.second-block ul li{width:100%}
.second-block ul li:first-child{margin-left:0;float:none;padding-top:0}
.second-block ul .li{margin:0 1rem 3rem 1rem}
.section-five{background-image:none}
.section-five .ul-50 li span{font-size:2rem;}
.section-seven .col-md-5{width:100%}
.section-fifteen ul.connect li:nth-child(3){width:53%;}
}

@media only screen and (min-device-width : 810px) and (max-device-width : 1080px) and (orientation : portrait) {
.section-three .title-size{text-align:left;}	
.section-four img{display:inline-block}
.section-five .col-md-6,
.section-six .col-md-5,
.section-six .col-md-7,
.section-seven .col-md-5{width:100%}
.section-five .ul-50 li{width:22%;}
.section-five .ul-50 li:first-child{width:50%;}
.section-sixteen .col-md-3 img{height:100px}
.section-sixteen .align-center{text-align:left}
}

@media only screen and (min-device-width : 810px) and (max-device-width : 1080px) and (orientation : landscape) and (min-device-height : 810px){
.second-block ul li{width:100%}
.second-block ul li:first-child{margin-left:0;float:none;padding-top:0}
.second-block ul .li{margin:0 1rem 3rem 1rem}
.section-five{background-image:none}
.section-five .ul-50 li span{font-size:2rem;}
.section-six .relative img{top:16%;transform:translateY(-50%);position:absolute;}
.section-seven .col-md-5{width:100%}
.section-fifteen ul.connect li:nth-child(3){width:53%;}
}

@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : portrait) {}

@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : landscape) and (min-device-height : 820px){
.section-five{background-image:none}
.section-five .ul-50 li span{font-size:2rem;}	
.section-seven .col-md-5{width:100%}
.section-fifteen ul.connect li:nth-child(3){width:53%;}
}

@media only screen and (min-device-width : 834px) and (max-device-width : 1194px) and (orientation : landscape) and (min-device-height : 834px){
.section-five{background-image:none}
.section-five .ul-50 li span{font-size:2rem;}	
.section-seven .col-md-5{width:100%}
.section-fifteen ul.connect li:nth-child(3){width:53%;}
}


@media (max-width:1200px) and (min-width:769px){}
@media (max-width:1100px) and (min-width:320px){
.content.rent-help, .screens{padding: 3rem;}
}

/* ── Port overrides ────────────────────────────────────────────────
   WOW.js sets .wow elements to visibility:hidden until it triggers
   the fade-in animation. The fixed nav sits above the fold and WOW
   may never fire on it — so we tie the nav's visibility to its
   .sticky state instead. That means the whole header (bg + text +
   logo) appears and disappears as one piece: hidden at reload mid-
   scroll, then revealed together with the dark background once the
   scroll handler adds .sticky. Matches the legacy ASP.NET behavior.
   The footer band still gets an unconditional override because
   nothing else ever reveals it. */
.navigation.inner.sticky,
.footer-container.wow { visibility: visible !important; }