@charset "utf-8";

/* CSS Document */
.container {max-width: 1170px !important; margin:0 auto;}
body{ background:#e7e7e8 !important; }
 h2{margin:20px 0 0 20PX; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#339; text-shadow:0 2px 0 #FFF; text-align:left; font-weight:bold !important;}

.header{margin:0 auto; padding:10px 0 0 0; background:url(../images/headerbg.jpg) no-repeat; width:100%; height:94px;}
.name{margin:0; padding:0; width:250px;}
.social{margin:0; padding:0; width:100px; float:right;}
.social a{margin:0; padding:0; opacity:0.6;}
.social a:hover{margin:0; padding:0; opacity:0.9;}

.navigation{margin:0 0 0 50px; padding:0; font-family: Verdana, Geneva, sans-serif !important; font-size:16px; text-align:center; }
nav.navbar.navbar-inverse{ margin:0; padding:0; background:none !important; border:none;}
ul.nav.navbar-nav{width:700px; }
.navbar-nav>li>a{ color:#fff !important; box-shadow:none !important;  }
.navbar-nav>li>a:hover{ color:#F00 !important;}
.navbar-inverse .navbar-nav>.active>a{ background:none !important; color:#F00 !important; }

.banner{margin:0; padding:0; width:100%;}
.googletrans{margin:-40px 0 0 20px; padding:0; width:100%; position:absolute; z-index:999;}

.display{margin:0; padding:0; background: url(../images/displaybg.jpg) no-repeat;}
.display h1{margin:0 0 0 10px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#ffe400; text-shadow:0 1px 0 #000; text-align:center;}
.display p{margin:10px 0 10px 30px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#fff; text-shadow:0 1px 0 #000; text-align:left;}
.display a{margin:10px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#F93; text-shadow:0 1px 0 #000; text-align:left;}
.display a:hover{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FC0; text-shadow:0 1px 0 #000; text-align:left;}
.display1{margin:10px 20px 20px; padding:0; }

.welcome{margin:0; padding:0 0 30px;}
.welcome h1{margin:20px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#000; text-shadow:0 1px 0 #fff; text-align:left;}
.welcome p{margin:10px 0 10px 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#484847; text-shadow:0 1px 0 #fff; text-align:left;}
.welcomeimg{margin:20px 0 0 30px; padding:0; width:390px;}

.cirlce{margin:10px 0 0 0; padding:25px 0; background:#0E1F3D;}
.cirlce1{margin:0 0 0 60px; padding:0; width:200px; }
.cirlce1 a:hover{opacity:0.5;}
.cirlce h1{margin:20px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#dddddc; text-shadow:0 1px 0 #000;}
.cirlce p{margin:20px 0 20px 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#6CF; text-shadow:0 1px 0 #000;}
.cirlce span{margin:10px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#F93; text-shadow:0 1px 0 #000;}

.footer{margin:0; padding:0 0 20px 0; background: url(../images/footerbg.jpg) no-repeat #141b26;}
.footer h1{margin:20px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#f2f1f1; text-shadow:0 1px 0 #000; text-align:left;}
.footer p{margin:10px 0 10px 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#dbdbdb; text-shadow:0 1px 0 #000; text-align:left;}
.footer a{margin:10px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#F93; text-shadow:0 1px 0 #000; text-align:left;}
.footer a:hover{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FC0; text-shadow:0 1px 0 #000; text-align:left;}
.footer1{margin:0; padding:0; 0}

.bluebox{margin:0; padding:0; background:#003;}
.clock{margin:0; padding:0; background: #e7e7e8; text-align:center;}
.google{ margin:20px 0 0 30px; padding:0; width:390px; border:1px solid #999;}

.engine{margin:-190px 0 0 550px; padding:0; position:absolute; z-index:999; text-align:center;}
.santa{margin:440px 0 0 0; padding:0; width:200px; position:absolute; z-index:9999;}
/*.navbar-default{ margin:0; padding:0; background:none !important; border:none !important;}*/

/*.navbar-default{ margin:0; padding:0; background:none !important; border:none !important;}*/

.wheel_ani {
	height: 48px;
	width: 48px;
	background-image: url(../images/wheel_ani.png);
	background-repeat: no-repeat;
	margin-top: 19px;
	margin-left: 0px;
	float: left;
	z-index: 200;
	-webkit-animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    -ms-animation: rotation 1s linear infinite;
	background-position: center center;
	
}

.wheel_ani:hover {
	height: 48px;
	width: 48px;
	background-image: url(../images/wheel_ani.png);
	background-repeat: no-repeat;
	margin-top: 19px;
	margin-left: 0px;
	float: left;
	z-index: 200;
	-webkit-animation: rotation 0.2s linear infinite;
    -moz-animation: rotation 0.2s linear infinite;
    -ms-animation: rotation 0.2s linear infinite;
	background-position: center center;
	opacity: 0.6;}
.driverip{margin:0 0 0 0; padding:0; width:680px;  background:#213140;}
.driverip  p{margin:10px 0 10px 0; padding:15px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#dbdbdb; text-shadow:0 1px 0 #000; text-align:left;}
.driveripimg{margin:0 0 0 -15px; padding:0; width:252px;  }
.driveripimg a:hover{ opacity:0.4;}
.smallbanner{margin:0 0 0 0; padding:0; width:680px;}

.clearfix { clear:both; display:block;}
.beauty {
    width: 300px;
    height: auto;
    position: absolute;
    background: url(../images/beautybg.png) repeat-x !important; border:3px solid #fff;
    z-index: 0;
    color: white;
    text-align: center;
	margin:-200px 0 0 20px;
}

.beauty:hover {cursor: pointer;}
.beauty h1{margin:20px 0 0 20px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#03F; text-shadow:0 1px 0 #fff; font-size:20px; text-decoration:none; text-align:left;}
.beauty p{margin:15px 0 0 20px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#057d65; text-shadow:0 1px 0 #fff;  font-size:15px; text-decoration:none; text-align:left;}

	



@-webkit-keyframes rotation {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotation {
    0%   { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotation {
    0%   { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}





/*/--------------------------------wow slider-----------------------------------/*/



/*
 *	generated by WOW Slider 2.7.1
 *	template Mellow
 */
 
 
 .slider_div {
	border: 2px dashed #E4E1E1;
	height: 240px;
	width: 532px;
	padding: 10px;
	float: left;
	margin-left: 30px;
	border-radius:8px;
	}
	
.accordion-heading{ margin:0; padding:0; width:680px; border-radius:6px; background:#d6d7d8; border:1px solid #a0a2a4; line-height:36px; color:#fff;}
@media screen and ( max-width:970px){
	
.header{margin:0 auto; padding:10px 0 0 0; background:url(../images/headerbg.jpg) no-repeat; width:100%; height:auto;}
.name{margin:0 10px 0 0; padding:0; width:90% !important; text-align:center;}
.social{margin:0 0 0 0; padding:0; width:100%; text-align:center;}

.navigation{margin:-60px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; text-align:center; background:# CCC;}
nav.navbar.navbar-inverse{ margin:100px 0 0 0; padding:0; background: #333333 !important; border:none; width:100%; border:1px solid #000 !important; height: auto !important; border-radius:7px 7px 0 0;}
ul.nav.navbar-nav{ width:100%; }
.navbar-inverse .navbar-nav>.active>a{ background:none !important; color:#F00 !important; box-shadow:none !important; padding:0 0 0 20px;}
.navbar-toggle{ padding:0 !important; height:auto !important;}
.banner{margin:0; padding:0; width:100%;}
.santa{margin:190px 0 0 0; padding:0; width:50%; position:absolute; z-index:9999;}


.display{margin:0; padding:0; background: url(../images/displaybg.jpg) no-repeat #000; width:100%;}
.display h1{margin:20px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#ffe400; text-shadow:0 2px 0 #000; text-align:center; }
.display p{margin:10px 0 10px 20px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#fff; text-shadow:0 1px 0 #000; text-align:left;}
.display1{margin:20px 0 0 30px; padding:0; width:75%; text-align:center;}
.welcomeimg{margin:20px 0 0 0; padding:0; width:100% !important; text-align:center;}
.cirlce{margin:10px 0 0 0; padding:0; background:url(../images/circlebg.jpg) repeat-x #0e1f3d;}
.cirlce1{margin:10px 0 0 0; padding:0; width:100%; text-align:center;}
.cirlce h1{margin:20px 0 0 10px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#dddddc; text-shadow:0 1px 0 #000; text-align:left;}

.engine{margin:1px 0 0 20px; padding:0; position:absolute; z-index:999; text-align:center;}
.google{ margin:0; padding:0; width:100%; border:1px solid #999;}


.wheel_ani {
	height: 26px;
	width: 26px;
	background-image: url(../images/wheel_ani2.png);
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 255px;
	float: left;
	z-index: 200;
	-webkit-animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    -ms-animation: rotation 1s linear infinite;
	background-position: center center;}
	
.wheel_ani:hover {
	height: 26px;
	width: 26px;
	background-image: url(../images/wheel_ani2.png);
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 255px;
	float: left;
	z-index: 200;
	-webkit-animation: rotation 0.2s linear infinite;
    -moz-animation: rotation 0.2s linear infinite;
    -ms-animation: rotation 0.2s linear infinite;
	background-position: center center;
	opacity: 0.8;}
	
.driverip{margin:0 0 0 0; padding:0; width:100%;  background:#213140;}
.driveripimg{margin:0 0 0 -15px; padding:0; width:100%;  }	
.smallbanner{margin:0 0 0 0; padding:0; width:100%;}
.beauty {
    width: 220px;
    height: auto;
    position: absolute;
    background: url(../images/beautybg.png) repeat-x !important; border:3px solid #fff;
    z-index: 0;
    color: white;
    text-align: center;
	margin:-200px 0 0 0;
	text-align:center;
	
}
.ronline{ margin:0; padding:0; width:100%;}
.accordion-heading{ margin:0; padding:0; width:100%; border-radius:6px; background:#d6d7d8; border:1px solid #a0a2a4; line-height:36px; color:#fff;}
.googletrans{margin:-40px 0 0 20px; padding:0; width:100%; position:absolute; z-index:999;}

	
}

@media screen and (max-width: 700px){
	
.header{margin:0 auto; padding:10px 0 0 0; background:url(../images/headerbg.jpg) no-repeat; width:100%; height:auto;}
.name{margin:0 10px 0 0; padding:0; width:90% !important; text-align:center;}
.social{margin:0 0 0 0; padding:0; width:100%; text-align:center;}

.navigation{margin:-60px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; text-align:center; background:# CCC;}
nav.navbar.navbar-inverse{ margin:100px 0 0 0; padding:0; background: #333333 !important; border:none; width:100%; border:1px solid #000 !important; height: auto !important; border-radius:7px 7px 0 0;}
ul.nav.navbar-nav{ width:100%; }
.navbar-inverse .navbar-nav>.active>a{ background:none !important; color:#F00 !important; box-shadow:none !important; padding:0 0 0 20px;}
.navbar-toggle{ padding:0 !important; height:auto !important;}
.banner{margin:0; padding:0; width:100%;}
.santa{margin:190px 0 0 0; padding:0; width:50%; position:absolute; z-index:9999;}


.display{margin:0; padding:0; background: url(../images/displaybg.jpg) no-repeat #000; width:100%;}
.display h1{margin:20px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#ffe400; text-shadow:0 2px 0 #000; text-align:center; }
.display p{margin:10px 0 10px 20px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#fff; text-shadow:0 1px 0 #000; text-align:left;}
.display1{margin:20px 0 0 30px; padding:0; width:75%; text-align:center;}
.welcomeimg{margin:20px 0 0 0; padding:0; width:100% !important; text-align:center;}
.cirlce{margin:10px 0 0 0; padding:0; background:url(../images/circlebg.jpg) repeat-x #0e1f3d;}
.cirlce1{margin:10px 0 0 0; padding:0; width:100%; text-align:center;}
.cirlce h1{margin:20px 0 0 10px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#dddddc; text-shadow:0 1px 0 #000; text-align:left;}

.engine{margin:1px 0 0 20px; padding:0; position:absolute; z-index:999; text-align:center;}
.google{ margin:0; padding:0; width:100%; border:1px solid #999;}


.wheel_ani {
	height: 26px;
	width: 26px;
	background-image: url(../images/wheel_ani2.png);
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 255px;
	float: left;
	z-index: 200;
	-webkit-animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    -ms-animation: rotation 1s linear infinite;
	background-position: center center;}
	
.wheel_ani:hover {
	height: 26px;
	width: 26px;
	background-image: url(../images/wheel_ani2.png);
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 255px;
	float: left;
	z-index: 200;
	-webkit-animation: rotation 0.2s linear infinite;
    -moz-animation: rotation 0.2s linear infinite;
    -ms-animation: rotation 0.2s linear infinite;
	background-position: center center;
	opacity: 0.8;}
	
.driverip{margin:0 0 0 0; padding:0; width:100%;  background:#213140;}
.driveripimg{margin:0 0 0 -15px; padding:0; width:100%;  }	
.smallbanner{margin:0 0 0 0; padding:0; width:100%;}
.beauty {
    width: 220px;
    height: auto;
    position: absolute;
    background: url(../images/beautybg.png) repeat-x !important; border:3px solid #fff;
    z-index: 0;
    color: white;
    text-align: center;
	margin:-200px 0 0 0;
	text-align:center;
	
}
.ronline{ margin:0; padding:0; width:100%;}
.accordion-heading{ margin:0; padding:0; width:100%; border-radius:6px; background:#d6d7d8; border:1px solid #a0a2a4; line-height:36px; color:#fff;}
.googletrans{margin:-40px 0 0 20px; padding:0; width:100%; position:absolute; z-index:999;}

	
}

@media screen and (max-width: 480px) {
	
.header{margin:0 auto; padding:10px 0 0 0; background:url(../images/headerbg.jpg) no-repeat; width:100%; height:auto;}
.name{margin:0 10px 0 0; padding:0; width:90% !important; text-align:center;}
.social{margin:0 0 0 0; padding:0; width:100%; text-align:center;}

.navigation{margin:-60px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; text-align:center; background:# CCC;}
nav.navbar.navbar-inverse{ margin:100px 0 0 0; padding:0; background: #333333 !important; border:none; width:100%; border:1px solid #000 !important; height: auto !important; border-radius:7px 7px 0 0;}
ul.nav.navbar-nav{ width:100%; }
.navbar-inverse .navbar-nav>.active>a{ background:none !important; color:#F00 !important; box-shadow:none !important; padding:0 0 0 20px;}
.navbar-toggle{ padding:0 !important; height:auto !important;}
.banner{margin:0; padding:0; width:100%;}
.santa{margin:190px 0 0 0; padding:0; width:50%; position:absolute; z-index:9999;}


.display{margin:0; padding:0; background: url(../images/displaybg.jpg) no-repeat #000; width:100%;}
.display h1{margin:20px 0 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#ffe400; text-shadow:0 2px 0 #000; text-align:center; }
.display p{margin:10px 0 10px 20px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#fff; text-shadow:0 1px 0 #000; text-align:left;}
.display1{margin:20px 0 0 30px; padding:0; width:75%; text-align:center;}
.welcomeimg{margin:20px 0 0 0; padding:0; width:100% !important; text-align:center;}
.cirlce{margin:10px 0 0 0; padding:0; background:url(../images/circlebg.jpg) repeat-x #0e1f3d;}
.cirlce1{margin:10px 0 0 0; padding:0; width:100%; text-align:center;}
.cirlce h1{margin:20px 0 0 10px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#dddddc; text-shadow:0 1px 0 #000; text-align:left;}

.engine{margin:1px 0 0 20px; padding:0; position:absolute; z-index:999; text-align:center;}
.google{ margin:0; padding:0; width:100%; border:1px solid #999;}


.wheel_ani {
	height: 26px;
	width: 26px;
	background-image: url(../images/wheel_ani2.png);
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 255px;
	float: left;
	z-index: 200;
	-webkit-animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    -ms-animation: rotation 1s linear infinite;
	background-position: center center;}
	
.wheel_ani:hover {
	height: 26px;
	width: 26px;
	background-image: url(../images/wheel_ani2.png);
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 255px;
	float: left;
	z-index: 200;
	-webkit-animation: rotation 0.2s linear infinite;
    -moz-animation: rotation 0.2s linear infinite;
    -ms-animation: rotation 0.2s linear infinite;
	background-position: center center;
	opacity: 0.8;}
	
.driverip{margin:0 0 0 0; padding:0; width:100%;  background:#213140;}
.driveripimg{margin:0 0 0 -15px; padding:0; width:100%;  }	
.smallbanner{margin:0 0 0 0; padding:0; width:100%;}
.beauty {
    width: 220px;
    height: auto;
    position: absolute;
    background: url(../images/beautybg.png) repeat-x !important; border:3px solid #fff;
    z-index: 0;
    color: white;
    text-align: center;
	margin:-200px 0 0 0;
	text-align:center;
	
}
.ronline{ margin:0; padding:0; width:100%;}
.accordion-heading{ margin:0; padding:0; width:100%; border-radius:6px; background:#d6d7d8; border:1px solid #a0a2a4; line-height:36px; color:#fff;}
.googletrans{margin:-40px 0 0 20px; padding:0; width:100%; position:absolute; z-index:999;}

}