/* Normalize Css*/

@font-face {
    font-family: 'robotolight';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-light-webfont.woff2') format('woff2'),
         url('roboto-light-webfont.woff') format('woff'),
         url('roboto-light-webfont.ttf') format('truetype'),
         url('roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.ttf') format('truetype'),
         url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* { margin:0; padding:0;}

*, *:before, *:after {
  box-sizing: border-box;
}
 
html {
	
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
 



::-moz-selection {
    color: #ffffff;
    background: #80be00 ;
}

::selection {
    color: #ffffff;
    background: #80be00 ;
}


a  { text-decoration:none; }
a:hover, a:focus { text-decoration:none;}
a:hover {
 cursor:pointer;
}
body {
	font-family: 'robotoregular';
	overflow-x:hidden !important;
	}

 
#main {height:100%; width:100%; background:url(screen_main.jpg) no-repeat top center; background-size:cover;  margin:0; position:fixed; padding:0; display:block; top:0; }
.container { text-align:center; width:1099px; overflow:hidden; height:700px; margin:0px auto 0; padding:0px; position:relative;}
.main-content{ position:relative;width:100%; height:100%;}
.center-content { display: block; left: 0%; padding: 0; position: relative;  top: 0%; width: 100%;}
.center-content-home{ display: block; padding: 0; width: 100%;}
.main-content.pg1{background:url(screen_home.jpg) no-repeat;}
.main-content.pg{background:url(screen_main.jpg) no-repeat;}
.main-content.pg_last{background:url(screen_end.jpg) no-repeat;}
.center_bg{text-align:center; width:100%; float:left; color:#fff; padding:6px 5% 0;}
.center_bg h2{font-size:36px; margin:0 0 10px;}
.center_bg p{font-size:17px; font-family: 'robotolight'; line-height:24px;}
.divider-line {bottom: 66px; height: 2px; position: absolute; width: 100%; background:url(divider_line.png) no-repeat top center;}



/*paging*/
.bottom { position:absolute; width:100%; bottom:26px; left:0;  float:left;}
.pager {  margin:0px 25px; position:relative; }

.paging {  text-align:center; width:75%; margin:0 auto;} 
.paging ul { list-style:none;}
.paging ul li { display:inline-block; background-color:transparent; border-radius:50%; height:20px;  width:20px; cursor:pointer;}
.paging a { display:inline-block; background:#8b8b8b; border:2px solid #d3e7f7; width:12px; height:12px; border-radius:50%; margin:2px 0;  padding:0px;} 
.paging li:hover a, .paging li.active a { display:inline-block; background:#14a286; border:2px solid #d3e7f7; width:12px; height:12px; border-radius:50%;  } 
.paging ul li:hover, .paging ul li.active{ background:#d3e7f7; border:2px solid #14a286;}
.pager a.next { z-index:10000;  background: url("right_arrow.png") no-repeat right center; color: #131314; display: inline-block; font-size: 0;
    height: 32px; padding-right: 37px;padding-top: 3px; position: absolute; right: 38%; top: -3px; width: auto; }
.pager li > a, .pager li > span{padding:0px; background:#8b8b8b; border:none}
.pager a.prev { position:absolute; z-index:10000; left:38%; top:-3px; font-size:0px; color:#131314; display:inline-block; background:url(left_arrow.png) no-repeat left center; width:auto; height:32px; padding-left:37px; padding-top:3px; }
.pager a:hover{color:#131314;}
.pager.white-pager .paging a {border:2px solid #000; } 
.pager.white-pager .paging li:hover a, .pager.white-pager .paging li.active a {  border:2px solid #000;  } 
.pager.white-pager .paging ul li:hover, .pager.white-pager .paging ul li.active{ background:#000; }
.pager.white-pager a.next { color:#c1c0c0;background:url(right_arrow.png) no-repeat right 63px center;  padding-right:133px; padding-top:1px; }
.pager.white-pager a.prev { background: url("left_arrow.png") no-repeat 16px center; color: #c1c0c0; font-size: 20px;  left: 39px;  padding-left: 0; padding-top: 1px;  top: 0; width: 258px;}
.pager.white-pager a:hover{color:#fff;}
/*footer*/
#footer {padding:0; margin:0; text-align:center;  font-size:14px; color:#fff; width:100%; line-height:70px; position:absolute; bottom:0px; font-family: 'robotoregular'; }
#footer a { color: #fff; font-size: 14px;}
#footer a:hover, #footer a:focus {  color: #c1c0c0;}
.prev-wht{position:absolute; left:3%; bottom:10px; line-height:30px; width:auto;}
.prev-wht a.prev{color:#fff; background:url(left_arrow_home.png) no-repeat left top; height:40px; padding-left:50px; font-weight:400; font-size:18px; float:left;}
.prev-wht a:hover{ color:#c1c0c0;}
.next-wht{position:absolute; right:3%; bottom:10px; line-height:30px; width:auto;}
.next-wht a.next{color:#fff; background:url(right_arrow_home.png) no-repeat right top; height:40px; padding-right:50px; font-weight:400; font-size:18px; float:left;}
.next-wht a:hover{ color:#c1c0c0;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height:700px;
  background-color: #777;

}
.carousel .item, .carousel-control.left, .carousel-control.right{background:none}

*{outline:none !important;}
.paging{padding-top:20px;}
.carousel-indicators li{ position:relative; display:inline-block;  padding:5px; border:none;  height:auto;width:auto; margin:0px !important;}
.carousel-indicators li.active{background:none; height:auto; width:auto;  padding:3px; border:2px solid #dd2a45 !important}
.carousel-indicators li i{ height:8px; width:8px; position:relative; display:block; background:#7b2332; border-radius:100%;}
.carousel-indicators li.active i{background:#dd2a45}
.carousel-indicators { bottom: -19px; left: 0px; list-style: outside none none; margin-left: 0; padding-left: 0; position: absolute; text-align: center;width: 100%; z-index: 15;}
.bottom .prev .last-tour{display:none}
.last-style .bottom .next{display:none}
.carousel-inner .bottom .launch-app{display:none; width:auto;}


.last-style .bottom .next.launch-app{display:block; background: url("right_arrow.png") no-repeat right center; color:#fff; font-size:17px; padding-right:45px; right:26%;}
.last-style .bottom .prev .back{display:none}
.last-style .bottom .prev{display:block; padding-left:45px; background: url("left_arrow.png") no-repeat left center; color:#fff; font-size:17px; left:26%;}
.last-style .bottom .prev .last-tour{display:block; padding-left:0px; color:#fff;}
.first-style .bottom .prev{ cursor:text; opacity:0.3;}
#start_btn{text-align:center; display:inline-block; margin-top:0px; margin-bottom:0px; width:20%; }
#start_btn_sec{background:none; border:none;padding-top:455px;}
.st_btn{border:solid 2px #dd2a45; background:#dd2a45; color:#fff; font-size:19px; text-transform:uppercase; box-shadow:0 0 10px #000; font-weight:600; font-family: 'robotoregular'; padding:12px 30px; border-radius:5px; cursor:pointer;}
.st_btn:hover, .st_btn:focus {background:#de1231;  color:#fff; border-color:#de1231; }
.carousel-inner{height:100%;}
body{padding-top:0px;}


*{
    -webkit-user-select: none;
}




