/* For Commen image */
.header-in h1, nav h1, .social a, .close, .close2, .intro-in h1, .box-1, .box-2, .box-3, .box-4, .box-5{background-image:url("../images/common.png");  background-position:center 0; background-repeat:no-repeat;}


#main{width:100%;}
#container{}


/* Common Class */
#contact, header, nav, #log-in, #intro, #callCenter, #publisher, footer{position:absolute; width:100%;}
#nav2, .contactBg, .headerBg, .headerBg2, .introBg,  .navBg, #callCenter .callCenterBg, .publisherBg, .brandBg, .brandBg1, .brandBg2, .brandBg3, .brandBg4, .brandBg5{position:absolute; width:100%;}
.contact-in, .header-in, .nav-in, .login-in, .intro-in, .callCenter-in, .publisher-in, .footer-in{ margin:0 auto 0 auto; width:1000px; }
.np{margin:0 0 0 0 !important}
.nb{padding:12px 0 22px 0 !important; border:none !important;}



/* Common Fonts Includes */
.publisher-in h1, .intro-in h1, .header-in h2, .publisher-in .content p a, .bft-box h4{font-family: 'Conv_Gotham-Black'; }
.address h3, .contact-in h1, .contact-in ul li, .callCenter-in h1, .callCenter-in h2{font-family: 'Conv_Gotham-Bold';}
.callCenter-in .content p, .publisher-in .content p{font-family: 'Conv_Gotham-Light';}
nav h1, a.close, .header-in h1, a.close2{text-indent:-9999px;}
nav a{font-family: 'Oswald', sans-serif; letter-spacing:0.03em}
.intro-in .content p, .callCenter-in .content p.small, .bft-box span{font-family: 'GothamBook';}
.intro-in .content h2{font-family: 'GothamBook';}
.address{font-family: 'Conv_Gotham-Light' !important;}

/*
.header-in h2{font-family: 'Lato', sans-serif; font-weight: 900 !important;}
.header-in h3{font-family: 'Lato', sans-serif; font-weight: 400 !important;}
.header-in h3 span  {font-family: 'Lato', sans-serif;  font-weight: 300 !important;}
*/

.header-in h3{font-family: 'Conv_Gotham-Light';}
.header-in h3 span  {font-family: 'GothamHTF-Light';}

@media screen and (-webkit-min-device-pixel-ratio:0)  {
.header-in h3{font-family: 'Conv_Gotham-Light' !important;}
.header-in h3 span  {font-family: 'Conv_Gotham-Light' !important; font-size:22px !important; letter-spacing:0 !important}
}



/* MAIN SECTIONS */
header{height:740px; background:#ff4900; top:0px; overflow:hidden; z-index:10;}
#intro{height:765px; top:740px;  z-index:8; background-color:#ff4c05}
#callCenter{height:910px; background:#4a3c5c; top:1505px; overflow:hidden;  z-index:20;}
#publisher{height:508px;top:2415px; overflow:hidden;  background-color:#4663c0;}



#callCenters{position:absolute; top:1480px}
#publishers{position:absolute; top:2420px}


/* For Common Header */
header .headerBg{height:1012px; text-align:left; background-color:#fff; background-image:url("../images/headerBg.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat;}
header .headerBg2{height:1012px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px; background-position:center 0; background-repeat:no-repeat;}
header .header-in{height:1012px; position:relative;  padding:249px 0 0 0}
header .header-in h1{margin:0 0 0 28px;  width:335px; height:130px; float:left; background-position:-8px -277px;}
header .header-in h1 a{display:block;  width:335px; height:130px; float:left;}

.header-in .tagLine{float:right; width:460px;}
.header-in h2{color:#4663c0; font-size:4.3em;  padding:13px 0 0 0; letter-spacing:-3px;}
.header-in h2 span{color:#ff4900;}
.header-in h3{ font-size:2em; color:#4e4e4e; margin:-10px 0 0 0; background-position:0px 18px;}
.header-in h3 span{display:block; color:#4e4e4e;  padding:2px 0 0 0;  font-size:22px !important; letter-spacing:0 !important}



/* For Contacts Part */
#contact{height:480px; top:-480px; background:#000; overflow:hidden; z-index:13; text-align:center}
#contact .contactBg{height:480px; background-image:url("../images/contactBg.jpg");  background-position:center 0; background-repeat:no-repeat;}
.contact-in{width:760px; height:480px; position:relative;}
.contact-in h1{color:#fff; font-size:4.3em; letter-spacing:-5px; padding:40px 0 44px 0; text-transform:uppercase}
a.close{position:absolute; background-position:-212px -177px; right:30px; top:30px; width:41px; height:41px; z-index:100}
a.close:hover{background-position:-302px -177px;}
.contact-form{width:356px; float:left; text-align:right}
.contact-form input, .contact-form textarea{resize:none; padding:12px 10px 9px 10px;  width:332px; margin:0 0 5px 0; font-size:1.1em; border:1px solid #ababab;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: inset 2px 2px 2px #e5e5e5; -webkit-box-shadow: inset 2px 2px 2px #e5e5e5; -moz-box-shadow: inset 2px 2px 2px #e5e5e5;}
textarea{height:80px}
.address{width:336px; float:right;  text-align:left; color:#fff; font-size:18px; line-height:24px;}
.add1{font-size:0.9em; line-height:25px; margin-bottom:20px;}
.add2{font-size:0.9em;  line-height:25px}


/* For NAvigation Part */
nav{top:480px; overflow:hidden;  z-index:9999; border:0px solid #000; position:relative}

.nav-in{height:60px; text-align:center; padding:0; position:relative;}
.nav-in .nav-in-link{float:left; width:1000px; text-align:left; margin:0 0 0 529px;    background-color:#fff;}
.nav-in a{text-transform:uppercase; color:#676767; display:inline-block; font-size:1.3em; padding:18px 14px 17px 14px;}
.nav-in a:hover{color:#fff; BACKGROUND-COLOR:#0092f1;}
.nav-in a.active{color:#fff !important; BACKGROUND-COLOR:#0092f1 !important }
.nav-in a.active2 {color:#fff !important}
.nav-in a:hover, .nav-in a.active,  .nav-in a.active2{
	background: -moz-linear-gradient(top,  #4663c0 0%, #3854ad 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4663c0), color-stop(100%,#3854ad)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #4663c0 0%,#3854ad 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #4663c0 0%,#3854ad 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #4663c0 0%,#3854ad 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #4663c0 0%,#3854ad 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4663c0', endColorstr='#3854ad',GradientType=0 ); /* IE6-9 */ }
nav h1{float:left; height:60px;  width:135px; background-position:-380px -294px; position:absolute;}
nav h1 a{display:block; float:left; height:50px; width:100px;}
nav h1 a:hover{background:none !important;}
nav a.main{position:absolute; margin:0 0 0 -62px}

/* For Scroll-down Shadow*/
.shadow{box-shadow: 0 1px 7px #000; -webkit-box-shadow: 0 1px 7px #000; -moz-box-shadow:0 1px 7px #000; background-color:#fff }

.but{ width:auto !important; padding:12px 10px 9px 10px;  color:#fff; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; border:none !important;
	background: -moz-linear-gradient(top,  #ff5c1a 0%, #e64201 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5c1a), color-stop(100%,#e64201)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff5c1a 0%,#e64201 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff5c1a 0%,#e64201 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff5c1a 0%,#e64201 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff5c1a 0%,#e64201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5c1a', endColorstr='#e64201',GradientType=0 ); /* IE6-9 */ 
}

.but:hover{cursor:pointer;
	background: -moz-linear-gradient(top,  #ff5c1a 0%, #ff5c1a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5c1a), color-stop(100%,#ff5c1a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e64201 0%,#ff5c1a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e64201 0%,#ff5c1a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e64201 0%,#ff5c1a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e64201 0%,#ff5c1a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64201', endColorstr='#ff5c1a',GradientType=0 ); /* IE6-9 */ 
}

.but:active{
	box-shadow: inset 2px 2px 2px #c63800; -webkit-box-shadow: inset 2px 2px 2px #c63800; -moz-box-shadow: inset 2px 2px 2px #c63800;
	cursor:pointer; padding:12px 10px 9px 10px;  
	background: -moz-linear-gradient(top,  #ff5c1a 0%, #ff5c1a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5c1a), color-stop(100%,#ff5c1a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e64201 0%,#ff5c1a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e64201 0%,#ff5c1a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e64201 0%,#ff5c1a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e64201 0%,#ff5c1a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64201', endColorstr='#ff5c1a',GradientType=0 ); /* IE6-9 */ 
}


/* For intro Part */
#intro .introBg{height:1272PX; z-index:10; background-image:url("../images/introBg.jpg");  background-position:center 0; top:-280px; background-repeat:no-repeat; background-color:#4a3c5c;}
.intro-in{border:none; height:560px; text-align:center; z-index:11; position:relative; }
.intro-in h1{color:#fff; font-size:4.5em; letter-spacing:-2px; padding:87px 0 24px 0; background-position:0px 116px; text-transform:uppercase}
.intro-in .content{ background-color:#fff; padding:70px 90px 46px 90px; text-align:justify; box-shadow: 2px 1px 10px #bd3600; -webkit-box-shadow: 2px 1px 10px #bd3600; -moz-box-shadow: 2px 1px 10px #bd3600; }

.intro-in .content h2{text-align:center !important; font-size:22px; padding:0 0 10px 0;}
.intro-in .content p{text-align:center; font-size:1.1em; padding:0 0 10px 0; line-height:21px; color:#404040; }
.intro-in .content p.small{font-size:1em;}

.social{color:#676767; font-size:0.6em; text-transform:uppercase; margin:233px 0 0 0;}
.social a{height:32px; width:32px; display:inline-block; margin:0 2px 0 0px; cursor:pointer;}

.social a.fb{background-position:-2px -169px;}
.social a.fb:hover{background-position:-2px -202px;}

.social a.in{background-position:-38px -169px;}
.social a.in:hover{background-position:-38px -202px;}

.social a.twt{background-position:-75px -169px;}
.social a.twt:hover{background-position:-75px -202px;}

.social a.gp{background-position:-111px -169px;}
.social a.gp:hover{background-position:-111px -202px;}

.social a.gp2{background-position:-147px -169px;}
.social a.gp2:hover{background-position:-147px -202px;}


/* For callCenter Part */
#callCenter .callCenterBg{height:1624px; background-image:url("../images/callCenterBg.jpg");  background-position:center 0; top:-360px; background-repeat:no-repeat; background-color:#4a3c5c;}
.callCenter-in{position:relative; text-align:center;}
.callCenter-in h1{color:#fff; font-size:4.3em; letter-spacing:40px; padding:90px 0 24px 0;}
.callCenter-in .video{margin:35px auto 0 auto; width:960px; height:540px;}
.callCenter-in .content{  padding:0px 90px 46px 90px; text-align:justify;}
.callCenter-in .content p{text-align:center; font-size:19px; padding:15px 0 7px 0; line-height:27px; color:#fff; margin:0;}
.callCenter-in .content p.small{font-size:1.1em;  line-height:23px; letter-spacing:0px}

.callCenter-in h2{color:#fff; font-size:2.3em; letter-spacing:-30px; padding:16px 0 24px 0; text-transform:uppercase; text-align:center}
.callCenter-in .bft-box{ width:1000px; height:250px;}
.box-1, .box-2, .box-3, .box-4, .box-5{width:245px; height:245px; position:absolute; text-align:center}

.bft-box span{display:block; margin:79px 0 0 0; color:#fff; font-size:1.6em}
.bft-box h4{display:block;  color:#fff; font-size:2.5em; line-height:35px; letter-spacing:-1px}
.bft-box span.small{display:block;  margin:0 0 0 0; color:#fff; font-size:1.7em; letter-spacing:-1px}

.box-1{background-position:-22px -459px; left:0;}
.box-2{background-position:-273px -459px; left:185px;}
.box-3{background-position:-526px -459px; left:372px;}
.box-4{background-position:-779px -459px; left:557px;}
.box-5{background-position:-1030px -459px;  left:737px;}



/* For publisher Part */
.publisherBg {height:760px; background-image:url("../images/publisherBg.jpg");  top:700px; z-index:10; background-position:center 0; background-color:#4663c0; background-repeat:no-repeat;}
.publisher-in{position:relative; height:1200px; text-align:center;}
.publisher-in h1{color:#fff; font-size:5.8em;  text-align:center; text-transform:uppercase; position:relative; z-index:20; letter-spacing:80px; padding:87px 0 0 0;}
.publisher-in .content{  padding:11px 54px 46px 54px; text-align:justify; z-index:30;  position:relative;}
.publisher-in .content p{text-align:center;  position:relative;font-size:19px; padding:15px 0 12px 0; line-height:27px; color:#fff; margin:0; letter-spacing:0;}
.publisher-in .content p a{color:#fff;}






/* For Common Footer */ 
footer { top:2923px; z-index:20px; height:90px;}
.footer-in{border-top:1px solid #e5e5e5; font-size:0.8em; padding:40px 0 0 0; color:#959595;}
.footer-in a{float:left; text-transform:uppercase; color:#959595; padding:0 12px 0 12px; border-left:1px solid #cecece;}
.footer-in a.first{padding:0 12px 0 0; border:0;}
.footer-in a:hover{color:#000; }
.footer-in span{float:right;}