@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');

body{font-family: 'Arimo', sans-serif;font-weight:400;padding-top:80px;position:relative;}

h1, h2, h3, h4, h5, h6{font-family: 'Arimo', sans-serif;}

*, a, button, input{-webkit-transition: all 0.3s ease;-o-transition:all 0.3s ease;transition: all 0.3s ease;font-family: 'Arimo', sans-serif;}
a, a:hover, a:focus{text-decoration:none;outline:none;}
button, button:hover, button:focus, button:active, input, input:hover, input:focus{outline:none;}

a{color:#002060;}
a:hover{color:#063593;}

ul{margin:0;padding:0;list-style:none;}
ul.inline li{display:inline-block;}
ul.block li{display:block;}

.com-btn{font-size:16px;color:#757575;background:#fff;border:solid 1px #fff;padding:15px 30px;font-weight:700;line-height:14px;display:inline-block;border-radius:30px;text-transform:capitalize;text-align:center;letter-spacing:0.5px;}
.com-btn:hover, .com-btn:focus{background:#eee;color:#757575;border-color:#eee;}

.flex-box{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.fix-img{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.navbar{-webkit-transition: all 0.3s ease;-o-transition:all 0.3s ease;transition: all 0.3s ease;background:#fff;border-bottom:none;padding:12px 100px;position: fixed;width: 100%;z-index:3;top:0;}
.navbar.sticky{box-shadow:0px 0px 10px rgba(0,0,0,0.1);padding-top: 5px;padding-bottom: 5px;}

.logo-v{display: inline-block;height: 46px;}
.logo-v h3{font-size: 44px;font-weight: 700;margin: 0;line-height: 12px;color: #d80f79;}
.logo-v h3 .pink{color: #002060;}
.logo-v h3 .tm{font-size: 10px;color: #3b3b3b;vertical-align: 20px;margin-left: 0px;}
.logo-v .tag{font-size: 14px;color: #3b3b3b;margin: 0px;text-align: right;padding: 9px 16px 0 0;line-height: 18px;}

.navbar .collapse, .navbar .collapse *{-webkit-transition: all 0s ease;-o-transition:all 0s ease;transition: all 0s ease;}
.navbar .logo-v{display: block;}
.navbar-brand img{height: 46px;}
.navbar-light .navbar-nav .nav-item{margin-left: 30px;}
.navbar-light .navbar-nav .nav-item:first-child{margin-left:0;}
.navbar-light .navbar-nav .nav-link{font-size: 16px;color: #333;padding: 10px 0;letter-spacing: 0.5px;}
.navbar-light .navbar-nav .nav-link span{display: inline-block;border-bottom: solid 1px transparent;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #001f5f;}
.navbar-light .navbar-nav .nav-link:focus span, .navbar-light .navbar-nav .nav-link:hover span{border-bottom: solid 1px #d80f79;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #001f5f;font-weight: 700;}
.navbar-light .navbar-nav .active>.nav-link span, .navbar-light .navbar-nav .nav-link.active span, .navbar-light .navbar-nav .nav-link.show span, .navbar-light .navbar-nav .show>.nav-link span{border-bottom: solid 1px #d80f79;}

.pad-wrap{padding:60px 0;}
.white{background:#fff;}
.gray{background:#f9f9f9;}
.min{min-height:85vh;}

.main-title{text-align:center;max-width:1000px;margin: 0 auto 50px;}
.main-title .logo-v{height: 38px;}
.main-title.small{max-width:750px;}
.main-title.full{max-width:100%;}
.main-title h1{font-size:40px;color:#333;font-weight:700;margin:0;padding:0;}
.main-title p{font-size:16px;line-height:24px;color:#333;font-weight:400;margin:0;margin-top:30px;}

.mission-wrap{position: relative;margin-top: -75px;}
.mission-wrap .mission-txt{padding: 50px;background: #f9f9f9;text-align: center;}
.mission-txt h3{font-size: 22px;color:#333;margin: 0;}
.mission-txt h3 span{color:#d80f79;font-weight: 700;}

.main-banner{background: url(https://i0.wp.com/captemo.com/images/banner.jpg?v=3.5) center no-repeat;background-size: cover;text-align: center;}
.main-banner .inner{width: 100%;}
.main-banner .banner-caption{min-height: calc(100vh - 80px);}
.banner-caption .banner-title{font-size: 55px;color: #fff;margin: 0 0 50px;font-weight: 700;position: relative;height: 160px;overflow: hidden;}
.banner-caption .banner-title > span{position: absolute;text-align: center;margin: auto;top: 100%;left: 0;bottom: 0;right: 0;transition: all .75s ease;}
.banner-caption .banner-title span.pink{color:#d80f79;}
.banner-caption .com-btn{text-transform: none;}
.banner-caption .com-btn .fa{margin: 0 0 0 5px;font-size: 12px;color:#d80f79;}

.about-wrap{padding-bottom: 0;}
.about-wrap .about-block{margin: 50px 0 0;}
.about-block.right .row [class*='col-']:first-child{-ms-flex-order: 2;order: 2;}
.about-block .about-img{text-align: center;}
.about-block .about-img img{display: inline-block;max-width: 100%;}
.about-block .about-text{}
.about-text h3{font-size: 20px;font-weight: 700;line-height: 30px;margin: 0 0 30px;}
.about-text ul{margin: 0;padding: 0;}
.about-text ul li{padding: 0 0 0 25px;position: relative;margin: 0 0 20px;font-size: 16px;line-height: 24px;}
.about-text ul li:after{content: '•';position: absolute;left: 0;top: 0;color: #d70f79;font-size: 22px;line-height: 22px;}

.indus-wrap{}
.indus-wrap .main-title{margin-bottom: 10px;}
.indus-wrap .row > div:nth-child(4){clear: both;}
.indus-wrap .indus-block{margin:40px 0 0;text-align:center;}
.indus-block .indus-img{margin:0 0 20px;text-align: center;}
.indus-block .indus-img img{display: inline-block;}
.indus-block .indus-name{font-size:18px;font-weight:700;margin:0 0 15px;position:relative;line-height:22px;text-transform: uppercase;}
.indus-block p{margin:0;font-size:14px;line-height:20px;text-align:center;font-weight: 400;padding:0 20px;}

.work-wrap{overflow-x: hidden;}
.work-wrap .work-sec{padding: 20px 0 0;}
.work-wrap .work-img{text-align: center;}
.work-wrap .work-img img {display: inline-block;width: 100%;}
.work-wrap .work-txt{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.work-wrap .work-txt.right{text-align: right;}
.work-wrap .work-txt.left{text-align: left;}
.work-wrap .work-txt p{margin:0;font-size:16px;line-height:24px;font-weight: 400;}
.work-txt .work-block{position: relative;padding-top: 30px;min-height: 150px;width: 100%;}
.work-txt .work-block:last-child{margin-top: 30px;}
@media(min-width:768px){
    .work-wrap .work-txt.left .work-block:last-child{-ms-flex-order: 1;order: 1;margin-top: 0;}
    .work-wrap .work-txt.left .work-block:first-child{-ms-flex-order: 2;order: 2;margin-top: 30px;}
}
.work-block .sep{width: 120px;position: absolute;top:0;height: 21px;}
.work-block .sep:after{content: '';width: 100%;height: 1px;background: #002060;top: 10px;position: absolute;left: 0;}
.work-txt.left .work-block .sep{left: 0;}
.work-txt.right .work-block .sep{right: 0;}
.work-block .sep span{width: 21px;line-height: 21px;height: 21px;background: #002060;color:#fff;font-size: 12px;font-weight: 700;text-align: center;display: inline-block;border-radius: 50%;vertical-align: 3px;position: relative;z-index: 1;}
.work-txt.left .work-block{padding-left: 65px;}
.work-txt.right .work-block{padding-right: 65px;}

.work-step{padding: 50px 0 20px;overflow-x: hidden;}
.work-step .work-block{position: relative;text-align: center;margin: 0 0 30px;}
.work-block .work-img{margin: 0 0 20px;position: relative;}
.work-block .work-img:after{content: '•••';position: absolute;left: -26px;top: 50%;font-size: 14px;color: #bbbbbb;letter-spacing: 3px;height: 6px;line-height: 6px;margin-top: -3px;}
.work-block:first-child .work-img:after{display: none;}
.work-block .work-img img{display: inline-block;}
.work-block .work-name{font-size:16px;line-height:20px;font-weight: 700;margin: 0;text-transform: uppercase;}

.who-wrap{position: relative;}
.who-wrap [class*='col-']{position: inherit;}
.who-wrap .main-title{margin-bottom: 30px;}
.who-wrap ul{margin: 0;padding: 0;}
.who-wrap ul li{padding: 0 0 0 25px;position: relative;margin: 0 0 20px;font-size: 16px;line-height: 24px;}
.who-wrap ul li:after{content: '•';position: absolute;left: 0;top: 0;color: #d70f79;font-size: 22px;line-height: 22px;}
.who-wrap ul li span{font-weight: 700;color: #002060;}
.who-wrap .who-img{width: 100%;margin: 0 0 40px;}
@media(min-width:992px){
    .who-wrap .who-img{position: absolute;right: 0;top:0;bottom: 0;width: 35%;margin: 0;}
}
.who-wrap .who-img img{height: 100%;width: 100%;object-fit: cover;}

.case-wrap{}
.main-title img{height: 40px;}
.case-block{text-align: center;max-width: 900px;margin: 0 auto;}
.case-block .case-img{margin: 0 auto 30px;text-align: center;max-width: 600px;}
.case-block .case-img img{display: inline-block;max-width: 100%;}
.case-block h3{font-size: 20px;font-weight: 700;line-height: 30px;margin: 0 0 30px;}
.case-block p{font-size: 16px;line-height: 24px;}
.case-wrap .owl-carousel .owl-nav .owl-prev, .case-wrap .owl-carousel .owl-nav .owl-next{position: absolute;top: 50%;width: 12px;height: 21px;margin-top: -10px;font-size: 0;}
.case-wrap .owl-carousel .owl-nav .owl-prev{left: 0px;background: url(../images/left-arow.png) center no-repeat;}
.case-wrap .owl-carousel .owl-nav .owl-next{right: 0;background: url(../images/right-arow.png) center no-repeat;}
.case-wrap .owl-carousel{padding: 0 20px;}

.cont-wrap{position: relative;}
.cont-wrap .cont-img{position: absolute;left: 0;bottom:0;top:0;width: 50%;}
.cont-wrap .cont-img img{height: 100%;width: 100%;object-fit: cover;}
.cont-wrap .cont-add{margin-right:0;background: rgba(255,255,255,0.8);padding: 20px;text-align: center;width: calc(100% - 40px);max-width:500px;
                     position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.cont-add .cont-logo{margin: 0 0 20px;}
.cont-add .cont-logo img{height: 46px;}
.cont-add .cont-logo .logo-v{height: 38px;}
.cont-add p{margin: 0 0 15px;font-size: 14px;line-height: 24px;}
.cont-add p b{font-size: 16px;}
.cont-add p span{display: inline-block;}
.cont-add p .sep{margin: 0 5px;color: #d80f79;display: inline-block;}
.cont-add p .fa{margin: 0 5px 0 0;}
.cont-add ul{margin: 0;padding: 0;list-style: none;text-align: center;}
.cont-add ul li{display: inline-block;margin: 0 5px;}
.cont-add ul li a{color:#333;font-size: 18px;display: block;}
/* .cont-wrap .cont-add{margin-right: 40px;background: rgba(255,255,255,0.8);padding: 20px;text-align: center;}
.cont-add .cont-logo{margin: 0 0 20px;}
.cont-add .cont-logo img{height: 46px;}
.cont-add .cont-logo .logo-v{height: 38px;}
.cont-add p{margin: 0 0 15px;font-size: 14px;line-height: 24px;}
.cont-add p b{font-size: 16px;}
.cont-add p .sep{margin: 0 5px;color: #d80f79;display: inline-block;}
.cont-add p .fa{margin: 0 5px 0 0;}
.cont-add ul{margin: 0;padding: 0;list-style: none;text-align: center;}
.cont-add ul li{display: inline-block;margin: 0 5px;}
.cont-add ul li a{color:#333;font-size: 18px;display: block;} */
.cont-wrap .cont-frm{padding: 0 60px;text-align: center;}
.cont-frm .main-title{margin-bottom: 40px;}
.cont-frm .main-title p{margin-top: 15px;}
.cont-frm .form-group{margin-bottom: 20px;}
.cont-frm .form-control{padding: 12px 20px;font-size: 14px;height: auto;border: solid 1px #d4d4d4;line-height: 20px;border-radius: 3px;box-shadow: none;}
.cont-frm textarea.form-control{height: 140px;resize: none;}
.cont-frm .btn-pink{font-size:16px;color:#fff;background:#d80f79;border:solid 1px #d80f79;padding:15px 30px;font-weight:400;line-height:14px;display:block;border-radius:3px;text-transform:uppercase;text-align:center;width: 100%;}
.cont-frm .btn-pink:hover{background:#b30762;color:#fff;border-color:#b30762;}

footer{background: #333;}
footer *{color: #6b6b6b;font-size: 13px;}
footer .container-fluid{padding: 25px 100px;}
footer .footer-copy{margin: 0;text-align: left;}
footer .footer-link-item{text-align: right;}
footer .footer-link-item ul{list-style: none; }
footer .footer-link-item li:first-child{border-left: none;}
footer .footer-link-item li{border-left: solid 1px #6b6b6b;padding: 0 0 0 15px;margin: 0 0 0 15px;display: inline-block;}
footer .footer-link-item li a:hover{color: #ddd;}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    footer *{font-size: 11px;}
    footer .container-fluid{padding: 15px 50px;}
    footer .footer-copy,footer .footer-link-item{text-align: center;}
    footer .footer-link-item li:first-child{margin: 0;padding: 0;}
    footer .footer-copy{margin-bottom: 10px;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    footer .container-fluid{padding: 15px 50px;}
    footer .footer-copy,footer .footer-link-item{text-align: center;}
    footer .footer-link-item li:first-child{margin: 0;padding: 0;}
    footer .footer-copy{margin-bottom: 10px;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    footer .container-fluid{padding: 25px 50px;}
}


@media (max-width: 1200px) {
    .banner-caption .banner-title{font-size: 55px;height: 135px;}
}
@media (max-width: 991px) {
    .navbar{padding-left: 50px;padding-right: 50px;}
    .navbar-light .navbar-nav .nav-item{margin-left: 0;}
    .navbar-light .navbar-nav .nav-link{text-align: center;padding: 7px 0;}
    .banner-caption .banner-title{font-size: 40px;height: 100px;}
    .main-title .logo-v h3, .cont-logo .logo-v h3{font-size: 40px;}
    .main-title img{height: 36px;}
    .main-title h1{font-size: 34px;}
    .about-text h3{font-size: 18px;line-height: 26px;margin: 0 0 20px;}
    .about-text ul li{padding: 0 0 0 20px;margin: 0 0 15px;}
    .indus-block p{padding: 0;}
    .work-txt.left .work-block{padding-left: 0;}
    .work-txt.right .work-block{padding-right: 0;}
    .work-txt.left .work-block .sep{left: -20px;}
    .work-txt.right .work-block .sep{right: -20px;}
    .cont-wrap .cont-add{margin-right: 0;}
    .cont-wrap .cont-frm{padding: 0;}
    .who-wrap{padding-top: 0;}
}
@media (max-width: 767px) {
    .com-btn{font-size:14px;padding:12px 20px;letter-spacing:0px;}
    .pad-wrap{padding: 40px 0;}
    .banner-caption .banner-title{font-size: 30px;height: 145px;margin: 0 0 10px;}
    .mission-wrap .mission-txt{padding: 20px;}
    .mission-txt h3{font-size: 18px;}
    .main-title{margin-bottom: 30px;}
    .main-title h1{font-size: 24px;}
    .main-title p{margin: 20px 0 0;font-size: 14px;}
    .navbar-brand .logo-v h3 {font-size: 40px;}
    .navbar-brand .logo-v h3 .tm {font-size: 8px;margin-left: -11px;}
    .navbar-brand .logo-v .tag {font-size: 12px;}
    .main-title img{height: 30px;}
    .main-title .logo-v h3, .cont-logo .logo-v h3{font-size: 30px;}
    .main-title .logo-v h3 .tm, .cont-logo .logo-v h3 .tm {font-size: 8px;vertical-align: 15px;}
    .about-block.right .row [class*='col-']:first-child{-ms-flex-order: 1;order: 1;}
    .about-block.right .row [class*='col-']:last-child{-ms-flex-order: 2;order: 2;}
    .about-block .about-img{margin-bottom: 30px;}
    .about-wrap .about-block{margin-top: 30px;}
    .work-sec .row [class*='col-']:nth-child(2){-ms-flex-order: 1;order: 1;}
    .work-sec .row [class*='col-']:nth-child(1){-ms-flex-order: 2;order: 2;}
    .work-sec .row [class*='col-']:nth-child(3){-ms-flex-order: 3;order: 3;}
    .work-wrap .work-txt.right{text-align:left;}
    .work-txt .work-block{min-height: inherit;margin-top: 30px;}
    .work-txt.right .work-block, .work-txt.left .work-block{padding-left: 40px;padding-top: 20px;}
    .work-txt.right .work-block .sep{left: 0;right: inherit;}
    .work-txt.left .work-block .sep{left: 0;}
    .work-block .work-img img{max-height: 80px;}
    .who-wrap{padding-top: 0;}
    .case-block h3{font-size: 18px;margin: 0 0 20px;}
    .cont-add .cont-logo .logo-v {height: 30px;}
    .cont-wrap{padding-top: 0;}
    .cont-wrap .cont-add{margin-bottom: 60px;}
    .cont-wrap .cont-img{width: 100%;bottom: inherit;position: inherit;margin: 0 0 30px;}
    .cont-frm .btn-pink {font-size: 14px;padding: 12px 30px;}

    /*    footer .copy{text-align: center;margin: 0 0 10px;float: none;}
        footer .foot-link{text-align: center;margin: 0;float: none;-ms-flex-pack: center;justify-content: center;}*/
}
@media (max-width: 600px) {
    .navbar{padding-left: 15px;padding-right: 15px;}
}
@media (max-width: 575px){
    .cont-wrap .cont-img{height: 480px;}
}
@media (max-width: 440px){
    .cont-add p .sep{display: none;}
}
@media (max-width: 350px){
    .work-txt.right .work-block, .work-txt.left .work-block{padding-left: 30px;}
}

.content-wrap{}
.content-wrap .content{}
.content h3{font-size: 20px;font-weight: 700;line-height: 30px;margin: 0 0 20px;}
.content p{font-size: 16px;line-height: 24px;margin: 0 0 30px;}
.content p:last-child{margin: 0;}


/*// custome dev css*/
.content dl li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 0px 0 0px 25px;
    text-indent: -25px;
}

.content a{color: #D50076 !important;opacity: .8;}
.content a:hover{color: #D50076 !important;opacity: 1;}

/*main banner text animation*/
.appear{top: 0% !important;}


.msg-box-holder {
    position: relative;
    zoom: 1;
}

.msg-box {
    position: absolute;
    top: -38px;
    padding: .25rem 1.25rem;
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
}

.alert-dismissible .close {
    padding: .25rem 1.25rem;
    font-size: 1.30rem;
}

.mandatory-holder {
    position: relative;
}

.mandatory-box {
    position: absolute;
    right: 0;
    bottom: -20px;
    margin-right: 10px;
}

#mfesecure-ts-image {
    display: none;
}


/*login btn*/
.navbar-light .navbar-nav .nav-item.client-login .nav-link {background: #efefef;padding: 10px 0px 10px 0px;transition: all 0.5s ease;border-radius: 5px;}
/*            .navbar-light .navbar-nav .nav-item.client-login:hover .nav-link {background: #1e285d;color: white;}*/
.navbar-light .navbar-nav .nav-item.client-login:hover .nav-link span {border-bottom: none;}

.navbar-light .navbar-nav .nav-item.client-login .nav-link {background: #fff;}
.navbar-light .navbar-nav .nav-item.client-login:hover .nav-link i{color: #da1375}
.navbar-light .navbar-nav .nav-item.client-login:hover .nav-link {background: #fff !important; color: #001f5f;}

@media (min-width: 991px){
    /*.navbar-light .navbar-nav .nav-item {margin-left: 20px;}*/
}

@media (max-width: 1150px){
    .navbar-light .navbar-nav .nav-item{margin-left: 15px; font-style: 14px;}
}
@media (min-width: 990px) and (max-width: 1020px) {
    #navbarSupportedContent > ul > li:nth-child(6){display: none;}
}
/*login btn*/