/*Reset CSS*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
a{color:#000;text-decoration:none;outline:none;transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;}
img{vertical-align:top;}
body {line-height:1;font:12px Verdana, Geneva, sans-serif;color:#000;}
/*fonts*/
@font-face {
	font-family: 'HelveticaNeueLTPro-ThCn';
	src: url('../fonts/HelveticaNeueLTPro-ThCn.eot');
	src: url('../fonts/HelveticaNeueLTPro-ThCn.woff') format('woff'),
	 		 url('../fonts/HelveticaNeueLTPro-ThCn.ttf') format('truetype'),
	 	   url('../fonts/HelveticaNeueLTPro-ThCn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*global classes*/
.wraper{width:100%;max-width:1024px;margin:0 auto;font-family: 'HelveticaNeueLTPro-ThCn';}
.homepagewrapper{max-width:994px;box-shadow:0 0 6px #c0c0c0;margin:0 auto;width:100%;}
.clear{clear:both}
.clumn{width:198px;float:left}
.fl{float:left !important;}
.fr{float:right !important;}
.AR{text-align:right !important}
.AL{text-align:left !important}
.AC{text-align:center !important}
.error_msg{color:#F00;font-size:10px;}
h1,h2,h3,h4,h5,h6{color:#0C6;font:bold 12px nexa;}
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
input[type="button"],input[type="submit"]{border:none;cursor:pointer;outline:none;}
/*Global Classes End*/
/*Table Format Start*/
.tableFormat{border-top:1px solid #000;border-right:1px solid #000;}
.tableFormat td,.tableFormat th{border-left:1px solid #000;border-bottom:1px solid #000;padding:5px 10px;}
.tableFormat th:first-child{border-left-color:#000;}
.tableFormat th{background:#000;color:#fff;border-left-color:#fff;}
.tableFormat td{}
/*Table format end*/




/*overlay Css*/
.overlay{width:100%;height:100%;position:fixed;left:0;top:0;background:url(../images/overlay-bg.png) repeat ;z-index:1000;display:none;}
.overlayBox{background:#fff;position:fixed;z-index:1001;padding:20px;display:none;margin:0 auto;min-width:250px;min-height:100px}
.overlayBox .closeBtn {background: none repeat scroll 0 0 #000000;border-radius:24px;-moz-border-radius: 24px;
-webkit-border-radius: 24px;color: #FFFFFF;cursor: pointer;font: bold 13px Verdana,Geneva,sans-serif;padding: 5px 8px;position: absolute;right: -12px;top: -12px;
  z-index: 1002;
}


/*header css*/
.topshadow-header{height:30px;box-shadow:0 3px 3px #c0c0c0;z-index:10;position:relative;background-color:#fff}
header nav{float:right;width:48%;}
header nav ul li{float:left;border:1px solid #0000;width:22%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden;margin-right:2%}
header nav ul li a{text-align:center;display:block;background-color:#9c1165;padding:4px 0;font-size:18px;color:#fff}
header nav ul li.youtube a{padding:5px 0 2px;}
header nav ul li.facebook a{padding:7px 0 0;}
header nav ul li:last-child{margin-right:0;}

section{}
section .leftContainer{width:48%;float:left;padding:25px 0 0 30px;}
section .leftContainer h1{font:27.57px 'HelveticaNeueLTPro-ThCn';color:#bd2a79;border-bottom:1px solid #bd2a79;width:86%;
margin-bottom:20px;position:relative;}
.leftContainer h1 span{background:url(../images/heading-bottom-end.jpg) top center no-repeat;width:18px;height:11px;position:absolute;bottom:-11px;right:0;display:inline-block}
section .leftContainer h2{color:#bd2a79;font:20px 'HelveticaNeueLTPro-ThCn';padding-bottom:8px}
section .leftContainer p{font-size:14px;color:#6d6e6f;padding-bottom:20px;line-height:20px;}
section .leftContainer p span{color:#bd2a79;font-size:16px;}
section .leftContainer img{}
aside{float:right;width:40%}
aside .callButton{width:296px;background:url(../images/call-bg.png) top left no-repeat;float:right;margin:77px -14px 0 0;text-align:center; padding: 34px 0 42px;}
aside .callButton a{display:inline-block;height:54px;width:162px;background:url(../images/phone-number.png) top left no-repeat; position:relative;}
.clicktombl{position:absolute; top:-14px; left:30px; display:none;}
aside .videoCnt{margin:24% 15% 0 0;float:right}
aside .videoCnt img{}
.mobileHide{display:inline-block;}
.mobileshow{display:none;}

/*mobile css*/
@media screen and (max-width:1100px) {
		section .leftContainer h1{font-size:26px;}
		.homepagewrapper{width:96%}
	}
@media screen and (max-width:920px){
	section .leftContainer h1{font-size:24px;}
	aside .videoCnt{margin-top:31%;}
}
@media screen and (max-width:865px){
	aside .videoCnt{margin-top:38%;}
}

@media screen and (max-width:815px){
	section .leftContainer h1{font-size:22px;}
	aside .videoCnt{margin-top:38%;}
}
@media screen and (max-width:780px){
	.homepagewrapper{width:100%}
	section .leftContainer h1{font-size:22px;}
	aside .videoCnt{margin-top:38%;}
	section .leftContainer{float:none;width:90%;margin:0 auto;padding:5% 5% 0;text-align:center}
	section .leftContainer p,section .leftContainer h1,section .leftContainer h2{text-align:left;}
	aside{float:none;width:90%;margin:0 auto;}
	aside .videoCnt{float:left;margin:7% 0 0;}
	header nav{width:70%;float:none;margin:0 auto;}
	header nav ul li{width: 23.5%;}
	section .leftContainer h1{width:52%;}
	aside .videoCnt img{100%}
}
@media screen and (max-width:690px){
		aside .callButton{float:none;margin: 77px auto 0;}
		aside .videoCnt{float: none; margin: 7% auto 0;text-align: center;}
		section .leftContainer h1{width:80%;}
		header nav{width:80%;}
		aside .callButton{margin-top: 3%;}
		.clicktombl{display:block;}
	}

@media screen and (max-width:480px){
	.mobileHide{display:none;}
	.mobileshow{display:inline-block;}
	section .leftContainer h1{width:100%;text-align:center}
	section .leftContainer img,aside .videoCnt img{width:100%;}
	header nav ul li a{font-size:15px;}
	header nav{width:90%;}
	.clicktombl{display:block;}
}