#main-container {margin-top: 88px;}

h1{ font-size: 262%; font-weight: 800; color: #000; position: relative; text-transform: uppercase; padding-left: 60px; margin: 0 0 30px;}
h1:before{content: ""; background-color: #da2128; width: 10px; height: 95%; position: absolute; left: 0; top: 5%; }
h1 small{color: #000; font-weight: 800; display: block; margin-top: 25px;}

#main-container p{font-size: 112%; margin-bottom: 30px;}
#main-container p.text-big{font-size: 18px;}
.about-content .link {font-weight: 600;}
#main-container p.small{font-size: 85%;}

.contact .sub-text{max-width: 85%;}
h3.title,h2.sub-title{font-size: 158%; font-weight: 600; margin-top: 60px; margin-bottom: 20px;}


.form-group{position: relative; transition: all 0.3s; margin-bottom: 30px;}
.form-group.full-width{width: 100%;}
.form-group .form-control{height: 50px; border: none; background:transparent; border-bottom: 1px solid #000; box-shadow: none; border-radius: 0; color: #000; font-size: 113%; font-weight: 300;}
.form-group .form-control .control-label{color: #737171; }
.form-group textarea.form-control{height: 120px; padding:15px 12px;}
.form-group .input-group-addon {padding: 0; border-radius: 0;}
.error-inline{font-size: 90%; color: #d82128; text-align: left;}
form .has-captcha .input-group .form-control {width: 50%; display: inline-block;}
form .input-group-addon {display:inline-block; width:50%; background:#fff; border:1px solid #d7d6d7; height:auto; border-radius: 0; padding: 0; border-top: none; border-left: none;}
form .input-group-addon #imgCaptcha{float: right;}
form .refresh {cursor: pointer; width: 40px; padding: 10px 0; display: inline-block; vertical-align: top; border-left: 1px solid #d7d6d7; border-top: 1px solid #d7d6d7;}
form .refresh .refresh-icon{background-position: -1px -58px; width: 24px; height: 20px;}
form .has-captcha .input-group{width: 100%;}
form .browse { position: relative; cursor: pointer; width:100%; cursor:pointer; }
form .browse .hide-field { opacity: 0; filter: alpha(opacity=0); position: absolute !important; z-index: 2; width: 100%; height: 40px; }
form .browse .show { left: 0; position: relative; top: 0; z-index: 1; }
form .browse .show input[type="text"] { margin-bottom: 0 !important; width:100%; height: 40px;}
form .browse .action { position: absolute; right: 1px; top: 1px; font-size: 120%; color: #0e0d0d; text-decoration: underline; padding: 0px 10px; height:38px; line-height:38px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
/*form .btn {position: relative; border-radius: 0; border: none; background-color: #000; color: #fff; min-width: 130px; font-size: 113%; height: 60px;}*/
/* form effect */
.control-label {font-family: 'Roboto', sans-serif; font-size: 112%; font-weight: 300; opacity: 1; pointer-events: none; position: absolute; transform: translate3d(0, 30px, 0) scale(1); transform-origin: left top; transition: 240ms; left:10px; margin: 0; top: -10px; color: #737171;}
.normal-label{ font-family: 'Roboto', sans-serif;color: #737171;}
.form-group.focused .control-label { opacity: 1; transform: scale(0.85); color:#ddd; left: 10px; top: -10px;}
.form-control {align-self: flex-end;}

/* btn-style02 */
.btn-style02 {font-family: 'Roboto', sans-serif; font-size: 112%; position: relative; border-radius: 0; border: none; background-color: #000; color: #fff; min-width: 130px; font-size: 113%; height: 50px; line-height: 48px; padding: 0 12px; border: 1px solid transparent; text-transform: uppercase;}
.btn-style02:before {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; opacity: 0; visibility: hidden; transition: all 0.4s; background-color: #fff;}
.btn-style02:hover {border-color: #000;}
.btn-style02:hover:before, .btn-style02:focus:before {width: 100%; opacity: 1; visibility: visible;}
.btn-style02:hover span, .btn-style02:focus span {position: relative; color: #000;}

/* job-list */
.job-list{border: 1px solid #e1e1e1; padding: 40px 40px 70px;; position: relative; display: block; text-decoration: none; min-height: 250px; margin-bottom: 30px;}
.job-list:hover{border-color: #da2128;}
.job-list span{display: block;text-transform: uppercase; margin-bottom: 10px;}
.job-list .title{font-size: 150%; font-weight: 700; color: #000; }
.job-list:hover:hover{color: #000;}
.job-list .position{font-size: 112%; font-weight: 300;}
.job-list .apply-job{position: absolute; left: 40px; bottom: 40px;  font-size: 112%; font-weight: 700; color: #da2128; margin: 0;}

/* approach */
.approach-list .row{margin-bottom: 90px;}
#approach .approach-title{background-color: #da2128; padding: 50px; position: relative; top: 30px; z-index: 2; }
#approach .approach-title{font-size: 187%; color: #000; font-weight: 700;}
#approach .approach-title h2{display: block; color: #fff; font-size: 146%; text-transform: uppercase; margin:0 0 25px; font-weight: 700; line-height: normal;}
#approach .approach-desc{min-height: 400px; font-size: 112%; border: 1px solid #d7d7d7; padding: 50px 80px 50px 110px; margin-left:-100px; position: relative;}  
#approach .approach-desc .bullet-style01 li:before{background-position: -4px -84px; width: 3px; height: 3px;  top: 12px;}
#approach .approach-desc .btn-cust{position: absolute; right: 20px; bottom: 0; color: #7d7d7d; margin-top: 0;}
#approach .approach-desc .btn-cust:hover{color: #da2128;}

/* bullet-style01 */
.bullet-style01{margin: 0 0 15px; padding: 0; list-style: none;}
.bullet-style01 li{font-size: 112%; margin-bottom: 10px; position: relative; padding-left: 15px;}
.bullet-style01 li:before{content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -11px -83px; width: 6px; height: 6px; position: absolute; left: 0; top: 10px;}
.bullet-style01 li .bullet-style01{margin: 10px 10px 20px;}

.bullet-style01.half{display: flex; flex-wrap: wrap; justify-content: space-between;}
.bullet-style01.half li{width: 47%; font-size: 13px !important;}
.bullet-style01.one-third{display: flex; flex-wrap: wrap; }
.bullet-style01.one-third li{width: 32%; font-size: 13px !important;}
.bullet-style01.half li:before,.bullet-style01.one-third li:before{background-position: -4px -84px; width: 3px; height: 3px; top: 9px;}

#main-container ol, #main-container ul {margin-bottom:15px;}
#main-container ol li, #main-container ul li {font-size: 18px; margin-bottom: 10px;}

.bullet-style01.impact-bullet li{font-size: 135%; font-weight: 700;}
.bullet-style01.impact-bullet li:before{top: 10px;}

/* impact */
#impact .block{padding:50px; position: relative;}
#impact .block.bg-red:after{content:""; position: absolute; left: 60px; bottom: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent;border-top: 15px solid #da2128;}
#impact .block.bg-black:before{content:""; position: absolute; right: 60px; top: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent;border-bottom: 15px solid #000;}
#impact .block ul{margin: 0; padding: 0; list-style: none;}
#impact .block ul li{position: relative;  color: #fff; font-size: 150%;}
#impact .block.bg-red ul li{padding-left: 15px; margin-bottom: 30px;}
#impact .block.bg-black ul li{padding-right: 15px; margin-top: 30px;}
#impact .block.bg-red ul li:before{content: "-"; color: #fff; position: absolute; left: 0; top: 0;}
#impact .block.bg-black ul li:after{content: "-"; color: #fff; position: absolute; right: 0; top: 0;}
#impact .block .text{font-weight: 700; color: #fff; font-size: 225%; text-transform: uppercase;}
#impact .para{padding: 50px; max-width: 420px; font-size: 112%;}
#impact .para.text-right{float: right;}
.bg-red{background-color: #da2128;}
.bg-black{background-color: #000000; clear: both;}
#impact .tagline{font-size: 225%; text-transform: uppercase; font-weight: 700; color: #da2128; position: absolute; text-align: center;  left:calc(0% - 130px); top:calc(50% - 105px); margin: 0 auto; background-color: #fff; width: 260px; z-index: 2; color: #da2128; padding: 20px;}

/* inner-banner */
#inner-banner{margin-bottom: 70px;}
#inner-banner img{margin:0 auto;}

.case-study-content .case-study{font-size: 88%; font-weight: 600; color: #7d7d7d; text-transform: uppercase; margin-bottom: 5px; display: none;}
.case-study-content .banner-large{margin: 50px auto;}

.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt100{margin-top: 100px !important;}
.mt50{margin-top: 50px !important;}
.mt40{margin-top: 40px !important;}
.mt30{margin-top: 30px !important;}
.mb0{margin-bottom: 0 !important;}
.mb30{margin-bottom: 30px !important;}
.mb50{margin-bottom: 50px !important;}
.mb100{margin-bottom: 100px !important;}
.mb20{margin-bottom: 20px !important;}
.mb10 {margin-bottom: 10px !important;}
.mt0{margin-top: 0 !important;}

/* inner-slider */
.inner-slider{margin: 50px auto;}
.inner-slider .item.has-video a{display: block; position: relative;}
.inner-slider .item.has-video a:before{content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position:-172px -91px; width: 72px; height: 72px; display: block; position: absolute; top: calc(50% - 36px); left: 0; right: 0; margin: 0 auto; z-index: 4;}
h4{font-weight: 700;}
.inner-slider .item.has-video a span.year{margin-top: 20px; position: absolute; left: 15px; bottom: 15px; background: #fff; padding: 10px;display: block;}

.insight  img{margin-bottom: 30px;}

.line-none:before{display: none;}

/* tabs */
#tabs{border: none; margin-bottom: 100px; border-bottom:1px solid #e1e1e1; padding-left: 60px;} 
#tabs li {text-align: center; margin: 0 55px 0 0 !important;}
#tabs li a{border: none; position: relative; font-size: 155%; font-weight: 700; color: #000; display: inline-block; padding: 15px 0;}
#tabs li a:hover,#tabs li a:focus{background-color: transparent;}
#tabs li.active a{color: #000;}
#tabs li a:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 4px; background-color: #da2128; opacity: 0; visibility: hidden}
#tabs li.active a:after{opacity: 1; visibility: visible;}

.work-tabs #tabs{padding-left: 0;}
.work-tabs #tabs li a{font-size: 125% !important;}

.contact-page #main-container p{margin-bottom: 10px;}
.contact-page #main-container p strong{margin-bottom: 15px; display: block;}

/* service-slider */
#service-slider{padding-bottom: 50px;}
#service-slider .item .img-wrap{ overflow: hidden; margin-bottom: 25px; text-decoration: none; display: block;}
#service-slider .item .img-wrap img{transition: all .3s linear;}
#service-slider .item .img-wrap:hover img{transform: scale(1.1);}
#service-slider .item .info{position: relative;}
#service-slider .item .info .case-study{font-size: 88%; font-weight: 600; color: #7d7d7d; text-transform: uppercase; margin-bottom: 5px;}
#service-slider .item .info .title{font-size: 134%; line-height: normal; font-weight: 800; color: #000; text-transform: uppercase; margin-bottom: 15px;}
#service-slider .item .info .title span{display: block; font-size: 55%; line-height: normal;}
#service-slider .item .info p{font-size: 112%; font-weight: 700;}
#service-slider .item .info .btn-cust{color: #7d7d7d; margin-top: 0; }
#service-slider .item .info .btn-cust:hover{color: #da2128;}
#service-slider .btn-cust{margin-top: 10px;}
#service-slider .owl-dots{right: 0; left: 0; top: auto; bottom: -20px; transform: translateY(0%); text-align: center;}
#service-slider .owl-dots .owl-dot{display: inline-block;}


/* service-new-slider */
#service-new-block {position: relative; z-index: 2; overflow: hidden; padding-bottom: 100px;}
#service-new-block .owl-carousel>div {overflow: visible;}
#service-new-block .owl-stage {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#service-new-block .owl-flex .owl-stage .owl-item {display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; height: auto !important;}
#service-new-block .owl-nav1{display: inline-block;position: absolute;top: 0;right: 0;}
#service-new-block .owl-nav1{position: absolute; right: 0; top:calc(50% - 20px); margin: 0; left: 0; color:#e32428; text-align: center;}
#service-new-block .owl-nav div {display: inline-block; vertical-align: middle; background-color:#e32428; width: 40px;height:40px; display: inline-block; vertical-align: middle; border-radius: 50%; margin: 15px; position: relative;}
#service-new-block .owl-nav div::before{ content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position:-3px -27px; width: 9px; height: 14px; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#service-new-block .owl-nav .owl-next{position: absolute; right: 0; top: calc(50% - 20px);}
#service-new-block .owl-nav .owl-prev::before{ transform: rotate(180deg);}
#service-new-block .owl-nav .owl-prev{position: absolute; left: 0; top: calc(50% - 20px);}
#service-new-slider .owl-nav{opacity: 0; visibility: hidden; transition: all 0.3s linear;}
#service-new-slider:hover .owl-nav{opacity: 1; visibility: visible; }

.service-page .spl{position: absolute; left: 0; right: 0; bottom: -100px;}

#service-new-slider .item{position: relative; overflow: hidden;}
#service-new-slider .item .img-wrap{ text-decoration: none; display: block; position: relative; padding-top: 112%;}
#service-new-slider .item .img-wrap img{position: absolute; left: 0; top: 0;  object-fit: cover; width: 100%; height: 100%;}
#service-new-slider .item span{display: block;}
#service-new-slider .item .info{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); padding: 70px; opacity: 0; visibility: hidden; transition: all .3s linear; color: #fff;}
#service-new-slider .item:hover .img-wrap + .info{opacity: 1; visibility: visible;}
#service-new-slider .item .info .title{line-height: 1.2; font-size: 185%; margin-bottom: 18px;font-weight: 700; position: relative; width: 100%;}
#service-new-slider .item .info .title:before{position: absolute; content: ""; background-color: #da2128;  width: 10px; height: 95%; position: absolute; left: -70px; top: 5%;}
#service-new-slider .item .info p{font-size: 114%; }

/* accordion */
#accordion.panel-group .panel{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 1px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; box-shadow: 0px 3px 10.12px 0.88px rgba(0, 0, 0, 0.08); background-color: #fff; margin-bottom: 20px;}
#accordion .panel-heading {padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: none;}
#accordion .panel-heading a {padding: 30px 40px; display: block; text-decoration: none; position: relative;}
#accordion .panel-heading .icon-bar {width: 100px; height: 100%; position: absolute; right: 0; top: 0;}
#accordion .panel-heading .icon {width: 20px; height: 4px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; cursor: pointer;}
#accordion .panel-heading .icon:before, #accordion .panel-heading .icon:after {content: ''; position: absolute; top: 2px; width: 10px; height: 1px; display: block; background: #000; transition: 0.3s transform;}
#accordion .panel-heading .icon:before {transform: rotate(-45deg); right: 3px;}
#accordion .panel-heading .icon:after {transform: rotate(45deg);}
#accordion .panel-heading .panel-title.active .icon:before {transform: rotate(45deg); right: 3px;}
#accordion .panel-heading .panel-title.active .icon:after {transform: rotate(-45deg);}
#accordion .panel-heading .panel-title a {font-size: 150%; font-weight: 500; color: #000; text-transform: uppercase;}
#accordion .panel-heading .panel-title.active a {color: #000;}
#accordion .panel-body {padding: 15px 40px 30px; border: none;}
#accordion .panel-body h4 {font-size: 125%; font-weight: 700;}
#accordion .panel-body h4:first-child {margin-top: 0;}
#accordion .panel-body ul {font-size: 113%; margin:0 0 30px 30px;}
/*#accordion .panel-body ul li {position: relative; font-weight: 300; margin-bottom: 5px;}*/
#accordion .panel-body ul li {font-size: 100%;}
.faqs#accordion .panel-heading .panel-title a{text-transform: none; font-size: 140%; line-height: normal;}
.faqs#accordion .panel-heading a{padding: 20px 80px 20px 40px;}

.bullet-style01 li ul {list-style: none; margin-top: 10px !important;}

.inner-slider .slider-no .single-item{position: relative; background-color: #e9e9e9; display: flex; justify-content: center; align-items: center; height: 490px;}
.inner-slider .slider-no .single-item a{width: 280px; display: block; margin: 0 8px; position: relative; position: relative;}
.inner-slider .slider-no .single-item a:before{content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position:-172px -91px; width: 72px; height: 72px; display: block; position: absolute; top: calc(50% - 36px); left: 0; right: 0; margin: 0 auto; z-index: 4;}

/* our-team */
.our-team [class^='col-']{width: 20%;}
.our-team .item{position: relative; margin-top: 30px; overflow: hidden;}
.our-team .item .pic img{display: block; margin: 0 auto}
.our-team .item .pic:before{content: ""; background-color: rgba(0,0,0,0.8); position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden; transition: all .3s linear;}
.our-team .item:hover .pic:before{opacity: 1; visibility: visible;}
.our-team .item .info{position: absolute; bottom: -100%; padding: 15px 20px; color: #fff; left: 0; right: 0; top:auto; opacity: 0; visibility: hidden;transition: all .3s linear;}
.our-team .item:hover .info{opacity: 1; visibility: visible; bottom: 0; }
.our-team .item .info .name{font-size: 18px; line-height: 20px; margin-bottom: 5px; font-weight: 600;}
.our-team .item .info .post{font-size: 12px; line-height: 16px;}
.our-team .item.no-item{width: 187px; height: 185px; border: 1px solid #ee2d31; padding: 24px; background-color: transparent; transition: all .3s linear;}
.our-team .item.no-item .text{font-size: 16px; font-weight: 600; color: #000;}
.our-team .item.no-item a{position: absolute; font-size: 14px; color: #da2128; right: 30px; bottom: 15px; line-height: 16px;}
.our-team .item.no-item a:after{content: ""; background-image: url(../images/arrow-red.png); background-repeat: no-repeat; background-position: 0 0; display: inline-block; width: 5px; height: 7px; vertical-align: top; margin: 5px 0 0 5px;}
.our-team .item.no-item .pic:before{display: none;}
.our-team .item.no-item .pic{background-color: transparent;}

#statics-list{margin-top: 30px;}
#statics-list .block{margin-bottom: 30px;}
#statics-list .block .number{font-size: 375%; position: relative; color: #da2128; font-weight: 800; line-height: 1.2;}
#statics-list .block .number::after{content: "+"; display: inline-block; margin-left: 5px;}
#statics-list .block .number.noplus::after{display: none;}
#statics-list .block .text{color: #7d7d7d; font-size:112.5%; }

.portfolio .img-wrap {position: relative; padding-top: 56.25%;}
.portfolio .img-wrap img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.portfolio .item.has-view .img-wrap:before{content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position:-172px -91px; width: 72px; height: 72px; display: block; position: absolute; top: calc(50% - 36px); left: 0; right: 0; margin: 0 auto; z-index: 4;}
.portfolio .item.has-view .img-wrap:before{content: ""; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position:-172px -91px; width: 72px; height: 72px; display: block; position: absolute; top: calc(50% - 36px); left: 0; right: 0; margin: 0 auto; z-index: 4;}
.portfolio .item.has-view .img-wrap {background-color: #000;}
.portfolio .item.has-view .img-wrap img{opacity: 0.8;}
.portfolio .item .info .title small{display: block; margin-top: 5px; text-transform: none; font-size: 70%;}

.solutions{display: flex; align-items:center; padding-top: 50px; justify-content: space-between;}
.solutions .sub-text{padding-right: 50px; padding-left: 60px;}
.solutions .title{padding-right: 50px;}
.solutions .infographic{max-width: 550px;}
.infographic{max-width: 450px; margin: 0 auto;}

.moretext {display: none;}
.founder-content .sub-text{margin-bottom: 30px;}
.pb-0{padding-bottom: 0 !important;}

.brand-block h3{margin: 0 0 0.5rem; font-weight: 700; font-size: clamp(1.125rem, 0.95rem + 0.875vw, 2rem); text-transform: uppercase; letter-spacing: 0.32px; line-height: normal;}
.brand-block .text{color: #DA2128; margin-bottom: 1rem; font-weight: 300; line-height: normal; letter-spacing: 0.2px; font-size: 112%;}

.brand-slider .item img{width: auto;}
.brand-slider .item .brand-pic{border: 1px solid #000; width: calc(100% - 1px);}
.brand-slider .owl-nav{margin-top: 25px; display: flex; justify-content: end; margin-left: auto;} 
.brand-slider .owl-nav .owl-prev,.brand-slider .owl-nav .owl-next{height: 50px; width: 50px; background-color: #da2128; border-radius: 50%; margin:0 0 0 20px; transition: all .3s linear; position: relative;}
.brand-slider .owl-nav .owl-prev::before,.brand-slider .owl-nav .owl-next::before{content: ""; background-image:url('../images/sprite.png');  background-position: -3px -27px; width: 9px; height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all .3s linear;}
.brand-slider .owl-nav .owl-prev::before{transform: rotate(-180deg);}
.brand-slider .owl-nav .owl-prev.disabled,.brand-slider .owl-nav .owl-next.disabled{opacity: 1; background-color: #D2D2D9;}

.flex-row{display: flex; flex-wrap: wrap;}
.more-cards{display: none;}
.more-cards.active{display: block;}

.breadcrumb{background-color: transparent; margin-bottom: 0; padding-left: 0;}
.breadcrumb a,.breadcrumb>.active{color: #7d7d7d; text-decoration: none;}
.breadcrumb li{margin-bottom: 0 !important;}
.breadcrumb a:hover{color: #DA2128;}

.tab-outer{position: sticky; top: 88px; background-color: #fff; z-index: 2;}