@charset "utf-8";
/*CSS Document*/
/*Don't use undescore(_)*/
/*Don't define font family in body*/
/*UseProper name for css*/
/*--DEFAULT TAGS DEfinition END--*/


/*-Fonts-*/
body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; position:relative; background:#fdfdfd; } 
ul,form {margin: 0; padding: 0; list-style: none;}
input[type="button"],input[type="submit"] {font-family:Arial, Helvetica, sans-serif; }
input, textarea,{outline-style: none; font-size: 1em; font-family:Arial, Helvetica, sans-serif; line-height: 1;}

/*-for image link-*/
img	{padding:0; margin:0; border:0;}
a img{/*filter: alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1;*/ border : 0px;}
a:hover img{/*filter: alpha(opacity=90); opacity:.9; -moz-opacity:.9; -webkit-opacity:.9;*/ border : 0px;}

/*Heading Definitions*/
h1, h2, h3, h4, h5, h6{   }
h2{}
h3{}
h4{}
h5{}
h6{}

/*Heading Definations end*/

/* Anchors */
a { outline: 0;  text-decoration: none;  color:#0c3849;}
a img { border: 0px; text-decoration: none; }
a:link, a:visited {  }
a:hover, a:active {}
a:focus {outline-style: none;}
strong, b { font-weight:800; }
p b, p strong { font-weight:600; }
.alert strong { font-weight:700; }
p a{text-decoration:underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }


/*---Moz Focus---*/
a:active, a:focus, input[type="image"], select:focus, input, input[type="button"]:focus {
outline: 0;
-moz-outline-style: none;
outline-style : none; outline-width : medium;
}
:focus {
-moz-outline-style: none;
}
select::-moz-focus-inner,
button::-moz-focus-inner,
checkbox:-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="checkbox"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}


/*--Commonly Used Classes works according to name-*/
.left{ float:left;}
.right{ float:right;}
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; font-size: 1px; height: 0; line-height: 0; visibility: hidden;}
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{text-align:right;}

/*---Buttons Setting-*/
.btn-primary, .btn-secondary{ background:#487e91; color:#FFF; cursor: pointer; border:none; padding:11px 23px; border-radius:5px;}
.btn-secondary{ background:#e43863; }
.btn-primary.full{ width:100%;}

/*----Small Elements Setting
.ShapeH { border-left: 4px solid #F00; border-top: 4px solid transparent; border-bottom:4px solid transparent; margin:0px; display:inline; font-size:0; line-height:0;}
.ShapeV { border-top: 4px solid #F00; border-left: 4px solid transparent; border-right:4px solid transparent; margin:0px; display:inline; font-size:0; line-height:0;}

.sprite{ background:url(../images/sprite.png) no-repeat;}*/

/*--Header-*/
#main-header{
	overflow: hidden;
	padding: 0px 0 12px;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	position: fixed;
	z-index: 202;
	height: 85px;
}

.logo { position:relative; z-index:10; max-width:200px; display:inline-block;}
.logo img{ max-width:100%;}
.logo-wrap{
	background:rgba(0,0,0,1);
}
header .logo-wrap .container img{
	padding:4px 0px 5px 15px;
}

header .logo-wrap .container{
	padding:0px;
}

/*--Navigation---*/
.main-nav{ background:#4497b6; }


/*--Footer---*/


/*--Containers---*/
#wrapper{ font-size:1em;  background:#FFF; position:relative; color:#000;  }
.container{ max-width:84.286em; margin:0 auto;}
.container .nav-links li{
	display: inline;
}
.container ul.nav-links{
	text-align: center;
	display: inline;
	float: right;
	margin-top: 10px;
}
.container .nav-links a{
	color: #FFFFFF;
	padding: 25px;
}

.modal-body h2
{
	text-align: center;
}

#main-container{  }
.container img, .container iframe, .modal-content iframe{ max-width:100%;}
.scrollable{ z-index:9999; position:relative; left: 0; background:#FFF; padding-top:58px;  min-height:100%;}
.box-container{ padding:22px;}
.head-bg{ 
	background:url(../../../images/cf-retina-images/images/head-bg-img.jpg) no-repeat center; 
	background-size:cover;
	padding-bottom:80px;
	position: relative;
	height: 797px;
	z-index: 101;
}

header .social-nav{ margin-top:9px; }
header .social-nav .fa{ color:#cccccc; font-size:1.7em; margin-left:13px;}
header .social-nav .fa.fa-twitter:hover{ color:#32b6f0;}
header .social-nav .fa.fa-facebook:hover{ color:#3b589d;}
header .social-nav .fa.fa-google-plus:hover{ color:#cb4320;}
header .social-nav .fa.fa-envelope:hover{ color:#e0382e;}
header .container{ position:relative; padding-top:8px;}
header .t-line{ position:absolute; left:110px; top:60px; width:5000px; z-index:1;  right:0; border-bottom:#bfbbb8 solid 1px; text-align:right; display:block;}

.social-nav a{cursor:pointer;}
.social-nav .sharre .box{display:none;}

.main-footer{ background:#f68121; text-align:center; padding:10px 0 10px;}
.main-footer p{ color:#FFF; margin-bottom:0; margin-top:1px;}
.main-footer .btn-secondary{ background:#FFF; padding:4px 12px; color:#000; font-size:.913em; float:left;}
.main-footer .btn-secondary:hover{ text-decoration:none; opacity:.9;}
.carousel-control.left, .carousel-control.right{ background:none;}
.mid-head {
	position: absolute;
	bottom: 0;
	width: 100%;
	max-width: 100%;
}
.img-txt-block{
	text-align: center;
	margin-top: 145px;
}
.img-txt-block h2{
	font-size: 48px;
	color: #fff;
}

.img-txt-block h5{
	font-size: 26px;
	color: #fff;
}

.img-txt-block .play-block{
	width: 97px;
	height: 97px;
	display: inline-block;
	margin-top: 80px;
	background: url('/images/cf-retina-images/images/play.png') no-repeat 0 0;
}
.img-txt-block .play-block:hover{
	background: url('/images/cf-retina-images/images/play-active.jpg') no-repeat 0 0;
}


.mid-head .col-md-4{ min-width:36%;}
.mid-head .vr-con{display: table-cell; height: 338px; vertical-align: bottom;}
.mid-head .vr-con p{  font-size:2em; color:#FFF; font-weight:300; margin-bottom:0;}
.mid-head .vr-con p sup{ font-size:.444em;}
.form-block{
	background:rgba(0,0,0, .3)
}
.alpha-form-box{  padding:12px 12px 30px 12px; border-radius:5px; text-align: center;}
.alpha-form-box h2{ text-align:center; font-size:18px; font-weight:normal; color:#FFF;  margin-top: 15px; margin-bottom: 20px;}
.main-form{
	width:795px;
	margin:0px auto;
	overflow: hidden;
}
.alpha-form-box input[type=text], .alpha-form-box select, .alpha-form-box input[type=number],.alpha-form-box input[type=email], .alpha-form-box .dropdown .btn-default{ width:255px; border:none; margin-right: 0px;margin-bottom: 0px; padding:15px 16px;  color:#fff; border-radius:3px; text-align:left; background: transparent; border: 1px solid #fff; float: left;}
.alpha-form-box input[type=text]:focus, .alpha-form-box select:focus,.alpha-form-box input[type=number]:focus,.alpha-form-box input[type=email]:focus{
	background: rgba(253,253,253, .2);
}
.alpha-form-box select{
	height: 50px;
}
.alpha-form-box select option{
	color: #333;
}

.alpha-form-box input[type=text]:hover, .alpha-form-box select:hover,.alpha-form-box input[type=number]:hover,.alpha-form-box input[type=email]:hover{
	background: rgba(253,253,253, .2);
	cursor: pointer;
}
.alpha-form-box .dropdown .btn-default{ color:#a9a9a9; margin-bottom:0;}
.alpha-form-box .dropdown .btn .caret{ position: absolute; right:20px; top:25px; color:#7d7d7d;}
.alpha-form-box .btn-primary{ margin-top:10px; padding: 13px 20px;  width: 255px; border-radius: 3px;}
.alpha-form-box .dropdown-menu{ max-height:140px; overflow:auto;}
.alpha-form-box .btn-primary{float:left; margin-top:0px; font-size: 18px; margin-bottom: 10px;}
#cpdiv{float:left; display: inline-block; width:255px; margin-right: 0px;}
#cpdiv img{float:left; border-radius: 3px; margin-right: 10px;}
#cpdiv .capta-txt{width: 125px; margin-right: 0px;}
::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}
.vr-slider { text-align:center; margin-top:65px;}
.vr-slider h2{ font-weight:300; font-size:2.5em; margin-bottom:0; position: relative; z-index: 100; }


#myCarousel .frame{ background:url(../../../images/cf-retina-images/images/eye-frame.png) no-repeat center; background-size:contain; position:absolute; top: 37px; bottom: 36px; left:0; right:0; z-index:10;}
#myCarousel .mask .up{ background:url(../../../images/cf-retina-images/images/mask-up.png) center top no-repeat; background-size:100%; height:51px; position:absolute; left:0; right:0; top:0;}
#myCarousel .mask .down{ background:url(../../../images/cf-retina-images/images/mask-down.png) center bottom no-repeat; background-size:100%; height:51px; position:absolute; left:0; right:0; bottom:0;  }
.carousel-control{ z-index:100;}
#myCarousel .left-arrow,.right-arrow{
	background:  url('/images/cf-retina-images/images/slider-arrow.png') no-repeat 0px 0px;
	height:36px; 
	width:31px;
	display:inline-block;
	margin-top: 19px;
}
#myCarousel .right-arrow{
	background-position: 0px -37px;
	width:21px;
}
.download-txt{
	margin-top: 40px;
}
.glyphicon-menu-left, .glyphicon-menu-right{ position:absolute; top:43%; z-index:100; left:0;  width:66px; height:75px; background: rgba(0,0,0, .7);}
.glyphicon-menu-right{ right:0; left:auto;}
.glyphicon-menu-left:before, .glyphicon-menu-right:before{ font-size:0; background:url(../../../images/cf-retina-images/images/slider-arrow.png) left top no-repeat; width:20px; height:36px; position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.glyphicon-menu-right:before{ background-position:left bottom;}

.carousel-inner>.item img{ width:100%; margin:0 auto; max-height:496px;}
.carousel-indicators{ bottom:-13px;}
.carousel-indicators li{ background-color:#e5e5e5; width:16px; height:16px;}
.carousel-indicators .active{background-color:#f57f20; width:16px; height:16px;}
.btn-primary{background:#f68121; border-radius:5px; font-weight:500; font-size:14px;}
.btn-primary:hover{background:#f68121; opacity:0.9;}
.v-real h2{ color:#FFF; font-weight:300; font-size:2.5em; margin-top:0; margin-bottom:50px;}
.mid-head{ margin-top:60px;}

.highlight-box{ background:#f6f1ea; padding:80px 0; margin:100px 0 0 0;}
.highlight-box h2{ font-size:1.5em; line-height:1.5;}
.highlight-box .col-md-6 h2{ margin-top:40px;}

.download-link { margin-top:10px; margin-bottom:10px;}
.download-link, .download-link a{ color:#000; font-size: 1.250em;}
.share-it label{ font-weight:300; font-size:1.125em; margin-top:20px;}
.share-it .fa{ color:#999999; font-size:1.5em; margin-left:12px;}
.share-it .fa.fa-twitter:hover{ color:#32b6f0;}
.share-it .fa.fa-facebook:hover{ color:#3b589d;}
.share-it .fa.fa-google-plus:hover{ color:#cb4320;}
.share-it .fa.fa-envelope:hover{ color:#e0382e;}

.highlight-box.touch-sm{padding:0 0 0 0; margin:0; background-color:#f5f5f5;}
.highlight-box.touch-sm .col-md-6{ text-align:right;}
.vr-video{ max-width:340px; display:inline-block; cursor:pointer;}
.vr-video img{ max-width:100%;}

.video-con h2{ font-weight:normal; font-size:1.5em; margin:50px 0 0 0;}
.video-con p{ font-weight:300; font-size:1em;}

.modal-backdrop{ opacity:0.7; top:0; bottom:0;}
.modal-header{ border:none; position: absolute; right: -25px; width: 20px; height: 20px; top: -32px; }
.modal-body{ padding:0; font-size:0;}
.modal-header .close { outline: none; margin-top: 15px; position: absolute; background: #000; color: #FFF; padding:3px 8px 4px;  border-radius: 100%; z-index: 1000; opacity: 1; border: #FFF 2px solid; font-weight:300; }
.modal-dialog {  margin: 100px auto; }

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{ background:#FFF;}

.modal-view .pop{ width: 300px; height: 100px; background: #FFF; border-radius:10px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 200; margin: auto; text-align: center; padding: 20px; font-size: 1em;}
.modal-view .op-bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0, .7); z-index: 100;}
#success-reg .success{ color: green; }
#success-reg .danger{ color: red; }
.modal-view .btn-primary{ padding: 5px 10px; font-size: .875em;}

.hide{ display: none;}

.nav-links-text
{
	font-size: 12px;
	color: #333;
	padding:15px 5px 15px 20px;
}

.nav-links-content
{
	height:150px;
	display: block;
}

.nav-links-content li
{
	list-style: disc;
	padding: 5px;
	margin: 0 10px;
}
.nav-links-content li a{
	text-decoration: underline;
}



#experience-center-Modal .modal-body
{
	padding: 15px;
}

#about
{
	text-align: center;
	padding: 30px;
	background-color: #ebebeb;
}
.about-title{
	color: #333333;
}

#advantage
{
	padding: 10px; 
}
#advantage li
{
	line-height: 25px;
	color: #333333;
	font-size: 16px;
}

.term-condition-text{
	font-size: 12px;
	color: #333;
	padding:15px 5px 15px 20px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #c3c3c3 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background: none !important;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	left: 14px;
}
.term-condition-text h2{
	margin-top: 0px;
}
.term-condition-content{
	height:440px;
	display: block;
}
.term-condition-text ul{
	list-style-type: disc;
	display: list-item !important;
	margin-left: 18px;
}
.term-condition-text ul li{
	list-style-type: disc;
	padding-bottom: 10px;
	display: list-item !important;
	margin-right: 15px;
}
.retina-desc{
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	padding-top: 10px;
}

.experience-txt{
	font-size: 20px;
	margin-bottom: 20px;
}
.experience-center-table{
	font-size: 12px;
	color: #333;
}
.experience-center-table th{
	font-size: 13px;
	color: #000;
	border: 1px solid black;
	padding:4px 2px;
	text-align: center;
}
.experience-center-table td{
	border: 1px solid black;
	padding:5px 10px;
	text-align: center;
}

a.retina-link{
	display: block;
	color: #000;
	margin-top: 35px;
}
a.retina-link{
	color: #f68121;
	text-decoration: underline;
}
a.retina-link:focus{
	text-decoration: none;
}
/*##################### winner snippet css ####################### 
.lucky-winner-tab{
	background-image: url(/images/cf-retina-images/images/winner-tab.png);
	background-repeat: no-repeat;
	background-position: -9px 10px;
}
#lucky-winners{
	background: url('/images/cf-retina-images/images/Retina-widget-768.jpg');
}
.winners-body-left{
	padding-top: 100px;
	padding-bottom: 100px;
}
.winners-body-right{
	color: white;
	padding-top: 30px
}
.winner-header{
	margin-top: 36px;
}
.winner-detail{
	margin-top: 36px;
	color: #A89E9E;
}
.winner-detail img{
	padding-right: 5px;
}
.winner-name{
	font-weight: bold;
	font-size: 17px;
	color: #fff;
}
.winner-footer{
	margin-top: 36px;	
}
.winner-footer a{
	color: #f68121;
	text-decoration: none;
}
.previous-winner{
	padding-bottom: 10px;
	border-bottom: 1px solid #A19D9D;
}
.register-winner{
	margin-top: 36px;
}
#previous-winner-Modal .modal-dialog .modal-content .modal-body{
    height: 250px;
    overflow-y: auto;
    padding-bottom: 15px;
}
.previous-winner-table{
	margin: 0 auto;
}
.winner-txt{
	font-size: 20px;
	margin-bottom: 20px;
}
.winner-table{
	font-size: 12px;
	color: #333;
	margin: 5px auto;
}
.winner-table th{
	font-size: 13px;
	color: #000;
	border: 1px solid black;
	padding:4px 2px;
	text-align: center;
}
.winner-table td{
	border: 1px solid black;
	padding:5px 10px;
	text-align: center;
}
.link-trms-cond a{
	color: #f68121;
	float: right;
	font-size: small;
	padding-right: 10px;
}*/
input::-webkit-calendar-picker-indicator {
	display: block;
	color: #999;
	background: none;
}

@media screen and (max-width: 1294px) {
   .alpha-form-box .btn-primary{
 	  	margin-top:0px;
   }
}

@media screen and (max-width: 1024px) {
   #myCarousel .frame{ top:22px; bottom:22px;  background-size:contain;}
   .carousel-indicators{ bottom:-25px;}
}

@media screen and (max-width: 996px) {
   .mid-head .vr-con{ display:block; height:auto;}
   .mid-head .vr-con p{ color:#000; margin-bottom:20px;}
   .mid-head .col-md-4.right{ float:none;}
   .highlight-box .col-md-5.text-right, .highlight-box .col-md-6.right{ float:none; text-align:center;}
   .highlight-box.touch-sm, .highlight-box.touch-sm .col-md-6{ text-align:center;}
  	.main-form{
		width:530px;
	}
	.field-wrapper{
		height: 64px;
	}
}

@media screen and (max-width: 768px) {
   #myCarousel .frame{ bottom: 16px; top: 16px;}
   .glyphicon-menu-left, .glyphicon-menu-right{  padding:15px;}
   .carousel-indicators{ bottom:-28px;}
   .v-real{ margin-bottom:20px; text-align:center;}
   .main-footer p{ text-align:right;}
}

@media screen and (max-width: 989px) {
	#cpdiv{
		margin-right: 10px;
	}
	.alpha-form-box .captcha-wrap{
		float: none;
	}
	.img-txt-block h2{
		font-size: 35px;
	}
	.img-txt-block h5 {
		font-size: 26px;
	}
	.img-txt-block .play-block{
		width: 81px;
		height: 81px;
		margin-top: 75px;
		background-size: 100% 100%;
	}
	.container .nav-links a {
		padding: 25px 5px;
		font-size: 12px;
	}
	 .nav-block{padding:0px;}
	.container .nav-links a.lucky-winner-tab{
	 	display: inline-block;
	 	padding: 25px 20px;
	 }
	#main-header{
		height: 120px;
	}  
}
@media screen and (max-width: 667px) {
	#myCarousel .frame{ bottom: 11px; }
	.glyphicon-menu-left, .glyphicon-menu-right{  padding:10px;}
	.highlight-box{ padding:40px 0; margin:50px 0;}
	.v-real h2{ margin-bottom:25px;}
	.main-footer p{font-size: .875em; text-align: right; margin-top:5px;}
	.modal-header{ right: 25px;}
	#myCarousel .frame { bottom: 14px; top: 14px; }
	.img-txt-block h2{
		font-size: 28px;
	}
	.img-txt-block h5 {
		font-size: 20px;
	}
	.img-txt-block .play-block{
		width: 73px;
		height: 73px;
		margin-top: 50px;
		background-size: 100% 100%;
	}
}

@media screen and (max-width: 568px) {
	.v-real h2, .vr-slider h2{  font-size:2em;}
	.glyphicon-menu-left, .glyphicon-menu-right{ top:40%; width:40px; height:50px;}
	#myCarousel .frame{ top:12px; bottom:12px;}


}

@media screen and (max-width: 480px) {
	#myCarousel .frame { top:11px; bottom:11px;}
	.v-real h2, .vr-slider h2{ font-size:1.5em;}
	.carousel-indicators{ bottom:-35px;}
	.main-footer p{ text-align:center; margin-top:10px;}
	.main-footer .btn-secondary{ float:none;}
	.mid-head .vr-con p{  font-size:1.25em;}
	.glyphicon-menu-left, .glyphicon-menu-right{ top:35%;}
	.main-form{
		width:275px;
	}
		.img-txt-block h2{
		font-size: 20px;
	}
	.img-txt-block h5 {
		font-size: 14px;
	}
	.img-txt-block .play-block{
		width: 50px;
		height: 50px;
		margin-top: 10px;
		background-size: 100% 100%;
	}
}

@media screen and (max-width: 320px) {
	#myCarousel .frame { top:6px; bottom:6px;}
	#termConditionModal .modal-header .close{
		margin-left: -16%;
	}
}
.error {
	display: inline-block;
	float: left;
	width: 255px;
	text-align: left;
	color: #dd4b39;
}
.field-wrapper {
	width: 255px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; 
}
.field-wrapper .error{
	display: none;
}
.field-wrapper.error .error{
	display: inline-block;
}
#reg-success-box{
	display: none;
	font-size: 14px;
	text-align: center;
	padding: 35px;
}
@media screen and (max-width: 1200px) {
	.container .nav-links a.lucky-winner-tab{
	 	padding: 25px 20px;
	 }
	
	#wrapper{
		font-size: 0.8em;
	}
	}