@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
body { font-family: 'Open Sans', sans-serif; }
.mar-t-20{ margin-top:20px;}
.mar-b-null { margin-bottom: 0 !important; }
.pad-b-null { padding-bottom: 0 !important; }
.relatvie { position: relative !important; }
.section { min-height: 360px; position: relative; width: 100% !important; margin: 0; padding: 0; overflow: hidden; }
.article { position: relative; z-index: 4; }
.navbar-inverse { background:#fff; border-top: 8px solid #1e9ada; }
.navbar-inverse .navbar-brand { padding: 5px 0 0 15px; }
#video-waper { position: relative; width: 100% !important; margin: 0; padding: 0; overflow: hidden; }
.feature-video-wrapper video { width: 100%; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
.feature { height: 200px; width: 100%; }
.feature-video-wrapper { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; }
.feature-video-wrapper .feature-video-overlay { /*background-image: url(../images/grid.png);*/ background-repeat: repeat; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
.intro { position: absolute; z-index: 99; color: #FFF; font-family: 'Slabo 27px', serif; margin-left: auto; margin-right: auto; right: 0; left: 0; top: 10%; }
.intro .logo a { display: inline-block; }
.intro h1 { margin: 0; padding: 0; font-size: 24px; }
.section-title { text-align: center; font-family: 'Slabo 27px', serif; font-size: 24px; margin: 0 0 30px 0; }
.section-title span { color: #045294 }
.about-wapper, .services-wapper, .clients-wapper { padding: 15px 0; }
.about-wapper .about-cap { margin-top: 10px; }
.services-wapper { background: #f2f2f2; }
.clients-wapper img { filter: grayscale(100%); }
.clients-wapper img:hover { filter: grayscale(0%); }
footer .top-footer { background: url(../images/bg.jpg) repeat; padding: 30px 0; color:#ccc; }
footer .top-footer .title { font-size: 14px; line-height: 1.3; margin: 0 0 12px; overflow: hidden; position: relative; text-transform: uppercase; color: #6abce4; font-weight: 600; }
footer .top-footer ul li a{ color:#ccc;}
footer .top-footer.footer-contact i{ margin-right:5px; color:#6abce4;}
footer .top-footer .social li a:hover{color: #6abce4;}
footer .bott-footer{ padding:15px 0; background:#0b0f1c; color:#ccc; font-size:12px;}
.scrollpoint { opacity: 0; }
.scrollpoint.active { opacity: 1; }
@media (min-width:768px) {
.navbar-brand { padding: 0; }
.navbar-inverse .navbar-nav > li > a { text-transform: uppercase; }
.intro { top: 30%; }
.intro h1 { font-size: 56px; }
.intro p { font-size: 18px; letter-spacing: 0.2em; }
.feature { height: 660px; width: 100%; }
.section-title { font-size: 42px; }
.about-wapper, .services-wapper, .clients-wapper { padding: 30px 0; }
.about-wapper .about-cap { font-size: 18px; }
.about-wapper .cont-block-right { margin-top: 20px; padding: 30px; margin-left: -50px; }
.about-wapper .cont-block-right p { line-height: 1.5em; margin-top:17%; }
.about-wapper .block img { position: relative; width: 100%; }
.services-wapper .cont-block-right { padding: 30px 0; }
.services-wapper .cont-block-left { padding: 30px 0; }
footer .bott-footer .design{ text-align:right;}
.header-banner .header-img h2{color:#fff; text-transform:uppercase; font-size: 45px; font-weight: 600;}
.about-bg p{color:#FFF; font-size:16px;}
}
@media (max-width:767px) {
.intro .logo a img { width: 150px; }
.intro p { padding: 0 15px; }
.intro p br { display: none; }
.navbar-inverse .navbar-brand img { width: 150px; }
.services-wapper h3 { text-align: center; }
.block img { position: relative; width: 100%; }
footer .bott-footer .copy, footer .bott-footer .design{ text-align:center;}
.header-banner .header-img h2{position:absolute; top:32%; color:#fff;}
.header-banner .header-img img{width:65px; }
.about-bg p{color:#FFF; font-size:10px; !important;}

}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #000;}
.navbar-inverse .navbar-toggle:hover ,.navbar-inverse .navbar-toggle:focus{background-color:#fff;}
.header-banner .header-img{text-align:center;padding-top: 7%;}
.header-banner .header-img img{ margin-right:9px; }
.nav-pills>li {float: none; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: none;}
.nav-tabs{border-bottom:none;}
.nav-tabs > li {border-bottom:1px solid #ccc;}
.nav-tabs a {color:#F66 !important;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #F66; background:none; outline:none
;}
.nav-pills > li > a {border-bottom: 1px solid #ccc;}
.tab-content{border-left:1px solid #ccc; padding-left:25px;}
.tab-content h3{ font-size:40px; font-weight:600; text-transform:capitalize; padding-bottom:6px; display:inline-block; border-bottom:2px solid #C96; margin-top:0; color:#F61;}
.data-analytics-bg{padding:30px;}
.header-banner .banner-whitebg {background: rgba(0, 0, 0, 0) url("../images/bg-white.png") no-repeat scroll center center;bottom: 0; height: 20px; max-width: 100%;position: absolute;text-align: center;width: 100%; z-index: 999;}
.header-banner {background: rgba(0, 0, 0, 0) url("../images/data-analytics-banner.png") no-repeat scroll 0 0; height: 250px;position: relative;}
.contact-graphic{background:#3398cc;color: #fff; text-align: center;}
.contact-graphic h3{ font-size: 25px;line-height: 33px;margin-bottom: 21px;}
.contact-graphic .btn {padding: 11px 28px; font-size: 19px; margin-bottom:20px; }
.contact-address h4{color:#F96;}
.contact-map{padding-top:10px;}
.request-bg h4,request-bg h4{color:#F60; margin-bottom:20px;}
.request-form button,.request-bg button{margin-bottom:10px;}
.data-analytics-bg img{margin-top:-12px;}
.data-analytics-bg h3{font-size:32px; color:#933; }
.data-analytics-bg p{font-size:17px;}
.strategic-bg{background-color:#F63; padding:20px; color:#fff;}
.graphic-product{background:#D6EAF8; padding:1px 0 12px 0; margin:10px 0;}
.graphic-product h3{font-size:30px;}
.top-wrapper{background:#fff !important;padding: 20px 0 0px 0;}
.top-wrapper h3{padding-bottom:20px;}
.navbar-inverse .navbar-nav>li>a {color: #000;}
.block-pos{position:relative;}
.block-pos .block-img{position:absolute; top:20%; left:1%;}
.about-wapper{background:#bddaff;}
.clients-bg{ padding: 27px 0 42px 0; background:#e2e2e2;}
.about-bg{background: rgba(0, 0, 0, 0) url("../images/about-bg.jpg") no-repeat scroll center center;}
.service-bg{background: rgba(0, 0, 0, 0.4) url("../images/service-bg.jpg") no-repeat scroll center center; color:#fff;}
section .top-footer-img-banner img{padding-bottom:40px;}