@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700);
body{font-family: 'Open Sans', sans-serif; }
html,body{height:100%;}
a:hover,a:focus{text-decoration: none;}
h3{background: url(../images/line.png) no-repeat;background-position: bottom;font-size: 50px;font-weight: 400;margin: 0 0 45px 0;padding-bottom: 33px;text-align: center;color: #044a7b;}
h3 span{color: #848689;}
header {font-family: 'Montserrat', sans-serif;}
header .top-header{background: #044a7b;}
header .top-header ul li{font-size: 13px;color: #fff;}
header .top-header ul li a{color: #fff;}
header .top-header .top-contact ul li .fa{padding-right: 8px;}
header .top-header .top-social .fa-facebook:hover{color:#2B37E2; }
header .top-header .top-social .fa-twitter:hover{color:#27aae1;} 
header .top-header .top-social .fa-google-plus:hover{color:#cd1515;}
header .navbar-default{margin-bottom: 0;background: #fff;border: none; min-height: 105px;}
header .navbar-default .navbar-nav .dropdown-menu li a{background: #fff !important;color:#000;text-transform: uppercase;}
header .navbar-default .navbar-nav .dropdown-menu li:hover a{background: #438eaf !important;color:#fff;}
header .navbar-default .navbar-brand {padding: 5px 15px;}
header .navbar-default .navbar-nav>li>a {color: #000;font-size: 16px;text-transform: capitalize;letter-spacing: 1px;padding: 44px 21px 14px;}
header .navbar-default .navbar-nav li.active a{color:#fff;background: transparent;}
.carousel-inner img {width: 100%;  margin: auto;}
#about {background-image: url("../images/about01.png");height: 500px; background-attachment: fixed; background-repeat: no-repeat;background-size: cover;}
#about .about-bg{background:#fff;padding:50px 30px;min-height: 500px;}
#about p,#our-solutions p{font-size: 16px;line-height: 1.8;}
#about .btn{box-shadow: 0 4px #044a7b;border: 1px solid #044a7b;background-color: #ffffff;margin-top: 20px;    border-radius: 4px;padding: 13px 30px;    letter-spacing: 1px; outline: none;}
#our-solutions{background:#3986bb;color: #fff;padding: 45px 0;}
#our-solutions h3 span{color: #fff;}
#our-solutions h3{color:#fc8e3d;background: url(../images/line01.png) no-repeat;background-position: bottom;}
#our-solutions h4{font-size: 25px;    margin: 0;padding: 25px 0;}
#our-solutions h4 img{padding-right: 10px;}
#our-solutions a{color: #f8941e;font-weight: 600;}
#solutions {background-image: url("../images/solution.jpg");height: 630px; background-attachment: fixed;background-repeat: no-repeat;background-size: cover;}
#solutions .solutions-content .solutions-bg{background: #fff;}
.service-icon{text-align: center;}
.service-icon p.border-bg{transition: all 500ms ease 0s;border: 1px solid #ccc;border-radius: 50%;display: inline-block;padding: 28px;}
.solutions-content .col-md-4:hover    p.border-bg{background: #044a7b;}
.solutions-content h4{color:#044a7b;    margin: 0;padding: 25px 0; }
#solutions .btn{box-shadow: 0 4px #044a7b;border: 1px solid #044a7b;background-color: #ffffff;margin-top: 40px;    border-radius: 4px;padding: 13px 30px;    letter-spacing: 1px;outline: none;}
#solutions .btn:hover{background: #044a7b;color: #fff;}
header .top-header ul{margin-bottom: 0;}
header .top-header .top-contact{padding-top: 11px;}
header .top-header .top-social ul li a{display: inline-block;position: relative;line-height: 40px;width: 30px;margin-left: 5px;color: #ffffff;font-size: 16px;background-color: #5c90b4;text-align: center;}
header .top-header .top-social ul li a:before {position: absolute;content: '';display: block;top: 0;right: 100%;border-top: 20px solid transparent;border-left: 5px solid transparent;border-bottom: 20px solid #5c90b4;border-right: 5px solid #5c90b4;}
header .top-header .top-social ul li a:after{position: absolute;content: '';display: block;top: 0;left: 100%;    border-top: 20px solid #5c90b4;border-left: 5px solid #5c90b4;border-bottom: 20px solid transparent;border-right: 5px solid transparent;}
#skill{background: #3986bb; color:#fff; font-size: 20px;}
#skill h2{font-size: 19px;color: #fff;}
#skill .row{padding-top: 60px;}
#skill h3,#skill h3 span{color: #fff;}
#skill h3{color:#fc8e3d;background: url(../images/line01.png) no-repeat;background-position: bottom;}
footer .top-foter{background: #cecccc;padding: 45px 0;color:#000;}
footer .top-foter h4 {font-size: 26px;margin: 0;padding: 21px 0;font-weight: 300;text-transform: uppercase;}
footer .top-foter p{line-height: 1.6;}
footer .top-foter ul li{padding:0 2px 8px 3px;}
footer .top-foter ul li .fa{color:#fff;width: 30px;height: 30px;line-height: 31px;text-align: center;}
footer .top-foter ul li .fa-facebook{background: #2b4173;}
footer .top-foter ul li .fa-twitter{background: #0eb1f2;}
footer .top-foter ul li .fa-google{background: #c63e24;}
footer .top-foter ul li a{color: #000;}
footer .copy-rights{background: #242424;color:#fff;}
footer .copy-rights p{margin: 0;padding: 4px 0 3px;font-size: 12px;}
.carousel-control.left,.carousel-control.right{background-image: none;}
#cybean-crumbs{position: relative;}
#cybean-crumbs h2 {font-size: 60px;color: #fff;}
#cybean-crumbs .breadcrumb {display: inline-block;margin-top: 35px;background:rgba(255,255,255,0.4);}
#cybean-crumbs .breadcrumb>.active {color: #000;font-weight: 700;}
#cybean-crumbs .breadcrumb li a{color: #fff;}
.inner-content p{text-align: justify;}
.inner-content ul li{padding-bottom: 8px;}
.inner-content ul li .fa{padding-right: 14px;color:#006692;}
.inner-content img{padding-left: 40px;}
.inner-content .mobility-ser{color: #006692;}
.inner-content .mobility-ser h2{color:#044a7b;margin: 0px 0 29px;text-align: center;}
.inner-content .mobility-ser .table-bordered>thead>tr>th { border:none;}
.inner-content h4{color: #349fce;}
.inner-content .getintouch{padding: 25px 0 0;}
#contact{padding: 15px;}
#contact h2{margin: 0;padding: 25px;color: #3649d9;}
#contact p{padding-bottom: 15px;}
.contact-address{padding: 35px 0 !important;background:#252424; color: #fff;}
.contact-address h2,.contact-address h4,.contact-address .fa{color: #b7d1e2 !important;}
.contact-address ul li {padding-bottom: 16px;}
.inner-content .pad-top {padding: 40px 0 40px 0;}
.inner-content .title{padding-bottom: 40px;}
.inner-content .title p{text-align: center !important;}
.corevalues{    padding: 35px 0 !important; }
.inner-content h4.c-blue{color:#006df0;}
.inner-content h4.c-yelow{color:#f2c81f;}
.inner-content h4.c-rose{color:#f06e11;}
.inner-content h4.c-black{color:#000;}
.inner-content h4.c-green{color:#4bc732;}
.inner-content h4.c-blu{color:#3295c7;}
.our-sloutions img{padding-left: 0;}
.our-sloutions .btn{margin-top:8px;background: #044a78;border-color:#044a78;color: #fff;border-radius: 0;}
.our-sloutions h4{font-size: 29px;padding: 10px 0;}
.our-sloutions p{text-align: left;}
.our-sloutions .padd-top{margin-top: 45px;}
@media (min-width: 768px) {
	.carousel-caption {top:34%;right:5%;left:5%;}
	.carousel-caption h4{font-size: 60px;}
    #solutions .solutions-content .solutions-bg{padding: 44px 24px;}
    #skill .skill-icon{ -moz-transition: all 0.8s;-webkit-transition: all 0.8s;transition: all 0.8s;}
    #skill .skill-icon:hover {-moz-transform: scale(1.4);-webkit-transform: scale(1.4);transform: scale(1.4);}
    #cybean-crumbs .crumb-text{position: absolute;top:12%;left:7%;}
    .inner-content{padding: 80px 0;}
    .inner-content .mobility-ser .table-bordered>thead>tr>th,.inner-content .mobility-ser .table-bordered>tbody>tr>td { text-align: center;}
    .inner-content ul.cloudlist li .fa{color:#18c3de; position: absolute;left: 0; top: 5px; }
    .inner-content ul.cloudlist li{text-align:justify;font-size: 14px;position: relative;padding-left: 20px;padding-bottom: 10px;line-height: 25px;}
    .inner-content h2{color:#044a7b;padding: 15px 0;margin: 0;}
}
@media (max-width: 767px) {
    h3 {font-size: 38px;}
    header .navbar-default .navbar-brand img {width: 150px;}
    header .navbar-default {min-height: 90px;}
    .navbar-toggle {margin-top: 27px;}
    .carousel-caption h4{font-size: 16px;}
	header .navbar-default .navbar-nav > li > a {padding: 10px 15px;}
    .inner-content{padding: 15px;}
    #cybean-crumbs .crumb-text{position: absolute;top:-31px;left:0;right: 0;text-align: center;}
    #cybean-crumbs h2 {display: none;}
    #cybean-crumbs .breadcrumb {background: transparent;}
    #cybean-crumbs .pull-right{float: none !important;}
}
@media(min-width: 768px) and (max-width: 991px) {
    header .navbar-default .navbar-nav > li > a { padding: 59px 13px 19px;}
    .carousel-caption h4 {font-size: 30px;}
    #our-solutions h4 {font-size: 24px;}
    #cybean-crumbs .crumb-text{position: absolute;top:-12px;left:0;right: 0;text-align: center;}
    #cybean-crumbs h2 {display: none;}
    #cybean-crumbs .breadcrumb {background: transparent;}
    #cybean-crumbs .pull-right{float: none !important;}
}
@media (min-width: 992px) {
    #skill {padding: 45px;}
    footer .center-ftr{text-align: center;}
    footer .right-ftr{text-align: center;}
}
