/*font*/
@font-face {
    font-family: 'Raleway-Regular';
	src: url('../fonts/Raleway-Regular.eot');
    src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/Raleway-Regular.ttf') format('truetype'),
		 url('../fonts/Raleway-Regular.woff') format('woff'),
		 url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
		 font-weight: normal;
   		 font-style: normal;
}
@font-face {
font-family: 'Raleway-Bold';
	src: url('../fonts/Raleway-Bold.eot');
    src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/Raleway-Bold.ttf') format('truetype'),
		 url('../fonts/Raleway-Bold.woff') format('woff'),
		 url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
		 font-weight: normal;
   		 font-style: normal;
}
/*font*/
body{margin:0; padding:0; }
html {background:url(../images/home-bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home-bg.jpg', sizingMethod='scale')";
	height:100%;
 min-height:100%;
	}
.clear{clear:both;}
aside, article, nav, header, footer, section{display:block;}
h1, h2, h3, h4, h5, h6, a, p, span{color:#666; padding:0; margin:0;}
.ash-color{color:#ccc;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.ash-color:hover{color:#fff;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.header-wrapper{width:96%; padding:20px 0 0 0; margin:0 2%;}
.head-left{float:left;}
.head-right{float:right;}
.no-margin-right{margin-right:0 !important;}
.center{text-align:center;}
/*slide menu*/
.slideout-menu {position: fixed;top: 0;left: -250px;width: 250px;height: 100%;background: #000;z-index: 99999;}
.slideout-menu .slideout-menu-toggle {position: absolute;top: 12px;right: 10px;display: inline-block;padding: 6px 9px 5px;font-family: Arial, sans-serif;font-weight: bold;line-height: 1;color: #999;text-decoration: none;vertical-align: top;	}
.slideout-menu .slideout-menu-toggle:hover {color: #fff;}
.slideout-menu h3{font-family: 'Raleway-Bold'; font-size:22px; padding:20px 0 25px 25px; margin:0; color:#fff;}
.slideout-menu ul{list-style:none; line-height:none; padding:0 0 0 0; margin:0 0 0 25px;}
.slideout-menu ul li{list-style:none; line-height:none; padding:8px 0 8px 0; margin:0; border-bottom:solid 1px #666;}
.slideout-menu ul li a{font-family: 'Raleway-Regular'; font-size:18px; color:#ccc; text-decoration:none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.slideout-menu ul li a:hover{color:#d30000; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
/*slide menu*/
.caption-box{width:96%; height:auto; margin:0 2%; text-align:center; padding:0; position:absolute; top:25%;}
.caption-box img{width:50%;}
.common-head-large{font-family: 'Raleway-Bold'; font-size:28px; color:#fff; padding:0; margin:0;}
.common-content-text-white{font-family: 'Raleway-Regular'; font-size:16px; color:#fff; text-decoration:none; padding:10px 0 0 0;}
/*loader*/
#preloader{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;z-index: 9999;height: 100%;}
#status{width: 200px;height: 200px;position: absolute;left: 55%;top: 55%;background-repeat: no-repeat;background-position: center;
margin: -100px 0 0 -100px;}
 /*loader*/
 
 /*overview*/
.tiles-wrapper-box{width:95%;max-width:1000px;margin:0 auto; padding:0; }
.tile-box img{width:100%; height:100%;}
.tile-image-box {height: 150px;margin: .5%;display: block;position: relative;float: left;width: 31.80%;height: auto;border:solid 2px #fff; }
.info {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);padding: 20px;text-align: center;
display: block;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;text-decoration:none;}
.info h1 {font-weight: bold;color: white; margin: 70px 0 0;letter-spacing: 1px;padding: 0;-webkit-font-smoothing: antialiased !important;font-family: 'Raleway-Bold'; font-size:28px;}
.info h1 a {color: #fff; }
.info h2 {margin-top: 0;color: white;font-size: 14px;font-style: italic;-webkit-font-smoothing: antialiased !important;font-family: 'Raleway-Regular'; font-size:14px;}
.title-main-head{font-family: 'Raleway-Bold'; font-size:38px; color:#fff; padding:0; margin:0; text-align:center; text-shadow:1px 1px 2px #333;}
.title-main-text{font-family: 'Raleway-Regular'; font-size:14px; color:#fff; padding:0; margin:0 0 10px 0; text-align:center;}
 /*overview*/
 
 /*slider section*/
.slider-inner-box{width:96%; height:auto; margin:0 2%; text-align:center; padding:0; position:absolute; top:12%;}
.gallery-inner-box{width:96%; height:auto; margin:0 2%; text-align:center; padding:0; position:absolute; top:11%;}
.scroll-right-slide{float:right; background:#000; padding:10px; width:27%; height:450px;  text-align:left;}
.scroll-right-slide-head{font-family: 'Raleway-Bold'; font-size:24px; color:#fff; padding:0 0 10px 0; margin:0; text-transform:uppercase;}
.scroll-right-slide-content{font-family: 'Raleway-Regular';  font-size:14px; color:#ccc; padding:0 0 10px 0; margin:0; font-weight:normal; line-height:20px;}
 .scroll-right-slide-link{font-family: 'Raleway-Regular';  font-size:14px; color:#F30; padding:0; margin:0; font-weight:normal;}
.slider-left-image{float:left; width:70%; background:#000; }.scroll-right-slide-inner::-webkit-scrollbar {width: 7px;}
.scroll-right-slide-inner::-webkit-scrollbar-track {background-color: #444;border-left: 1px solid #444;}
.scroll-right-slide-inner::-webkit-scrollbar-thumb {background-color:#ccc;}
.scroll-right-slide-inner::-webkit-scrollbar-thumb:hover {background-color: #999;}
.slider-left-image img{width:100%;}
.scroll-right-slide-inner{width:95%; height:370px; overflow:scroll; overflow-x: hidden; padding:5px;}
.head-question-slide{font-family: 'Raleway-Regular'; font-size:15px; color:#fdc400; padding:0 0 5px 0; margin:0; }
.head-sub-slide-white{font-family: 'Raleway-Regular'; font-size:16px; color:#fff; padding:0 0 5px 0; margin:0; font-weight:bold; }
 .answer-question-slide{font-family: 'Raleway-Regular';  font-size:14px; color:#ccc; padding:0 0 12px 0; margin:0; font-weight:normal; line-height:18px; font-style:italic;}
.gallery-slide-out{width:160px; height:103px !important; background:#000; opacity:0.9; z-index:999; padding:10px;}
.gallery-slide-out ul{list-style:disc; line-height:none; padding:0; margin:0 0 0 15px; color:#ccc;}
.gallery-slide-out ul li{list-style:disc; line-height:none; padding:0; margin:0 0 10px 0;}
.gallery-slide-out ul li a{list-style:none; line-height:none; padding:0; margin:0; font-family: 'Raleway-Regular';  font-size:14px; color:#ccc; text-decoration:none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; }
.gallery-slide-out ul li a:hover{color:#FFCC00;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;padding-left:3px;}
.bottom-navigation{width:50px; height:50px; color:#ccc; position:absolute; bottom:10%; right:2%; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.bottom-navigation:hover{color:#fff; right:1.5%; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.bottom-navigation-inner{width:50px; height:50px; color:#ccc; position:absolute; bottom:2%; left:2%; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.bottom-navigation-inner:hover{color:#fff; left:1.5%; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.full-image-slider{width:100%; height:auto;}
.full-image-slider img{width:100%;}
.over-effect{opacity:0.8;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.over-effect:hover{opacity:1;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.scroll-right-slide-inner ul{list-style:disc; margin:0 0 0 10px; padding:0; color:#fff;}
.scroll-right-slide-inner ul li{list-style:disc; margin:0; padding:0; font-family: 'Raleway-Regular';  font-size:14px; color:#ccc; padding:0 0 12px 0; margin:0; font-weight:normal;  line-height:18px;}
 /*slider section*/
 
 /*2016 page*/
 .twosix-wrapper-box{width:95%;max-width:1000px;margin:0 auto; padding:0; }
 .image-box-twosix{width:31.8%; height:auto; float:left; margin:0 .5% 1% .5%; border:solid 2px #fff; border-radius:1px;}
 .image-box-twosix-middle{width:32.20%; height:auto; float:left; margin:0 .5% 1% .5%;  border-radius:1px;}
 .image-box-twosix img{width:100%; cursor:pointer;}
 .image-box-twosix-middle img{width:100%;}
 /*2016 page*/


.video-thumb{width:30.40%; float:left; padding:0; margin:0 1% 2% 1%; border:solid 3px #fff; border-radius:3px; }
.video-thumb img{width:100%;}.close-pop{color:#000;}.close-pop:hover{color:#666;}
.video-head-large{font-family: 'Raleway-Bold'; font-size:16px; color:#333; padding:10px 0 0 0; margin:0; text-align:left;}
.video-content-large{font-family: 'Raleway-Regular'; font-size:14px; color:#666; padding:0; margin:0; text-align:left;}
.video-thumb-half{width:46.75%; float:left; padding:0; margin:0 1% 2% 1%; border:solid 3px #fff; border-radius:3px; }
.video-thumb-half img{width:100%;}
.video-thumb-last{width:46.75%; float:left; padding:0; margin:0 1% 2% 1%; border:solid 3px #fff; border-radius:3px; }
.video-thumb-last img{width:100%;}


/*media queries*/
@media only screen and (max-width: 820px)  
{
 .scroll-right-slide{float:none; background:#000; padding:10px; width:100%; height:300px;  text-align:left;}
 .scroll-right-slide-inner{width:96%; height:250px; overflow:scroll; overflow-x: hidden;}
 .slider-left-image{float:none; width:100%;  }
 .slider-inner-box{top:10%;}
 .info h1{margin:40px 0 0 0;}
 .video-thumb iframe{height:250px}
  .video-thumb{width:46.6%;}
  .video-thumb-half{width:46.6%;}
 .video-thumb-last{width:96.50%;}

}
@media only screen and (max-width: 460px)  {
 .tile-image-box{width:100% !important; float:none;}
 .tile-box img{width:100%; height:100%;}
 .image-box-twosix{width:98%; float:none;}
 .image-box-twosix-middle{width:98%; float:none;}
 .video-thumb iframe{height:200px}
 .video-thumb iframe{height:180px}
 .video-thumb{width:98%; float:none;}
 .video-thumb-half{width:98%; float:none;}
 .video-thumb-last{width:98%; float:none;}
}
@media only screen and (min-width: 461px) and (max-width:800px)  {
 .tile-image-box{width:48% !important;}
  .info h1{margin:60px 0 0 0;}
   .image-box-twosix{width:30%;}
   .image-box-twosix{width:48%;}
   .image-box-twosix-middle{width:100%;}
   .video-thumb-half{width:46.6%;}
    .video-thumb-last{width:96.50%;}
   
}
/*media queries*/