@charset "utf-8";








body {
	margin:0;
	font-family: 'Raleway', sans-serif;
}

.stilo {
	color:#ccc7a9 !important;
}


.loader {position: fixed;z-index: 10000;top: 0;right: 0;bottom: 0;left: 0;background:#000;}
.loaderimg {left:50%;width:50px;height:50px;background:url("1-1.png"/*tpa=http://www.yitong-vip.top:666/images/1.png*/) no-repeat; position:absolute;top:50%;margin-left:-15px;margin-top:-15px;}



.clear {clear:both;}

.aspace {margin-top:30px;}

@keyframes bgscroll {
	from {background-position:0 0;}
	to {background-position:-1220px 0;}
}

@-webkit-keyframes bgscroll {
	from {background-position:0 0;}
	to {background-position:-1220px 0;}
}
.bgimg {
	background:url("fgbj.png"/*tpa=http://www.yitong-vip.top:666/images/fgbj.png*/) repeat;
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	top:0;
	z-index:-9999;
	animation: bgscroll 40s infinite linear;
	-webkit-animation: bgscroll 40s infinite linear;
}

.overlaybg {position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;background: rgba(0, 0, 0, .2);}



.vmenu {
	position:absolute;
	left:0;
	top:0;
	width:130px;
	height:100%;
	z-index:99;
	background: rgba(28, 28, 28, .5);
}
.vmenu ul {
	margin:0;
	padding:0;
	height:100%;
}
.vmenu li {list-style:none;height:25%;position:relative;}
.vmenu li a {
	float:left;
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	font-weight:400;
	z-index:5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.vmenu li a:hover {color:#ccc7a9;background: rgba(0, 0, 0, .6);}
.vmenu i {width:100%;font-size:20px;padding-bottom:10px;}
.menubut {width:100%;position:absolute;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}




.containerhome {
	width:100%;
	position:absolute;
	top:50%;
	overlay:scroll;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
}
.containerhome h1 {color: #ffffff;font-size: 20px;font-weight:300;letter-spacing:10px;padding-top: 14px;}
.containerhome p {color:#fff;font-size:15px;font-weight:300;letter-spacing:1.5px;}
.subscribenow {width:170px;height:42px;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom: 30px;}
.subscribenow a {
	width:100%;
	height:100%;
	float:left;
	border:2px solid #fff;
	padding-top:9px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.subscribenow a:hover {background:#fff;color:#000;text-decoration:none;}


#about-page{display:none;}
.containerabout {
	width:100%;
	margin:170px 0px 70px 0;
	text-align:left;
}
.containerabout h3 {font-size:45px;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing: 4px;}
.containerabout p {font-size:14px;font-weight:300;color:#fff;line-height:35px;letter-spacing:1px;margin:35px 0 35px 0;}


.galleryitem  {
	width:100%;
	height:130px;
	background:#ccc;
	margin-bottom:50px;
	overflow:hidden;
	position:relative;
}
.galleryitem a {outline:none;}
.galleryitem img {width:100%;cursor:default;vertical-align: middle;}
.viewitem {
	width:90px;
	height:30px;
	background:#000;
	position:absolute;
	right:0;
	bottom:0;
}
.viewitem a {
	width:100%;
	height:30px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-size:13px;
	color:#fff;
	padding-top:7px;
	letter-spacing:1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.viewitem a:hover {color:#ccc7a9;}

.infoitem {
	background: rgba(28, 28, 28, .7);
	letter-spacing:1px;
	font-size:14px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	height:65px;
	cursor:default;
	padding-top:23px;
	text-align:center;
	margin-bottom:25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.infoitem:hover {background: rgba(28, 28, 28, .8);}


#services-page{display:none;}
.containerservices {
	width:100%;
	margin:170px 0px 70px 0;
	text-align:left;
}
.containerservices h3 {font-size:45px;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing: 4px;}

.service {
	width:100%;
	margin-top:50px;
	margin-bottom:30px;
	height:330px;
	text-align:center;
	cursor:default;
	border-right:1px dashed #333;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.service:hover {background: rgba(0, 0, 0, .7);}
.service i {width:100%;float:left;color:#fff;font-size:65px;padding:55px 0px 55px 0px;}
.service span {font-size:25px;color:#fff;font-weight:400;}
.service p {font-size:15px;color:#fff;padding:5px 0px 15px 0px;}
.moredetails {font-size:13px;font-weight:600;color:#b4af91;text-transform:uppercase;}

.owl-theme .owl-controls .owl-page span {
	width:30px;
	height:5px;
	float:left;
	margin-right:5px;
	margin-bottom:15px;
	background:#2c2f36;
	text-align:center;
}
.owl-theme .owl-controls .owl-page.active span {background:#ccc7a9;}
.owl-theme .owl-controls.clickable .owl-page:hover span {background:#ccc7a9;}


#contactus-page {display:none;}
.containercontact {
	width:100%;
	margin:170px 0px 70px 0;
	text-align:left;
}
.containercontact h3 {font-size:45px;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing: 4px;}



.contact-form {
	width:100%;
	height:230px;
	margin-bottom:30px;
}
.contact-form input {width:100%;height:48px;background: rgba(0, 0, 0, .4);border:0;outline:none;text-transform:uppercase;color:#9b9c9e;padding:0px 15px 0px 15px;letter-spacing:1px;}
.contact-form textarea {width:100%;height:75px;margin-top:30px;float:left;color:#fff;background: rgba(0, 0, 0, .4);border:0;outline:none;resize:none;text-transform:uppercase;padding:15px;letter-spacing:0.7px;}
.control-name {
	width:48%;
	float:left;
	height:48px;
	margin-right:4%;
}
.control-email {
	width:48%;
	height:48px;
	float:left;
}
.control-message {
	width:100%;
	height:75px;
	float:left;
}
.control-submit {
	width:100%;
	height:48px;
	float:left;
	margin-top:59px;
}
.control-submit button {
	text-transform:uppercase;
	background: rgba(0, 0, 0, .8);
	border:0;
	width:100%;
	height:48px;
	outline:none;
	color:#ccc7a9;
	letter-spacing:1px;
	font-weight:600;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.control-submit button:hover {
	color:#ccc7a9;
	background: #111;
}
.status-message-contact {
	font-size:15px;
	margin:0px 0px 0px 0px;
	text-align:center;
}



#map {
	width:100%;
	height:230px;
}


.socialitem {
	width:100%;
	height:120px;
	float:left;
	background: rgba(28, 28, 28, .5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin:20px 0px 20px 0px;
}
.socialitem:hover {
	background: rgba(0, 0, 0, .8);
}
.socialitem a {
	width:100%;
	float:left;
	height:120px;
	text-align:center;
	font-size:34px;
	color:#fff;
	padding-top:35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.socialitem a:hover {color:#ccc7a9;}



#subscribe-page {display:none;}
.latestnews {
	font-size:16px;
	font-weight:400;
	color:#fff;
	letter-spacing:1px;
}

.subscribec {
	margin:20px 0px 50px 0px;
	position:relative;
}
.subscribec input {
	border:0;
	border-radius:0;
	outline:none;
	width:100%;
	height:52px;
	background: rgba(28, 28, 28, .6);
	font-size:14px;
	color:#9b9c9e;
	text-transform:uppercase;
	padding:0px 150px 0px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.subscribec input:hover {
	background: rgba(0, 0, 0, .8);
}
.subscribec button {
	background:#ccc7a9;
	color:#fff;
	width:112px;
	height:36px;
	border:0;
	position:absolute;
	right:8px;
	outline:none;
	top:8px;
	letter-spacing:1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.subscribec button:hover {
	background:#d8d3b7;	
}


.comingsoon {padding-bottom:20px;}
.comingsoontext {font-size:15px;color:#fff;letter-spacing:1px;line-height:32px;}


.count {
	background: rgba(28, 28, 28, .5);
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	height:154px;
	list-style:none;
	margin-top:20px;
	padding-top:30px;
	cursor:default;
}
.count:hover {background: rgba(0, 0, 0, .8);}
.count span {
	font-size:36px;
	color:#fff;
}
.count p {
	font-size:16px;
	font-weight:300;
	color:#fff;
	padding-top:10px;
}






.nextbut {
	width:200px;
	height:46px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background: rgba(28, 28, 28, .5);
}
.nextb {
	width:100%;
	height:46px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	font-size:14px;
	padding-top:13px;
	/* text-transform:uppercase; */
	letter-spacing:1.2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nextb:hover {color:#fff;background: rgba(0, 0, 0, .7);}



.backbut {
	width:70px;
	height:50px;
	background: rgba(28, 28, 28, .5);
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.backb {
	width:100%;
	height:50px;
	float:left;
	text-align:center;
	font-size:30px;
	padding-top:2px;
	color:#d8d8d8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.backb:hover {
	color:#d8d8d8;
	background: rgba(0, 0, 0, .7);
}



.wusi_footer{
	height: 30px;
	line-height: 35px;
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: darkslategrey;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 1px;
}

 *{  
            margin: 0px;  
            padding: 0px;  
        }  
        video{  
            position: fixed;  
            right: 0px;  
            bottom: 0px;  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
            /**/
            /*filter: blur(15px); // */
            /*-webkit-filter: grayscale(100%);*/  
            /*filter:grayscale(100%); //*/  
            z-index:-11
        }  
        source{  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
        } 

.logo img{width:160px;}
 @media screen and (min-width: 800px) {
.containerhome h1 {color: #ffffff;font-size: 40px;font-weight:300;letter-spacing:10px;padding-top: 14px;}
.logo img{
    width: 480px;
}
}