﻿@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'regular-webfont';
    src: url('../fonts/regular-webfont.eot');
    src: url('../fonts/regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/regular-webfont.woff') format('woff'),
         url('../fonts/regular-webfont.ttf') format('truetype'),
         url('../fonts/regular-webfont.svg#banda_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneue-thin-webfont';
    src: url('../fonts/helveticaneue-thin-webfont.eot');
    src: url('../fonts/helveticaneue-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-thin-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-thin-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-thin-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pacifico';
    src: url('../fonts/pacifico.ttf');
    
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'helvet01-webfont';
    src: url('../fonts/helvet01-webfont.eot');
    src: url('../fonts/helvet01-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvet01-webfont.woff') format('woff'),
         url('../fonts/helvet01-webfont.ttf') format('truetype'),
         url('../fonts/helvet01-webfont.svg#helvetica_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Conv_Ubuntu-L';
	src: url('../fonts/Ubuntu-L.eot');
	src: local('☺'), url('../fonts/Ubuntu-L.woff') format('woff'), 
	url('../fonts/Ubuntu-L.ttf') format('truetype'), 
	url('../fonts/Ubuntu-L.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Bitter-Bold';
	src: url('../fonts/Bitter-Bold.eot');
	src: local('☺'), url('../fonts/Bitter-Bold.woff') format('woff'), 
	url('../fonts/Bitter-Bold.ttf') format('truetype'), 
	url('../fonts/Bitter-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ### general ### */
* { margin: 0px; padding: 0px; }
body { font-family:Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; color: #000; background:url(../images/banner-bg.jpg) repeat top center;  }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
header, nav, footer, article, section { display: block; }	img { display: block; border: 0px; -webkit-transition:all 0.7s ease 0s;  -moz-transition:all 0.7s ease 0s;  -o-transition:all 0.7s ease 0s;  transition:all 0.7s ease 0s; }	:focus { outline: none; }	ul { list-style: none; margin: 0; padding: 0; }	p { line-height: 18px;}	a { text-decoration: none; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;   -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;  }	a:hover { text-decoration: underline; }	h1, h2, h3, h4, h5, h5 { font-weight: normal; margin: 0; padding: 0; }
.clr { clear: both; height:0; }
#wrapper { min-height: 100%; width: 100%; float: left; overflow: hidden; }
#headerWrap { width: 100%; min-height: 82px; float: left; background: url(../images/top-bg.jpg) repeat-x top center; }
.logo { margin: 8px 0 0 3%; float:left; width: 185px; -webkit-transition:all 0.7s ease 0s;  -moz-transition:all 0.7s ease 0s;  -o-transition:all 0.7s ease 0s;  transition:all 0.7s ease 0s; }
.navBar { margin: 49px 0 0 6%; float:left; width: 823px; }
.navBar ul { }
.navBar li { float: left; }
.navBar li a { padding: 0 12px; font-size: 14px; line-height: 20px; text-transform: uppercase; font-family: 'helvet01-webfont'; -webkit-transition:all 0.7s ease 0s;  -moz-transition:all 0.7s ease 0s;  -o-transition:all 0.7s ease 0s;  transition:all 0.7s ease 0s; font-weight:normal; } 
.navBar li a:hover { text-decoration: underline; }
.nvactive {  text-decoration: underline; }
.navBar li ul { position:absolute; padding: 25px 0 0 0; display: none; z-index: 9; }
.navBar li:hover ul { display: block; }
.navBar li li a { color:#271111; font-size: 12px; line-height: 15px; background: url(../images/arrow2.png) no-repeat 0 0; }
.navBar li li:first-child a { background: none; }
.social {
	margin: 0px 1% 0 0;
	float: right;
	width: 360px;
	position: relative;
	bottom: 65px;
}

.top_right ul li a{
	margin: 0px 1% 0 0;
	float: right;
	width: 130px;
	position: relative;
	top: 0px;
	text-transform:uppercase;
	color:#FFF;
	font-size: 14px; line-height: 20px; text-transform: uppercase; font-family: 'helvet01-webfont'; -webkit-transition:all 0.7s ease 0s;  -moz-transition:all 0.7s ease 0s;  -o-transition:all 0.7s ease 0s;  transition:all 0.7s ease 0s; font-weight:normal;
}
.social img.tvc { position:absolute; right: 0; top: 3px; }
.social.inr {  width: 600px; }
.social.inr li { margin: 0 2px 0 0; }
.social li {  float:right; margin: 0 0 0 0; }
.social li a.facebook { display: block; width: 10px; height: 22px; background: url(../images/social.png) no-repeat 0px 0; text-indent: -9999px; }
.social li a.twitter {
	display: block;
	width: 10px;
	height: 22px;
	background: url(../images/social.png) no-repeat -21px 0px;
	text-indent: -9999px;
}
.social li a.youtube { display: block; width: 10px; height: 20px; background: url(../images/social.png) no-repeat -41px 0; text-indent: -9999px; }
.social li a.mail { display: block; width: 10px; height: 22px; background: url(../images/social.png) no-repeat -63px 0; text-indent: -9999px; }
.social li a.pintess {
	display: block;
	width: 10px;
	height: 22px;
	background: url(../images/social.png) no-repeat -83px 0;
	text-indent: -9999px;
}
.social li a.contact { margin: 5px 0 0 0; color: #fff; background: #cb2e2b; padding: 5px 7px; line-height: 24px; }
.content_wrap { float:left; width: 100%; min-height: 700px; position:relative; }
.content_wrap img.priyanka {
	margin: 10px 0 0 0;
	width: 775px;
	position: absolute;
	bottom: -70px;
	right: -14px;
	z-index: 1;
}
.content_wrap .heading {}
.content_wrap .heading h2
{
    margin: 62px 0 0 3%;
    float: left;
    font-family: Pacifico;
    font-style: normal;
    font-size: 50px;
    line-height: 60px;
    color: #000;
    
}
.content_wrap .heading h2 span
{
    display: block;
    font-family: Pacifico;
    font-size: 50px;
    line-height: 92px;
}
.content_box { margin: 2% 0 0 3%; float: left; width: 97%; -webkit-transition:all 0.7s ease 0s;  -moz-transition:all 0.7s ease 0s;  -o-transition:all 0.7s ease 0s;  transition:all 0.7s ease 0s; }
.content_box .box { position:relative; padding: 0 60px 0 0; float:left; width: 180px; min-height: 348px; background: url(../images/sep.png) no-repeat top right; }
.content_box .box.gap { background: none; padding: 0; }
.content_box .box p { padding: 10px 0 0 0; text-align: left; font-size: 14px; line-height: 18px; font-family: 'Conv_Ubuntu-L'; color: #000; }
.content_box .box h2 { position: absolute; top: 123px; left:12%; font-weight: bold; width: 140px; text-align:center; font-family: 'helvet01-webfont'; font-size: 15px; line-height: 18px; text-transform: uppercase; color: #fff; }
.footerWrap .content_box { display: none; }
.footerWrap {
	margin: 0 0 0 0;
	float: left;
	width: 100%;
	min-height: 5px;
	max-height:55px;
	
	background: url(../images/footerbg.png) repeat 0 0;
	position: relative;
	z-index: 1;
}
.footerWrap.aboutfooter { position: fixed; bottom: 0;}
.abouthead { position: fixed; top: 0; z-index: 99;}
.footerWrap ul { margin: 10px 0 0 2.5%; }
.footerWrap li { float:left; }
.footerWrap li a { padding: 0 5px; font-size: 12px; text-transform: uppercase; font-family: 'regular-webfont'; }
.footerWrap p { padding: 5px 0 5px 47px; font-size: 10px; line-height: 20px; text-transform: uppercase; text-align:left; color: #fff; display: block; clear: both; }
.slider_wrap { margin: 200px 0 0 0; min-height: 700px; float:left; width: 100%; }
.imgbox { margin: 60px 0px 0 50px; width: 685px; float:left; }
.textbox { margin: 0 150px 0 0; width: 620px; float:right; }
.textbox h2 { font-size: 20px; line-height: 30px; font-weight:bold; color: #000; font-family: 'helveticaneue-thin-webfont'; text-transform: uppercase; }
.textbox h1 { font-size: 20px; line-height: 30px; font-weight:bold; color: #000; font-family: 'helveticaneue-thin-webfont'; text-transform: uppercase; }
.textbox h3 { margin: 0 0 11px 0; font-size: 18px; line-height: 20px; color: #000; font-family: 'helveticaneue-thin-webfont'; text-transform: uppercase; }
.textbox h4 { font-size: 17px; line-height: 20px; color: #000; font-family: 'helveticaneue-thin-webfont'; }
.textbox ul.t-box li p { font-size: 13px; line-height: 16px; color: #000; font-family: 'Conv_Ubuntu-L'; }
.textbox ul.t-box { margin: 40px 0 0 0; }
.textbox ul.t-box li { float: left; width: 190px; padding: 0 10px 0 0; }
.textbox ul.t-box li .img-b { min-height: 170px; }
.textbox ul.t-box li img { max-width: 100%; width:auto; }

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.content_box .flex-direction-nav, .content_box .flex-control-nav { display: none; }
.flex-direction-nav a  { text-decoration:none; display: block; width: 48px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; color: transparent; }
.flex-direction-nav .flex-prev { left: -50px; background:url(../images/arrow.png) no-repeat 0 0; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; background:url(../images/arrow.png) no-repeat -48px 0; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
.flex-direction-nav a.nxt { opacity: 1; right: 10px; margin: 130px -10px 0 0; float:left;  background:url(../images/arrow.png) no-repeat -98px 0; height: 48px; width: 48px; display: none; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-paging {position:absolute; text-align:center; top: -200px; float:left; clear: both; left: 0; z-index:9; width: 100%; height: 213px; background:url(../images/schmitten-hov.png) repeat-x 0 bottom; display: none; }
.flex-control-nav li {margin: 40px 5px 0 5px; display:inline-block; zoom: 1; *display: block;}
.flex-control-paging li a { cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a { text-indent: -99999px; display: inline-block; width: 216px; height: 140px; background-size: cover !important; } 
.flex-control-nav li.one a { background: url(../images/hov1.png) no-repeat 0 0; }
.flex-control-nav li.two a{ background: url(../images/hov2.png) no-repeat 0 0; }
.flex-control-nav li.three a{ background: url(../images/hov3.png) no-repeat 0 0; }
.flex-control-nav li.four a{ background: url(../images/hov4.png) no-repeat 0 0; }
.flex-control-nav li.five a{ background: url(../images/hov5.png) no-repeat 0 0; }
.flex-control-nav li.six a{ background: url(../images/hov6.png) no-repeat 0 0; }
.flex-control-nav li.seven a{ background: url(../images/hov7-new.png) no-repeat 0 0; }
.flex-control-nav img.hott { position: relative; bottom:-35px; left: 47%; cursor: pointer; display: none; z-index:99999; }
.flex-control-nav2 li.one a { background: url(../images/hoppits-4.png) no-repeat 0 0; }
.flex-control-nav2 li.two a { background: url(../images/hoppits-3.png) no-repeat 0 0; }
.flex-control-nav2 li.three a { background: url(../images/hoppits-1.png) no-repeat 0 0; }
.flex-control-nav2 li.four a { background: url(../images/hoppits-2.png) no-repeat 0 0; }
.flex-control-nav2 li a { height: 200px; width: 336px; }
.flex-control-paging li a:hover { }
.flex-control-paging li a.flex-active { cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
#nb { display: none; }
.bottom_arrw { width: 100%; padding: 10px 0; float:left; background:url(../images/arrowbg.png) repeat; display: none; }
.bottom_arrw img { display: block; margin: 0 auto; }

.content_scroll { float:left; width: 100%; min-height: 1500px; }
.overview h2 { padding: 0 0 10px 0; margin: 0 0 100px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.overview h1 { padding: 0 0 10px 0; margin: 0 0 100px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.overview { padding: 140px 0 0 0; float:left; width: 100%; min-height:500px; 

    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=1 ); /* ie6-9 */
 }
.overview .left { width: 45%; float:left; }
.overview .right { width: 53%; padding: 0 2% 0 0; float:right; }
.overview p { font-size:14px; line-height: 21px; padding: 0 0 15px 0; font-family: 'Conv_Ubuntu-L'; font-style:normal; }
.overview .left img { max-width: 100%; }

.Tablets { padding: 0px 0 0 0; float: left; width: 100%; position:relative; }
.Tablets h2 { position:absolute; padding:95px 25% 0; z-index:2; font-family: 'helvet01-webfont'; font-size: 34px; line-height: 40px; text-transform: uppercase; text-align:center; font-weight: bold; }
.Tablets h3 { position:absolute; padding: 185px 25% 0; z-index:2; font-family: 'helveticaneue-thin-webfont'; font-style:italic; font-size: 21px; line-height: 30px; text-align:center; font-weight: bold; }
.Tablets .right { position: relative; padding: 310px 0 0 0; float:right; width: 50%; min-height: 600px; 
    background: -moz-radial-gradient(center, ellipse cover, rgba(182,173,167,1) 0%, rgba(90,75,64,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(182,173,167,1)), color-stop(100%, rgba(90,75,64,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(182,173,167,1) 0%, rgba(90,75,64,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(182,173,167,1) 0%, rgba(90,75,64,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(182,173,167,1) 0%, rgba(90,75,64,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(182,173,167,1) 0%, rgba(90,75,64,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6ada7', endColorstr='#5a4b40',GradientType=1 ); /* ie6-9 */
 }
 .Tablets .right h4 { float: left; clear:both; text-align: left; padding: 0 30px 0 0px; margin: 20px 0 10px 20px; font-size: 25px; line-height: 35px; text-transform: uppercase; color: #000; font-family: 'Conv_Bitter-Bold'; border-bottom: 1px dashed #000; }
  .Tablets .right p { padding: 0 50px 0 20px; text-align: left; font-size: 17px; line-height: 24px; color: #000; font-family: 'Conv_Ubuntu-L';}
 .Tablets .right img { margin: 0 0px 0 20px; display: block; float: left; max-width: 100%; }
 .Tablets .right img.divi { margin: 0; position:absolute; top: 20%; left:0; width:auto; }
.Tablets .left { padding: 310px 0 0 0; float:left; width: 50%; min-height: 600px; 
    background: -moz-radial-gradient(center, ellipse cover, rgba(173,156,140,1) 0%, rgba(104,78,54,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(173,156,140,1)), color-stop(100%, rgba(104,78,54,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(173,156,140,1) 0%, rgba(104,78,54,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(173,156,140,1) 0%, rgba(104,78,54,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(173,156,140,1) 0%, rgba(104,78,54,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(173,156,140,1) 0%, rgba(104,78,54,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AD9C8C', endColorstr='#684e36',GradientType=1 ); /* ie6-9 */
 }
 .Tablets .left img { margin: 0 20px 0 0px; float: right; display: block; max-width: 100%; }
 .Tablets .left p { text-align: right; padding: 0 20px 0 50px; font-size: 17px; line-height: 24px; color: #000; font-family: 'Conv_Ubuntu-L';}
 .Tablets .left h4 { text-align: right; margin: 20px 20px 10px 0; padding: 0 0 0 30px; font-size: 25px; line-height: 35px; color: #000; font-family: 'Conv_Bitter-Bold'; text-transform: uppercase; border-bottom: 1px dashed #000; float: right; clear:both; }
 
 .vision { min-height:600px; width: 100%; float:left;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=1 ); /* ie6-9 */
}

.vision h2 {padding: 130px 0 10px 0; margin: 0 0 50px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.vision p {text-align: center; padding: 0 23%; font-size: 14px; line-height: 24px; color: #000; font-family: 'Conv_Ubuntu-L'; }

.vision h3 { padding: 0 0 0 0px; margin:0 auto 10px auto; font-size: 16px; line-height:35px; color: #000; font-family: 'Conv_Bitter-Bold'; text-transform: uppercase; border-bottom: 1px dashed #000; display:block; width:437px; text-align:center; }

.team { min-height:1100px; width: 100%; float:left;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=1 ); /* ie6-9 */
}


.team h2 {padding: 130px 0 10px 0; margin: 0 0 50px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.team h3 { padding: 0 0 0 0px; margin:0 auto 10px auto; font-size: 16px; line-height:35px; color: #000; font-family: 'Conv_Bitter-Bold'; text-transform: capitalize; border-bottom: 1px dashed #000; display:block; width:580px; text-align:center; }

.team p {text-align: center; padding: 0 23%; font-size: 14px; line-height: 24px; color: #000; font-family: 'Conv_Ubuntu-L';}


.navIcon { position:fixed; top: 40%; right: 2%; z-index: 9999;}
.navIcon li { margin: 5px 0; position:relative; }
.navIcon li a { display: block; width: 15px; height: 16px; background:url(../images/navicon.png) no-repeat 0 0; text-indent: -99999px; }
.navIcon li a.t1 { background: none; }
.navIcon li a.t1:hover { background: none; }
.navIcon li a:hover, .navIcon li a.active { background:url(../images/navicon.png) no-repeat 0 -15px; }
.navIcon li a img { display: block; margin: 4px 0 0 -13px; float:left; }
.navIcon li span { position:absolute; left: -125px; text-align:right; top: 0px; display:none; font-size: 11px; width: 120px; }
.navIcon li:hover span { display: block; }

.career { padding: 140px 0 0 0; float:left; width: 100%; min-height: 800px; 

    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=1 ); /* ie6-9 */
 }
.career h2 {padding: 30px 0 10px 0; margin: 0 0 100px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.career h1 {padding: 30px 0 10px 0; margin: 0 0 100px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.career p {text-align: left; padding:8px 4%; font-size: 14px; line-height: 21px; color: #000; font-family:'Conv_Ubuntu-L'; }
.career ol { margin-left:6%;}
.career ol li {text-align: left; padding: 0; font-size: 14px; line-height:21px; color: #000; font-family:'Conv_Ubuntu-L'; padding-bottom:10px; padding-right:4%; }
.career h3 { float:left; margin: 10px 0px 0px 4%; padding: 0 0 0 0px; font-size: 16px; line-height: 35px; color: #000; font-family: 'Conv_Bitter-Bold'; text-transform: uppercase; clear:both; }
.career .form-container { width:1475px; margin:15px auto;}
.career .form-container .frm-left { width:120px; float:left; height:30px; text-align: left; font-size: 14px; line-height:30px; color: #000; font-family:'Conv_Ubuntu-L'; padding-bottom:10px; padding-right:4%; }
.career .form-container .frm-right { width:500px; float:left;}
.career .form-container .frm-right .txtfield {width:350px; background-color:#fff; height:30px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:14px; color:#333333; padding-left:10px; font-weight:bold;}
.career .form-container .frm-right .select-menu {width:75px; background-color:#fff; height:30px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:14px; color:#333333; padding-left:0px; font-weight:bold;}
.career .form-container .frm-right .txtarea {width:350px; background-color:#fff; height:100px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:14px; color:#333333; padding-left:10px; font-weight:bold;}


.hoppits { position:relative; top: 4px; float:left; clear: both; left: 0; z-index:9; width: 100%; min-height: 213px; background:url(../images/schmitten-hov.png) no-repeat 0 0; display: none; }
.hoppits img.btn1 { cursor: pointer; position:absolute; bottom: -40px; left: 50%; }
.hoppits ul { text-align:center; }
.hoppits li { margin:50px 10px 0 0; display: inline-block; }


.hoppits-new { padding: 140px 0 0 0; float:left; width: 100%; min-height: 800px; 

    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=1 ); /* ie6-9 */
 }
.hoppits-paging {text-align:center; float:left; clear: both; width: 100%; height: 215px; background:url(../images/hoppits-bg.png) repeat-x 0 bottom; position:absolute; left:0; top:82px; }
.hoppits-paging ul { margin:0; padding:0; list-style-type:none; margin-top:30px;}
.hoppits-paging li { float:left; padding:0 1% 0 1%; width:23%;}
.hoppits-paging li img { width:100%;}

.hoppits_wrap { margin: 200px 0 0 0; min-height: 700px; float:left; width: 100%; }
.hoppits_imgbox { margin: 20px 50px 0 70px; width: 618px; float:left; }
.hoppits_imgbox img { width:100%;}
.hoppits_textbox { margin: 0 50px 0 0; width: 720px; float:left; }
.hoppits_textbox h2 { font-size: 42px; line-height: 45px; color: #000; font-family: 'helveticaneue-thin-webfont'; text-transform: uppercase; }
.hoppits_textbox h4 { font-size: 17px; line-height: 20px; color: #000; font-family: 'helveticaneue-thin-webfont'; padding:10px 0; }


/*Sitemap css start here*/
.sitemap { padding: 140px 0 0 0; float:left; width: 100%; min-height:735px; 

    background:url(../images/site-map-center-bg.png) center top no-repeat;
	
 }
 .sitemap-center-bg {float:left; width: 100%; }
.sitemap h2  {padding: 30px 0 10px 0; margin: 0 0 70px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.sitemap h1  {padding: 30px 0 10px 0; margin: 0 0 70px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }


.sitemap .linkhead { width:1205px; margin:0 auto;}
.sitemap .linkhead .box-container { width:355px; float:left; margin-right:70px;}
.sitemap .linkhead .box-container .box { width:355px; float:left; background:url(../images/site-map-link-bg.png) left top; margin-bottom:45px;}
.sitemap .linkhead .box-container .box h3 { width:340px;; height:43px; float:left; background-color:#5e5451; border:#9c9795 solid 1px; padding-left:15px;}
.sitemap .linkhead .box-container .box h3 a {font-family: 'Conv_Bitter-Bold'; font-size:16px; color:#FFFFFF; line-height:43px;  text-transform:uppercase;  font-weight:bold; }
.sitemap .linkhead .box-container .box ul { margin:0; padding:0px 15px 10px 15px; list-style-type:none;}
.sitemap .linkhead .box-container .box ul li { line-height:30px;}
.sitemap .linkhead .box-container .box ul li a {font-family: 'Conv_Ubuntu-L'; font-size:16px; color:#FFFFFF; background:url(../images/sitemap-ul.png) left no-repeat; padding-left:20px; font-weight:bold;}
.mrgn-rght { margin-right:0 !important;}

/*Contact Us page start here*/
.contact-us { padding: 140px 0 0 0; float:left; width: 100%; min-height:735px; 

    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=1 ); /* ie6-9 */
 }
.contact-us h2  {padding: 30px 0 10px 0; margin: 0 0 50px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }


.contact-us .content-div { width:1410px; margin:0 auto;}
.contact-us .content-div .left-form { width:582px; float:left;}
.contact-us .content-div .left-form h3 { float:left; margin:0px 0px 30px 0; padding: 0 0 0 0px; font-size: 25px; line-height: 35px; color: #000; font-family: 'Conv_Bitter-Bold'; text-transform: uppercase; clear:both; }
.contact-us .content-div .left-form .contact-textfield { width:571px; background-color:#8a8381; height:46px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:16px; color:#dcdad9; padding-left:10px; font-weight:bold;}
.contact-us .content-div .left-form .contact-labelfield { width:571px; height:46px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:16px; color:#000; padding-left:10px; font-weight:bold;}
.contact-us .content-div .left-form .contact-textarea { width:571px; background-color:#8a8381; height:227px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:16px; color:#dcdad9; padding-left:10px; font-weight:bold;}

.contact-us .content-div .right-form { width:660px; float:right;}
.contact-us .content-div .right-form h3 {margin:10px 0 0 0; padding:0; font-size: 16px; line-height: 30px; color: #000; font-family: 'Conv_Bitter-Bold'; text-transform: uppercase; clear:both; font-weight:bold;}
.contact-us .content-div .right-form p {text-align: left; padding:10px 0px; font-size: 14px; line-height: 21px; color: #000; font-family: 'Conv_Ubuntu-L';}

.contact-us .content-div .right-form ul { margin:0; padding:0; list-style-type:none;}
.contact-us .content-div .right-form ul li { float:left; width:100px;}
.contact-us .content-div .right-form ul li a {text-align: left; padding:10px 0; display:block; font-size: 14px; line-height: 21px; color: #000; font-family: 'Conv_Ubuntu-L'; text-decoration:none;}

/*scroll css*/
#scrollbar1 {
	width: 620px;
	margin: 20px 0 10px;
}
#scrollbar1 .viewport {
	width: 580px;
	height: 500px;
	padding: 0px 0;
	overflow: hidden;
	position: relative;
}
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	background:none !important;
}
#scrollbar1 .scrollbar {
	background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar1 .track {
	background:#b0acab;
	height: 100%;
	width:6px;
	position: relative;
	padding: 0 0px;
}
#scrollbar1 .thumb {
	background: #867f7d;
	height: 18px;
	width: 12px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -2px;
}
#scrollbar1 .thumb .end {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar1 .disable {
	display: none;
}
.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}


/*Refer to a friend page start here*/
.refer { padding: 140px 0 0 0; float:left; width: 100%; min-height:735px; 

    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=1 ); /* ie6-9 */
 }


.refer .content-div { width:1290px; margin:50px auto 0;}
.refer .content-div .left-form { width:1290px; float:left;}
.refer .content-div .left-form h3 { float:left; margin:0px 0px 0px 0; padding: 0 0 0 0px; font-size:16px; line-height: 35px; color: #000; font-family: 'Conv_Bitter-Bold'; text-transform: uppercase; clear:both; }



.refer .content-div .left-form p {text-align: left; padding:10px 0px; font-size: 14px; line-height: 24px; color: #000; font-family: 'Conv_Ubuntu-L'; }
.refer .content-div .left-form p.bold-txt { color:#000000 !important; font-weight:bold; font-size:14px;}
.refer .content-div .left-form p a {text-align: left; padding:10px 0px; font-size: 14px; line-height: 24px; color: #000; font-family: 'Conv_Ubuntu-L'; text-decoration:underline; background:url(../images/plus-icon.png) left 10px no-repeat; padding-left:35px;}
.refer .content-div .left-form .refer-textfield { width:395px; background-color:#999391; height:47px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:18px; color:#dcdad9; padding-left:10px; font-weight:bold; border-bottom:#bfbbba solid 1px; font-style:italic;}
.refer .content-div .left-form .refer-textarea { width:495px; background-color:#999391; height:115px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:18px; color:#dcdad9; padding-left:10px; font-weight:bold; border-bottom:#bfbbba solid 1px; font-style:italic;}

.refer .content-div .right-form { width:420px; float:right;}
.refer .content-div .right-form h3 {float:left; margin:0px 0px 10px 0; padding: 0 0 0 0px; font-size:16px; line-height:25px; color: #000; font-family: 'Conv_Bitter-Bold'; text-transform: uppercase; clear:both;}

.refer .content-div .right-form p {text-align: left; padding:10px 0px; font-size: 14px; line-height: 24px; color: #000; font-family: 'Conv_Ubuntu-L'; padding:0 0 10px 0px; }
.refer .content-div .right-form .refer-capthca { width:395px; background-color:#999391; height:47px; margin-bottom:10px; font-family: 'helveticaneue-thin-webfont'; font-size:18px; color:#dcdad9; padding-left:10px; font-weight:bold; border-bottom:#bfbbba solid 1px; font-style:italic;}

.refer-submit-btn { margin:10px auto; width:75px;}


.content_scroll .overview .left { background:url(../images/divider.png) no-repeat top right; padding-top: 4%; }
.content_scroll .overview .right { width: 40%; padding: 0 10% 0 5%; }
.content_scroll .overview p { font-size: 14px; line-height: 20px; text-align:center; padding: 10px 0;  }
.content_scroll .overview p strong { font-weight: normal; }
.content_scroll .overview.vision h3 { font-size: 21px; }
.content_scroll .overview h2 { margin: 40px 0 30px; padding: 0; }
.content_scroll .overview h1 { margin: 40px 0 30px; padding: 0; }
.content_scroll .overview .left img.two { width: 480px; margin: -80px 0 0 0; }
.content_scroll .overview .left img.three { margin: -10px 0 0 0; }
.content_scroll .overview .left img.four { width: 580px; margin: -60px 0 0 30px; }
.content_scroll .overview.vision .left { min-height: 500px; }
.content_scroll .overview#brand .right { margin: 60px 0 0 0; }
.content_scroll .overview#team .left { min-height: 500px; }
.contact-us .content-div .right-form h3 span { font-size: 12px; } 
.h-pop { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.popbox { top: 20%; left: 32%; position:relative; width: 560px; background: #000; border-radius: 10px; padding: 10px; }
.clse { cursor: pointer; position:absolute; right:-10px;; top: -10px; }

.h-pop-new { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse-new { cursor: pointer; position:absolute; right:-10px;; top: -10px; }

.h-pop1 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse1 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop2 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse2 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop3 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse3 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop4 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse4 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop5 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse5 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop6 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse6 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop7 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse7 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop8 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse8 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop9 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse9 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }

.h-pop15 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse15 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop16 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse16 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop17 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse17 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop18 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse18 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop19 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse919 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop20 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse20 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop21 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse21 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop22 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse22 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop23 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse23 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop24 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse24 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop25 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse25 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop26 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse26 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop27 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse27 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop28 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse28 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop29 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse29 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop30 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse30 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop31 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse31 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop32 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse32 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop33 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse33 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop34 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse34 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop35 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse35 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop36 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse36 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop37 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse37 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop38 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse38 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop39 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse39 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop40 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse40 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop41 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse41 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop42 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse42 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop43 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse43 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop44 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse944 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop45 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse45 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop46 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse46 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop47 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse47 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop48 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse48 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop49 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse49 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }
.h-pop50 { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }
.clse50 { cursor: pointer; position:absolute; right:-10px;; top: -10px; }


.h-pop-google { position: absolute; background: url(../images/popbg.png) repeat; z-index: 9999; height: 100%; width: 100%; top: 0; left: 0; }

.media-container { width:92%; margin:0 auto 50px auto;}
.media-box { width:100%; float:left; margin-bottom:4px; }
.media-box .news-txt { width:98%; float:left; padding:1%; background-color:#dbd9d9;}
.media-box .news-txt h2 {font-family: 'Conv_Bitter-Bold'; font-size: 17px; text-transform:uppercase; text-align:left; background:none !important; font-weight: bold; line-height:22px; color: #000; margin:0; padding:0;}
.media-box .news-txt p { margin:5px 0 15px 0; padding:0;}
.media-box .news-txt img { float:right;}
.media-box .news-txt a { float:right; margin-top:5px; color:#000000; text-decoration:underline;}
.mrg-bottom-new { margin-bottom:45px !important;}
.media-gap { width:100%; clear:both; height:70px;}


/*Products css start here*/
.products { padding: 140px 0 0 0; float:left; width: 100%; min-height:735px;}
.products-center-bg {float:left; width: 100%; }
.products h2  {padding: 30px 0 10px 0; margin: 0 0 70px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.products h1  {padding: 30px 0 10px 0; margin: 0 0 70px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }


.products .linkhead { width:1205px; margin:0 auto;}
.products .linkhead .box-container { width:355px; float:left; margin-right:70px;}
.products .linkhead .box-container .box { width:355px; float:left; margin-bottom:45px;}
.products .linkhead .box-container .box h3 { width:338px; margin-top:10px; text-transform:uppercase; font-weight:600; text-align:center;}
.products .linkhead .box-container .box h3 span { width:338px; font-weight:200; text-align:center !important;}
.products .linkhead .box-container .box h3 a {font-family: 'Conv_Bitter-Bold'; font-size:16px; color:#FFFFFF; line-height:43px;  text-transform:uppercase;  font-weight:bold; }
.products .linkhead .box-container .box ul { margin:0; padding:0px 15px 10px 15px; list-style-type:none;}
.products .linkhead .box-container .box ul li { line-height:30px;}
.products .linkhead .box-container .box ul li a {font-family: 'Conv_Ubuntu-L'; font-size:16px; color:#FFFFFF; background:url(../images/sitemap-ul.png) left no-repeat; padding-left:20px; font-weight:bold;}
.mrgn-rght { margin-right:0 !important;}


/*videos css start here*/
.videos { padding: 140px 0 0 0; float:left; width: 100%;}
.videos-center-bg {float:left; width: 100%; }
.videos h2  {padding: 30px 0 10px 0; margin: 0 0 70px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }
.videos h1  {padding: 30px 0 10px 0; margin: 0 0 70px 0; font-family: 'Conv_Bitter-Bold'; font-size: 34px; font-weight: bold; line-height: 40px; color: #000; text-align:center; background:url(../images/sep1.png) no-repeat bottom center; }


.videos .linkhead { width:1205px; margin:0 auto;}
.videos .linkhead .box-container { width:248px; float:left; margin-right:10px; margin-left:45px;}
.videos .linkhead .box-container .box { width:248px; float:left; margin-bottom:45px;}
.videos .linkhead .box-container .box h3 { width:248px; margin-top:10px; text-transform:capitalize; font-weight:500; text-align:center;}
.videos .linkhead .box-container .box h3 span { width:248px; font-weight:200; text-align:center !important;}
.videos .linkhead .box-container .box h3 a {font-family: 'Conv_Bitter-Bold'; font-size:16px; color:#FFFFFF; line-height:43px;  text-transform:uppercase;  font-weight:bold; }
.videos .linkhead .box-container .box ul { margin:0; padding:0px 15px 10px 15px; list-style-type:none;}
.videos .linkhead .box-container .box ul li { line-height:30px;}
.videos .linkhead .box-container .box ul li a {font-family: 'Conv_Ubuntu-L'; font-size:16px; color:#FFFFFF; background:url(../images/sitemap-ul.png) left no-repeat; padding-left:20px; font-weight:bold;}
.mrgn-rght { margin-right:0 !important;}
