body { font-weight:300; font-family: 'Conv_Acumin-RPro'; color: #202020; line-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px;}
:focus {outline: 0;}
html,body{ width:100%; overflow-x:hidden;min-height:100%; min-height:100vh;}
/*-------toTop-----------*/
#toTop {transition: transform 0.5s ease 0s; bottom: 75px; padding: 5px; position: fixed; right: 24px; z-index: 9; cursor: pointer; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);}
#toTop img {position: absolute; left: 14px; z-index: 99; margin-top: 10px;}
#star-svg {position: fixed; right: 19px; bottom: 70px; width: 80px; height: 80px;}
/*-------toTop-----------*/
a {text-decoration: inherit; color: #333; font-weight: 500; transition: all 0.5s;}
.bg-color-242424{background: #242424;}
.bg-color-bondiblue{background: #009DB9;}
a:hover {color: #009DB9;}
.btn-check:focus + .btn, .btn:focus {outline: 0; box-shadow: inherit;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #202020; font-family: 'expresswaysemibold'; }
h1, h2 {color: #2D3134; font-family: 'expresswayextrabold'; font-size:60px; line-height:normal;}
.work-inner-txt h3 {font-size: 35px; line-height: normal;}
ol,ul{ list-style:inside;}
p{ font-weight:300}
h3{ font-size:60px; line-height:normal;}
.fs-14 {font-size: 14px;}
.fs-18 {font-size: 18px;}
.fs-26 {font-size: 26px;}
.fs-30 {font-size: 30px;}
.fs-40{font-size: 40px;}
.fs-50{font-size: 50px;}
.pt-70 {padding-top: 70px;}
.pt-200 {padding-top: 160px;}
.pt-100 {padding-top: 100px;}
.pt-130 {padding-top: 160px;}
.pb-130 {padding-bottom:120px}
.pb-100v {padding-bottom:7vw;}
.py-130 {padding: 100px 0;}
.px-100 {padding-right: 14vw; padding-left: 14vw;}
.px-200 {padding-right: 200px; padding-left: 200px;}
.pl-130 {padding-left: 7vw;}
.pt-60{padding-top: 60px;}
.pb-160 {padding-bottom:120px;}
.pt-160 {padding-top:120px;}
.text-white {color:#fff;}
.bg-gray {background-color:#242424;}
.pl-80 {padding-left:80px;}
.pt-270{padding-top:270px;}
.pb-270{padding-bottom:270px;}
.py-270{padding-top:270px;padding-bottom:270px;}
.lh-70{line-height:70px;}
@font-face {
font-family: 'Conv_Acumin-RPro';
src: url('../../content/fonts/Acumin-RPro.eot');
src: local('☺'), url('../../content/fonts/Acumin-RPro.woff') format('woff'), url('../../content/fonts/Acumin-RPro.ttf') format('truetype'), url('../../content/fonts/Acumin-RPro.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'expresswayextrabold';
src: url('../../content/fonts/expressway_extrabold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'expresswaysemibold';
src: url('../../content/fonts/expressway_semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.smallText{ font-size:16px; color:#000; text-transform: uppercase;}
.smallText span{ font-size:30px; font-style:italic; padding-right:10px;}
.logo {background: #009DB9; padding: 50px 50px; width: 270px;position:relative; z-index:100;transition: all 0.5s;}
/*.headertop-contact{ position:relative; z-index:100}*/
.ourExpertise .bg-color-202020 {
background: #202020;
padding: 10vw 6vw;
z-index: 10;
position: relative;
}
.color-202020{ color:#202020;}
.ourExpertise {
margin-top: -150px;
}
.OurWork {
padding-top: 700px;
margin-top: -580px;
position: relative;
}
.OurWork:before{background: #fff;height: 46%;content: "";width: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.team{ position:relative; padding:200px 0 0px; margin-top:110px;}
.team:before{background: #242424;height: 1000px;content: "";width: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.h-owl-sec .team-slider {padding-left: 7.5vw;}
.clearfix{ clear:both}
.review p {line-height: 53px; font-size: 35px;}
.footer-logo {width: 16vw;}
.sh-logo {width: 20vw; margin: auto;}
/*** Header Desktop Menu css ****/
.OurWork .our-txt-p {width: 41vw;}
.sparkling-bg-img {background: url("../../Content/images/sh.jpg") no-repeat fixed left; height: 55vh;}
.bayside-bg-img {background: url("../../Content/images/bayside.jpg") no-repeat fixed; height: 55vh;}
.expertise-bg-img {background: url("../../Content/images/bayside.jpg") no-repeat fixed; height: 55vh;}
.slider-parallax {background: url("../../Content/images/bloginner-banner.jpg") no-repeat fixed; height: 90vh;}
/*----------form----------------*/
.label-before, .field input:focus + label::before, .field input.valid + label::before {line-height: 20px; font-size: 15px; top: -10px; background: linear-gradient(#f7fafb, #ffffff); padding: 0 6px; left: 9px;}
.field {position: relative;margin-bottom: 0px !important;height: 90px;}
.field label::before {content: attr(title1);position: absolute;top: 0;left: 0px;line-height: 48px;color: #fff;transition: 300ms all;font-size: 18px; font-weight: 100;}
.field input:focus {outline: 0;box-shadow: 0}
.field input:valid + label::before {content: attr(data-title1);}
.field.h100 {height: 140px;}
.label-before, .field input:focus + label::before, .field input:valid + label::before {line-height: 20px;font-size: 15px; top: -10px; background:linear-gradient(#fff, #fff);padding: 0 6px;color: #fff;left: 9px;}
.field label {cursor: text;}
.field label.Selectlable::before {content: attr(title1); position: absolute; top: -4px; left: 9px; line-height: 5px; background: #fff !important; padding: 0px 9px;}
.field textarea:focus {outline: 0;}
.field textarea:valid + label::before {content: attr(data-title1);}
.label-before, .field textarea:focus + label::before, .field textarea:valid + label::before {line-height: 20px;font-size: 15px;top: -10px;background: linear-gradient(#009db9, #009db9);padding: 0 6px;color: #fff; left: 9px;}
.form-control {height: 50px;font-size: 16px;border: 1px solid #929292; border-radius: 0; box-shadow: none; background: #fff; color: #fff;}
.form-submit {background-color: transparent;border: none;font-size: 16px;color: #fff;padding: 0px 2px 5px 2px;height: 33px;box-shadow:none;cursor:pointer;}
.form-submit:focus {box-shadow: none;outline: none;}
.field-validation-error{position: absolute; bottom: 5px; font-size: 14px; color: #b50007; font-family: arial; font-weight: 300;}
.valid {background: url("../../Content/images/success.png") no-repeat scroll right 12px center; transition: all 0s ease-in-out 0s !important;}
.input-validation-error {background: url("../../Content/images/error.png") no-repeat scroll right 12px center; border-bottom:1px solid #d93025 !important; transition: all 0s ease-in-out 0s; box-shadow: none;}
.form-control::placeholder, .form-control:focus {color: #fff); border-color: #666;}
.form-control:focus {background-color: #fff; box-shadow: inherit;}
.contact-form .label-before, .contact-form .field input:focus + label::before, .contact-form .field input:valid + label::before {background: inherit; color: #fff; left: 0; padding: 0;}
.contact-form .form-control {border: 0; color: #fff !important; border-bottom: 1px solid #fff; padding: 0; background-color: inherit;}
.contact-info .contact-form {width: 56vw; margin: auto;}
.contact-px {padding: 80px 10px 150px;}
.contact-form .text-area .form-control {border: 1px solid #fff; height: 100%; padding: 15px;}
.contact-form .field.h100 {height: 190px;}
.text-area.field label::before {left: 15px; top: 5px;}
.contact-form-btn .btn {background: #242424; padding: 30px 100px; border-radius: 0;}
.contact-info::before {content: ''; background: #fff; position: absolute; bottom: 130px; width: 100%; height: 40%; left: 0; right: 0; z-index: -1;}
.contact-sec {position: relative; z-index: 1;}
.amenitiesnewmenu .collapse:not(.show) {display: none;}
.sidenav a.nav-link {font-size: 55px; line-height: 70px; padding: 0; color: #fff; font-family: 'expresswayextrabold';}
.sidenav ul li {padding: 15px 50px 0;}
#myHeader.fixed {background: #009db9; position: fixed; width: 100%; box-shadow: 0 0px 15px #ccc; z-index: 99; top:0; transition: all 0.35s;}
#myHeader.fixed .logo {padding: 25px 0px; width: 170px;}
.amenitiesnewmenu:hover .collapse:not(.show) { display: none !important;}
#accordion {display: inline-block;text-align: left;float: left;width: 100%;}
.sidenav ul li {display: flex; text-align: left; padding-left: 29px; flex-direction: column; align-items: start;}
.sidenav {height: 100%; width: 100%; position: fixed; z-index: 99; top: 0; right: -100%; background-color: #009DB9; overflow: hidden; transition: 0.5s; padding: 80px 0; left: inherit;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.header.bgone{ height:100%;}
.plus-minus-toggle {cursor: pointer;height: 50px;position: absolute;right: 19px;top: -7px;float: right;width: 51px;}
.plus-minus-toggle:before, .plus-minus-toggle:after{background:#fff;content: '';height: 3px;left: 12px;position: absolute;top: 33px;width: 21px;transition: transform 500ms ease;}
.plus-minus-toggle:after {transform-origin: center;}
.plus-minus-toggle.collapsed::after{transform: rotate(90deg);}
.plus-minus-toggle.collapsed::before {transform: rotate(180deg);}
.myClass{ width:100%; right: 0;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { width: 39px; height: 30px; position: relative;margin: 15px 3px 8px; float:right;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;transition: .5s ease-in-out; cursor: pointer;z-index:999;}
.close {opacity: 1;}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display: block;position: absolute;height: 3px; width: 100%; background: #202020;border-radius: 0px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.dropdwoen-sec {width: 100%; position: inherit; left: 0px; top: 2px; padding: 0px 0px;box-shadow: inherit;margin: 0;}
.fixed #nav-icon1 span, .fixed #nav-icon3 span, .fixed #nav-icon4 span, #nav-icon1.open span, #nav-icon3.open span, #nav-icon4.open span{background: #fff;}
#nav-icon4.open span{background:#fff;}
/* Icon 4 */
#nav-icon4 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4 span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) { top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}
.mob-nav-booknow {position: absolute; padding-left: 90px; top: 50%; transform: translateY(-50%);}
.mob-nav-booknow .btn {padding: 18px 35px 13px;}
.footer {background-color:#242424; color:#fff;}
.footer .footer-nav ul li{ margin-bottom:30px;}
.footer a{ color:#fff; font-weight:300;}
.blue-lets-section {background-color: #009DB9; padding: 80px 80px 80px 100px; margin-top: -500px; height:42vw;}
.letsbuild {margin-top:500px;}
.hotel-img-scale {overflow: hidden;}
.hotel-img-scale img {transition: all 0.5s;}
.hotel-img-scale:hover img {transform: scale(1.06);}
.social { border-top:solid 2px #fff; padding:50px 0; margin-top:100px;}
.social a{ font-weight:400;}
.social li{width: 20.5vw;}
.letsbuild a{ font-size:17px; font-weight:400; position:relative; color:#fff; text-transform:uppercase;}
.letsbuild a:after{ background:#fff; height:2px; width:50px; content:""; position:absolute; left:0; bottom:-10px; transition:all 0.35s;}
.letsbuild a:hover:after, .btn-border a:hover:after{ width:100%; background:#202020}
.letsbuild a:hover{ color:#202020;}
.letsbuild .pt-200{ padding-top:100px;}
.btn-border a::after{background: #202020;}
.btn-border {position: relative; display: inline-block;}
.innerbanner {padding: 200px 0 210px;}
.approach-sec {background: #202020; padding: 130px 130px;}
.theprocess-sec {padding-top: 25vw; margin-top: -16vw;}
.process-txt {padding: 0 100px 190px;}
.services-tab {/*border-top: 3px solid #fff;*/ margin-top: 80px; position: relative;}
.process-tab.nav-tabs p {cursor: pointer; color: #fff;}
.process-tab.nav-tabs .nav-link.active p {color: #009db9;}
.process-tab.nav-tabs .nav-link.active::before {background: #009db9;}
.process-tab.nav-tabs .nav-link.active::after {width: 100%; left: 0; transition-delay: .3s;}
.process-tab.nav-tabs .nav-link::after {content: ''; width: 0; position: absolute; background-color: #009db9; height: 3px; display: flex; top: -3px; transition-property: width; transition-duration: .3s; transition-timing-function: ease-out; right: 0;}
.process-tab.nav-tabs .nav-link p:before{ content: ''; width:100%; position: absolute; background-color: #fff; height: 3px; display: flex; top: -18px; transition-property: width; transition-duration: .3s; transition-timing-function: ease-out; right: 0; }
.process-tab.nav-tabs .nav-link p{ position:relative;}
.process-tab.nav-tabs .nav-link:hover::after{ width:100%; left:0}
.process-tab.nav-tabs .nav-link:hover p {
color: #009db9
}
.process-tab.nav-tabs .nav-link:hover::before {
background: #009db9;
}
.process-tab.nav-tabs .nav-link.on p {
color: #009db9;
}
.slides p{ color:#fff;}
.process-tab.nav-tabs .nav-link.on::before {
background: #009db9;
}
.process-tab.nav-tabs .nav-link.on::after {
width: 100%;
left: 0;
transition-delay: .3s;
}
.process-tab.nav-tabs .nav-link {background: transparent; border: 0; color: #fff; position: relative; padding-top: 15px; padding-right:0; flex: 1 1;}
.process-tab.nav-tabs p {cursor: pointer;}
.nav-tabs.process-tab {justify-content: space-between;}
.services-tab .tab-pane {color: #fff;}
.process-tab.nav-tabs .nav-link::before {content: ''; width: 15px; height: 15px; position: absolute; background: #ccc; top: -9px; border-radius: 50%; left:0; transition-duration: .3s; transition-timing-function: ease-out;}
/*.process-tab.nav-tabs .nav-link:last-child::before {right: 0; left:auto;}*/
.services-tab:after{content: ''; width: 15px; height: 15px; position: absolute; background: #ccc; top: -9px; border-radius: 50%; right:0; transition-duration: .3s; transition-timing-function: ease-out;}
.work-page-sec .btn-border {padding-top: 20px;}
.sitemap {background-color: #009DB9; margin-top: 100px;}
.sitemap-list li {margin-bottom: 25px;}
.sitemap-list li a {font-size: 45px; font-weight:normal;}
.sitemap-list li a:hover {color: #242424 !important; }
.sitemap-background::before {content: ''; width: 100%; height: 320px; position: absolute; bottom: 0; background: #242424; z-index: -1;}
.sitemap-list {border-right: 2px solid #fff;}
.expertise-bg-img {background: url("../../Content/images/sservice--tool.jpg") no-repeat fixed; height: 80vh; margin-top: -60px; margin-left: 40px;}
.sevices-tools.px-100 {padding: 150px 5vw 0;}
.storytelling-st h3 {font-size: 35px; position: relative; display: inline-block; padding-bottom: 23px;}
.storytelling-st h3::after {background: #000000; height: 2px; width: 280px; content: ""; position: absolute; left: 0; bottom: -15px; transition: all 0.35s;}
.storytelling-st h3:hover::after {width: 100%;}
.storytelling-bg-img {background: url("../../content/images/storytelling-img.jpg") no-repeat fixed; height: 50vh; margin-top: 45px; background-position: center center; background-size: 70% 100%;}
.holistic-bg-img {background: url("../../content/images/holistic-hotel-img.jpg") no-repeat fixed; height: 60vh; background-position: 26% 100%; background-position-y: center;}
.datadriven-bg-img {background: url("../../content/images/data-driven-img.jpg") no-repeat fixed; height: 70vh; margin-right: 130px; background-position: 50%; background-size: 50%; background-position-x: 70%;}
.btn.ourbtn {background: #009DB9; margin-top: 50px; border: 2px solid #009DB9; transition: all 0.5s;}
.services-let {padding-top: 150px;}
.storytelling-st .design-px {padding: 0 8vw;}
.block{ width: 100%; height: 663px; margin-top: 70px; background-size:cover !important;}
.homeBG-sh{background: url("../../Content/images/estepark.jpg") no-repeat fixed; height: 563px; }
.homeBG-bayside{background: url("../../Content/images/labella.jpg") no-repeat fixed; height: 510px; background-position: center right; margin-top: 20px;}
.homeBG-wildiris{background: url("../../Content/images/steannespa.jpg") no-repeat fixed; height: 563px; }
.homeBG-hoteblue{background: url("../../Content/images/hotel-blue.jpg") no-repeat fixed; height: 563px; background-position: center right; }
.bgone .logo {background: #242424; padding: 25px 50px !important; width: 270px !important;}
.socialTop li a{ font-size:30px; font-family: 'Conv_Acumin-RPro'; color:#fff; font-weight:normal; text-transform:uppercase; line-height:70px;}
.sidenav:before{ background: #fff; content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 50%; width: 3px; height: 85%; transform: translateY(-50%);}
.sidenav ul li a{ transition:all 0.35s;}
.sidenav ul li.active a{color:#aae6f7;}
.work-page-sec::before {content: ''; position: absolute; width: 100%; height: 333px; top: 0; background: #242424; left: 0; z-index: -1;}
.work-bg-bayside {margin-top:100px;}
.workBG-wildiris{background: url("../../Content/images/wild-iris.jpg") no-repeat fixed; height: 663px; }
.workBG-hoteblue{background: url("../../Content/images/hotel-blue.jpg") no-repeat fixed; height: 663px; background-position: center right; }
.btn-border a:after { background:#fff; height:2px; width:50px; content:""; position:absolute; left:0; bottom:-5px; transition:all 0.35s;}
.btn-border a {font-weight: 100; color: #202020;}
.btn-border a:hover:after, .btn-border a:hover:after{ width:100%; background: #009db9 !important;}
.btn-border a:hover{ color:#009DB9 !important;}
.work-page-sec {padding-bottom: 60px;}
.culture-bg-img{/*background: url("../../Content/images/culture-bg-img.jpg") no-repeat fixed; height: 1024px; background-position: center right;*/ margin-top: -100px;}
.body-sec-px { padding: 7vw 8vw;}
.sub-title {margin-left: -28px;}
.our-personality { background: url("../../Content/images/David Bhimji Digital Hospitality.jpg") no-repeat fixed; height: 624px; background-position: 26%; background-size: 50%;}
.our-personality-1 {background: url("../../Content/images/our-personality-cta1.jpg") no-repeat fixed; height: 724px; background-position:26%; background-size: 50%; background-position-x: right; margin-top: -230px;}
.our-personality-2 {background: url("../../Content/images/our-personality-cta2.jpg") no-repeat fixed; height: 500px; background-position: 20% 50%; margin-top: 80px; margin-left: 5vw; background-size: 50%;}
.our-personality-3 {background: url("../../Content/images/our-personality-cta3.jpg") no-repeat fixed; height: 824px; bbackground-position:26%; background-size: 50%; background-position-x: right; margin-top: -50px; margin-left: 80px;}
.missionAbout{ position:relative; z-index:15;}
.num_count {
margin: auto;
transform: translateX(-50%);
position: relative;
left: 0;
right: 0;
font-family: Arial;
font-weight: 600;
}
.about-px-sec .buildsomthing-image {width: 33vw; margin: auto;}
.banner-sec{height:100vh;width:100%;position:relative; background-position: center right;}
.banner-sec.workbanner {
background-size: cover !important;
background-position: bottom !important;
background-attachment: fixed !important;
}
.ste-annes-banner{background: url("../../Content/images/headerSte-Anne’s-SpaDSC08626.jpg") no-repeat fixed;}
.case-study-banner{background: url("../../Content/images/case-study-banner.jpg") no-repeat fixed bottom;}
.estes-park-banner{background: url("../../Content/images/the-estes-park-banner.jpg") no-repeat fixed; background-position-y: center;}
.img-banner-header .header{position: fixed; left: 0; top: 0; z-index: 9; width: 100%;}
.img-banner-header .ourExpertise {padding-top: 0; margin-top: -200px; position: relative; z-index: 2;}
.img_bannerContent{position:absolute;top:50%;transform:translateY(-50%);width:100%;color:#fff; z-index:5;}
.img_bannerContent h1,.img_bannerContent .smallText{color:#fff;}
.World-Class-sec {position: relative; margin-top: -380px; z-index: 1; padding-top: 515px;}
.big_img_paralax {width: 100%; height: 90vh; background-position: top center !important; background-size: cover !important;}
.hr-line{display:block;height:2px;width:278px;background:#000;margin:24px 0 38px 5px;}
.percent_design_container{width:auto; text-align: center;}
.percent_design_container p{ color:#707070; text-align: center;}
.percent_design {font-size: 130px; color: #009db9; font-family: 'expresswayextrabold'; line-height: 130px; width: 100%;}
#up_next .owl-nav {display:block !important;}
#up_next .owl-prev {position: absolute; top: 30%; left: -140px;}
#up_next .owl-next {position: absolute; top: 30%; right: -140px;}
.paralax_padding_right{padding-top:290px;}
.end_btn{float:right;}
.percentcontainer{padding-top:80px;}
.letschat-img1 {
background: url("../../content/images/letschat-img1.jpg") no-repeat fixed;
height: 50vh;
background-position: left;
}
.letschat-img2 {
background: url("../../content/images/letschat-img2.jpg") no-repeat fixed center;
height: 50vh;
margin-top: 130px;
background-position-y: bottom;
background-size: 33%;
}
.letschat-img3 {
background: url("../../content/images/David Bhimji Digital Hospitality.jpg") no-repeat center fixed;
height: 50vh;
background-position-x: right;
background-position-y: bottom;
background-size: 34%;
}
.overlander-mountain-banner{background: url("../../Content/images/headerOverlander-Mountain-Lodge.jpg") no-repeat fixed; background-position-y: bottom;}
.connect-withus-sec:after {content: ''; height: 330px; width: 100%; background: #242424; position: absolute; bottom: 0; z-index: -1; left: 0; right: 0;}
.cursor-pointer{ cursor:pointer;}
.fs-18{ font-size:18px; }
.fs-12{ font-size:12px; }
.fs-20 { font-size: 20px; }
.fs-35 { font-size: 35px; }
.btn-border.reverse a{ color:#fff; }
.btn-border.reverse a::after{ background: #fff; }
.blog_new_layout { background: #242424; padding: 520px 140px 250px 140px; margin-top: -380px; position: relative; /*z-index: 1;*/ }
.blog_top_box_container.bg-color-202020 {
height: 900px;
z-index: 2;
}
.blog_top_box { background: #202020; padding: 50px 40px 130px; position: absolute; width: 35vw; left: 88px; top: 0; }
.blog_top_box h2, .blogpage h2 {
font-size: 35px;
}
.blog_top_box p { font-size: 17px;line-height: 23px; }
.blog_actions{ position:absolute; top:62px; left:134px; }
.filtertxt { padding: 13px 18px 7px; font-size: 15px; color: #fff; text-transform: uppercase; border: solid 1px #009db9; background: #009db9; border-radius: 7px; user-select:none; cursor:pointer;}
.rightpanelblog1 {text-transform:capitalize; width: 250px; background: #f1f1f1; padding: 40px 16px 20px; font-size: 15px; position: absolute; left: 0px;top: 100%; color: #767676; border: solid 1px #dadada; }
.crossicon { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.rightpanelblog1 h3{ font-size:22px; text-decoration:none; }
.rightpanelblog1 h3 a{ font-weight:normal}
.blog_first_grid h3{ font-size:22px; text-decoration:none; }
.blog_first_grid h3 a{ font-weight:normal}
.blog_first_grid_paralax { height: 632px; background-attachment: fixed; background-repeat: no-repeat; background-size: contain; background-position: 0 0; }
.blog_small_paralax h4 { font-size: 32px; line-height: 32px; }
.blog_small_paralax p { line-height: 23px; }
.color-link {color: #fff;}
.color-link:hover {color: #242424;}
.openings-sec {padding-top: 150px;}
.openings-table {width: 56vw; margin: auto;}
.openings-table .table {color: #fff;}
.openings-table .table > thead tr th {border-bottom: 0;}
.openings-table .table > :not(caption) > * > * {padding: 35px 5px; }
.openings-table td:first-child {width: 42.33%;}
.openings-table td:nth-child(2) {width: 33.33%;}
.blog_body_sec {margin-top: -238px; position: relative; z-index: 1; padding: 0 220px 200px;}
.blog_body_sec h3, .blogpage h3 {
font-size: 32px;
}
.blog_date {font-size: 15px; line-height: 21px;}
.openings-sec .contact-px::before, .careers-details-sec::before, .thankyou-sec:before {content: ''; position: absolute; width: 100%; height: 150px; background: #242424; bottom: 0; left: 0; z-index: -1;}
.bg-color-242424 a {color: #fff;}
.apply-btn .btn {background: #242424; border-radius: 0; font-size: 30px; color: #fff; padding: 20px 70px; border: 2px solid #242424; transition: all 0.5s;}
.careers-details-sec p a{color:#fff;}
.careers-details-sec p a:hover { color: #242424; }
.careers-details-sec a {color: #fff;}
.careers-details-sec a:hover { color: #242424;}
.careers-details-sec a.btn:hover {
color: #fff;
}
.careers-details-sec::before {
height: 500px;
}
.social-icons ul li .icon {width: 30px; height: 30px; transition:all 0.all}
.social-icons ul li:hover svg{ fill:#009DB9}
.social-icons ul li {padding: 0 8px;}
.blog-date .smallText {line-height: 21px;}
.innerblog-slider.owl-carousel .owl-nav.disabled {display: block;}
.slider-txt h3 {font-size: 43px; padding-top: 25px; padding-bottom: 10px;}
.slider-txt p {font-size: 18px; line-height: 30px;}
.innerblog-slider .owl-nav {position: absolute; top: 33%; transform: translateY(-50%); width: 100%;}
.innerblog-slider .owl-prev {position: absolute; left: -135px;}
.innerblog-slider .owl-next {position: absolute; right: -135px;}
.slider-txt a::after {bottom: 0px;}
.more-blog a {font-size: 30px;}
.blog-parallax {height: 580px; border: solid 1px #ccc;}
.footer a:hover {color: #009DB9;}
.privacypolicypage h2 {font-size: 50px;}
.privacypolicypage h3 {font-size: 40px;}
.privacypolicypage .collapse:not(.show) {display: block;}
.privacypolicypage h4 {font-style: italic;}
.overlay{ background:rgba(0,0,0,0.5); position:absolute; top:0; width:100%; height:100%;}
.adacompliance h2 {font-size: 60px;}
.adacompliance h3 {font-size: 55px;}
.work-inner-txt .btn-border a::after {background: #202020;}
.blog_first_grid p{ line-height:normal;}
.work-inner-txt p {display: -webkit-box; /*-webkit-line-clamp: 5;*/ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.sidenav ul li{ overflow:hidden;}
.sidenav ul li a{transform: translateY(100%); }
.myClass ul li a{ transform: translateY(0);}
.myClass ul li a.home{transition-delay: 0.1s; }
.myClass ul li a.services{ transition-delay: 0.2s; }
.myClass ul li a.aboutus{ transition-delay: 0.3s; }
.myClass ul li a.work{ transition-delay: 0.4s; }
.myClass ul li a.blog{ transition-delay: 0.5s; }
.myClass ul li a.careers{ transition-delay: 0.6s; }
.myClass ul li a.contactus{ transition-delay: 0.7s; }
.drag-arrow{ width:100%; height:100%; transition:all 0.35s; position:absolute; top:50%; transform:translateY(-50%) scale(1.2); z-index:5; left:0; right:0; margin:auto; cursor: url("../../content/images/drag-arrow.png"), url("../../content/images/drag-arrow.png"), default;}
.h-owl-sec:hover .drag-arrow{}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
width: 50%;
height: 100%;
top: 0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
top: 0;
width: 50%;
height: 100%;
}
.autohide{position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 1030;}
/*.scrolled-down{transform:translateY(-100%); transition: all 0.5s ease-in-out;}*/
.scrolled-up{transform:translateY(0); transition: all 0.5s ease-in-out;}
.console-container h1 {height: 73px;}
#console1{display: flex; align-items: flex-end; margin-bottom: 15px;}
.sidenav {position: fixed; width: 100%; height: 100%; bottom: 0; left: 0; background-color: #009DB9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 6; -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; pointer-events: none; opacity: 0;}
.myClass {width: 100%; pointer-events: auto; opacity: 1;}
.header.bgone {transform: none;}
.menu_links a {opacity:0;}
.sidenav.myClass .menu_links a {opacity:1 !important;}
#newsletter-modal .modal-lg, #newsletter-modal .modal-xl {max-width: 860px;}
.openings-table td a {color: #fff; font-weight:400;}
.openings-table th{color: #fff; font-weight:400;}
.openings-table td a:hover {color: #202020;}
.contact-form .console-container {position: absolute;top: 8px;font-size: 18px;font-weight: 100;left: 0;pointer-events:none; color: #fff;}
.contact-form input:focus ~ .console-container,.contact-form input:valid ~ .console-container{display:none;}
.contact-form input:focus ~ label,.contact-form input:valid ~ label{ visibility:visible;}
/*.contact-form .field label {visibility:hidden;}*/
.contact-form .console-container a{font-weight: 100;}
.cbp-item {width: 100%; position: relative;top: 0; left: 0;}
.cbp-item:hover img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
.cbp-item img {transition: all .3s ease;}
.cbp-item .images {overflow: hidden; position:relative;}
.center-block {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cbp-item .overlay {
background: rgba(0,0,0,.7);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
visibility: hidden;
opacity: 0;
padding: 2.5rem 1.875rem;
-webkit-transform: translate(-30px, 10px);
-ms-transform: translate(-30px, 10px);
-o-transform: translate(-30px, 10px);
transform: translate(-30px, 10px);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.cbp-item:hover .overlay {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {display: block; object-fit: cover;}
.swiper-pagination-bullet {width: 135px; height:3px; display: inline-block; border-radius: 0px; background: #6e6e6e; opacity: 1; position: relative;}
.swiper-pagination .swiper-pagination-bullet:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; top: 0px; height: 3px; background-color: #fff; width: 0;-webkit-transition: none; -o-transition: none; transition: none;}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after {-webkit-transition: width 4.1s ease-out; -o-transition: width 4.1s ease-out; transition: width 4.1s ease-out; width: 100%; }
.char{ height: 40px; animation: an 1s ease-out 1 both; display: inline-block;}
@keyframes an{
from{
opacity: 0;
transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
}
to{
opacity: 1;
transform: perspective(500px) translate3d(0, 0, 0);
}
}
.thank-btn .btn{ padding:15px 50px;}
.btndiv {
background-color: #262626;
display: inline-block;
}
.btndiv .btn { filter: url('#goo'); display: inline-block; text-align: center; font-weight: 300; border-radius: 0em; position: relative; font-size: 1.25rem;}
.btndiv .btn:before, .contact-form-btn .btn:after { width: 4.4em; height: 2.95em; position: absolute; content: ""; display: inline-block; background: #242424; border-radius: 50%; transition: transform 0.7s ease; transform: scale(0); z-index: -1;}
.btndiv .btn:before { top: -25%; left: 20%;}
.btndiv .btn:after { bottom: -25%; right: 20%;}
.btndiv .btn:hover:before,.contact-form-btn .btn:hover:after { transform: none;}
.btn2 .btndiv {background-color: #009DB9;display: inline-block;}
.btn2 .btn:before, .btn2 .btn:after {background: #009DB9;}
.apply-btn.bluebtn .btn {
background: #3f9db9;
border-radius: 0;
font-size: 20px;
color: #fff;
padding: 14px 52px;
border: 2px solid #3f9db9;
transition: all 0.5s;
}
.bluebtn .btndiv .btn:hover::before, .bluebtn .btn:hover::after {
transform: none;
}
.bluebtn .btndiv {
background-color: #409db9;
display: inline-block;
}
.bluebtn .btndiv .btn:before, .bluebtn .btn:after {
width: 4.4em;
height: 2.95em;
position: absolute;
content: "";
display: inline-block;
background: #3f9db9;
border-radius: 50%;
transition: transform 0.7s ease;
transform: scale(0);
z-index: -1;
}
.footer .px-100, .letsbuild .px-100, .contact-sec .px-100, .sitemap-background .px-100{ padding:0 7vw;}
.headertop-contact{ padding:0 4vw;}
.review { padding:200px 0}
.sitemap #console1 {color: #fff;}
/**cookies banner **/
.cookies-statement {
text-align: left;
padding: 19px;
position: fixed;
bottom: 22px;
background: #009db9;
color: #fff;
z-index: 999;
box-shadow: 0 3px 5px #292828;
width: 350px;
right: 90px;
}
.cookies-statement .cookies-btn ul li {display: inline-block;padding: 0 5px;}
.Cookiesclose .icon {width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; background: #fff; padding: 5px; border-radius: 50%; cursor: pointer; fill: #0d49a5;}
.Cookiesclose .icon {cursor: pointer; fill: #A58F64;}
.cookies-statement .cookies-btn ul li a {
width: 140px;
padding: 7px 10px;
border-radius: 0px;
margin-left: 0px;
border: 1px solid #fff;
font-size: 15px;
color: #fff;
line-height: 1.6;
}
.cookies-btn ul li a:hover {background: #fff; color: #202020 !important;}
.cookies-statement h3{font-size:18px;}
.Cookies a {color:#fff;}
.Cookies a:hover{color:#1d4368;}
.Cookies p {margin-bottom: 0px; line-height: 20px; font-size: 16px;}
.blog_btnpop{
transition:0.5s;
opacity:0;
visibility:hidden;
}
.blog_btnpop.active {
opacity: 1 !important;
visibility: visible !important;
}
.blog_btnpopover {
position: fixed;
height: 100vh;
width: 100%;
left: 0;
top: 0;
display: none;
z-index: 1;
}
.blog_btnpopover.active{
display:block !important;
}
.planing{ padding-bottom:150px;}
.labella{ padding-bottom:150px;}
.innerblog-slider .owl-nav img {
width: 35px;
}
#up_next .owl-nav img{ width:35px;}
#up_next .owl-item .img{ overflow:hidden;}
#up_next .owl-item .img img{transition:all .3s ease;}
#up_next .owl-item .img:hover img {transform: -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}
.blogp h3 {
font-size: 45px;
}
.btn-w{ width:100px;}
.homeBtn.apply-btn .btn{padding: 10px 30px; font-size:1rem; width:165px;}
.spaceID{ padding-top:200px; margin-top:-200px;}
#myVideo {
position: absolute;
right: 0;
bottom: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-color: black;
background-position: center center;
background-size: contain;
object-fit: cover;
z-index: 3;
}
.logo-strip .item a {
display: block;
margin: auto;
}
.logo-strip.owl-carousel .owl-stage-outer {
padding: 50px 0
}
.logo-strip .logocenter {
position: absolute;
top: 50%;
background: #fff;
padding: 25px;
width: 220px;
height: 220px;
margin: auto;
left: 0;
right: 0;
transform: translate(0%, -50%);
border-radius: 50%;
box-shadow: 1px 4px 4px #000;
}
.logo-strip .logocenter img{ border-radius:30%; padding:20px;}
.myvideo {
height: 100%;
margin-top: -150px;
}
@media only screen and (max-width:1680px) {
.sidenav a.nav-link{ line-height:73px;}
.bannerContent { padding-left:20vw}
.OurWork { margin-top: -520px; padding-top:800px}
}
@media only screen and (max-width:1600px) {
h3 {font-size: 50px;}
.our-client{padding: 0 3vw;}
.sitemap-list li a {font-size: 33px;}
.careers-details-sec .contact-px {padding: 80px 100px 150px; }
}
@media only screen and (max-width:1440px) {
.process-txt {padding: 0 0 190px;}
.approach-sec {padding: 7vw 8vw;}
.storytelling-bg-img {background-size: cover;}
.datadriven-bg-img {margin-right: 30px; background-repeat: no-repeat; background-position-x: right;}
.holistic-bg-img {margin-right: 20px;}
h1, h2 {font-size: 65px;}
.culture-bg-img {height: 800px;}
.our-personality-3 {height: 600px; margin-top: 0;}
.our-personality-1 {margin-top: -180px;}
.about-px-sec .blue-lets-section {height: 716px;}
.blog_actions {left: 90px;}
.blog_new_layout {padding: 520px 90px 330px;}
.blog_body_sec {padding: 0 70px 150px;}
.blog_small_paralax h4 {font-size: 25px;}
.blog_top_box {padding: 50px 25px 90px; width: 40vw;}
.blog_top_box h2 {font-size: 36px;}
.blog_top_box_container.bg-color-202020 {height: 700px;}
.console-container h1 {height: 85px;}
.ourExpertise .bg-color-202020 {padding: 13vw 7vw;}
.review.pb-160 {padding-bottom: 200px;}
.letsbuild h2 {font-size: 54px;}
.our-client{padding: 0 7vw;}
.sidenav a.nav-link {
line-height: 66px;
font-size: 44px;
}
.headertop-contact {padding: 0 3vw;}
.our-personality-1 {height: 524px; margin-top: -171px;}
.our-personality-3 {height: 624px; margin-top: -88px; margin-left: 46px;}
.our-personality {height: 524px;}
.our-personality-2 {height: 400px;}
.px-100 {padding-right: 11vw; padding-left: 11vw;}
.percent_design { font-size: 90px;}
.review p {line-height: 50px; font-size: 28px;}
.px-200 {padding-right: 150px; padding-left: 150px;}
.listshow {
width: 80% !important;
}
.OurWork { margin-top: -610px;}
}
@media only screen and (max-width:1366px) {
.process-tab.nav-tabs .nav-link, .services-tab .tab-pane {font-size: 20px;}
.process-txt .pt-100 {padding-top: 50px;}
.innerbanner {padding: 100px 0 130px;}
.blue-lets-section {padding: 100px 100px 100px 90px;}
h1, h2 {font-size: 60px;}
.letsbuild h2 {font-size: 48px;}
.console-container h1{height: 75px;}
.storytelling-st h3 {font-size: 35px;}
.sidenav a.nav-link {
line-height: 62px;
font-size: 39px;
}
.px-100 {padding-right: 9vw; padding-left: 9vw;}
.OurWork {padding-top: 700px;}
.our-home .sec-pt-tab .pt-100 {padding-top: 50px;}
.adacompliance h2 {font-size: 50px;}
.adacompliance h3 {font-size: 45px;}
.our-client {padding: 0 3vw;}
.topspase {
padding-top: 8%;
}
.OurWork {margin-top: -580px; }
.cursor {
cursor: pointer;
}
}
@media only screen and (max-width:1280px) {
h1, h2 { font-size: 55px; }
h3 { font-size: 46px; }
.blog-parallax {height: 480px;}
.blog_body_sec h3, .blog_first_grid h3 {font-size: 36px;}
.about-px-sec .buildsomthing-image {width: 38vw;}
.h-owl-sec .team-slider { padding-left: 4vw;}
.percent_design {font-size: 70px;}
#up_next .owl-prev {left: -95px;}
#up_next .owl-next {right: -95px;}
}
@media only screen and (max-width:1199px) {
.blue-lets-section {height: 680px;}
.px-100 {padding-right: 3vw; padding-left: 3vw;}
.about-px-sec .buildsomthing-image {width: 43vw;}
.blog_new_layout {padding: 520px 48px 330px;}
.blog_actions {left: 48px;}
.blog_top_box {width: 50vw; left: 60px;}
.blog_top_box h2 {font-size: 33px;}
.blog_top_box_container.bg-color-202020 {margin-left: 30px;}
.blog_top_box p {line-height: 26px;}
.blog_top_box_container.bg-color-202020 {height: 600px;}
.blog_small_paralax h4 {font-size: 18px;}
.logo {padding: 40px 50px;}
.privacypolicypage h2 {font-size: 40px;}
.privacypolicypage h3 {font-size: 30px;}
.blue-lets-section {height: 560px;}
.ourExpertise {padding-top: 20px;}
.culture-bg-img {height: 550px;}
.console-container h1 {height: auto;}
#console1{margin-bottom: 0;}
.bannerContent p span.wow.fadeInUp {animation-delay: 1s !important;}
.bannerContent {padding-right: 10vw;}
.sub-title {
margin-left: 0;
}
.OurWork {
margin-top: -570px;
padding-top: 700px;
}
}
@media only screen and (max-width:1024px) {
.sevices-tools.px-100 {padding: 150px 0 0;}
.process-tab.nav-tabs .nav-link, .services-tab .tab-pane {font-size: 16px;}
.px-100 {padding-right: 3vw; padding-left: 3vw;}
h3 {font-size: 50px;}
.work-page-sec {padding-bottom: 109px;}
.blog_top_box h2 {font-size: 40px;}
.pb-160 {padding-bottom: 80px;}
.bannerContent {padding-left: 15vw; padding-right: 10vw;}
.blue-lets-section {padding: 82px 20px 59px 58px;}
.blog_top_box {width: 37vw;}
.px-200 {padding-right: 100px; padding-left: 100px;}
}
@media only screen and (max-width:999px) {
body {font-size: 20px; line-height:28px;}
.px-100 {padding: 0 15px;}
.logo {
padding: 30px 19px;
width: 132px;
}
#myHeader.fixed .logo {padding: 25px 0px; width: 140px;}
.container.mob-px {max-width: 100%; padding: 0 50px 0 150px;}
h1, h2 {font-size: 45px;}
.letsbuild h2 {font-size: 38px;}
.process-tab.nav-tabs .nav-link p::before {width: 0;}
#nav-analyze-tab p {padding-top: 8px;}
.ourExpertise {padding-top: 80px;}
.ourExpertise .bg-color-202020 {padding: 70px 60px;}
.about-px-sec.pb-160 {padding-bottom: 150px;}
.OurWork .sec-pt-tab {padding-top: 56vw;}
.our-home .sec-pt-tab {padding-top: 0;}
.pt-100 {padding-top: 80px;}
.OurWork .sparkling-img {padding: 0 50px;}
.OurWork .work-inner-txt .pt-100 {padding: 60px 50px 0;}
.work-inner-txt .pt-200 {padding: 60px 50px 100px;}
.team .owl-carousel .owl-stage {margin-left: 0px;}
.h-owl-sec .p-mob {padding-left: 37px;}
.team::before {height: 890px;}
.review p {line-height: 50px;}
.fs-50 {font-size: 36px;}
.letsbuild .letsbuild-px-mob {padding: 0 40px;}
.blue-lets-section {padding: 90px 60px 80px 60px; text-align: center; height: 850px;}
.blue-lets-section .pt-200 {padding-top: 80px;}
.letsbuild a::after { text-align: center; margin: auto;}
.footer-logo {width: 33vw; margin: auto; padding-bottom: 60px;}
.footer .px-100 {padding: 100px 80px 0;}
.footer .info-txt {padding: 35px 15px;}
.footer .contact-align {align-items: center;}
.footer .info-txt:last-child {justify-content: center;}
.social {margin-top: 30px;}
.social li {width: 18.5vw;}
.footer .footer-nav ul li {margin-bottom: 18px;}
.team .team-txt {padding-left: 20px;}
.team {padding: 100px 0;}
.sh-logo {width: 33vw;}
.sitemap-list li {margin-bottom: 10px;}
.approach-sec {padding: 7vw 8vw; margin: 0 18px; }
.process-txt {padding: 0 45px 60px;}
.services-tab {border-top: 0;}
.process-tab.nav-tabs .nav-link::before {top: 2px; border-radius: 50%; left: 50%; z-index: 9;}
.process-tab.nav-tabs .nav-link, .services-tab .tab-pane {text-align: end; margin-bottom: 90px; font-size: 20px;padding: 0 11vw 0 16vw;}
.services-tab .nav-link.h-25 p {height: 56px;}
.nav-tabs.process-tab {display: block;}
.socialTop{ border-top:solid 3px #fff; margin-top:100px;}
.socialTop li{ display:inline-block !important; padding: 15px 30px !important;}
.sidenav::before { background:none;}
.sidenav{ padding:165px 20px 0;}
.sidenav ul li{ padding-left:110px;}
.sidenav ul li a{ font-size:58px;}
.socialTop li a{ font-size:22px !important;}
.OurWork .our-txt-p { width: auto; padding-left: 117px !important;}
.OurWork .pt-100{ padding-top:0px;}
h3{ font-size:45px;}
.team{ margin-top:80px;}
.homeBG-sh, .homeBG-hoteblue, .homeBG-bayside, .homeBG-wildiris{ height:450px;}
.OurWork::before { height:1060px;}
.team::before { height: 730px;}
.footer.pt-160{ padding-top:0}
.process-tab.nav-tabs .nav-link::after {content: ''; position: absolute; left: 50.8%; width: 3px; height: 122px; background: #fff; top: 18px;}
#nav-plan-tab p {
text-align: left;
}
.services-tab .nav-link.h-25 span {display: block;}
#nav-design-tab p {width: 23vw; text-align: left; margin-left: auto;}
#nav-optimize-tab {text-align: start; padding-bottom: 0;}
.process-tab.nav-tabs .nav-link:last-child::after {background: none; height: auto;}
.process-tab.nav-tabs .nav-link:last-child::before {right: auto; top: 10px; left: 50%;}
.services-tab .tab-pane {text-align: start; padding: 0;}
.expertise-bg-img {margin: -60px 40px 0; background-attachment: inherit; background-size: 100%; height: 57vh;}
.sevices-tools.px-100 {padding: 100px 10px 0;}
.process-txt .pt-100 {padding-top: 0;}
.sevices-tools .its-tabs {padding: 0 25px 0 60px;}
.storytelling-st .design-px {padding: 0;}
.holistic-bg-img {margin: 70px 0px 0; height: 50vh;}
.datadriven-bg-img {
height: 100vh;
background-size: 100%; margin-right:0; margin-top:70px;
}
.btn.ourbtn {margin-right: 25px;}
.work-bg-bayside {margin-top: 0; height: 663px;}
.work-page-sec .btn-border {padding-top: 20px;}
.tab-100 {margin-top: 80px;}
/*.work-page-sec {padding-bottom: 100px !important;}*/
.container-fluid.sec-pt-tab {padding: 0;}
.World-Class-sec {margin-top: -229px;padding-left: 70px;padding-right: 70px;padding-top: 392px;padding-bottom:250px;}
.World-Class-sec h2{width:75%;}
.big_img_paralax {width: 100%;height: 335px;background-position: center center !important;background-size: contain !important;background-attachment: scroll !important;}
.px-200 {padding-right: 125px;padding-left: 125px;}
.percent_design {font-size: 100px;}
.percentcontainer {padding-top: 150px;}
.careful_planning {padding-left: 135px;padding-right: 135px;padding-bottom: 180px;}
#up_next .owl-prev {left: 10px;}
#up_next .owl-next {right: 10px;}
.small_paralax {
height: 303px;
background-attachment: scroll !important;
width: 70%;
}
.paralax_padding_right {padding-top: 60px;}
.paralax_padding_right .small_paralax { float:right; }
.pb-100v {
padding-bottom: 7vw;
}
.OurWork {padding-top: 700px;}
.bannerContent {padding-right: 0;}
.letschat-slider {margin-top: 100px;}
.nextstap-sec ul li a {color: #fff; font-weight: 400;}
.letschat-slider .owl-nav {display: none;}
.letschat-slider .owl-dots .owl-dot {display: inline-block; width: 28px; height: 28px; background: #fff; margin: 0 10px; border-radius: 50%;}
.letschat-slider .owl-dots {text-align: center; margin: 40px 0 0;}
.connect-withus-sec::after {height: 233px;}
.letschat-slider .owl-dots .owl-dot.active {background: #009db9;}
.nextstap-sec .px-100 {padding-left: 20vw;}
.contact-info .contact-form {width: 76vw; margin: auto; padding-top: 60px;}
.contact-px .px-100 {padding: 0 13vw;}
.g-recaptcha {width: 303px; margin: auto;}
.contact-info::before {height: 25%;}
.blog_new_layout {padding: 520px 40px 330px 40px;}
.blog_small_paralax h4 {font-size: 26px;line-height: 26px;width: 75%;}
.blog_small_paralax .fs-18 {font-size: 15px;}
.blog_small_paralax .fs-20 {font-size: 16px;}
.blog_top_box {padding: 50px 40px 90px; width: 75%; left: 20px;}
.blog_top_box p {font-size: 20px;}
.blog_top_box_container.bg-color-202020 {height: 835px;}
.blog_new_layout {padding: 206px 40px 250px 40px;margin-top: -206px;}
.blog_actions {position: relative; top: 38px; left: 0; width: 100%;}
.blog_first_grid_paralax {height: 515px; background-position-x: center; margin-top: 109px; background-size: cover;}
.culture-bg-img {height: 453px; margin-top: -50px;}
.storytellers-sec {margin-right: 80px;}
.personality-cta-img {padding-top: 0; margin-top: -50px;}
.our-personality {height: 475px; margin-top: -50px; z-index: -1; position: relative;}
.our-personality-1 {margin-top: 0px; height: 475px;}
.our-personality-3 {height: 580px; margin-top: -50px; background-position-x: center;}
.personality-cta-img .tab-100 {margin-top: 0;}
.our-personality-2 {margin-top: -150px; margin-left: 20px;}
.about-px-sec .buildsomthing-image {width: 62vw;}
.body-sec-px {padding: 10vw 5vw 10vw 12vw;}
.careers-details-sec::before {height: 110px;}
.slider-parallax {height: 70vh; background-position-x: center;}
.innerblog-slider .owl-next {right: 10px;}
.innerblog-slider .owl-prev {left: 10px;}
.upnaex-sec {padding: 0 50px 0px;}
.slider-txt h3 {font-size: 30px;}
.approach-sec {margin: 0; margin-top: 50px;}
.sitemap-list li a {font-size: 25px; font-weight: normal;}
.sitemap-background .px-100 {padding: 0 30px;}
.blog_body_sec .text-ht h3, .blog_body_sec .text-ht p {color: #2D3134;}
.blog_body_sec .pt-70 {padding-top: 0;}
.blog-parallax {margin-top: 70px;}
.blog_top_box_container.bg-color-202020 {margin-left: 0;}
.privacy_table_content h2 a {font-size: 16px; border: solid 2px #009DB9; color: #fff; transition: all 0.35s; text-align: center; padding: 20px 50px; background: #009DB9; border-radius: 5px;}
.privacypolicypage .collapse:not(.show) {display: none;}
.policy-inner.py-130 {padding: 50px 0;}
.labella p{ font-size:25px; line-height:35px;}
.labella p.pt-60{ padding-top:30px;}
.py-270 { padding-top: 200px; padding-bottom: 200px;}
.labella .pt-130{padding-top:100px;}
.adacompliance h2 {font-size: 40px;}
.adacompliance h3 {font-size: 35px;}
.adacompliance .px-100 {padding: 0 30px;}
.openings-table { width: 85vw;}
#newsletter-modal .modal-lg, #newsletter-modal .modal-xl {max-width: 710px;}
.services-tab .nav-tabs {position: relative;}
.services-tab .nav-tabs::after {content: ''; width: 3px; height: 88%; background: #fff; position: absolute; top: 20px; left: 50.9%;}
/*.process-tab.nav-tabs .nav-link::after {width: 2px; height: 0;}*/
.process-tab.nav-tabs .nav-link.active::after {width: 3px; left: 50.8%; transition-duration: .3s; background: #009db9; top: 18px; z-index: 9; height: 124px;}
.process-tab.nav-tabs .nav-link.on::after {
width: 4px;
left: 50.8%;
transition-duration: .3s;
background: #009db9;
top: 18px;
z-index: 9;
height: 118px;
}
.process-tab.nav-tabs .nav-link:hover:after {
width: 100%;
}
.process-tab.nav-tabs .nav-link::after {
transition-property: height;
}
.process-tab.nav-tabs .nav-link:last-child.active::after {height: 0;}
.process-tab.nav-tabs .nav-link:last-child.on::after {
height: 0;
}
.review.pt-100 {padding-top: 100px;}
.review.pb-160 {padding-bottom: 100px;}
.bannerContent .sub-title {margin-left: -27px;}
.bannerContent { padding-left: 0; padding-right: 0;}
.bgone .logo {padding: 26px 35px !important; width: 210px !important;}
.services-tab::after {display: none;}
.sub-title {margin-left: -27px;}
.careers-details-sec .contact-px {padding: 80px 10px 150px;}
.review p{ font-size:34px;}
.logo-strip owl-item{ padding:0 50px;}
}
@media only screen and (max-width:767px) {
.World-Class-sec{ padding-left:0px; padding-right:0}
body {
font-size: 15px;
line-height: 25px;
}
.logo {
padding: 15px 19px;
width: 122px;
}
.footer .px-100 { padding: 70px 20px 0 !important;}
#myHeader.fixed .logo {padding: 14px 0px; width: 100px;}
.pt-130 {padding-top: 80px;}
#nav-analyze-tab p {padding-top: 0;}
.smallText {font-size: 16px;}
h1, h2 {font-size: 30px;}
.letsbuild h2 {font-size: 28px;}
.ourExpertise .bg-color-202020 {padding: 48px 18px;}
.OurWork {margin-top: 0; padding: 0 7px;}
.OurWork .sec-pt-tab {padding-top: 50px;}
.OurWork .sparkling-img {padding: 0 18px;}
.OurWork::before {height: 482px;}
h3 {font-size: 25px;}
.h-owl-sec .team-slider { padding-left: 5vw;}
.OurWork .work-inner-txt .pt-100 {padding: 50px 14px 0;}
.work-inner-txt .pt-200 {padding: 50px 14px 50px;}
.team {padding: 50px 0px;}
.team .owl-carousel .owl-stage {margin-left: 0;}
.team .team-txt {padding-left: 0;}
.team .pt-100 {padding-top: 40px;}
.team::before {height: 500px;}
.sh-logo {width: 175px;}
.review p {
line-height: 28px;
font-size: 20px;
}
.fs-50 {font-size: 20px;}
.pb-160 {padding-bottom: 80px;}
.blue-lets-section {padding: 50px 15px; height: 410px; margin-top: -175px; margin-bottom: 180px;}
.blue-lets-section .pt-200 {padding-top: 65px;}
.letsbuild {margin-top: 200px;}
.footer-logo {width: 170px;}
.footer .info-txt {padding: 10px 15px; text-align: center; justify-content: center;}
.footer .info-txt:last-child {padding-top: 50px;}
.social {margin: 30px 10px 0; padding: 30px 0;}
.social li {width: 33.5vw; padding: 12px 0;}
.sitemap-list li {margin-bottom: 3px;}
.sitemap-list li a {font-size: 20px; line-height: 40px;}
.sidenav ul li{ padding-left:50px}
.sidenav a.nav-link {font-size: 24px; line-height: 45px;}
.sidenav ul li {padding: 10px 30px;}
.socialTop{ margin-top:40px; padding-top: 40px; display:block;}
.sidenav { padding: 100px 20px 0;}
.socialTop li a{ line-height:normal;}
.socialTop li{ padding:5px 0px !important; width:48%; text-align:center !important;}
.OurWork .our-txt-p { padding-left: 15px !important;}
.homeBG-sh, .homeBG-hoteblue, .homeBG-bayside, .homeBG-wildiris {height: 335px;}
.team { margin-top: 0;}
.letsbuild a{ font-size:12px;}
.process-tab.nav-tabs .nav-link::after {left: 20px; height: 135px; width: 3px; top: 0;}
.process-tab.nav-tabs .nav-link::before {left: 14px; top: 0px;}
#nav-plan-tab p {width: 100%; padding-left: 0; margin-top: auto;}
#nav-design-tab p {width: 100%; margin-left: auto; padding-right: inherit; margin-top: auto;}
#nav-optimize-tab p {width: 100%; padding-left: 0; padding-top: 8px;}
.process-tab.nav-tabs .nav-link, .services-tab .tab-pane {font-size: 18px; padding-left: 45px !important; text-align: start; padding-top: 8px;}
#nav-optimize-tab {padding-bottom: 20px !important; margin-bottom: 0;}
.services-tab .tab-pane {padding-left: 0 !important; line-height: 30px; padding-bottom: 0 !important;}
.expertise-bg-img {margin: -45px 16px 0; height: 40vh;}
.sevices-tools .its-tabs {padding: 0 13px 0 20px;}
.services-expertise .smallText {margin-left: -20px;}
.storytelling-bg-img {background: none; height: auto; margin-top: 40px;}
.holistic-bg-img {margin: 30px 0 0; background-size: 100%; background-attachment: inherit; height:260px;}
.datadriven-bg-img {background-size: 100%; background-attachment: inherit; margin: 0; height:28vh; margin-top:30px;}
.btn.ourbtn {padding: 7px 30px; font-size: 18px; margin:40px 0 0}
.letsbuild.services-let {margin-top: 300px;}
.services-let .blue-lets-section {margin-top: -428px; padding: 50px 20px;}
.letsbuild.services-let {margin-top: 390px; padding-bottom: 153px; padding-bottom: 30px;}
.innerbanner.about-us {padding-bottom: 30px;}
.work-page-sec::before {height: 265px;}
.px-200 {padding-right: 70px; padding-left: 70px;}
.py-270 {padding-top: 116px; padding-bottom: 116px;}
.hr-line {width: 131px;}
.percent_design_container {padding-bottom: 140px;}
.percentcontainer {padding-top: 140px;}
.careful_planning {padding-left: 50px; padding-right: 50px; padding-bottom: 150px;}
.lh-70 {line-height: 34px;}
.fs-50.lh-70 {font-size:25px;}
.fs-30 {font-size: 20px;}
#up_next a {top: 21% !important;}
.big_img_paralax {height: 147px;}
.World-Class-sec {margin-top: 0; padding-top: 150px; padding-bottom: 150px;}
.World-Class-sec h2 {width: 100%;}
.pt-130 {padding-top: 40px;}
.percent_design {font-size: 70px; line-height: 80px;}
#up_next .owl-nav img{height:19px;}
h1, h2 {font-size: 25px;}
.small_paralax {height: 161px; width: 75%;}
.contact-px .px-100 {padding: 0 25px;}
.blog_small_paralax h4 {font-size: 25px; line-height: 25px; width: 90%; padding: 15px 0;}
.blog_top_box {padding: 50px 25px 90px; width: 86%; left: 0; right: 0; margin: auto;}
.blog_top_box h2 {font-size: 25px;}
.blog_top_box p {font-size: 15px; line-height: 25px;}
.blog_top_box_container.bg-color-202020 {height: 700px;}
.blog_new_layout {padding: 0 20px 80px 20px; margin-top: 0;}
.blog_first_grid_paralax {height: 270px; background-position: center; margin-top: 109px; background-size: 100%;background-attachment: inherit;}
.blog-parallax {height: 229px; margin-top: 50px; background-attachment: inherit !important; background-size: 100% !important;}
.blog_body_sec {padding: 0 20px 100px; margin-top: 0;}
.blog_first_grid h3 {font-size: 25px; width: 75%;}
.blog_first_grid .fs-18 {font-size: 15px;}
.blog_first_grid a.fs-20 {font-size: 16px;}
.blog_body_sec {margin-top: 0;}
.openings-sec .contact-px .px-100 {padding: 0 5vw;}
.openings-table {width: 85vw; margin: auto;}
.openings-table td:first-child, .openings-table td:nth-child(2) {width: auto;}
.openings-table .table > :not(caption) > * > * {padding: 24px 5px; font-size: 13px;}
.openings-table .table > thead tr th {font-size: 16px;}
.openings-table {padding-top: 30px;}
.openings-sec {padding-top: 50px;}
.our-mission-th .bg-color-202020 {padding: 40px 10px 40px 41px !important; margin-right: 28px;}
.culture-bg-img {height: 250px; margin-top: -40px; background-size: 100%; background-attachment: inherit;}
.storytellers-sec {margin-right: 30px;}
.container.mob-px {padding: 0 28px 0 60px;}
.our-personality-1, .our-personality-3, .our-personality-2 {height: auto; background: none; margin-left: 0;}
.our-personality {height: 252px; background-attachment: inherit; background-size: 100%; margin-left: -15px;}
.our-personality-2 {margin-top: -50px; margin-left: -15px; background-size: 100%; background-attachment: inherit; height: 302px;}
.personality-cta-img {margin-top: -30px;}
.letsbuild .letsbuild-px-mob {padding: 0 25px;}
.about-px-sec .blue-lets-section {height: 370px; margin-top: -333px;}
.about-px-sec {padding-bottom: 0;}
.careers-details-sec .pt-100 {padding-top: 40px;}
.careers-details-sec .contact-px {padding: 40px 10px 50px;}
.thankyou-sec .approach-sec {margin: 0 10px; padding: 30px 20px 70px 55px;}
.slider-parallax {height: auto; background: none;}
.inner-head .social-icons {padding-top: 50px; width: 100%;}
.inner-head {flex-wrap: wrap;}
.job-details.pt-130 {padding-top: 50px;}
.upnaex-sec {padding: 0 13px 0 30px;}
.innerblog-slider .owl-nav img {width: 26px;}
.innerblog-slider .owl-nav {top: 17%;}
.slider-txt h3 {font-size: 25px; padding-bottom: 2px;}
.social-icons ul {justify-content: space-between;}
.sitemap-list.pl-80 {padding: 0;}
.sitemap-list {border-right: none;}
.approach-sec.sitemap {padding: 60px 27px; margin:0;}
.sitemap-background::before {height: 148px;}
.work-inner-txt .text-ht h3, .work-inner-txt .text-ht p {color: #202020;}
.homeBG-sh, .homeBG-hoteblue, .homeBG-bayside, .homeBG-wildiris {height: 263px; background-size: 100%; background-attachment: inherit;}
.workBG-sh, .work-bg-bayside, .workBG-wildiris, .workBG-hoteblue {height: 303px; background-size: 100%; background-attachment: inherit;}
.our-client {padding: 0 70px;}
.process-txt {padding: 0 5px 0 10px;}
.process-tab.nav-tabs .nav-link:last-child::before {left: 14px;}
.storytelling-st h3 {margin: 0; padding-bottom: 5px; font-size: 25px;}
.storytelling-st h3::after {width: 140px;}
.sevices-tools.px-100 {padding: 20px 0 0;}
.privacypolicypage h2 {font-size: 25px;}
.privacypolicypage h3 {font-size: 22px;}
.privacypolicypage h4 {font-size: 20px;}
.storytelling-st.pt-100{ padding-top:0}
.case-study-banner {
background-size: cover;
}
.img-banner-header .ourExpertise{ margin-top:0}
.socialTop li a {font-size: 20px !important;}
.The-Challenge .bg-color-202020 { padding: 100px 85px;}
.solution .pt-130 { padding-top:10px;}
.planing{ padding-bottom:0}
.paralax_padding_right { padding: 30px 0px;}
.upnext{ padding:150px 50px;}
.end_btn a{ font-size:25px;}
.review .container {padding: 0 35px;}
.adacompliance h2 {font-size: 23px;}
.adacompliance h3 {font-size: 21px;}
.pb-130 {padding-bottom: 50px;}
.adacompliance .px-100 {padding: 0 16px;}
.blog_body_sec .btn-border a.fs-40{ font-size:20px;}
.approach-sec.expertise-mob {margin-top: 0;}
.about-px-sec.pb-160 {margin-top: 338px; padding-bottom: 10px;}
.about-px-sec.pb-160 {padding-bottom:0px;}
#newsletter-modal .modal-content {padding: 50px 20px !important;}
.sitemap-background .px-100 {padding: 0 16px;}
.services-tab .nav-tabs::after {left: 20px; top: 10px;}
.process-tab.nav-tabs .nav-link.active::after {left: 20px; top: 0; height: 122px;}
.process-tab.nav-tabs .nav-link.on::after {
left: 20px;
top: 0;
height: 122px;
}
.services-tab .nav-link.h-25 p {height: auto; margin-bottom: 0;}
.bgone .logo {padding: 20px 35px !important; width: 160px !important;}
.cookies-statement {padding: 13px; bottom: 0; width: 100%; right: 0; left: 0;}
.scrolled-down {transform: translateY(0);}
.Cookies p {line-height: 22px; font-size: 14px;}
.cookies-statement .cookies-btn ul li a {width: 115px; font-size: 13px;}
.letschat-slider .owl-dots .owl-dot {width: 18px; height: 18px;}
.contact-form .console-container {top: 20px; font-size: 14px;}
.field label::before {font-size: 14px;}
.contact-form-btn .btn {padding: 17px 80px;}
.approach-sec {padding: 15vw 8vw;}
.theprocess-sec {padding-top: 40vw;}
.contact-sec .px-100{padding: 0 3vw;}
.contact-info .contact-form { width: 85vw;}
.process-tab.nav-tabs .nav-link{padding: 0 0 0 16vw; width: 100%;}
.services-tab .nav-link.h-25 span {display: inline-block;}
.rc-anchor-normal-footer .rc-anchor-logo-portrait{margin: 10px 0 0 0 !important;}
.letsbuild {padding-bottom:0;}
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:50% 0 !important;-webkit-transform-origin:50% 0 !important;}
.review p{ font-size:19px;}
.logoStripsec .sub-title{ margin:0}
.headertop-contact {
padding: 0 1vw;
}
.logo-strip .logocenter {
width: 169px;
height: 169px;
}
.myvideo {
margin:0
}
.ourExpertise {
margin-top: -120px;
}
}
@media only screen and (max-width:575px) {
.homeBtn.apply-btn .btn {
padding: 10px 22px; width:140px;
font-size: 0.8rem;
}
.blog_top_box_container.bg-color-202020 {
height: 500px;
background-position: 46% 0% !important;
background-size: cover !important;
background-attachment: inherit !important;
}
.The-Challenge .bg-color-202020 {
padding: 50px 20px;
}
.World-Class-sec {
margin-top: 0;
padding-top: 60px;
padding-bottom: 60px;
}
.py-270 {padding-top: 73px;}
.px-200 {
padding-right: 20px;
padding-left: 20px;
}
.upnext {
padding: 60px 50px;
}
.banner-sec {
height: 80vh;
}
.banner-sec.workbanner {
background-attachment: inherit !important;
}
.blog_top_box {
position: inherit;
background: rgba(0,0,0,0.8);
}
}
@media only screen and (max-width:330px) {
.socialTop {padding-top: 24px;}
.socialTop li a {font-size: 16px !important;}
.sidenav a.nav-link {font-size: 22px; line-height: 40px;}
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:26% 0 !important;-webkit-transform-origin:26% 0 !important;}
}
.browser-wrapper {
display: block;
max-width: 1170px;
width: 96%;
margin: 3vh auto;
height: 70vh;
background: #fff;
border-radius: 7px;
overflow: hidden;
box-shadow: 9px 9px 30px 0 rgba(1, 50, 101, .21)
}
.devservices.browser-wrapper {
width: 80%;
height: 60vh
}
.devservices.mobile-mockup .browser-wrapper {
width: 40%;
height: 70vh
}
.browser-head {
display: flex;
background: #fff;
color: #1c4360;
width: 100%;
padding: 5px 25px;
align-items: center;
height: 80px;
justify-content: center
}
.mobile-mockup .browser-head {
height: 60px
}
.window-controls {
display: flex;
width: 110px;
justify-content: center;
margin-right: 20px
}
.device-mockups .window-controls {
margin-right: unset
}
.window-controls span {
display: block;
width: 18px;
height: 18px;
background: #ededed;
border-radius: 50%;
margin-left: 10px
}
.window-controls span:first-of-type {
margin-left: 0
}
.url-bar {
display: flex;
width: 100%;
box-shadow: 0 3px 21px 0 rgba(81, 81, 81, .11);
padding: 10px 15px;
border-radius: 6px;
height: 50px;
align-items: center;
position: relative
}
.url-controls {
display: flex
}
.url-controls__item {
display: block;
width: 25px;
pointer-events: none
}
.url-controls__item.left {
display: block
}
.url-controls__item.right {
display: block
}
.url-protocol {
padding: 10px;
background: #ededed;
border-radius: 5px;
margin: 0 20px 0 15px;
color: #515151;
opacity: .5;
font-weight: 500
}
.url-txt {
display: block;
color: #515151;
opacity: .5;
font-weight: 500
}
.url-txt:hover {
opacity: .8
}
.url-next {
display: block;
width: 25px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
pointer-events: none
}
.browser-inner,
.browser-inner2 {
width: 100%;
height: 100%;
overflow: auto;
cursor: url(../../Content/images/mockup-cursor.png), auto
}
.scrollbar-track {
background: transparent !important
}
.scrollbar-thumb {
background: rgba(50, 50, 50, .25) !important
}
.aboutus-hero {
background: url(../../Content/images/aboutus-hero.jpg) center center no-repeat;
background-size: cover;
background-position: center;
position: relative
}
.desktop-mockup img {
height: auto;
max-width: 100%;
}