body {color: #333333; font-size: 16px; font-family: 'Ubuntu',arial,sans-serif;  font-weight: 400;  -webkit-text-size-adjust: 100%;overflow-x: hidden; }
.clearfix:before, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .clearfix:after {clear: both } 
.clearfix {zoom: 1 }

html{height:100%}
li{list-style:none}
a{text-decoration:none;outline:none}
a:hover{cursor:pointer}
img{border:none;width:auto;height:auto;max-width:100%}

select,textarea,button,input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;border-radius:0;outline:0;border:0}

input{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
*{margin:0;padding:0}
.fl{float:left}
.fr{float:right}
.txt-left{text-align:left}
.txt-right{text-align:right}
.txt-center{text-align:center}
.txt-up{text-transform:uppercase}
.mgTop60{margin-top:60px}
.mgBtm30{margin-bottom:30px}
.mgZero{margin:0!important}
.margin_left_0{margin-left:0!important}
.posRelative{position: relative;}

label.error {padding: 3px 0; color: #ff2323;  font-size: 11px;  display: none; text-transform: capitalize; }


.padTop45{padding-top:45px }
.padBtm100{padding-bottom:100px }
.brdNone{border-bottom:0!important}

.container{width:1140px;margin: 0 auto;}

.divider1{width: 40px;height: 4px;background:#06ebff;display: inline-block;}
.divider2{width: 40px;height: 4px;background:#0034be;display: inline-block;}

.headH2{font-size:20px;color: #0034be;text-transform: uppercase;font-weight: 500 }

.topStrip{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007cc6+1,0047cc+32 */
background: #007cc6; /* Old browsers */
background: -moz-linear-gradient(left, #007cc6 1%, #0047cc 32%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #007cc6 1%,#0047cc 32%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #007cc6 1%,#0047cc 32%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cc6', endColorstr='#0047cc',GradientType=1 ); /* IE6-9 */
height:10px }

.bannerBlock{background:#01319f url(../images/bannerbg.jpg) no-repeat top center; background-size: cover;padding: 20px 0 40px}
.bannerBlock .logo{background: url(../images/logo1.png) no-repeat top center;width: 196px;height:48px;}
.bannerBlock .txtWrap{padding: 160px 0 180px;text-align: center;}
.bannerBlock .txtWrap h1{font-size: 30px;font-weight: 500; text-transform: uppercase;text-align: center;color: #ffffff}
.bannerBlock .txtWrap p {color: #ffffff;width: 70%;margin: 9px auto 0;line-height: 25px;}
.bannerBlock .txtWrap p span{color: #06ebff}
.bannerBlock .dropArrow{width: 45px;height: 45px;margin: 0 auto;background: url(../images/droparr.png) no-repeat top center;display: inline-block;}

/*------------- bannerBlock css end ----------------*/

.serviceWrap .divider2{margin: 20px 0}
.serviceWrap .servicesTxt{line-height: 26px;width: 83%;margin: 0 auto;padding-bottom:160px}
.serviceWrap .servicesBlock{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0035be+0,027cd7+67,027cd7+82 */
background: #0035be; /* Old browsers */
background: -moz-linear-gradient(left, #0035be 0%, #027cd7 67%, #027cd7 82%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0035be 0%,#027cd7 67%,#027cd7 82%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0035be 0%,#027cd7 67%,#027cd7 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0035be', endColorstr='#027cd7',GradientType=1 ); /* IE6-9 */
;width: 556px;border-radius: 5px;position: relative;color: #ffffff;padding: 78px 0 0 0;height: 136px;margin-bottom: 110px}
.serviceWrap .servicesBlock .imgIcon{position: absolute;top: -60px;left: 0;right: 0;} 
.serviceWrap .servicesBlock .headH2{color: #06ebff}
.serviceWrap .servicesBlock .txt{padding: 10px 12% 0; line-height: 22px;}
/*------------- serviceWrap end --------------------*/

.cntWrap{width:850px;margin: 0 auto}
.cntWrap .headH2{font-size: 22px}
.cntWrap .colHalf{width: 365px;margin-bottom: 40px;}
.cntWrap .git{color: #0034be;font-size: 18px;margin: 12px 0 80px}
.cntWrap .cntLabel{color: #606893;font-size: 15px;padding: 4px 0 4px 32px;display: block;}
.cntWrap .cntName{background: url(../images/cname.png) no-repeat left top;padding: 2px 0 4px 32px}
.cntWrap .cntPhone{background: url(../images/cphone.png) no-repeat left top;}
.cntWrap .cntEamil{background: url(../images/cemail.png) no-repeat left top;}
.cntWrap .cntMsg{background: url(../images/cmsg.png) no-repeat left top;padding: 1px 0 4px 32px}
.cntWrap .inputBox{color: #777777;font-size: 12px;border-bottom: 1px solid #ebebeb;width: 100%;height: 45px;}
.cntWrap .btn{background:#0035bf;font-size: 22px; color: #ffffff;width: 160px;height: 50px;border-radius: 5px;font-weight: 400;margin: 60px auto 80px;cursor: pointer;font-family: 'Ubuntu',arial,sans-serif;}

.cntWrap .alertmsg {color: #2E7D32; margin: 25px 0px 0px; padding: 5px 0px; font-size: 15px; font-weight: 600; }

@media only screen and (max-width:1160px) {
.container{width: 96%}

.bannerBlock .txtWrap p{width: 90%}

.serviceWrap .servicesBlock{width: 49%}
.serviceWrap .servicesBlock .txt{font-size: 14px;line-height: 19px;}

}



@media only screen and (max-width:890px) {
.cntWrap{width: 700px}
.cntWrap .colHalf{width: 325px}
}

@media only screen and (max-width:767px) {
.headH2{font-size: 18px}




.bannerBlock .txtWrap{padding:60px 0 }
.bannerBlock .txtWrap h1{font-size: 22px;padding: 0 5px;line-height: 30px;}
.bannerBlock .txtWrap p{font-size: 14px;line-height: 22px;}
.bannerBlock .dropArrow{background-size: 33px;width: 35px;height:35px;}

.serviceWrap .servicesBlock{width: 100%;height: auto;padding: 50px 0 20px 0;margin-bottom: 60px;}
.serviceWrap .servicesBlock:last-child{margin-bottom: 50px}
.serviceWrap .servicesBlock .imgIcon{margin: 0 auto;width: 80px;top: -44px}
.serviceWrap .servicesTxt{padding-bottom: 90px;font-size: 14px;line-height: 22px;width: 100%}
.serviceWrap .servicesBlock .txt{padding: 10px 8% 0}

.cntWrap{width: 90%}
.cntWrap .git{margin: 12px 0 40px;}
.cntWrap .colHalf{width: 100%}
.cntWrap .inputBox{height: 35px;}
.cntWrap .btn{width:130px ;font-size: 15px;height: 40px;margin: 0px auto 40px}
}

@media only screen and (max-width:480px) {
.bannerBlock .txtWrap p{width:100%}
}