@charset "utf-8";
/* CSS Document */
 html, body {height: 100%;}
.displaynone{ display:none;}
body{ font-family:verdana; color:#58585a; font-weight:normal; font-size:24px; -webkit-font-smoothing:antialiased; margin-top:103px;} 
.wrap{ overflow-x:hidden;}
.lime{color:#c3d500;}
.middle {display: table; height: 535px;}
.middle { display: table-cell; vertical-align: middle;}
.visibleforlg{ display:none;}
/*Top Navigation
--------------------------------------------------*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none;}
.navbar-default{ border:none;}
.navbar{ min-height:inherit; margin:0 0 17px 0;}
.navbar-nav{ margin:40px 0 0 0;}
.navbar-default .navbar-nav > li > a {
    border-bottom: 2px solid #fff;
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin: 0 32px;
    padding: 4px 10px 19px 30px;
    text-align: left;
}

.navbar-default .navbar-nav > li > a.linkedin{ border:0; padding:0; line-height:normal; margin:0; }

.navbar-default .navbar-nav > li img.social {
    margin: 0 0 0 60px;
}

.navbar-default h1{ padding:17px 0 0 0; margin:0; line-height:normal; }
.navbar-brand{ padding:0; margin:0; height:inherit; max-width:120px;}
.navbar-brand img{ width:100%;}
.nav > li > a{ padding-left:17px; padding-right:17px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#3ab0c8}
.nav.navbar-nav.navbar-right img {max-width: 100px;}
.nav.navbar-nav.navbar-right{ margin:10px 20px 0;}

/*Top Carousel
--------------------------------------------------*/
.carousel .item {background-color: #fff; height: 535px; -webkit-box-shadow: 0 9px 9px rgba(34,30,31,.3); -moz-box-shadow: 0 9px 9px rgba(34,30,31,.3); box-shadow: 0 9px 9px rgba(34,30,31,.3);}
.carousel .item:first-child { background: none repeat scroll 0 0 #3ab0c8;}
.carousel-caption{position:inherit; text-align:left; text-shadow:none; padding-bottom:0; bottom:0; padding-top:0; }
.carousel-caption h2{ font-size:200%; color:#fff; line-height:95px; font-weight:normal; font-family: 'DaxOTRegular';  margin-right:-28px; margin-top:0;}
.carousel-caption h2 span.lime{color:#c3d500; font-family: 'DaxOTMedium'; font-size:56px;}
.carousel-caption h2 span.yellow{color:#fadc3b; font-family: 'DaxOTMedium'; font-size:56px;}
.carousel-caption h2 span.blue{color:#093c71; font-family: 'DaxOTMedium'; font-size:56px;}
.carousel-caption h2 strong{font-family: 'DaxOTMedium'; font-size:60px; font-weight:normal; display:inline;}
.animcon{padding:30px 0 0 0; text-align:center;}
.item:nth-child(2) {background: none repeat scroll 0 0 #6cc049;}
.item:nth-child(3) {background: none repeat scroll 0 0 #f5821f;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{ left:10%;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{ right:10%;}
.bottom-to-top {background-image:url(../images/arrow.png);position: fixed; right: 8px; top: 50%; z-index:999; display:block;
width:40px; height:42px; display:none;}
.carousel-control.right, .carousel-control.left{ background-image:none;}
.sec4ManImg div.btn.btn-danger{ display:none;}
/*.sec4ManImg img{opacity:.5;}*/
.sec4ManImg:hover img{ opacity:1;}

.large{ display:block;}
.smallview{ display:none;}

/*Connect modal*/
.modal-content{ box-shadow:none; border-radius:0; border:0; font-family:verdana; color:#58585a;}
.connect h4, .paula h4, .tom h4, #success_msg h4{ font-size:36px; font-family: 'DaxOTRegular'; font-weight:normal;}
.connect h4 span, .paula h4 span, .tom h4 span{ font-size:48px; font-family: 'DaxOTMedium';}
.close{ opacity:1;}
.connect .modal-header{ padding:18px 15px 14px 32px; border:0;}
.connect .modal-content form{ margin:0 82px}
.connect .modal-content .form-control{background-color: #fff; border: solid 1px #58585a; border-radius:0; margin-bottom:30px; font-size:20px; padding:12px; height:inherit;}
.connect .modal-content h2{ font-size:30px; text-align:center; margin-bottom:25px;}
.connect .modal-content textarea{ min-height:205px;}
.connect .modal-content .btn-primary{ background-color:#6bc048; max-width:288px; margin:0 auto; border-radius:0; border:0; font-family:verdana; font-weight:bold; font-size:30px; padding:3px 0 4px 0;}

/*Modal paula*/
.paula .modal-body, .tom .modal-body{ padding-bottom:0;}

.paula p, .tom p{ font-size:18px; line-height: 26px; font-family: "Verdana";}
.paula h4, .tom h4 {margin-top: 3px; margin-left: 14px;}
.modal-header {border-bottom: none;}
.paulaWrap, .tomWrap {position: relative; top: 0; left: 0; z-index: 0; text-align: center;}
.paulaNameTag, .tomNameTag {position: absolute; bottom: 40px; left: 25px; z-index: 10; background: none repeat scroll 0 0 #ea094b; border: none; color: #fff; border-radius: 0; font-family: "Verdana"; font-size: 22px; font-weight: bold; }
.paulaWrap > img {margin-left: 72px; margin-top: -10px;}
.paula .aboutPaula, .tom .aboutTom {margin-top: -30px; margin-bottom: 26px;}
.tomNameTag {padding: 3px 31px;}

/*------------- css by aklima ---------*/
.carousel {background-color: #32b1ca; -webkit-box-shadow: 0 9px 9px rgba(34,30,31,.3); -moz-box-shadow: 0 9px 9px rgba(34,30,31,.3); box-shadow: 0 9px 9px rgba(34,30,31,.3); z-index: 10;}
.whiteBg {background-color: #fff;}
.whiteBg h2 {font-size: 36px; margin-top: 45px; margin-bottom: -8px; font-family: "DaxOTRegular";}
.how {font-size:48px; color: #58585a; font-family: "DaxOTMedium";}
h3.miniHeading {text-transform: uppercase; color: #58585a; font-weight: bold; text-align: center; margin-top: 15px; font-size: 24px; font-family: "Verdana"; margin-top: 44px;}
.secTwoDes {font-size: 20px; line-height: 25px; text-align: center; margin-bottom: 43px; font-family: "Trebuchet MS"; font-weight: normal;}
.imgWrap {text-align: center; margin-top: 46px;}
.imgWrap a > img, .sec4ManImg a > img {display: inline-block!important;}
.yellowBg {background: #fcce01; padding: 30px 0 40px 0;  
-webkit-box-shadow: 0 9px 9px rgba(34,30,31,.3); -moz-box-shadow: 0 9px 9px rgba(34,30,31,.3); box-shadow: 0 9px 9px rgba(34,30,31,.3); position: relative; z-index: 80;}

.whshadow {background-color: #fff; -webkit-box-shadow: 0 9px 9px rgba(34,30,31,.3); -moz-box-shadow: 0 9px 9px rgba(34,30,31,.3); box-shadow: 0 9px 9px rgba(34,30,31,.3); position: relative; z-index: 54;}
.shedow {background-color: #fff; -webkit-box-shadow: 0 9px 9px rgba(34,30,31,.3); -moz-box-shadow: 0 9px 9px rgba(34,30,31,.3); box-shadow: 0 9px 9px rgba(34,30,31,.3); position: relative; z-index: 64;}

.yellowBg h2 {text-align: center; font-size: 42px; font-family: "DaxOTRegular"; line-height: 50px; margin-right: 30px;}
.yellowBg  span.customer{ color: #32b1ca; font-family: "DaxOTMedium";}
.imgWrap.marginTop {margin-top: -4px;}
.miniHeading.noMarginTop {margin-top: 15px;}
h2.sec4Heading {margin-bottom: 12px;}
.sec4MinHead {font-size: 20px; color: #58585a; font-family: "Verdana"; font-weight: bold; text-transform: uppercase;}
.sec4Pragraph {font-size: 18px; font-family: "Verdana"; line-height: 28px;}
ul.sec4List {list-style-type: none;  font-size: 18px; font-family: "Verdana"; line-height: 28px; margin-left: 18px;}
ul.sec4List li { list-style-image: url("../images/list-point.png"); padding-bottom: 8px; }
ul.sec4List li span {font-weight: bold; padding-bottom: 8px; display: block; padding-bottom: 8px;}
.sec4MinHead.contactSec {margin-top: 7px; margin-bottom: 55px; text-transform: uppercase; line-height: 30px;}
.contactUs, .contactUs:focus {background: #6bc048; padding:0 52px 3px; color: #fff; font-family: "Verdana";  font-size: 30px; font-weight: bold;  text-decoration:none;}
.contactUs:hover {text-decoration: none; color: #fff; }
.blueBg {background: #fff url(../images/bg.jpg) top repeat-x; }
.blueBg img{ max-width:150px; margin:24px 0;}
.footer {color:#58585a; font-size: 12px; font-family: "Verdana"; margin: 39px 0;}
.footer a {color: #58585a;}
.footer a:hover {color: #58585a; text-decoration: none;}
.socialImg {float: right; margin-top: 35px;}
.sec4List.bottomList {margin-bottom: 32px;}
.sec4ManImg {text-align: center;}
.forSmallDivece {display: none;}
.img-responsive{ display:inline; max-width:100% !important;}
.sec4ManImg{ position:relative;}
.btn.btn-danger.caption{ max-width:292px; margin:0 auto; position:absolute; z-index:99; bottom:40px; background:#ea094b; font-size:20px; font-family:verdana; font-weight:bold; border-radius:0; border:0; line-height:32px;}
.btn.btn-danger.caption.right{ right:20px;}
.btn.btn-danger.caption img {position: relative; right: -22px; max-width:28px; height:auto; top:-2px;}

.maincircle{width:334px; margin:90px auto 0; min-height:400px;}
.block p{ font-size:28px; font-weight:bold; color:#fff; padding:0 10px;}
.block p span{ color:#fff;}
#text5{ color:#0c700d;}
.img1, .img2, .img3, .img4{
	height: 326px;
	width: 335px; 
	background-position: top left; 
	background-reapet:no-reapet; 
	color:#fff; 
	font-size:24; 
	font-weight:bold;
	background-size: cover !important;
	}
.img1, .img2, .img3, .img4{
	text-align:center; 
	line-height:326px;
	}
	
.img1{background:url('../images/shape1.png')}
.img2{background:url('../images/shape2.png')}
.img3{background:url('../images/shape3.png')}
.img4{background:url('../images/shape4.png')}

#thewhat{overflow: hidden;}