/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@font-face {
    font-family: "UberMoveText";
    src: url("https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Regular.woff2") format("woff"), url("https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Medium.woff2 ") format("woff") url("https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Regular.woff2") format("woff"), url("https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Medium.woff2") format("woff");
}

@font-face {
    font-family: "UberMove";
    src: url("https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Regular.woff2") format("woff"), url("https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Medium.woff2") format("woff");
}

/* Provide sufficient contrast against white background */
:root {
    --mainbg: #1c1d1f; /*#326091;*/
    --mainbgtrans: #1c1d1f; /*#326091bf;*/
    --fullwidth: 100%;
    --hyperlink: #0021be;
}
.btn-primary {
  color: #fff;
  background-color: var(--mainbg);
  border-color: var(--mainbg);
  font-family: "FortBook",Arial,sans-serif;
}
.btn:hover {
    background-color: #000;
}

a, p, h1, h2, h3, h4, h5, h6, b, strong, span, tspan, table {
    color: #333;
    font-family: "FortBook",Arial,sans-serif;
    margin-top:0;
}

a:hover{cursor:pointer !important;text-decoration:none;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea{margin:0;}
/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 18px;
  }
}
.mb{display:none;}
.dk{display:block;}
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}
.container {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1920px !important;
    width: 100% !important;
}
.row{max-width:1920px;}
/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }
p, ul, ol, dl, span, label{font-size:16px;line-height:24px;}
body { margin-bottom: 60px; font-family: "FortBook",Arial,sans-serif; }
.main-content{ padding-bottom:60px; padding-top:74.6px;  background-color:#fff; overflow:hidden; }
.top-bar-section ul li > a{font-family:"FortBook",Arial,sans-serif;}
.footer {position: relative;bottom: 0;width: 100%;line-height: 60px;background-color:var(--mainbg);padding: 80px 0 30px 0;}
.footer a{color:#fff;font-size:14px;}
.footer ul li{list-style-type:none;margin-bottom:10px;}
.footer img.logo{height: 28px;}
.footer .copyright{text-align:left;margin-top:2rem;}
.footer .copyright p{margin-bottom:0.5rem;max-width:100%;}
.footer p{color:#fff; font-size:14px;max-width:348px;}
.footer img.social-icon{width:32px;}
.footer nav.nav-country a { text-decoration: none; }
/*.footer nav.nav-country { font-family: monospace; }*/
.footer nav.nav-country ul { background: #2d2d2d; list-style: none; margin: 0; padding-left: 0; }
.footer nav.nav-country li { margin: 0; color: #fff; border: 1px solid #696969; background: #2d2d2d; display: block; float: left; padding: 0.15rem 1rem;  position: relative; text-decoration: none; transition-duration: 0.5s; width: 200px; border-radius: 10px; font-size:14px;}
.footer nav.nav-country > ul > li:first-child:before { font-family: "FontAwesome"; content: "\f041"; }
.footer nav.nav-country > ul > li:first-child:after { font-family: "FontAwesome"; content: "\f106"; float: right; }
.footer nav.nav-country li a { color: #fff; width: 100%; position: relative; bottom:1px;}
.footer nav.nav-country li span.name { color: #fff; width: 100%; position: relative; bottom:1px;text-align:right;padding-right:10px;}
.footer nav.nav-country li:hover { background: #2d2d2d; cursor: pointer; }
.footer nav.nav-country ul li ul { background: transparent; visibility: hidden; opacity: 0; min-width: 5rem; position: absolute; transition: all 0.5s ease; margin-top: 1rem; left: 0; display: none; margin-top: -114px; width: 200px; }
.footer nav.nav-country ul li:hover > ul,
.footer nav.nav-country ul li ul:hover { visibility: visible; opacity: 1; display: block; }
.footer nav.nav-country ul li ul li { clear: both; width: 100%; }
.footer nav.nav-country li ul.dropdown li { border-radius: 0;}
.row:before, .row:after{content:none;}
.footer h3.fhead {font-size: 1.35rem; color: #fff; margin-left: 1.1rem;}
.footer .footer-logo ul {margin-left: 0;}
.footer .col-md-2{border-left:0.5px solid;}
.footer .bytxt{font-size:9px;color:#fff;padding-top:-3px;}
.footer a:hover{text-decoration:none;}
.centered{text-align:center;}

/* banner
-------------------------------------------------- */
.banner{width:100%; height: calc(100vw * 0.45);}
.banner.main-banner{background-image: url('/images/city-game.jpg');background-size:cover;}
.banner .banner-text{position:relative;top:50%;left:15%;}
.banner .banner-text h1{font-weight:600;}
.banner.openx-banner{background-image: url('/images/openx.jpg');background-size:cover;height: calc(100vw * 0.534);}
.banner.openx-banner .banner-text{position:relative;top:40%;left:10%;}
.banner .banner-text h1{max-width:850px;}
.banner.openy-banner{background-image: url('/images/openy.jpg');background-size:cover;height: calc(100vw * 0.6);}
.banner.openy-banner .banner-text{position:relative;top:40%;left:10%;}
.banner.openz-banner{background-image: url('/images/openz.jpg');background-size:cover;height: calc(100vw * 0.6);}
.banner.openz-banner .banner-text{position:relative;top:40%;left:10%;}
.banner .sname{position: relative;float: right; color: #000; top: 80px; font-size: 20px; right: 20px; padding: 5px; background: #9bb2baba; border-radius: 5px;}
.banner .sname img{height: 24px; margin-top: -5px;}
.banner.about-banner{height: calc(100vw * 0.55); background-image: url('/images/system.jpg');background-size:cover;background-position-y:center;}


.homesection {padding-bottom:5rem;}
.homesection:first-child{padding-top:5rem;}
.homesection img{width:100%;max-width:700px;text-align:center;}
.homesection .blct{position:relative;background: var(--mainbgtrans);text-align:center;padding:2rem;}
.homesection .blct .blct_text{text-align:center;font-size:2rem;color:#fff;}
.homesection .blct_text a{text-decoration:none;color:#fff;}
.homesection .blct_text a:hover{text-decoration:none;color:#fff;}
.testimonial-area{background: var(--mainbgtrans);}
.testimonial-area .content-about{margin:0 auto;padding:5em auto;}
.testimonial-area .content-about h3{font-size:45px;font-weight:100;text-align:center;padding-bottom:45px;color:#fff;}
.testimonial-area .content-about p{text-align:justify;padding-bottom:10px;color:#fff;}
.testimonial-area.pt-50{padding-bottom:50px;}
.team-area {background-color: #f0f0f0;}
.team-area .form {background-color: #fff;padding: 40px;width: 100%;margin: 0 auto;}
.team-area .form input, .team-area .form textarea {margin: 5px auto;border-radius:3.5px;}
.team-area .form input[type=submit]{color:#fff;background:#656565;}
.team-area .form input[type=submit]:hover{color:#fff;background:#3e3e3e;}
.team-area .form form{max-width:700px; margin: 0 auto;}
.team-area h2{text-align:center; font-size:1.75rem;}
.bannerabout{background: var(--mainbgtrans);padding:35px 0;}
.bannerabout *{color:#fff;}
.bannerabout h2{margin: 4rem auto; font-weight: bolder; font-size: 3.125rem;}
.bannerabout .middle-thing {margin: 0;width: 100%;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.bannerabout .col-md-6:first-child{padding-left:0;}
#navbarsub {overflow: hidden;background: var(--mainbgtrans);}
#navbarsub a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}
#navbarsub a:hover {background-color: #ddd;color: black;}
#navbarsub a.active {background-color: #fff;color: #000;}
.sticky {position: fixed;top: 0;width: 100%;z-index:1;transition-duration: 0.65s;box-shadow: 0px -1px 9px 2px #aaa;}
.sticky + .navcontent {padding-top: 60px;}
.subnav{background: var(--mainbgtrans);}
.subnav .navct{width:100%;margin: 0 auto;}
.wwdf{width:100%; max-width:700px;}
.navcontent .col-md-4:first-child{padding-left:0;}
.navcontent .col-md-4:last-child{padding-right:0;}
#whoweserve h4{padding: 20px;background: #eee;font-weight: bold;font-size: 1.2rem;}
#wherewestand {background: var(--mainbgtrans);}
#wherewestand h3{color:#fff;}
.row-col {display:flex;}
.row-col .col-it{width:32.5%;background:#fff;}
.row-col .col-it:not(:first-child):not(:last-child){margin:0 10px;}
.row-col .col-it .ct{padding:20px;}
#whoweare {background:#f4f4f4;}
#whoweserve .row-col .col-it{background:#eee;}
#whoweserve .row-col{margin-bottom:10px;}
.mirror_desc {width: 100%;max-width: 1000px;margin: 5rem auto 40px;text-align: center;padding: 30px 60px;background: #fbf6d3;}
.mirror_desc h4{font-weight:bold;font-size:1.25rem;}
.mirror_desc p{font-size:14px;}
.listing h4{font-weight:bold;font-size:1rem;margin-top:0.25rem;margin-bottom:0;}
.listing p{font-size:14px;}
.testimonial-area .content-about p.learnmorelink {text-align:center;}
p.learnmorelink a{color:#fff;font-size:22px;font-weight:bold;}
.contact .ctform{padding:3rem 0;background:#f2f2f2;}
.getintouch{background: var(--mainbgtrans);color:#fff;padding:3rem 0;text-align:center;}
.getintouch h4{color:#fff;max-width: 1220px;padding-left: 40px;padding-right: 40px;width: 100%;margin: 0 auto;}
.getintouch a{color:#fff;font-size:1.5rem;}
h3{font-weight:bold;font-size:2rem;}
h3.subtitle{margin:3rem auto;}
.row-col h2{font-weight:bold;margin-bottom:20px;font-size:1.65rem;}
.contact form{width:100%;max-width:700px;margin:0 auto;}
.howitwork{background: var(--mainbgtrans);text-align:center;}
.howitwork h3{color:#fff;}
.howitwork img{text-align:center;width:100%;max-width:500px;}
.prdesc {position: absolute;width: 58%;background: #ffffffc9;padding: 2rem;margin: 0 auto;top: 21%;left: 21%;border-radius:5px;text-align:center;}
.listing .col-md-4{margin-bottom:20px;}
.listing {margin-bottom:40px;}
.helppage{margin-bottom:80px;}
.bannerabout p{padding-right:20px;}
.prdesc h5{font-size:14px;}
.prdesc2 {padding:1.275rem 2rem;}
.invest h3.subtitle{margin: 0 auto 1.5rem;}
.company-logo img{height:50px;width:auto;margin-right:4rem;margin-bottom:10px;}
#environment ul {margin-left:0;}
#environment ul li{list-style:none;}
li.sm{font-size:12.5px;}
.storyimage img{width:100%;max-width:400px;}
.storyimage.left img{max-width:250px;}
.storyimage.left{text-align:left;align-self:center;}
.storyimage.right{text-align:right;}
.storyimage p{font-size:13px;}
.bannerabout.investdetail h2{margin-top:0;}
.bannerreferrer {background: var(--mainbgtrans);text-align: center;}
.bannerreferrer h2{font-weight:bold;color:#fff;margin-bottom:2rem;}
.signupstep img{width:100%;max-width:500px;}
.signupstep i{font-size:13px;}
.signupstep h4 {
    margin-bottom: 30px;
    font-size: 2.125rem;
}
#term_of_use a{color:var(--hyperlink);}
.ss-workflow-step {padding-top: 30px;}
.ss-workflow-step-item {position: relative;margin-bottom: 30px;}
.ss-workflow-step-item .title-text { text-align: center; font-size: 1.375em; font-weight: 500; color: #333; position: relative; }
.ss-workflow-step-item .line-ctn-tag {text-align: center;}
.ss-workflow-step-item .line-y {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ss-workflow-step-item .line-y-detail {
    width: 0.75px;
    height: 50px;
    background-color: #333;
}
.logsign .team-area .form{max-width:500px;}
.logsign .team-area .form input[type=submit]{margin-top:20px;width:100%;}
.logsign .desc1 p{text-align:center;}
.logsign a{color:var(--hyperlink);}
.logo1{width:60px;}
.inrow a{font-size:16px;}
.inrow.txt.centered{font-size:16px;}




.maintitle {max-width:1200px; margin:0 auto; text-align:center;font-weight:600;font-size:3.3rem;}
.maindesc { font-size: 26px;max-width: 660px; margin: 10px auto;}
.ui-state-active {border: 1px solid #292929;background: #343a40;}
.sp { position: relative;display: flex;vertical-align: middle;justify-content: center;align-items: center;flex-wrap: wrap;}
.sp .fortext { width: 50%; position: relative; }
.sps .fortext, .spa .fortext { order: 2; }
.sp .fortext .middle-thing {margin: 0;width: 100%;position: relative;padding-right:60px;}
.spa .sp .fortext .middle-thing {padding-right:0;padding-left:60px;}


.service-content{border:1px solid #dcdcdc;border-radius:8px;padding:30px 20px;text-align:center; height:100%;-moz-box-shadow: 0 0 3px #ccc;-webkit-box-shadow: 0 0 3px #ccc;box-shadow: 0 0 3px #ccc; }
.service-content h3{font-weight:500;font-size:22px;padding:20px 0;font-weight:600;}
.service-content img {height: 28px;}
.service-content:hover{background:#f3f3f3;}
.service-content a {
    font-size: 14px;
    padding-bottom: 6px;
    font-weight:500;
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    background-position: 0 bottom, 0 bottom;
    background-size: 0% 6px, 100% 6px;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient( transparent calc(100% - 1px), #000000 1px ), -webkit-linear-gradient( transparent calc(100% - 1px), #CBCBCB 1px );
    background-image: -moz-linear-gradient( transparent calc(100% - 1px), #000000 1px ), -moz-linear-gradient( transparent calc(100% - 1px), #CBCBCB 1px );
    background-image: linear-gradient( transparent calc(100% - 1px), #000000 1px ), linear-gradient( transparent calc(100% - 1px), #CBCBCB 1px );
}
.service-content a:hover {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    background-image: -webkit-linear-gradient( transparent calc(100% - 1px), #000000 1px ), -webkit-linear-gradient( transparent calc(100% - 1px), #000000 1px );
    background-image: -moz-linear-gradient( transparent calc(100% - 1px), #000000 1px ), -moz-linear-gradient( transparent calc(100% - 1px), #000000 1px );
    background-image: linear-gradient( transparent calc(100% - 1px), #000000 1px ), linear-gradient( transparent calc(100% - 1px), #000000 1px );
}

.sp .hw li { padding: 20px; border-radius: 5px; list-style-type: none;}
.sp .hw li p {  margin-bottom: 0; margin-left: 23px;}
.sp .hw li.active{ background: var(--mainbg);color:#fff;}
.sp .hw li.active h4,.hw li.active p{color:#fff;}
.service .sp.hwcontainer .fortext{width:65%;}
.service .sp.hwcontainer .fortext .middle-thing{width:100%;}
.service .sp.hwcontainer .hw li{padding: 10px 5px 10px 20px;}

.service h2 {text-align: center;}
.service .service-content img{height:64px;}
.getquote{text-align:center;background:#bcd9e1;}
.getquote h3{color:var(--mainbg);font-size:2.3125rem;}
.getquote a{color:#fff;padding:8px 20px;background:var(--mainbg);border-radius:5px;font-size:14px;}


.text-danger{font-size:12px;}
.quote{position:relative; width:100%;max-width:1920px;padding:0 20px;}
.quote .row{max-width:unset;}
.quote img{width:100%; position: absolute; top: 53%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.quote form{padding-top:30px;}
.message-container{text-align:center;padding:6em 0 4em 0;}
.message-container h3{padding-bottom:8px;}
.message-container .complete-contact{width:180px;height:180px;margin:0 auto;background:url(/images/completed.png);background-size:cover; background-position:center;}


.about .level1 {font-size: 11px;font-weight: 500;line-height: 1.5rem;text-transform: uppercase;margin-bottom: 8px;}
.about .col-md-6 {padding: 20px;}
.about .col-md-6 .core-ct {box-shadow: 0 0 10px grey;background: #ececec;padding: 30px;min-height: 190px;display: table;width: 100%;}
.about .core-ct p {font-size: 14px;}
.about .core-ct p.core-title {font-size: 26px;}
.about .row .row{margin:0;}
.about .service-blog.ct img {height: 80px;}
.about .pdandsv {background: var(--mainbg);}
.about .pdandsv .level1{color:#fff;}
.about .about-team{background(/images/about-team.jpg); background-size:cover;}
.about .teamct {padding-top:40px;}
.about .teamct .col-md-4{padding: 15px;}
.about .teamct .ct h4{padding-left:10px;line-height:70px;}
.about .superme {margin: 30px 0;}
.about .superme .row:first-child{margin-bottom:10px;}
.about .superme .smitem {width:calc(50% - 5px);display:flex;padding:30px; text-align:justify;background:#efefef;color:#000;}
.about .superme .row .smitem:first-child{padding-right:140px;}
.about .superme .row .smitem:last-child{margin-left:10px;padding-left:140px;}
.about .superme img{max-width: 250px;position: absolute;left: calc(50% - 125px);margin-top: -130px;}
.service-blog {background: #f5f5f5;border: 1px solid #ececec;padding: 15px 0;border-radius: 5px;height: 185px;-webkit-box-shadow: 0 2px 20px 0 rgba(206, 216, 222, 0.5);-moz-box-shadow: 0 2px 20px 0 rgba(206, 216, 222, 0.5);box-shadow: 0 2px 20px 0 rgba(206, 216, 222, 0.5);}
.service-blog.ct {height: 220px;padding: 15px;}
.service-blog.ct p{font-size:14px;}


.contact .container{max-width:800px;margin: 0 auto;}
.contact h2{text-align:center;}
.contact p{text-align:center;}

.legalpage, .helppage{margin: auto; width:100%; max-width:800px;margin-bottom:80px;}
.helppage a{text-decoration:underline;}
.helppage .ui-accordion p{font-size:0.8rem;}
.legalpage .page-modules .button-group {margin-bottom: 20px;box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.04), 0px 6px 18px 0px rgba(0,0,0,0.05);}
.legalpage .page-modules .button-group .wide-links .wide-link>a {display: block;}
.legalpage a,.legalpage a:hover {text-decoration: none;}
.legalpage .page-modules .button-group .wide-links .wide-link:first-child .panel {border-top-left-radius: 4px;border-top-right-radius: 4px;}
.legalpage .panel-body {padding: 15px;}
.legalpage .page-modules .vertical-align {display: flex;align-items: center;}
.legalpage .page-modules .text-right .fa {opacity: 0.5;}
.legalpage .panel{margin-bottom:0;padding:0;}
.legalpage h4{line-height:2;margin:0;}


.top-border{border-bottom: 1px solid #dcdcdc;padding-bottom:20px;}
.career .job-list{padding-left:3rem;}
.career .job-list .block{padding-bottom:2rem;}
.career .job-list .title1{font-weight:500;font-size:24px;padding-block:20px;}
.career .job-list .title2{font-weight:500;font-size:20px;color:blue;}
.career .job-list .title3{font-size:16px;color:#999;}
.career a{color:var(--hyperlink); text-decoration:underline;}





.blog-posts--row{display:flex;flex-wrap:wrap;justify-content:center;}
.blog-posts--row a{text-decoration:none;}
.blog-card{position:relative;border:solid 1px #dcdcdc;transition:none;}
.blog-card .image{position:relative;margin:0;width:100%;}
.blog-card .image::before{content:'';display:block;height:0;padding-top:62%;}
.blog-card .image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:unset;}
.blog-card .content{position:relative;padding:2rem 2rem 5rem;}
.blog-card .content .copy span{display:block;line-height:1em;font-size:10px;font-weight:600;color:#555e61;text-transform:uppercase;}
.blog-card .content .copy h6{color:#000;font-size:1rem;font-weight:700;margin:.5rem 0 1rem;line-height:1.3em;text-transform:capitalize;}
.blog-card .content .copy p{color:#444;font-size:14px;line-height:1.7em;}
.blog-card .read-more{position:absolute;bottom:2rem;left:2rem;font-size:14px;width:100%;max-width:calc(100% - 4rem);}
.blog-post .mainpic img{width:100%;}

.four-news .blog-card .content{position:relative;padding:2rem 1rem 5rem;}
.four-news .blog-card .read-more{left:1rem;max-width:calc(100% - 2rem);}



@media (max-width: 767px) {
    .container{padding-left:15px;padding-right:15px;}
    .mb{display:block;}
    .dk{display:none;}
    .top-bar .toggle-topbar.menu-icon a span::after{right:unset;width:20px;}
    .sp {display: block;}
    .sp .fortext{width:100%;}
    .service .sp.hwcontainer .fortext{width:100%;}
    .service .sp.hwcontainer .fortext .hw{margin-left:0;}
    .sp .fortext .middle-thing {margin: 0;width: 100%;position: relative;top: unset;left: unset;-ms-transform: unset;transform: unset;padding-right:0;}
    .spa .sp .fortext .middle-thing {margin: 0;width: 100%;position: relative;top: unset;left: unset;-ms-transform: unset;transform: unset;padding-left:0;}
    .sp .col-md-4:not(:last-child) {margin-bottom: 30px;}
    .hw li p{margin-left:16px;}
    .banner .banner-text{text-align:center;left:auto;}
    .banner { height: calc(100vw * 0.8); background-position-x: center; background-position-y: top; }
    .banner .sname{position: absolute;float:unset;top:76px;left:37%;right:unset;}
    .service-content{max-width:250px; margin: 20px auto 0 auto;}
    .service-content:last-child {margin-bottom:0px;}
    .footer{padding:60px 0 0;width:100%;overflow:hidden;}
    .footer .social {padding-left:40px;}
    .col-md-3.footer-logo{margin-bottom:20px;padding-left:15px;}
    .footer .container:not(:last-child) {padding-bottom:1.5rem;}
    .footer .copyright{padding-left:2rem;margin-top:3.5rem;}
    .footer .copyright p{text-align:left;color:#dedede;}
    .footer .copyright p:last-child{padding-top:2rem;}
    .footer ul{margin-left:unset;}  
    .footer .copyright a.mb { width: 32px; display: initial; margin-left: 40px; float:right;}
    .footer nav.nav-country li{width:100%;}
    .footer nav.nav-country li a{bottom:0;}
    .footer nav.nav-country li{border:none; border-bottom: 0.5px solid #a9a9a9;background:transparent;border-radius:unset;display:flex;padding: 0.35rem 1rem;margin-top:1.5rem;}
    .footer nav.nav-country li span{color:#fff;font-size:16px;font-weight:500;}
    .footer nav.nav-country li a{text-align:right;padding-right:20px;}
    .footer nav.nav-country li:hover { background: transparent; }
    .footer nav.nav-country ul li ul {width:100%;background:var(--mainbg);margin-top:-180px;}
    .footer nav.nav-country li span.name{font-size:14px; font-weight:normal;}
    h4{font-size:1.875rem;}
    h2 { text-align: center; }
    .pt-70{padding-top:0 !important;}
    .pb-70:last-child{padding-bottom:0;}

    .banner.openx-banner{background-image: url('/images/openx-mb.jpg');background-size:cover;height: calc(100vw * 0.75);}
    .banner.openx-banner .banner-text{text-align:center;left:auto;top:45%;}
    .banner.openx-banner .banner-text h1{font-size:1.6785rem;font-weight:normal;}

    .banner.openy-banner{background-image: url('/images/openy-mb.jpg');background-size:cover;height: calc(100vw * 0.75);}
    .banner.openy-banner .banner-text{text-align:center;left:auto;top:45%;}
    .banner.openy-banner .banner-text h1{font-size:1.6785rem;font-weight:normal;}


    .banner.openz-banner{background-image: url('/images/openz-mb.jpg');background-size:cover;height: calc(100vw * 0.75);}
    .banner.openz-banner .banner-text{text-align:center;left:auto;top:45%;}
    .banner.openz-banner .banner-text h1{font-size:1.6785rem;font-weight:normal;}

    .banner.about-banner{height: calc(100vw * 1.05); background-image: url('/images/system-mb.jpg');background-size:cover;background-position-y:bottom;}

    .getquote{padding:40px 0 !important; margin-top:40px;}
    .getquote h3{font-size:36px;padding-bottom:15px;}
    .getquote a{font-size:12px;}
    .mb-200.getquote{margin-bottom:100px;}

    .quote .fimage{min-height: calc(100vw);}
    .about .pdandsv{padding:60px 0;}
    .about .pdandsv .level1{padding-top:60px;}

    .legalpage .panel-body{width:100%;}
    .legalpage .row.vertical-align{flex-wrap: nowrap;}

    .maintitle{padding-top:70px !important;font-size:2rem;}
    .maindesc {font-size:18px;padding:10px;}
    .blog-posts--row a{margin-bottom:30px;}
    .banner.financiallease-banner .banner-text h2{font-size:2.2rem;}
    .svlast{width:100%;}

    .about .superme img{margin-top:unset;position:relative;margin-bottom:10px;}
    .about .superme .smitem{width:100%;}
    .about .superme .row .smitem:first-child{padding-right:30px;margin-bottom: 10px;}
    .about .superme .row .smitem:last-child{padding-left:30px;margin-left:unset;}
    .about .pt-80 { padding-top: 30px; }
    .about .pb-80 { padding-bottom: 30px; }
    .pt-60.about{padding-top:40px;}
    .mb-150 { margin-bottom: 60px !important; }
    .mt-150 { margin-top: 60px !important; }

    .homesection .blct .blct_text{font-size:1.7rem;}
    .footer h3.fhead{margin-left:0;}
    .top-bar-section{float:unset;}
    .top-bar.expanded .title-area{background:none;}
    .top-bar-section li:not(.has-form) a:not(.button){padding:10px 1rem;}
    .top-bar-section ul li:first-child{border-top:0.3px solid;}
    .top-bar .name h1 a{width:100%;text-align:center;padding: 0 0.335rem;}
    .top-bar .name img{height:30px;}
    .bannerabout .middle-thing{position:relative;top:unset;left:unset;transform:unset;-ms-transform:unset;}
    .main-content{padding-top:63.5px;}
    #navbarsub a{padding:12px 9px;font-size:11px;}
    .footer .copyright p:last-child{padding-bottom:40px;}
    .footer .col-md-2:first-child{border-left:none;}
    .bannerabout .col-md-6:first-child{order:2;padding-left:15px;padding-top:20px;}
    .about .middle-thing{position:relative;top:unset;left:unset;transform:unset;-ms-transform:unset;}
    .row-col {display:initial;}
    .row-col .col-it{width:100%;margin-bottom:10px;}
    .row-col .col-it:not(:first-child):not(:last-child){margin:inherit;margin-bottom:10px;}
    .navcontent .col-md-4{padding:0 !important;}
    h3{font-weight:bold;}
    .bannerabout .col-lg-6{padding-left:0;padding-right:0;}
    .col-md-6.footer-logo{padding-left:0;padding-right:0;}
    .bannerabout h2{font-size:2.725rem;font-weight:normal;}
    .pb-120{padding-bottom:60px !important;}
    .storyimage.left{text-align:center;align-self:center;}
    .storyimage.right{text-align:center;}
    .bannerabout.investdetail h2{margin-bottom:2rem;}
    .bannerabout.investdetail p{padding-bottom:25px;}
    .footer p{margin-bottom:3rem;}
    .team-area .form{padding:10px;}
}

@media only screen and (min-width: 768px) {
    .footer .col-md-3 { padding-top: 1.25rem; }
    .footer .container:not(:last-child) {border-bottom:1px solid #ffffff59;padding-bottom:80px;}
    .footer .col-md-3:not(:first-child):not(:last-child){border-left:1px solid #ffffff59;}
    .section-custom-box2__wrap{position:relative;}
    .section-custom-box2__wrap:before {content: '';position: absolute;top: -59px;left: 100px;width: 2900px;height: 60px;background-color: #fff;-webkit-transform-origin: 0 100%;-ms-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: skewX(-45deg);-ms-transform: skewX(-45deg);transform: skewX(-45deg);}
    .forimg{width:50%;}
    .forimg img{width: 90%;}
    .bannerabout .forimg img{width:100%;}
    .blog-posts--row .blog-card { width: calc((100% / 3) - 20px);  margin: 0 10px; }
    .four-news .blog-posts--row .blog-card { width: calc((100% / 4) - 10px);  margin: 0 5px; }
    .footer .footer-logo{padding-left:0;}
    .contain-to-grid .top-bar{max-width:1920px;padding-left:40px;padding-right:40px;}
    .top-bar .name h1 a{padding:0;}
    .ss-workflow-step { display: -ms-flexbox; display: -webkit-box; display: flex; }
    .ss-workflow-step-item { width: 25%; margin-bottom: 0; }
    .ss-workflow-step-item .title-text {text-align: left;position: relative;}
    .ss-workflow-step-item .line-ctn-tag {text-align: left;max-width: 70%;margin-bottom: 0;}
    .ss-workflow-step-item .line-y-detail {
    position: absolute;
    width: 50%;
    height: 1px;
    top: 18px;
    right: 30px;
}
}


@media only screen and (min-width: 768px) and (max-width: 960px) {
    .sp .fortext .middle-thing{width:100%; padding-left:20px;}
    .banner.openy-banner .banner-text{top:30%;}
    .footer .col-md-3:last-child{padding-left:0; padding-right:0;}
    .footer .col-md-3 ul{margin-left:0;}
    .top-bar-section li:not(.has-form) a:not(.button){padding: 0 1rem;}
    .bannerabout .forimg{width:100%;}
    .bannerabout .col-lg-6{padding-left:0;padding-right:0;}
    
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .service-blog.ct{height:360px;}
    .about .col-md-6 .core-ct{min-height:212px;}
    .bannerabout .middle-thing{position:relative;top:unset;left:unset;transform:unset;-ms-transform:unset;}
    .prdesc{padding: 10px;}
}

@media only screen and (width: 768px) {
    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 1.25rem;
    }
    .about .col-md-6 .core-ct{min-height:275px;}
    .about .superme .smitem{text-align:unset;}
    .service-blog.ct{height:360px;}
}