@charset "utf-8";
/* CSS Document */
/*
*{margin:0px; padding:0px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
body{margin:0px;  padding:0px;font-family: "open_san"; box-sizing:border-box;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-size:14px;}
a, input, select, textarea {outline:none;}
.clr{clear:both;}
img{border:none;width:100%;}
ul{list-style:none;}
ul li{float:left;}
a{text-decoration:none;}

@font-face {
    font-family: "open_san";
    font-weight: normal;
    src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
}
@font-face {
    font-family: "OpenSansSemibold";
    font-weight: normal;
    src: url("../fonts/opensans-semibold.eot") format("embedded-opentype"), url("../fonts/opensans-semibold.woff") format("woff"), url("../fonts/opensans-semibold.ttf") format("truetype"), url("../fonts/opensans-semibold.svg#OpenSansSemibold") format("svg");
}
@font-face {
    font-family: "open_sansbold";
    font-weight: normal;
    src: url("../fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/opensans-light.eot');
    src: url('../fonts/opensans-light.eot') format('embedded-opentype'),
         url('../fonts/opensans-light.woff') format('woff'),
         url('../fonts/opensans-light.ttf') format('truetype'),
         url('../fonts/opensans-light.svg#OpenSansLight') format('svg');
         font-weight: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**************header start****************/
/*
header{width:100%;background:#31353d;}
.wrapper{width:1000px; margin:0px auto;}
.header{width:100%; float:left;}
.logo{float:left; display:table-cell;margin:18px 0px;}
nav{float:right;display:table-cell;}
nav ul{}
nav ul li{float:left;margin-right:1px;}
nav ul li:last-child{margin-right:0px;}
nav ul li a{display: table-cell;
    float: none;
    height: 93px;
    text-align: center;
    vertical-align: middle; padding:0px 18px; font-size:14px;font-family: "open_san"; color:#fff; }
nav ul li:hover,nav ul li.active{background:#13afeb;}
/**************header End****************/
/*************banner start**************/
/*
section.banner {left: 0; position: relative;top: 0; width: 100%;position: relative;}
figure.bannerimg {float: left;left: 0; position: relative;top: 0;}
.bannertxt { z-index: 9999;}
.bannertxtinner { position: absolute;width:100%; float:left;}
.banner h2 {font-family: 'OpenSansLight'; color: #ffffff;font-size: 38px;padding: 60px 0; text-align: center;text-shadow: 0 0 4px #000000;-moz-text-shadow: 0 0 4px #000000;-ms-text-shadow: 0 0 4px #000000;-webkit-text-shadow: 0 0 4px #000000; width: 100%;}
.banner h2 span{color:#13afeb;font-size:38px;font-family: "OpenSansSemibold";}
.left-part-banner { display: table-cell;float: left;width: auto;}
.accesscode{float:left; width: 315px;margin-top: 50px;}
.accesscode label{font-size:24px; color:#fff; font-family: "open_sansbold";margin-bottom:20px;float:left;}
.accesscode > input {border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset; box-sizing: border-box; height: 37px;
    margin-bottom: 20px; width: 100%;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
}

.accessbtn > input[type="submit"] {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 2px solid #ffffff;color: #ffffff;
    display: table-cell;float: left;font-size: 14px;height: 42px;padding: 0 23px; text-transform: uppercase;
	font-family: "OpenSansSemibold";
}
.getaccess { background: none repeat scroll 0 0 #31353d; color: #ffffff;display: table-cell; float: right; padding: 12px 25px; text-transform: uppercase;font-family: "OpenSansSemibold";
}
.right-part-banner > img {display: table-cell; float: right; max-width: 561px;}
.bannertxtinner1{position:relative;}
/*********why*******/
/*
.whychoose { padding: 50px 0; width: 100%;}
.headingtxt { text-align: center; width: 100%; margin-bottom:60px;}
.headingtxt  h2 {font-size: 36px;color:#535353;font-family: 'OpenSansLight'; line-height: 36px;text-transform:uppercase;}
.headingtxt  h2 span{ font-family: "OpenSansSemibold"; }
.headingtxt p{font-size:18px; color:#777777; margin-top:20px;}
.whychoose ul {float: left;width: 100%;}
.whychoose li {color: #777777; display: table-cell; float: left;padding: 35px 14px;text-align: center;width: 33%;}
.icon {display: inline-block;height: 43px;text-align: center; text-indent: -9999px;width: 47px;margin-bottom:27px;}
.icon.um{background:url(../images/um.png) no-repeat left top; }
.whychoose h3 { color: #272727; font-size: 20px;font-family: 'OpenSansLight';margin-bottom:28px; line-height:20px;}
.whychoose p{ font-size:16px; font-family: "open_san";line-height:26px;}
.whychoose li:hover,.whychoose li.active{background:#13afeb;color:#fff;}
.whychoose li:hover h3,.whychoose li.active h3{color:#fff;}
.whychoose li:hover .icon.um,.whychoose li.active .icon.um{background:url(../images/um.png) no-repeat left -35px; }
.cp{background:url(../images/cup.png) no-repeat left -43px; }
.whychoose li:hover .icon.cp,.whychoose li.active .icon.cp{background:url(../images/cup.png) no-repeat left 1px; }
.hrt{background:url(../images/heart.png) no-repeat left 0px; }
.whychoose li:hover .icon.hrt,.whychoose li.active .icon.hrt{background:url(../images/heart.png) no-repeat left -43px; }
/***************why end*************/
/*
.textimonial{padding: 50px 0; width: 100%;background:url(../images/testimonial.png) no-repeat left top;}
.testimonailinner{width:100%; text-align:center; position:relative;}
.testimonailinner h1{font-size:48px; color:#fff; font-family: "OpenSansSemibold"; margin-bottom:60px; line-height:48px;}
.testimonailinner  p{width:100%; text-align:center; color:#fff; line-height:32px; font-size:22px; width:753px; display:inline-block;}
.testimonailimg{margin-top: 32px;}
.testimonailimg img {border-radius: 50%;height: 91px; max-width: 90px; overflow: hidden;}
.testimonailinner  figcaption{width:100%; text-align:center; color:#fff; line-height:32px; font-size:22px; display:inline-block;font-family: "OpenSansSemibold";}
.slidercir{width:100%; float:left; text-align:center; margin-top:24px;}
.slidercir li{width:10px;height:10px; border-radius:5px; background:#fff; margin:0px 2px; display:inline-block;float:none;}
.slidercir li:hover,.slidercir li.active{background:#13afeb;}
.nexpre {bottom: 0;float: none;height: 35px;left: 0;margin: auto;position: absolute; right: 0; top: 0;width: 100%;}
.next {background: url("../images/testimonialarrow.png") no-repeat scroll left top rgba(0, 0, 0, 0); float: left; height: 36px;
    text-indent: -999px; width: 24px;}
.pre {background: url("../images/testimonialarrow.png") no-repeat scroll -42px top rgba(0, 0, 0, 0); float: right; height: 36px;
    text-indent: -999px; width: 24px;}

	
/******************capbility**********/
/*
.capbility{padding: 50px 0; width: 100%;}
.capbilityinner{width:100%; }
.capabiltybox{width:100%; float:left;}
.capabiltybox li {width: 31.7%;margin-right:23px;text-align:center;}
.capabiltybox li.last{margin-right:0px;}
.capabiltybox figure img { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); display: inline-block; padding: 4px !important;width: 100%;}
.capabiltybox h3 { color: #272727; font-size: 25px;font-family: 'OpenSansLight';margin:27px 0px; line-height:20px;}
.capabiltybox p {font-family: 'OpenSansLight'; font-size: 16px; line-height: 26px;color:#777777;}
/******************capbility End**********/
/*************contact us***********/
/*
.contactus{padding: 50px 0; width: 100%;background:url(../images/conptrn.png) repeat left top;}
.contactinner{width:100%; }
.conheaing{text-align:left; margin-bottom:30px;}
.contactus p {font-family: 'OpenSansLight'; font-size: 16px; line-height: 26px;color:#777777;}
.addressbox { float: left;margin-top: 42px; width: 100%;}
.left_address { display: inline;float: left;padding-left: 80px;width: 471px;}
h6 {color: #272727; font-size: 25px; margin-bottom: 15px;  font-family: "open_san";}
.mailbox { padding: 40px 0;}
.phbox{background:url(../images/ph1.png) no-repeat left top;text-indent:32px;margin-bottom:10px;    color: #777777;
    font-family: 'OpenSansLight';font-size: 16px;line-height: 16px;}
.mail1{background:url(../images/mail1.png) no-repeat left 1px;text-indent:32px;   color: #777777;
    font-family: 'OpenSansLight';font-size: 16px;line-height: 16px;}
.fb {background: url("../images/sicons.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;height: 37px;margin-right: 10px;text-indent: -9999px; width: 31px;}
.tw {background: url("../images/sicons.png") no-repeat scroll -40px top rgba(0, 0, 0, 0);
    float: left;height: 37px;margin-right: 10px;text-indent: -9999px; width: 31px;}.ld {background: url("../images/sicons.png") no-repeat scroll -81px top rgba(0, 0, 0, 0);
    float: left;height: 37px;margin-right: 10px;text-indent: -9999px; width: 31px;}
.google {background: url("../images/sicons.png") no-repeat scroll -122px top rgba(0, 0, 0, 0);
    float: left;height: 37px;margin-right: 10px;text-indent: -9999px; width: 31px;}
	
.contact-right form {float: left; width: 446px;}
.contact-right form input  { border: medium none; border-radius: 5px; color: #b7b7b7;display: table-cell; 
    font-size: 16px; height: 57px;margin-bottom: 15px; padding: 0 10%; width: 100%;font-family: 'OpenSansLight'; border:1px solid #d4d4d4;}
.contact-right form textarea{height:130px;border: medium none; border-radius: 5px; color: #b7b7b7;
margin-bottom: 10px; padding: 4% 10%; width: 100%;font-size: 16px;font-family: 'OpenSansLight';border:1px solid #d4d4d4;}

.contact-right form input[type="submit"] {   background: none repeat scroll 0 0 #13afeb;
    border: medium none;
    border-radius: 3px;
    box-shadow: 2px 7px 3px -4px #8a8a8a;
    color: #ffffff;
    font-size: 20px;
    width: 130px; font-size:18px;font-family: "open_san"; height:45px;}
.maincon{width:100%; float:left; margin-top:100px;}
.username{background:url(../images/usericon.png) no-repeat 13px center #fff;}
.usermail{background:url(../images/mail11.png) no-repeat 13px center #fff;}
.msg{background:url(../images/textareaicon.png) no-repeat 13px 13px #fff;}
footer{width:100%;background:#31353d;padding:27px 0px;}
.footerinner{width:100%; float:left;}
.footerinner ul{width:100%; float:left; text-align:center;}
.footerinner ul li{display:inline-table;float:none;  text-transform:uppercase; line-height:14px;border-right:1px solid #fff;}
.footerinner ul li a{color:#fff;font-family: "open_san";line-height:14px;padding:0px 20px;font-size:14px;}
.footerinner ul li:last-child{border-right:none;}
.footerinner > p {color: #ffffff;float: left;margin-top: 15px; text-align: center;width: 100%;}
#menu {
    display: none;
}
@media screen and (max-width:1200px){

.right-part-banner > img {max-width: 100%; width: 54%;}
}
@media screen and (max-width:1059px){
.wrapper{width:90%; }
.capabiltybox li { margin-right: 3.5%;text-align: center;width: 31%;}
.contact-right form {width: 44%;}
.left_address {padding-left: 5%; width: 50%;}
figure.bannerimg { min-height: 444px;}
section.banner{background:#af8a7b}
.contact-right form input{ padding: 0 47px;}
.contact-right form textarea{ padding: 4% 47px;}
.testimonailinner p{width:80%;}

}
@media screen and (max-width:995px){

.right-part-banner > img { max-width: 100%;width: 50%;}

.textimonial { background: url("../images/testimonial.png") no-repeat scroll left top #040610;



}
@media screen and (max-width:790px){

#menu {
  color: #ffffff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 40px;
    margin: 15px 0;
    position: absolute;
    right: 28px;
    text-align: center;
    top: 0;
    width: 1.4em;
}
nav ul li a {
    color: #ffffff;
    display: table-cell;
    float: none;
    font-family: "open_san";
    font-size: 14px;
    height: 38px;
    padding: 0 18px;
    text-align: center;
    vertical-align: middle;
}
#nav.js {
    display: none;
}
nav ul {
    clear: both;margin-bottom:10px; float:left;width:100%;
}
nav{width:100%;}
nav ul li{width:100%;}
.footerinner ul li a{padding:0px 18px;}
}
@media screen and (max-width:765px){

.left-part-banner {margin-bottom: 30px;width: 100%;}
.accesscode { float: left;width: 100%; margin-top:0px}

.right-part-banner > img { display: inline-block;float: none;max-width: 100%;text-align: center;width: 76%;}
.right-part-banner { float: left; text-align: center; width: 100%;}
.banner h2,.banner h2 span{font-size:31px;}
section.banner { min-height: 658px;}

.bannerimg > img {
    height: 654px;
}
.whychoose li{    
    margin-top: 1px;
    width: 100%;border-top:1px solid #dedede;}
.whychoose li:last-child{margin-bottom:0px;}
.capabiltybox{text-align:center;}
.capabiltybox li { display: inline-block;float: none;margin-right: 0;text-align: center;width: 83%;margin-bottom:30px;}
.capabiltybox li:last-child{margin-bottom:0px;}
.testimonailinner h1 {font-size: 37px;line-height: 31px;margin-bottom: 29px;}
.testimonailinner p {font-size: 17px;line-height: 24px;}
}
@media screen and (max-width:600px){

.left_address { padding-left: 0;width: 100%;}
.contact-right { float: left;margin-top: 30px; width: 100%;}
.contact-right form { width: 100%;}
.footerinner ul li a{padding:0% 2%; font-size:12px;}
.footerinner ul li {border-right:none;padding:0 1%;}


}
@media screen and (max-width:480px){
.footerinner ul li a{font-size:12px;}
.headingtxt h2{font-size:30px;}
.accesscode label{font-size:19px;}
.right-part-banner  img{width:100%;}
.banner h2, .banner h2 span {font-size: 29px;
}
}
@media screen and (max-width:320px){
.getaccess{padding:12px;}
.accessbtn input[type="submit"]{padding:12px;}

.testimonailinner h1 { font-size: 31px;}
}