@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

.submenu-navigation p {
	margin-bottom: 0px;
	color: #343434;
}

.submenu-nav-deploy {
	font-size: 13px;
	padding: 10px 10px 10px 0px;
	text-transform: uppercase;
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	background-size: 8px 5px;
	background-position: 105px 22px;
}
.submenu-nav-deploy-active {
	background-image: url(../images/arrow-up.png);
}
.submenu-nav-items {
    display: none;
}
.submenu-nav-items p {
	font-size: 13px;
	line-height: 30px;
    padding-bottom: 10px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}

* { appearance: normal; -webkit-appearance: none; -moz-appearance: none; margin: 0; padding: 0; border: 0;  vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }

*:focus { outline: none; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

body { margin: 0; padding: 0; overflow-x: hidden; }
body::-webkit-scrollbar {
display:none;
}

a:hover { text-decoration: none!important; }

::selection { background-color: #CCC; color: #000; }

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre { display: block; position: relative; overflow: hidden; }

p { line-height: 30px; margin-bottom: 30px; font-size: 13px; letter-spacing: 0px; }

p>a { display: inline; text-decoration: none; }

p>a:hover { text-decoration: underline; }

p>span { display: inline; }

span>a { display: inline; }

a>span { display: inline; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

h1>a, h2>a, h3>a, h4>a, h5>a, h6>a { display: inline; }

table { border-collapse: separate; border-spacing: 0; background-color: #f6f6f6; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; width: 100%; clear: both; margin-bottom: 27px; }

thead { }

th { vertical-align: middle; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; font-weight: bold; color: #555; background-color: #f6f6f6; }

tr { line-height: 18px; }

td { border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center; color: #666; padding-top: 9px; padding-bottom: 9px; line-height: 18px; vertical-align: middle; background-color: #fdfdfd; }

tr:hover>td { background: #fff; }

ul { margin-bottom: 20px; }

ol { margin-bottom: 30px; }

li { line-height: 18px; margin-bottom: 5px; list-style: inside; }

ol>li:last-child, ul>li:last-child { margin-bottom: 0px; }


body { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; color: #666; font-size: 12px; line-height: 20px; }


.adaptive-style {
    margin-bottom: 20px;
}
.adaptive-style a {
    float: right;
    font-size: 14px;
    color: #1f1f1f;
    margin-left: 8px;
    margin-right: 8px;
    transition: all 200ms ease;
}
.adaptive-one .adaptive-item {
    width: 100%;
    transition: all 200ms ease;
    float: none;
}
.adaptive-two {
    margin-left: -2%;
    width: 105%;
}
.adaptive-two .adaptive-item {
    height: auto;
    width: 44%;
    margin-left: 3%;
    margin-right: 3%;
    transition: all 200ms ease;
    float: left;
}
.adaptive-three {
    width: 105%;
    margin-left: -2%;
}
.adaptive-three .adaptive-item {
    width: 27%;
    margin-left: 3%;
    margin-right: 3%;
    transition: all 200ms ease;
    float: left;
}
.responsive-image {
    width: 100%;
    margin-bottom: 20px;
}
.swipebox {
    overflow: hidden!important;
}


h3 {  margin-bottom: 10px; font-weight: 700; color: #212935; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased;  }


a:hover { color: #2980b9; transition: all 200ms ease; }

a { color: #3498db; tramsition: all 200ms ease; }

.overlay { pointer-events: none; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9999; }

.content { clear: both; margin-left: 30px; margin-right: 30px; }
.mtgs { clear: both; margin-left: 10px; margin-right: 10px; }
@media (min-width:768px) {

.content { margin-left: 70px; margin-right: 70px; }

.content-box-slider { margin-left: 70px; margin-right: 70px; }

.mtgs {  margin-left: 100px; margin-right: 100px; }
}

.container { margin-bottom: 30px; }

.no-bottom { margin-bottom: 0px!important; padding-bottom: 0px!important; }

.half-bottom { margin-bottom: 15px; }

.full-bottom { margin-bottom: 30px!important; }

.clear { clear: both; height: 0px; line-height: 0px; }

.float-left { float: left; margin-right: 10px; }

.float-right { float: right; margin-left: 5px; }

.right-text { display: block; text-align: right; }

.left-text { display: block; text-align: left; }

.center-text { display: block; text-align: center; margin-bottom: 0px!important;}

.uppercase { text-transform: uppercase; }

.capitalize { text-transform: capitalize; }

.regular-anchor { color: inherit!important; }

.responsive-image { width: 100%; margin-bottom: 20px; }

.round-image { border-radius: 500px; }

.responsive-video { display: block; width: 100%; margin-bottom: 30px; }
@media (min-width:768px) {

.responsive-video { min-height: 400px; }
}

.decoration { height: 1px; background-color: rgba(0,0,0,0.1); margin-bottom: 30px; display: block; clear: both; }
@media (max-width:767px) {

.center-if-mobile { text-align: center; display: block; }

.left-if-mobile { text-align: left; }

.right-if-mobile { text-align: right; }
}
@media (min-width:768px) {

.center-if-tablet { text-align: center; }

.left-if-tablet { text-align: left; }

.right-if-tablet { text-align: right; }
}

#preloader { position: fixed; z-index: 2500; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; z-index: 99999999; }

#status { position: fixed; z-index: 99999999; width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; background-image: url(../images/status.gif); background-size: 64px 64px; background-repeat: no-repeat; background-position: center; margin: -125px 0 0 -125px; }

#status p { top: 60%; }

#status em { font-size: 10px!important; display: block; font-style: normal; }

.center-icon { width: 70px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }

.last-column { margin-right: 0%!important; }

.one-third { width: 28%; float: left; margin-right: 8%; }

.one-half { width: 45%; float: left; margin-right: 10%; }

.timeline {
    padding-left: 0px;
    padding-right: 30px;
}

.timeline {
    margin-top: 30px;
    margin-bottom: -20px;
}

.timeline .title {
    font-size: 17px;
    font-style: normal;
    display: block;
    margin-top: -35px;
    margin-left: 80px;
    font-weight: 700;
    color: #212935;
}

.timeline-icon i {
    position: relative;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    width: 45px;
    height: 45px;
    background-color: #628fb7;
    color: #FFFFFF;
    border: solid 1px #cacaca;
    border-radius: 30px;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
}

.timeline-decoration {
    position: absolute;
    width: 1px;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,0.1);
    margin-left: 22px;
}

.timeline-text {

    padding-left: 70px;
    margin-top: -42px;
    min-height: 100px;
    width: 100%;
}

.timeline-text .subtitle {
    font-size: 11px;
    font-style: normal;
    display: block;
    margin-top: -10px;
    color: #e34e47;
    margin-bottom: 20px;
}

.timeline-text p {
    line-height: 40px;
    margin-top: 20px;
	margin-bottom: 20px;
    font-size: 13px;
    letter-spacing: 0px;
}


.calendar-hours {
	border-top: solid 1px rgba(0,0,0,0.1);
}
.calendar-hour {
	height: 80px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	text-align-last: center;
}
.calendar-hour-clear:hover {
	background-color: rgba(39, 174, 96, 0.1);
}
.calendar-hour-taken:hover {
	background-color: rgba(192, 57, 43,0.1);
}
.calendar-hour strong {
	color: #3498db;;
	opacity: 0.7;
}
.calendar-hours a:last-child {
	border-bottom: none;
}
.calendar-hour .cal-time {
	position: absolute;
	margin-top: 30px;
	font-weight: 400;
	font-size: 11px;
	padding-left: 20px;
}

.calendar-hour h4 {
	color: #212935;
	padding-left: 90px;
	padding-top: 33px;
	margin-bottom: 2px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    line-height: 1.3;
    font-family: FontAwesome;
}
.calendar-hour em {
	font-style: normal;
	font-size: 11px;
	padding-left: 100px;
	color: #666666;
}
.calendar-hour em i {
	margin-right: 10px;
}





@media (max-width:760px) {

.hide-if-mobile { display: none; }
}
@media (min-width:760px) {

.one-third-responsive { width: 30%; float: left; margin-right: 5%; }

.one-half-responsive { width: 100%; float: left; margin-right: 8%; }

.sidebar-left-big { width: 70%; float: left; margin-right: 5% }

.sidebar-right-small { width: 25%; float: right; }

.sidebar-right-big { width: 70%; float: right; }

.sidebar-left-small { width: 25%; float: left; margin-right: 5%; }

.hide-if-responsive { display: none; }
}




.snap-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 2; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.snap-drawers { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; overflow-x: hidden; }

.snap-drawer { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 285px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; }

.snap-drawer-left { left: 0; z-index: 1; }

.snap-drawer-right { right: 0; z-index: 1; }

.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left { display: none; }

.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right { width: 100%; }

.snapjs-right .snap-drawer-left { display: block; right: 0; left: auto; }

.snapjs-right .snap-drawer-right { display: block!important; right: 0!important; left: auto!important; }

.snap-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 2; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.snap-drawers { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; }

.snap-drawer { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 260px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; }

.snap-drawer-left { left: 0; z-index: 1; }

.snap-drawer-right { right: 0; z-index: 1; padding-left: 20px; }

.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left { display: none; }

.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right { width: 100%; }

.snapjs-right .snap-drawer-right { display: none; }

#content { background-color: #FFFFFF; overflow-x: hidden; }






.snap-drawers * { max-height: 999999px; -webkit-text-size-adjust: none; -webkit-transform: translateZ(0); }

body { height: 100%; }

.disabled { display: none; }
::-webkit-scrollbar {
display:none;
}

.all-elements { position: absolute; overflow-x: hidden!important; width: 100%; height: 100%; min-height: 100%; max-height: 100%; }

.large-title h3 { text-align: center; }

.large-title p { text-align: Justify; }


.mail-color { background-color: #3498db; color: #FFFFFF; }

.header { height: 60px; }

.homepage-header { position: absolute; width: 100%; z-index: 999999; background-color: transparent!important; }

.header .sidebar-deploy { float: left; height: 60px; line-height: 60px; width: 60px; text-align: center; position: relative; z-index: 1; }

.header i { width: 60px; height: 60px; line-height: 60px; font-size: 14px; color: #1f1f1f; }

.header .contact-deploy { float: right; margin-top: -60px; height: 60px; line-height: 60px; width: 60px; text-align: center; position: relative; z-index: 1; }

.header h3 { float: left; width: 100%; text-align: center; margin-top: -40px; position: relative; z-index: 0; }

.homepage-header h3 { color: #FFFFFF; }

.homepage-header i { color: #FFFFFF; }

.homepage-slider .overlay { background-color: rgba(0,0,0,0.4)!important; }

.footer p { clear: both; margin-bottom: 20px; }

.content-box .footer-socials { width: 240px; }

.footer-socials { width: 300px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px; margin-top: -15px; margin-bottom: 20px!important; }

.footer-socials a:hover { transform: scale(1.15, 1.15 ); color: #FFFFFF; transition: all 250ms ease-in-out; }

.footer-socials a { width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 35px; float: left; margin-left: 10px; margin-right: 10px; font-size: 12px; color: #FFFFFF; transition: all 250ms ease-in-out; }

.footer-socials a i { width: 35px; height: 35px; line-height: 35px; }

.footer-weibo { background-color: #be4343; }

.footer-wechat { background-color: #3cb035; }

.footer-qq { background-color: #5294cf; }

.footer-up { background-color: #2c3e50; line-height: 32px!important; }

.snap-drawer { background-color: #262d33; }

.sidebar-header a { width: 20%; float: left; height: 60px; text-align: center; line-height: 60px; color: #FFFFFF; border-bottom: solid 1px rgba(0,0,0,0.1); }

.sidebar-header a i { height: 60px; line-height: 60px; width: 100%; text-align: center; }

.sidebar-header a:hover { color: #FFFFFF; background-color: rgba(255,255,255,0.03); }

.sidebar-logo { background-image: url(../images/cx-logo.png); background-size: 133px 157px; width: 133px; height: 157px; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto; }

.sidebar-decoration { border-bottom: solid 1px rgba(0,0,0,0.1); height: 1px; width: 100%; }

.sidebar-copyright { text-align: center; padding-top: 10px; padding-bottom: 30px; color: Rgba(255,255,255,0.4); }

.sidebar-menu li { position: relative; overflow: hidden; display: block; list-style: none; line-height: 60px; margin-bottom: 0px; }

.sidebar-menu li a:hover { background-color: rgba(255,255,255,0.02); }

.submenu li a:hover { background-color: rgba(255,255,255,0.02)!important; }

.sidebar-menu li a { padding-left: 70px; line-height: 60px; color: #FFFFFF; font-family: 'Roboto', sans-serif; border-bottom: solid 1px rgba(0,0,0,0.1); transition: all 250ms ease; }

.sidebar-menu li a i:first-child { position: absolute; height: 60px; width: 60px; line-height: 60px; text-align: center; left: 10px; font-size: 16px; color: #bcbdbd; }

.sidebar-menu li a i:last-child { position: absolute; height: 60px; width: 60px; text-align: center; line-height: 60px; font-size: 4px; color: #bcbdbd; left: 190px; }

.sidebar-menu li .fa-caret-right { font-size: 10px!important; }

.sidebar-menu li .fa-mobile { font-size: 27px!important; }

.submenu { margin-bottom: 0px; }

.submenu li { border: none!important }

.submenu li a { border: none; }

.submenu a { text-indent: 15px!important; color: #7e7e7e!important; margin-left: -px; font-size: 11px; line-height: 40px; line-height: 100%; margin-top: -1px; margin-left: -10px; text-transform: none!important; }

.submenu .fa-angle-right { font-size: 8px!important; top: 0px; left: 35px!important; }

.submenu .fa-circle { text-indent: 19px; }

.deploy-submenu .fa-plus { font-size: 8px!important; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 250ms ease; }

.active-menu { background-color: rgba(255,255,255,0.02); }

.active-menu .fa-circle { color: #27ae60!important; font-size: 6px!important; }

.active-submenu { -webkit-transition-delay: 250ms; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 250ms ease; }

.active-submenu .fa-plus { margin-top: 1px; color: #c0392b!important; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: all 250ms ease; }

.submenu { display: none; overflow: hidden; }

.show-submenu { display: block; }

.submenu li:last-child a { border-bottom: solid 1px rgba(0,0,0,0.1)!important; }

.border-clear { }

.thumb-clear { height: 15px; display: block; width: 100%; }

.thumb-left { line-height: 24px; display: block; padding-bottom: 10px; }

.thumb-left a { display: block; text-align: right; }

.thumb-left img { width: 100px; height: 100px; border-radius: 100px; float: left; margin-right: 20px; transition: all 250ms ease; }

.thumb-left img:hover { transform: scale(0.9, 0.9); transition: all 250ms ease; }

.thumb-left strong { color: #1a1a1a; display: inline-block; padding-bottom: 5px; font-size: 13px; }

.thumb-left em { font-style: normal; }

.thumb-right { line-height: 24px; display: block; padding-bottom: 10px; }

.thumb-right img { width: 100px; height: 100px; border-radius: 100px; float: right; margin-left: 20px; transition: all 250ms ease; }
.xingchen img { height: 115px;float: right; transition: all 250ms ease; }
.thumb-right img:hover { transform: scale(0.9, 0.9); transition: all 250ms ease; }

.thumb-right strong { color: #1a1a1a; display: inline-block; padding-top: 5px; padding-bottom: 5px; font-size: 13px; }

.thumb-right em { font-style: normal; }
.xingchen em { font-style: normal; }
@media (min-width:600px) {

.thumb-left img { width: 140px; height: 140px; border-radius: 150px; }

.thumb-left em { line-height: 28px; }

.thumb-left strong { padding-top: 10px; }

.thumb-right img { width: 140px; height: 140px; border-radius: 150px; }

.thumb-right em { line-height: 28px; }

.thumb-right strong { padding-top: 10px; }
}