@font-face{font-family:'NeutraTextBookAlt';src:url(fonts/NeutraTextBookAlt.eot);src:url(fonts/NeutraTextBookAlt.eot?#iefix) format("embedded-opentype"),url(fonts/NeutraTextBookAlt.woff) format("woff"),url(fonts/NeutraTextBookAlt.ttf) format("truetype"),url(fonts/NeutraTextBookAlt.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'NeutraText-BoldAlt';src:url(fonts/NeutraText-BoldAlt.eot);src:url(fonts/NeutraText-BoldAlt.eot?#iefix) format("embedded-opentype"),url(fonts/NeutraText-BoldAlt.woff) format("woff"),url(fonts/NeutraText-BoldAlt.ttf) format("truetype"),url(fonts/NeutraText-BoldAlt.svg) format("svg");font-weight:400;font-style:normal}
body{margin:0;padding:0;font-family:'Roboto',sans-serif;font-family:NeutraTextBookAlt;font-size:100%;color:#666;background:#FFF}
a img{border:0;outline:none}
a{text-decoration:none;color:#4c0110;outline:none}
a:hover{text-decoration:underline;outline:none;color:#fcb63f}
input,textarea{outline:none}
.commonBlue{color:#4c0110}
h1,h2,h3,h4{font-family:'NeutraText-BoldAlt';color:#000;font-weight:900;padding:0 0 15px;margin-bottom:0}
h2{font-size:30px;padding:0 0 25px;margin:0}
h3{font-size:24px;padding:0 0 10px}
h4{font-size:18px;font-weight:600}
p{color:#666;font-size:18px;line-height:22px;margin-bottom:15px}
ul,ol{color:#666}
.mt10{margin-top:10px}
.mb20{margin-bottom:20px}
.imgLeft{ float:left; margin:0 15px 10px 0; }
.imgRight{ float:right; margin:0 0 10px 15px; }
.navbar .nav-link{margin-left: 6px;color:#FFF;font-size:16px;background: #F79B00; padding: 5px 12px !important; border-radius: 20px;}
.nav-link:hover,.nav-link:focus{background-color:#67294b;text-decoration:none}
.navbar-toggler{color:#FFF;border:1px solid #FFF}
.noStylelist{list-style:none}
.high100{height:100px}
section h2{text-align:center;font-size:40px;color:#4c0110}
.banner{
    position: relative;
    
    width: 100%;
    overflow: hidden;
    
    background:url(../images/banner.jpg) no-repeat center center;background-attachment:fixed;background-size:cover;padding:10px 0 50px;text-align:center;color:#FFF}
   
   .video-banner{
    height: 60vh;
    min-height: 25rem;
   }
   
   
    header .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: black;
        opacity: 0.25;
        z-index: 1;
      }
    header video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
      }

    .innerBanner{background:url(../images/innerBanner.jpg) no-repeat center top #000}
.banner h1{font-size:30px;line-height:36px}
.banner p{font-size:14px;line-height:18px}
.btn{background:#F79B00;text-align:center;border:0;text-transform:uppercase;padding:10px 20px;border-radius:20px;font-family:'NeutraText-BoldAlt'}
.yellowColor{color:#F79B00}
.meroonColor{color:#67294b}
.btnMrn{background:#67294b}
.btn:hover{background:#000;border:0}
.btnMrn:hover{background:#000;border:0}
.featureSec h3{color:#67294b;font-size:30px;padding:0 0 25px;margin:0}
.featureSec p,.featureSec ul{font-size:22px;line-height:28px}
.featureSec p{padding:0 0 15px;margin:0}
.btnStrk{background:none;border:2px solid #FFF;padding:9px 19px}
#featureWrp{background:url(../images/banner.jpg) no-repeat center top;padding:10px 0}
.capFeatBox{padding:20px 0;border-bottom:1px solid red}
.capFeatBoxLeft{float:left;width:20%;margin-right:20px}
.capFeatBoxRight{float:left;width:75%}
#WhyMedallion{background:url(../images/WhyMedallion.jpg) no-repeat center center;background-attachment:fixed;background-size:cover}
#WhyMedallion h2{color:#F79B00}
#WhyMedallion p{color:#FFF}
#WhyMedallion .deployBox p{color:#666}
.mediaumText{font-size:24px;margin-bottom:30px}
img{max-width:100%}
.navbar{z-index: 2;margin-bottom:50px;background:none!important}
.navbar-brand{color:#202020;font-size:30px;line-height:30px;font-weight:900}
.mb30{margin-bottom:30px}
.secSpacing{padding:60px 0}
.bannerArea{margin-top:82px;padding:80px 0 130px}
.intro-text{z-index: 2; position: relative; text-align:center;padding:0 10% 50px}
.intro-text h1{font-size:42px;color:#FFF;line-height:45px;text-align:center;padding:10px 30px 0;margin:0 auto 30px;position:relative}
.intro-text h1 span{color:#4c0110}
.intro-text p{font-size:20px;line-height:24px;color:#FFF}
.intro-text .btn{margin-top:20px!important}
.innerTitle{padding:0}
.innerTitle h1{margin:0}
#whyCaptivo{background:#FFF}
.whyCapBox{border-bottom:1px solid #e8eef4;min-height:230px}
.whyCapBox h3{font-size:30px;color:#000}
.whyCapBox p{font-size:22px}
.deployBox{background:#FFF;text-align:center;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;padding:25px;min-height:310px}
.deployBox img{margin-top:-77px}
.deployBox h4{font-size:27px;color:#F79B00;font-weight:700!important}
#drivingForce{background:#000 url(../images/black-bg.jpg) no-repeat center top}
#drivingForce .btn{margin:0 10px}
#drivingForce h2{color:#FFF}
#blueBottomCTA{background:#FFF;text-align:center}
#blueBottomCTA h3{color:#67294b;font-size:45px;margin-bottom:30px}
#blueBottomCTA .btn{background:#67294b}
#blueBottomCTA .btn:hover{background:#F79B00}
#footer{background:#232323;padding-top:40px;color:#FFF;
    
}
#footer h5{font-size:25px;font-weight:400;color:#FFF;font-family:'NeutraText-BoldAlt'}
#footer ul{list-style:none;padding:0 20px 0 0;float:left}
#footer ul a{color:#FFF}
#footer ul a:hover{color:#fcb63f}
.socialIcons{padding-top:10px}
.socialIcons img{padding:0 10px 0 0}
.cpRight{background:#000}
.cpRight p{font-size:18px;padding:10px 0;margin:0;color:#a0a0a0}
#mask{position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;opacity:.7!important}
#boxes .window{position:fixed;left:0;right:0;margin:0 auto;max-width:600px;display:none;z-index:9999;padding:20px;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000}
#boxes #dialog{width:375px;height:203px;padding:10px;background-color:#fff}
#boxes h3{font-size:36px;font-family:'NeutraTextBookAlt';text-transform:uppercase;font-weight:400;color:#000;text-align:center}
#boxes p{font-size:25px;line-height:28px;color:#797979;text-align:center;z-index:9999}
#boxes .close{position:absolute;right:-17px;top:-17px;opacity:1!important}
#boxes .window{max-width:600px;background:#FFF;border:5px solid #000;padding:30px}
#boxes .window .popForm{position:relative}
#boxes .window .popForm input,#boxes .window .popForm .subm{border:0;border-radius:50px;height:50px;width:100%;font-size:15px;padding:10px 25px;color:#434343;background:#e2e2e2;margin-bottom:17px}
#boxes .window .popForm input.subm{text-align:center;background:#4c0110;color:#FFF;cursor:pointer;margin-bottom:0}
#boxes .window .popForm input.subm:hover{background:#000}
#boxes .window .d-blank{float:left;background:url(images/login-blank.png) no-repeat 0 0 transparent;width:267px;height:53px}
#boxes .window .d-login{float:left;width:108px;height:53px}
.dataSets h2{margin-bottom:30px}
.dataSetBox{padding:30px;text-align:center;position:relative;-webkit-box-shadow:0 0 10px #e7e7e7;box-shadow:0 0 10px #e7e7e7;margin-bottom:30px}
.dataSetBox h4{font-size:24px;margin:20px 0;padding:0}
.dataSetBox p{font-size:20px;line-height:24px;color:#666}
.dataSetText{min-height:170px}
.dataSash{position:absolute;right:-6px;top:-6px;width:146px;height:158px}
.dataSetBox .btn{width:100%;font-size:14px;white-space:normal}
.zapierMenu{list-style:none;margin:0;padding:30px 0;text-align:center}
.zapierMenu li{display:inline-block;margin:0 5px 10px;text-align:center}
.zapierMenu li span{display:block;font-size:16px;color:#444;font-weight:700}
.zapierMenu li{transition:transform .2s}
.zapierMenu li:hover{transform:scale(1.1)}
.zapierMenu li a:hover{text-decoration:none}
.integrationType{display:flex;text-align:center;align-items:baseline;justify-content:center;padding:25px 0}
.integrationType p{display:inline;color:#757d88;font-size:20px;padding-right:20px;font-family:'NeutraText-BoldAlt'}
.integrationType a{border:2px solid #00aee0;padding:6px 25px;border-radius:50px;text-align:center;color:#00aee0;font-size:20px;font-family:'NeutraText-BoldAlt'}
.integTitle{text-align:center;padding:30px 0}
.integTitle h3{font-size:30px}
.integTitle p{font-size:25px;color:#757d88;font-family:'NeutraText-BoldAlt'}

@media (max-width: 1000px) {
.navbar .nav-link{margin: 0 0 5px 0;}
}
@media (max-width: 768px) {
.imgLeft,.imgRight{ float:none; width: 100%; margin:0 0 10px 0; }
.video-banner { 
    height: auto;
}

.navbar-brand{margin:0 auto}
.navbar{margin-bottom:20px}

header .btn{margin:20px auto 0}
.banner{padding-bottom:20px}
.intro-text{padding-bottom:30px}
.intro-text h1{margin:0 auto 30px;font-size:40px;line-height:46px}
.secSpacing{padding:20px 0}
#drivingForce .btn{margin:10px auto}
#footer{text-align:center}
h2{font-size:36px}
h3{font-size:20px}
h4{font-size:16px}
.navbar-nav li a{font-size:18px}
.choiceWrap .col-sm-2 img,.instVisibilityWrap .col-md-6 img{width:120px}
.star-rating{width:135px;float:none;margin:0 auto}
.testimonial{font-size:18px;line-height:22px;padding:10px 0}
.intro-text{width:100%;padding:0 5% 50px}
#footer ul{padding:0 20px;float:none}
.socialIcons{margin:20px 0}
.deployBox{margin-bottom:75px}
.whyCapBox{text-align:center}
}
@media (max-width: 576px) {
section h2,#blueBottomCTA h3{font-size:36px}
#boxes .window{width:90%}
}
@media (max-width: 480px) {
#mainNav .navbar-brand{font-size:26px;width:100%;text-align:center}
.navbar-brand,.navbar-toggler,#mainNav .navbar-brand img{clear:both;float:none;display:block;margin:10px auto 10px;overflow:hidden}
.intro-text{margin:20px auto}
.intro-text h1{padding:10px 0;font-size:28px;line-height:34px}
}
.m-top-none{margin-top:0}
.m-top-xs{margin-top:5px}
.m-top-sm{margin-top:10px}
.m-top-md{margin-top:20px}
.m-top-lg{margin-top:40px}
.m-left-xs{margin-left:5px}
.m-left-sm{margin-left:10px}
.m-left-md{margin-left:20px}
.m-left-lg{margin-left:40px}
.m-right-xs{margin-right:5px}
.m-right-sm{margin-right:10px}
.m-right-md{margin-right:20px}
.m-right-lg{margin-right:40px}
.m-bottom-xs{margin-bottom:5px}
.m-bottom-sm{margin-bottom:10px}
.m-bottom-md{margin-bottom:20px}
.m-bottom-lg{margin-bottom:40px}
.m-bottom-none{margin-bottom:0}