/*
BRWN
themes.vebn.co 
Made by VBN (Veaceslav Burian)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border:0 none;
	font-family: 'STSong','simsun',sans-serif;
font-size-adjust:inherit;
font-stretch:inherit;
font-style:inherit;
font-variant:inherit;
font-weight:inherit;
line-height:inherit;
margin:0;
padding:0;
}


body {
width: 100%;
height: 100%;
	font-family: 'STSong','simsun',sans-serif;
}

html {
width: 100%;
height: 100%;
}

a, a:hover, a:active, a:focus {
outline: medium none;
text-decoration: none;
}

p {
padding:20px 0;
}

ol, ul {
list-style:none outside none;
}

h1, h2, h3, h4, h5, h6 {
letter-spacing:1px;
}

h1 {
font-size:28px;
text-transform:uppercase;
	font-family: 'STSong','simsun',sans-serif;
margin-bottom:6px;
}
h1.zh{
	font-size:18px;
	margin-bottom:60px;
}
input::-webkit-input-placeholder {color:#000;}
textarea::-webkit-input-placeholder {color:#000;}

.song{
	font-family: 'STSong','simsun',sans-serif;
}
.hei{
	font-family: "STHeiti","微软雅黑","Microsoft YaHei","SimHei",sans-serif;
}


/* HOME */
.overlay-bg {
background:#000;
bottom:0;
left:0;
opacity:0.45;
position:absolute;
right:0;
top:0;
transform:translate3d(0px, 0px, 0px);
transition:all 0.3s ease-in-out 0s;
z-index:0;
}

/* Navigation */
.navbar {
font-size:14px;
font-weight:900;
text-transform:uppercase;
letter-spacing:1px;
}
.navbar-custom a {
color:#fff;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
outline: 0;
color:#B3B3B3;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.navbar-nav > li > a {
padding-bottom:22px;
padding-top:22px;
}
.top-nav-collapse {
padding:0;
background-color:#1A1A1A;
}
.navbar-custom.top-nav-collapse {
border-bottom:#1A1A1A;
}

/* Slider */
.carousel-caption {
color: #FFFFFF;
left:15%;
padding-bottom: 20px;
padding-top: 20px;
position: absolute;
right: 15%;
bottom:45%;
text-align: center;
z-index: 10;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.carousel-caption h1 {
	font-family: 'STSong','simsun',sans-serif;
font-size:35px;
font-weight:400;
letter-spacing:1px;
color:rgba(255, 255, 255, 0.9);
margin-bottom:0;
}
.carousel-caption h2 {
margin-top:7px;
text-transform:uppercase;
font-size:12px;
font-weight:900;
letter-spacing:3px;
color:#B3B3B3;
}

.carousel-indicators {
bottom:50px;
}
.carousel-indicators li {
background-color: rgba(0, 0, 0, 0);
border: 2px solid #393939;
border-radius: 10px;
height: 16px;
margin: 2px;
width: 16px;
}
.carousel-indicators .active {
background-color: #393939;
height: 18px;
margin: 1px;
width: 18px;
}
.carousel-control .glyphicons-chevron-left,
.carousel-control .glyphicons-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
font-size:35px;
}

.carousel-control:hover, .carousel-control:focus {
color: #393939;
}


/* ABOUT */
.about-info {
max-width:1020px;
margin:0;
line-height:40px;
color:#393939;
font-size:16px;
}
.about-info.first{
	margin-bottom: 0;
}
/* Skills */
.skills  {
color:#000;
text-transform:uppercase;
font-size:12px;
font-weight:900;
letter-spacing:3px;
}

.skills-title {
font-size:12px;
font-weight:900;
text-transform:uppercase;
color:#000;
margin:20px 0 0;
display:inline-block;
}

.number {
padding-top:95px;
font-size:33px;
font-weight:900;
color:#393939;
}

/* SERVICES */
.services-box {
border:solid 3px rgba(255, 255, 255, 0.1);
margin-bottom:30px;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.services-box:hover {
border:solid 3px rgba(255, 255, 255, 0.15);
background:rgba(255, 255, 255, 0.02);
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}

.service-ico i {
text-align:center;
color:white;
}
.service-ico i {
display: inline-block;
cursor: pointer;    
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.service-ico i:hover{
opacity:0.7;
transform: scale(0.8);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transition: all 0.3s ease 0s;
}
.service-ico h4 {
margin:7% 0;
font-size:12px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#fff;
}
.service-ico p {
font-size:16px;
line-height:25px;
padding:5px 15px 15px 15px;
letter-spacing:0.5px;
color:#af9c64;
}
.service-ico p.first{
	padding-bottom: 0;
}
.service-ico i:before {
display:block;
font-size:40px;
padding:30px 0;
color: #af9c64;
width:40px;
height:40px;
}

.service-ico i:hover:before {
color: #d8c58d;
}


/* PORTFOLIO */
div.ff-container {
text-align:center;
}
.ff-container{
width:1170px;
margin:0 auto;
}
.ff-container label{
width:auto;
height:40px;
cursor:pointer;
color:#000;
line-height:28px;
font-size:14px;
text-transform:uppercase;
font-weight:900;
letter-spacing:1.5px;
border-top:solid 3px #393939;
padding:3px 18px;
margin:0 4px;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
border: solid 3px #fff;
}
.ff-container label:hover{
border-top:solid 3px #000;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
border: solid 3px #000;
color:#B3B3B3;
}
.ff-container input.ff-selector-type-all:checked ~ label.ff-label-type-all,
.ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1,
.ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2,
.ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3,
.ff-container input.ff-selector-type-4:checked ~ label.ff-label-type-4,
.ff-container input.ff-selector-type-5:checked ~ label.ff-label-type-5,
.ff-container input.ff-selector-type-6:checked ~ label.ff-label-type-6{
color:#393939;
border-top:solid 3px #000;
padding:3px 18px;
margin:0 4px;
border: solid 3px #000;
transition:all 1.5s ease 0s;
-webkit-transition:all 1.5s ease 0s;
}
.ff-container input{
display:none;
}
.ff-items{
position:relative;
margin:70px 0px 0 auto;
}
.ff-items a.first{
display:block;
position:relative;
margin:14px;
width:250px;
height:188px;
}
.ff-items a span{
display:block;
color:#000;
font-weight:700;
font-size:13px;
letter-spacing:1px;
padding:35px;
position:absolute;
bottom:10px;
width:250px; 
height:0px;
overflow:hidden;
opacity:1;
text-align:left;
}
.ff-items a:hover span{
height:18px;

}
.ff-items li img{
display:block;
height: 100%;
}

.brdr-portfolio {
border:solid 3px #393939;
width:250px;
height:188px;
text-align: center;
overflow: hidden;
}

.rollover_img {
height: 0;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
a:hover .rollover_img {
height: auto;
opacity: 1;
}
.ff-items li{
margin:0px;
float:left;
width:292px;
height:230px;
transition:opacity 0.5s ease-in-out;
-webkit-transition:opacity 0.5s ease-in-out;
}
.ff-container input.ff-selector-type-all:checked ~ .ff-items li,
.ff-container input.ff-selector-type-1:checked ~ .ff-items .ff-item-type-1,
.ff-container input.ff-selector-type-2:checked ~ .ff-items .ff-item-type-2,
.ff-container input.ff-selector-type-3:checked ~ .ff-items .ff-item-type-3,
.ff-container input.ff-selector-type-4:checked ~ .ff-items .ff-item-type-4,
.ff-container input.ff-selector-type-5:checked ~ .ff-items .ff-item-type-5,
.ff-container input.ff-selector-type-6:checked ~ .ff-items .ff-item-type-6{
opacity: 1;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1),
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2),
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3),
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4),
.ff-container input.ff-selector-type-5:checked ~ .ff-items li:not(.ff-item-type-5),
.ff-container input.ff-selector-type-6:checked ~ .ff-items li:not(.ff-item-type-6){
opacity: 0.1;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1) span,
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2) span,
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) span,
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4) span,
.ff-container input.ff-selector-type-5:checked ~ .ff-items li:not(.ff-item-type-5) span,
.ff-container input.ff-selector-type-6:checked ~ .ff-items li:not(.ff-item-type-6) span{
display:none;
}




















/* Colorbox - For Embed Video and Photo */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/* PRICING */
.plan {
border:solid 3px #B3B3B3;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.plan:hover {
border:solid 3px #393939;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}

.featured {
border:double 40px #393939;
}
.featured:hover {
border:double 40px #B3B3B3;
}

.name-plan {
padding:50px 0 0 0;
color:#393939;
font-weight:900;
text-transform:uppercase;
font-size:16px;
letter-spacing:4px;
}
.tarif-plan {
padding:5px 0 30px 0;
color:#393939;
font-size:70px;
font-weight:700;
}
.tarif-plan sup {
font-size:45px;
}
.options-plan {
text-transform:uppercase;
font-size:14px;
font-weight:900;
color:#393939;
letter-spacing:1px;
padding:0 0 45px 0;
}
.options-plan p {
padding:12px 0;
}

.get-started {
margin-top:20px;
color:#000;
border:double 4px #B3B3B3;
transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
font-size:14px;
font-weight:900;
text-transform:uppercase;
letter-spacing:3px;
padding:15px 0;
margin-bottom:20px;
}
.get-started:hover {
background:rgba(255, 255, 255, 0.1);
color:#B3B3B3;
border:double 4px #000;
}

/* CONTACT */

/* Contact Form */
input[type="text"], input[type="email"] {
width:100%;
height:70px;
padding:0 0 0 40px;
margin:0 0 20px;
background:transparent;
color:#000;
border:solid 2px #393939;
text-transform:uppercase;
font-weight:900;
font-size:14px;
letter-spacing:1px;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
input[type="text"]:hover, input[type="text"]:active,
input[type="email"]:hover, input[type="email"]:active {
border:solid 2px #B3B3B3;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
textarea  {
width:100%;
padding:21px 0 0 40px;
margin:0 0 20px;
height:70px;
background:transparent;
color:#000;
border:solid 2px #393939;
text-transform:uppercase;
font-weight:900;
font-size:14px;
letter-spacing:1px;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
textarea:hover, textarea:active {
border:solid 2px #B3B3B3;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
input[type="submit"] {
text-align:center; 
background:transparent;
width:100%; 
border:solid 2px #393939; 
padding:0; 
margin:0;
cursor:pointer;
height:70px;
color:#000;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
text-transform:uppercase;
font-weight:900;
font-size:14px;
margin-bottom:20px;
}
input[type="submit"]:hover {
background:rgba(255, 255, 255, 0.1);
border:solid 2px #B3B3B3; 
color:#B3B3B3;
}
/*CSS for Successfully sent notification*/
.notification_ok{
width:100%;
margin:20px auto;
padding:12px;
background:#000;
color: #fff; 
text-transform:uppercase;
font-size:10px;
font-weight:800;
letter-spacing:1px;
text-align: center;
}

/* Contact Details */
.cont-details,.contact {
border:solid 2px #393939; 
}
.adress {
padding:80px 20% 55px 30%;
font-size:14px;
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
color:#000;
text-align:left;
}
.adress p {
padding:10px 0 0;
}
.phone {
padding:10px 20% 44px 30%;
font-size:14px;
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
color:#000;
text-align:left;
}
.email {
padding:10px 20% 80px 30%;
font-size:14px;
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
}

.email a {
color:#000;
transition: all 0.2s ease-in 0s;
-webkit-transition: all 0.2s ease-in 0s;
}
.email a:hover {
color:#B3B3B3;
transition: all 0.2s ease-in 0s;
-webkit-transition: all 0.2s ease-in 0s;
}



/* Footer */

/* Copyright */
.copyright {
color:#000; 
font-size:12px;
text-transform:uppercase;
letter-spacing:2px;
margin:10px;
line-height: 2em;
}
.copyright a {
color:#B3B3B3; 
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.copyright a:hover {
color:#000;  
}

/* Social Networks */
.social-net{
margin:20px 0 0 0;
}

.icon-button {
background-color:#000; 
border-radius:50px;
cursor:pointer;
display:inline-block;
font-size:18px;
height:50px;
line-height:50px;
margin:0 7px;
position:relative;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
width:50px;
}

/* Circle */
.icon-button span {
border-radius:0;
display:block;
height:0;
left:50%;
margin:0;
position:absolute;
top:50%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
width:0;
}
.icon-button:hover span {
width:50px;
height:50px;
border-radius:50px;
margin:-25px;
}
.wechat span {
background-color:#8dc81b;
}
.facebook span {
background-color:#667eb9;
}
.weibo span {
background-color:#e32429;
}

/* Icons */
.icon-button i {
background:none;
color:white;
height:50px;
left:0;
line-height:50px;
position:absolute;
top:0;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
width:50px;
z-index:10;
}
.icon-button .icon-twitter {
color: #4099ff;
}
.icon-button .icon-facebook {
color: #3B5998;
}
.icon-button .icon-google-plus {
color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
color: white;
}



.carousel,
.item,
.active {
	height:100%;
}

.carousel-inner {
	height:100%;
}

.fill {
	width:100%;
	height:100%;
	background-position: center;
	background-size: cover;
}



/* SECTIONS */

.about-section {
height: auto;
padding:100px 0;
text-align: center;
display: table;
width: 100%;
background:#fff;
color:#000;
}

.services-section {
height:auto;
padding:100px 0;
text-align:center; 
display: table;
width:100%;
border-top:double 4px #B3B3B3;
background:#fff;
color:#000;
}

.portfolio-section {
height:100%;
padding:100px 0;
text-align: center;
display: table;
width:100%;
background:#fff;
border-top:double 4px #B3B3B3;
color:#000;
}

.pricing-section {
padding:100px 0;
text-align: center;
display: table;
width:100%;
background:#fff;
border-top:double 4px #B3B3B3;
color:#000;
}

.contact-section {
height:auto;
padding:50px 0;
text-align: center;
display: table;
width:100%;
background:#fff;
border-top:double 4px #B3B3B3;
color:#000;
}



@media only screen and (max-width: 1200px) {

/* PORTFOLIO */
.ff-container{
width:876px;
margin:55px auto;
}

}

@media only screen and (max-width: 992px) {

/* PORTFOLIO */
.ff-container{
width:584px;
margin:55px auto;
}

}

@media(min-width:767px) {
.navbar {
padding: 20px 0;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.top-nav-collapse {
 /* Customize the look and feel of the collapsed top nav here */
padding: 0;
}
}

@media only screen and (max-width: 768px) {

/* HOME */
/* Nanvigation */
.navbar-custom {
background-color: #000;
border-color: #000;
}
.navbar-toggle {
padding:9px 10px;
margin:15px;
}
.navbar-custom .navbar-toggle {
border-color: #393939;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
background-color:#B3B3B3;
}
.navbar-custom .navbar-toggle .icon-bar {
background-color: #393939;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}


.home-group-txt {
margin:170px 0 50px;
}

.home-middle-text {
font-size:25px;
}

/* PORTFOLIO */
.ff-container{
width:292px;
margin:55px auto;
}

/* Copyright */
.copyright {
text-align:center;
}

/* Social Networks */
.social-net{
text-align:center;
}

}

/* Color of selected text */
::-moz-selection {
background-color:#000;
color:#fff;
}
::selection {
background-color:#000;
color:#fff;
}


span.gray{
	color: #B3B3B3;
}

.contact{
	padding: 14.4% 18%;
	text-align: left;
}
.contact li{
	height: 60px;
	line-height: 60px;
	font-size: 16px;
}
.contact li a{
	color: #000;
}
.contact li .contact-ico{
	font-size: 30px;
	vertical-align: middle;
	margin-right: 1em;
	display: inline-block;
	width: 30px;
}

.pop-show{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
	display: none;
}
.mask-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
.pop-show .qr-code{
	position: absolute;
	width: 300px;
	height: 300px;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -150px;
}
.pop-show .qr-code i{
	font-size: 18px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	right: -30px;
	top: -30px;
	color: #fff;
	border-radius: 15px;
	border: 2px solid #fff;
}





@font-face {font-family: "xmlyxian";
  src: url('../fonts/iconfont.eot?t=1521156032895'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1521156032895#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAnsAAsAAAAADewAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW70iOY21hcAAAAYAAAAB2AAABsM93OwRnbHlmAAAB+AAABcoAAAeAMDmlA2hlYWQAAAfEAAAALwAAADYQx4V8aGhlYQAAB/QAAAAgAAAAJAflA4dobXR4AAAIFAAAABYAAAAYF+wAAGxvY2EAAAgsAAAADgAAAA4FegK2bWF4cAAACDwAAAAfAAAAIAEWAVduYW1lAAAIXAAAAVIAAAJtW3B9lnBvc3QAAAmwAAAAOgAAAE2Yuo4veJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/ss4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDybz9zwv4EhhrmBoREozAiSAwAw0Q0ReJzFkcsRgzAMRJ/A+JBJKTmlDmrgRBEuBkJ3aoOsZC5UgGaeNbuWPyMBEzCKjyhgK0bEItfSH3mlX/hKV2VjoPlxntLNt8wq0V7NPOhMiZut8ljYc0/f453rfKnod7vQF33rqGf43ol5+K8TM/Gjw/QHCs4XcQAAeJw9VVuo5HYZz/e/ZS6Z5Pwnt3+SSWaSzEnOzZyzmZlMdXfntGx3cUsvezywUH3oyqLiYiv44AoKroii0odFpYJ0odiCqG8qglDBBy9QfJBS+l4qLlQEQagonlm/nLN2CMmX/3f9/b7vy2hc0x68Q1+nSrO1Le2c9rh2TdNA7EJmkhjScl6RXXBT7vqOScu8TPU8q+hF8DPheHUzL3yhCwtMSGCW1k1ZkRIW8xU5D7UXAwRReDzcHA3pXeipMvnG+gnyI3DH+chafWh9de/QqSd257YxHAbD4YsdwXmHEGaZ8LzvdXm3J9avcSt0Xx9vkzEYQRk++exgEg0/+a35C/Gm3wW4cwfsaGL++FCGEq+vhJ49DPSNQUeFg3zqwO2/9JVtxMW7Gv5arN9mGr2tedq+ttQOtcuaZi9mi5k7c/MEfLcoZS6FvmiWUEF5KuBz5vkrWM5M0NEGFmdy+dDPLlr94LPfv35sV+rD5d2dJ5/O6N3P/Oyxr7157/rymfCl8lJWW/fiZ+bFlz928vxHrnTvjb/7ufu/+Kt+/9EfpJ8nd269ePfTz36zeunSpXUJrz73wiu/euNkkF7ZfurSzYOnLty78aVPLG7Nn3t5lT0awW+P1UcPPvWF9c3j45vrf6vf3yoQF0NcX6UP6B1NaVPtQLuAHUyX2JtMx8a4QpdnzVnKpmhxIQAEYgLPs2LeLGe154gyr2DetF1zBH37v7/8k6FSY/1PzjmAP6Q/GfpA/JNHLh4RcnRxdQTsCP72vlRKvj9UaviBRL74OyNVxgONGLzXPbnhBGpIXrGDk7+j2/lrBI5W568plfugcvUu+Hkrt70hiOHrTGBvHtFuYv2yaJYrrLrxdBPyNBMxON4yrT1d4IEvHaEXuiiWcl7oeSHc9kAUi0ZfwUJWgPOLZ8JrAbkODmhWInB5hrA1zk2A9yCMe3YXfmpw0KvN9VvRqNOHH25w3tvr6agE7hrQ6f+r39nKujr7RzrmvvyO7aEqd4LAWYThZBvm9RtVfW7PjOHj8OtJZTBCRS8rw/jlNu7GnsOM7jof71vAOsIludEB6BjryfRch+j9+3+Uiyn5s3QD++TGGGl0QkIIrUvyn4Nmvnei7805kiOQn58zoFe1G9ot7W3tHXgMnkCesH9eC22euSYgZ82iLMoCKdLbQ6RIF46fgMBDC/AF5ZYp1/M95NdDcYaz4OFQ1+1Rs6wxWuP5MxwS3GbQT0ekddpcwakPRs3bcJirTdW2A+2WTY7jlrkeVnGWX3iYq1ViJ7AG7B6GbRP6+JhhINSiXLch22BnFS2b/XZEK8Bsp+5wWshZzNbsVP1/gEXeJvoA38MX5wxnC6fGhIi1PoSHAB/CahE2y3kLsJ3706n/TR4z4P2e8KpYSEJGJQca215CGclSSm2eVB4FstEDFm2mivUt4P6OwrTMTKQQozzsAE9HDAwa7Hii1+domb2aH1Sb2cHB+nannmBIivEmdb87wnQqpYzKfc+xusDsHVt0B3uVxbkZ9QglUaD39mM0J4zGOJJDxbk/wvGQW6VF0GFqoxWX0tmVHKxoQPCL6/5hGiePF9PY3LgC12ESICgThLOtdInVGyMpgEZD2ycgzLGBuUS07WBQHd2ZShLFgPV14M6mA4YaEaA8SFRrHZoMukTluFB9Fo6+l2ztXtjaJrGdIFCZmpRKEZ/zKCG4VSwqAYoxpaRnAwe1H+sS60syATwpQw4CmWIWBNuO6BgUWBDHWGvXFF4ZgGUlG2gYHlZXKwC85bbUEXHhMCzU8fYl56nCRYljfdBMBKUim9tRhNzHknAi9zzH5MjNVGI53LKdLaRo5BPi2XInEkAQF412e7obMNaLLDQabLPh5cvJYOPy5jRevyYDCjyOkSCmdlpQXQOZiVKAacQobjH3dgId+wDGyOJYa+bj3QpNzg2FfyNmF6gdhB5ubVcHYeces9SIQy9awO75Lbw07X/hngJjAAB4nGNgZGBgAOIf8Vwf4/ltvjJwszCAwLWLCgcQ9P96FjbmBiCXg4EJJAoARY8LJgB4nGNgZGBgbvjfwBDDwszA8P8vCxsDUAQFsAEAcnQEdHicY2FgYGB+ycDAwgDFzBAaABK0AQQAAAAAAAAAdgDiAUQB1APAAAB4nGNgZGBgYGP0ZmBjAAEmIOYCQgaG/2A+AwAQ4wFvAHicZY87TsNAFEWv8+HjSCgigg5pCkQByPmIKg1FpKRPkd5xxokj/zSZRM4CWA9LYAUsAXbAHrg4z42xNePz7rtz/QbANb7h4PTccJ3YwQWrEzdwjjvhJvV74Rb5WbiNDl6Ez6i/Crt4wky4gx4ME5zWJatHvAk76OJduIErfAg3qX8Kt8hfwm3c4kf4DF2nKexi4fSEO3hwInditG/1Si2PKgqyNMxS6xZJfCwiP53r9T72TVVW34U2uyhL1dAbVNJMp9pUObvDemRtqEKTJWrKQB3HmcpNttWB9TbW5uN+PxTdC7KEY014bQ0flvsKCkscuUcIkCFFWO6WvgIJYvYK9nxqc/rX2FPzmVDv1usF3QY7Vn95CkN4GPxzzehKS2d9nh0O/NuIquVMisswKSFNZULNpJiskJe9LZWAuodNeSrHGH2+Yc3vlTdNfgHnDm+YAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYKtODkjPz+HtSgxJTOfpSQzL529OLUERDMwAACi5QoKAAA=') format('woff'),
  url('../fonts/iconfont.ttf?t=1521156032895') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1521156032895#xmlyxian') format('svg'); /* iOS 4.1- */
}

.xmlyxian {
  font-family:"xmlyxian" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-school:before { content: "\e69c"; }

.icon-radio:before { content: "\e69d"; }

.icon-ting:before { content: "\e69e"; }

.icon-setting:before { content: "\e69f"; }

.info-p{
	line-height: 2em;
	font-size: 14px;
	margin-bottom: 1em;
}
.info-p-en{
	line-height: 1.5em;
	font-size: 14px;
}