/*
* Codelander - One Page Template
* Version: 2.0.2
* Copyright 2016
* Created by: damterthemes
* @damterthemes: https://wrapbootstrap.com/user/damterthemes
*/

/*
**********************************************
**********************************************
CONTENTS:

01 General Styles
02 Header
03 Home Section
04 Features
05 Subscription Section
06 About Section
07 Our Works Section
08 Services Section
09 Testimonials Section
10 Pricing Section
11 Call To Action Section
12 FAQ Section
13 Contact Section
14 Footer
**********************************************
**********************************************
*/

/*
**********************************************
01 General Styles 
**********************************************
*/



/* Links */
a, a:link { text-decoration: none !important; outline: 0 !important; }
a:focus { outline: 0 !important; }

/* Grid */
#main_container { padding: 0; width: 100%; background-color: #ffffff; }

/* List */
ul, ol { margin-bottom: 0; }

/* Typography */
h1 {  margin-bottom: 10px; margin-top: 0; font-size: 33px; }
h2 {  margin-bottom: 10px; margin-top: 0; font-size: 27px; }
.section-title { font-weight: 400; text-transform: uppercase; position: relative; text-align: center; }
.section-title span { font-weight: bold; }
.section-title-white { font-weight: 400; text-transform: uppercase; color: #ffffff; position: relative; text-align: center; }
.section-title-white span { font-weight: bold; }
.section-subtitle {  text-align: center; padding: 10px 0 15px 0; }
.section-subtitle span { font-weight: bold; }
.section-subtitle-white {  color:#ffffff; text-align: center; padding: 10px 0 15px 0; }
.section-subtitle-white span { font-weight: bold; }

/* Images */
.thumbnail { background-color: transparent; border: none; padding: 0; }
.thumbnail img { border-radius: 4px; }
.image-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }


/* .btn-custom-1 */
.btn-custom-1 { background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }
.btn-custom-1:hover, .btn-custom-1:focus, .btn-custom-1:active, .btn-custom-1.active { border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }
.btn-custom-1.disabled:hover, .btn-custom-1.disabled:focus, .btn-custom-1.disabled:active, .btn-custom-1.disabled.active, .btn-custom-1[disabled]:hover, .btn-custom-1[disabled]:focus, .btn-custom-1[disabled]:active, .btn-custom-1[disabled].active, fieldset[disabled] .btn-custom-1:hover, fieldset[disabled] .btn-custom-1:focus, fieldset[disabled] .btn-custom-1:active, fieldset[disabled] .btn-custom-1.active { background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }

/* .btn-custom-2 */
.btn-custom-2 { color: #ffffff; font-weight: 400; }
.btn-custom-2:hover, .btn-custom-2:focus, .btn-custom-2:active, .btn-custom-2.active { color: #ffffff; }
.btn-custom-2.disabled:hover, .btn-custom-2.disabled:focus, .btn-custom-2.disabled:active, .btn-custom-2.disabled.active, .btn-custom-2[disabled]:hover, .btn-custom-2[disabled]:focus, .btn-custom-2[disabled]:active, .btn-custom-2[disabled].active, fieldset[disabled] .btn-custom-2:hover, fieldset[disabled] .btn-custom-2:focus, fieldset[disabled] .btn-custom-2:active, fieldset[disabled] .btn-custom-2.active { color: #ffffff; }

/* .btn-custom-3 */
.btn-custom-3 { border: none; color: #ffffff; font-weight: 400; }
.btn-custom-3:hover, .btn-custom-3:focus, .btn-custom-3:active, .btn-custom-3.active { border: none; color: #ffffff; }
.btn-custom-3.disabled:hover, .btn-custom-3.disabled:focus, .btn-custom-3.disabled:active, .btn-custom-3.disabled.active, .btn-custom-3[disabled]:hover, .btn-custom-3[disabled]:focus, .btn-custom-3[disabled]:active, .btn-custom-3[disabled].active, fieldset[disabled] .btn-custom-3:hover, fieldset[disabled] .btn-custom-3:focus, fieldset[disabled] .btn-custom-3:active, fieldset[disabled] .btn-custom-3.active { border: none; color: #ffffff; }

/* .btn-custom-4 */
.btn-custom-4 { border: none; color: #ffffff; font-weight: 400; }
.btn-custom-4:hover, .btn-custom-4:focus, .btn-custom-4:active, .btn-custom-4.active { border: none; color: #ffffff; }
.btn-custom-4.disabled:hover, .btn-custom-4.disabled:focus, .btn-custom-4.disabled:active, .btn-custom-4.disabled.active, .btn-custom-4[disabled]:hover, .btn-custom-4[disabled]:focus, .btn-custom-4[disabled]:active, .btn-custom-4[disabled].active, fieldset[disabled] .btn-custom-4:hover, fieldset[disabled] .btn-custom-4:focus, fieldset[disabled] .btn-custom-4:active, fieldset[disabled] .btn-custom-4.active { border: none; color: #ffffff; }

/* .btn-custom-5 */
.btn-custom-5 { background-color: rgba(255,255,255,1); border: 1px solid rgba(255,255,255,0.5); color: #000000; }
.btn-custom-5:hover, .btn-custom-5:focus, .btn-custom-5:active, .btn-custom-5.active { border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }
.btn-custom-5.disabled:hover, .btn-custom-5.disabled:focus, .btn-custom-5.disabled:active, .btn-custom-5.disabled.active, .btn-custom-5[disabled]:hover, .btn-custom-5[disabled]:focus, .btn-custom-5[disabled]:active, .btn-custom-5[disabled].active, fieldset[disabled] .btn-custom-5:hover, fieldset[disabled] .btn-custom-5:focus, fieldset[disabled] .btn-custom-5:active, fieldset[disabled] .btn-custom-5.active { background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }

/* .btn-custom-6 */
.btn-custom-6 { border: 1px solid rgba(255,255,255,1); color: #ffffff; }
.btn-custom-6:hover, .btn-custom-6:focus, .btn-custom-6:active, .btn-custom-6.active { background-color: rgba(255,255,255,1); border: 1px solid rgba(255,255,255,1); color: #333333; }
.btn-custom-6.disabled:hover, .btn-custom-6.disabled:focus, .btn-custom-6.disabled:active, .btn-custom-6.disabled.active, .btn-custom-6[disabled]:hover, .btn-custom-6[disabled]:focus, .btn-custom-6[disabled]:active, .btn-custom-6[disabled].active, fieldset[disabled] .btn-custom-6:hover, fieldset[disabled] .btn-custom-6:focus, fieldset[disabled] .btn-custom-6:active, fieldset[disabled] .btn-custom-6.active { border: 1px solid rgba(255,255,255,1); color: #ffffff; }

/* Center elements */
.div-center { text-align: center !important; vertical-align: middle; padding: 0; }
.div-center * { margin: 0 auto; }


/*
**********************************************
02 Header
**********************************************
*/



/*
**********************************************
03 Home Section
**********************************************
*/

/* #home-section */
#home-section { background-color: #788490; padding: 60px 0 0 0; }

/* .call-to-action-home */
.call-to-action-home { max-width: 2560px; background-color: #030504; background-image: url("../i/shouyin/weidian_bg1.jpg"); margin-top: 0; background-repeat: no-repeat; background-position: center 100%; background-attachment: relative; background-position: center center; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 0; color: #ffffff; }
.call-to-action-home-content { padding: 60px 5px 0 5px; text-align: center; }
.call-to-action-home-content h1 {  text-transform: uppercase; font-size:3em; text-shadow: 1px 1px 1px #666666; margin-top: 20px; }
.call-to-action-home-content h3 { font-size:1.5em; padding-bottom:10px; }
.call-to-action-home-content img { bottom: 0; padding-bottom: 0; margin-bottom: 0; }

/*
**********************************************
04 Features
**********************************************
*/
#features { padding: 30px 0 30px 0; }
.feature-box { border-right: 2px solid #f4f4f4; }
#features h5 { font-size: 1.5em; text-transform: uppercase; }
#features p {  padding-bottom: 10px; font-size: 1.1em; line-height: 25px; color: #666 }
#features img { float: left; padding: 0 10px 5px 0;  }
#features .btn { margin-top: 10px; }

/*
**********************************************
05 Subscription Section
**********************************************
*/

/* #subscription-section */
#subscription-section { padding: 60px 0 60px 0; color: #ffffff; }
.newsletter-form-content h2 {  text-align: center; padding-bottom: 0; margin-top:15px; font-size: 2.2em; }
.newsletter-form-content h4 {  text-align: center; padding-bottom: 0; font-size: 1.5em; }
@media (min-width:767px){
    .form-subscribe { width: 60%; margin: 0 auto; padding-top: 20px; }
}
.form-horizontal .form-group { margin-left: 0; }
.form-subscribe .form-control { margin-bottom: 7px; color:#ffffff; border: 1px solid #ffffff; height: 54px; border-radius: 0; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.form-subscribe .form-control:focus { background-color:#ffffff; color:#4f4f4f; border: 1px solid #ffffff; box-shadow: none !important; }
.form-subscribe .btn { text-transform: uppercase; padding: 15px 10px 15px 10px; }
/*
**********************************************
06 About Section
**********************************************
*/

/* .team-container */
.team-container { width: 100%; padding: 0 0 20px 0; }
.team-container h2 { text-align: center; padding-bottom: 30px; }
.team-image-box { margin-bottom: 10px; }
.team-image-box .square { width: 90%; min-height: 50px; margin: 0 auto; text-align: center!important; padding: 10px 0; }
h3.team-title {  font-style: normal; font-size: 20px; line-height: 32px; text-transform: none; color: #393e42 !important; width: 100%; text-align: center; padding: 0; margin: 0; margin-top: 8px; margin-bottom: 0; text-shadow: none; float: left; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
h3.team-subtitle {  font-style: italic; font-size: 16px; line-height: 24px; text-transform: none; color: #393e42 !important; width: 100%; text-align: center; padding: 0; margin: 0; margin-top: 3px; margin-bottom: 10px; text-shadow: none; float: left; }

/* .team-user */
.team-user { margin-bottom: 20px; }
.team-user:hover h3.team-title { color: #393e42 !important; font-size: 22px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

/* #about-section */
#about-section { padding: 110px 0 0 0; }
#about-section h2 { text-align: center; padding-bottom: 20px; }
#about-section p {  font-size: 1.2em; }
.about-us-info { background:#f0f0f0; border-top:1px solid #f3f3f3; padding:30px 5px 30px 5px; }
#about-section .about-us-info h4 { font-size: 1.5em; color:#5f5f5f;  }

/* #skills */
#skills { display: block; margin: 0; padding: 6px 0 0 0; list-style-type: none; }
#skills li, #skills li span { background: #14a8e7; -moz-border-radius-bottomright: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
#skills li { margin-bottom: 5px; color: #ffffff; text-transform: uppercase; position: relative; height: 40px; background: #dfdfdf; }
#skills li p {  font-size: 1.1em; position: absolute; left: 10px; top: 8px; }
#skills li strong { color: #ffffff; margin-left: 5px; font-size: 14px; font-weight: 400; }
#skills li span { height: 40px; text-align: right; }
#skills li { color: #ffffff; }
#skills li strong { color: #ffffff; }

/*
**********************************************
07 Our Works Section
**********************************************
*/

/* #our-works-section */
#our-works-section { padding: 110px 0 80px 0; }
#our-works-section ul li { margin:0; padding:0; color:#333333; font-size:0.9em; }
#our-works-section ul li a { color:#333333 !important; }
#our-works-section ul li a.active { text-decoration:underline !important; }

/* .thumbnail */
#our-works-section .thumbnail { position: relative; }
#our-works-section .thumbnail:hover { background-color: transparent; border: none; }

/* .work-description-container */
#our-works-section .work-description-container .work-description-content { margin-top: 15%; }
#our-works-section .work-description-container .work-description-content h5 { color: #ffffff;  font-size: 1.2em; margin: 0; padding-left: 20px; padding-right: 20px; }
#our-works-section .work-description-container .work-description-content p { color: #ffffff;  font-size: 1em; padding-left: 20px; padding-right: 20px; }
#our-works-section .work-description-container .work-description-content .btn { border-radius: 50%; width: 45px; height: 45px; line-height: 45px; padding: 0; margin: 0; }
#our-works-section .work-description-container { left: 0%; width: 100%; height: 100%; text-align: center; position: absolute; overflow: hidden; top: 0; left: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#our-works-section .thumbnail:hover .work-description-container { width: 100%; height: 100%; background-color: transparent; border: none; background: rgba(0,0,0,0.8); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#our-works-section .box-work { margin-bottom: 0; }
#container-our-works { min-height: 224px; display: block; margin-top: 20px; }

/* isotope items animation */
.isotope .isotope-item { -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; }
.isotope-item { -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; z-index: 2; }

/*
**********************************************
08 Services Section
**********************************************
*/

/* #services-section */
#services-section { background-color:#f0f0f0; width: 100%; min-height: 250px; padding: 135px 0 100px 0; color: #444444; text-align: center; }
#services-section h2, #services-section h4 {  }
.services-subtitle { padding-bottom: 30px; }
#services-section h2 { font-size: 1.5em; margin-top: 10px; }
#services-section p {  font-size: 1.2em; }

/* .service-box */
.service-box { margin-bottom: 10px; }
.service-box .square { width: 150px; min-height: 90px; margin: 0 auto; text-align: center!important; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.service-box img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.service-box img:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); cursor: default; }

/*
**********************************************
09 Testimonials Section
**********************************************
*/

/* #testimonials-section */
#testimonials-section { background: url("../img/slides/testimonials-slides/bg-slides-1920px.jpg") #433c4c no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #ffffff;  padding: 80px 0 50px 0; }
.carousel-testimonials-control-container { width:152px; height:60px; margin:0 auto; background:rgba(0,0,0,0.1); padding:10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 0%) !important;  filter: none; }
.carousel-control.left:hover { cursor: default !important; }
.carousel-control.right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 0%) !important; filter: none; }
.carousel-control.right:hover { cursor: default !important; }
#testimonials-section a, #testimonials-section a:link { color: transparent !important; font-size: 1.5em; font-weight: 300; }
#testimonials-section a.website { color: #eaeaea !important; }
#testimonials-section a.website:hover { color: #ffffff !important; }
#testimonials-section a.carousel-control-fa-left, #testimonials-section a.carousel-control-fa-right { font-size: 2em; }
#testimonials-section a:hover { color: transparent !important; }
#testimonials-section p { font-size: 2em; font-weight: 300; }

/* Carousel */
.carousel-control.c-btn { position: relative; height: auto; width: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.carousel-inner .item img { display: inline-block !important; }
.carousel-inner .item { text-align: center !important; }
#carousel_fade_testimonials { margin: 0 auto; padding:20px 5px 0 5px; }
.testimonial { min-height:320px; padding: 5px 5px 0 5px; }
.testimonial h3 { font-size: 2em; }

.carousel.carousel-fade .item { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 0; }
.carousel.carousel-fade .active.item { opacity: 1; }
.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0; }
.carousel.carousel-fade .next, .carousel.carousel-fade .prev { left: 0; z-index: 1; }
.carousel.carousel-fade .carousel-control { z-index: 3; }
.carousel .inactive { position: absolute; display: block; z-index: -1; }
.carousel .inactive.active { position: relative !important; z-index: 0; }
.carousel-indicators { bottom: 30px; }

/*
**********************************************
10 Pricing Section
**********************************************
*/

/* #pricing-section */
#pricing-section { background: #eeeeee; padding: 120px 0 100px 0; }
#pricing-section h2.section-subtitle { padding-bottom: 25px; }
#pricing-section .well { background-color: #ffffff; border: 5px solid #ffffff; border-radius: 4px; box-shadow: 0 1px 3px rgba(178, 178, 178, 1); margin-bottom: 10px; padding: 0; }
#pricing-section .well.popular { background-color: #ffffff; border: 5px solid #ffffff; border-radius: 4px; box-shadow: 0 1px 3px rgba(178, 178, 178, 1); margin-bottom: 10px; padding: 0; }
#pricing-section .plan-title { color: #ffffff; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#pricing-section .popular > .plan-title { color: #ffffff; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#pricing-section .plan-title h3 { font-size: 1.5em;  text-align: center; margin: 0; padding: 10px 5px 10px 5px; }
#pricing-section div.arrow-down { margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; font-size: 0; line-height: 0; margin-bottom: 10px; }
#pricing-section div.arrow-down-popular { margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; font-size: 0; line-height: 0; margin-bottom: 10px; }
#pricing-section .price { color: #ffffff; text-align: center; padding: 0 0 5px 5px; margin: 0; }
#pricing-section .popular > .price { font-weight: 500; }
#pricing-section .price { font-size: 4em; }
#pricing-section .price-cents { vertical-align: super; font-size: 50%; }
#pricing-section .price-month { font-size: 35%; font-style: italic; }
#pricing-section .price h2 {  font-size: 1em; line-height: 1em; padding: 0; margin: 0; }
#pricing-section .price sup { top: -0.8em; font-size: 1em; }
#pricing-section .price small {  font-size: 14px; }
#pricing-section .subscript { font-size: 25px; }
#pricing-section .subscript small { font-size: 0.7em; color: #ffffff; }
.description-price { font-size: 1.1em;  color: #707070; padding: 10px 20px 10px 20px; }
.description-price ul li { padding: 5px 0 5px 0; }
.description-price .fa { text-align: center !important; width: 1.28571em; }
.description-price i { color: #c8c8c8; padding-left: 5px; margin-right: 5px; }
.plan-sign-up .btn {  display: block; margin: 0; border-top-left-radius: 0 !important; font-size: 1.5em; border-top-right-radius: 0 !important; padding: 15px 0 10px 0; }
.plan-sign-up .arrow-down-container { width: 15px; margin: 0 auto !important; }
.plan-sign-up .arrow-down { margin: 0 auto !important; width: 0; height: 0; border-left: 10px solid transparent !important; border-right: 10px solid transparent !important; border-top: 10px solid #ffffff !important; font-size: 0; line-height: 0; position: absolute; }

/*
**********************************************
11 Call To Action Section
**********************************************
*/

/* #call-to-action-section */
#call-to-action-section { color: #ffffff; padding: 70px 0 50px 0; }
#call-to-action-section h1 { text-align: center; font-size: 3em; padding-bottom: 15px; }
#call-to-action-section p { text-align: center; }
#call-to-action-section img { margin: 0 auto; padding-top: 20px; }

/*
**********************************************
12 FAQ Section
**********************************************
*/

/* #faq-section */
#faq-section { background:#eeeeee; padding: 100px 0 80px 0; color: #393e42; }
.faq { padding-bottom: 20px; }
/* .panel */
.panel { background-color: transparent; border: none; box-shadow: none; margin-bottom: 10px; }
.panel-default > .panel-heading { border-color: transparent; border-radius: 3px; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.panel-default > .panel-heading:hover { border-color: transparent; border-radius: 3px; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.panel-title { font-size: 14px; }
.panel-body { padding: 5px; font-size:14px; }
.panel-body p { margin: 10px 0; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top: none; }
.panel-default a { color: #ffffff; }
.panel-default .faq-icon-collapse i { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.panel-default .faq-icon-collapse i:hover { color: #ffffff !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/*
**********************************************
13 Contact Section
**********************************************
*/

/* #contact-section */
#contact-section { padding: 125px 0 50px 0; }

/* Social links */
.social { display: inline-block; padding: 10px 5px 5px 5px; }
.social li { margin: 5px 5px 5px 0; width: 58px; height: 58px; line-height: 50px; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* facebook */
.social li.facebook a { color: #ffffff; position: relative; width: 58px; height: 58px; font-size:24px; margin: auto;  vertical-align: middle; padding:10px; }
.social li.facebook a:hover { color: #204385; }
.social li.facebook { color: #ffffff; background: #204385; border: 2px solid #204385; }
.social li.facebook:hover { background: #ffffff; border: 2px solid #204385; color: #204385; }

/* twitter */
.social li.twitter a { color: #ffffff; position: relative; width: 58px; height: 58px; font-size:24px; margin: auto;  vertical-align: middle; padding:10px; }
.social li.twitter a:hover { color: #2aa9e0; }
.social li.twitter { color: #ffffff; background: #2aa9e0; border: 2px solid #2aa9e0; }
.social li.twitter:hover { background: #ffffff; border: 2px solid #2aa9e0; color: #2aa9e0; }

/* google plus */
.social li.google-plus a { color: #ffffff; position: relative; width: 58px; height: 58px; font-size:24px; margin: auto;  vertical-align: middle; padding:6px; }
.social li.google-plus a:hover { color: #d3492c; }
.social li.google-plus { color: #ffffff; background: #d3492c; border: 2px solid #d3492c; }
.social li.google-plus:hover { background: #ffffff; border: 2px solid #d3492c; color: #2aa9e0; }

/* .contact-form-box */
.contact-form-box { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 25px 5px 5px 5px; margin-bottom: 10px; }

/* .contact-form */
.contact-form { width: 60%; margin: 0 auto; padding: 30px 20px 10px 20px; }
.contact-form .input-group { margin-bottom: 10px; }
.contact-form .form-control { margin-bottom: 7px; background-color:rgba(241,241,243,1); color:#4f4f4f; border: 1px solid #cccccc; height: 54px; border-radius: 0; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.contact-form .form-control:focus { background-color:#ffffff; color:#4f4f4f; border: 1px solid #cccccc; box-shadow: none !important; }
#contact-section textarea { height: 130px; resize: none !important; }
#send-contact {  margin-top: 10px; padding: 15px 10px 15px 10px; font-size:1em; text-transform: uppercase; font-weight: bold; }

/* .nav-pills */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #666666; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #ffffff !important; border-bottom: 3px solid #cccccc !important; }
.nav-pills > li > a { border-radius: 0; }
/* #carousel_slide_contact */
#carousel_slide_contact .nav { width: 187px; margin: 0 auto; background: rgba(0, 0, 0, 0.1); padding: 10px 0 10px 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#carousel_slide_contact .nav a { color: #666666 !important; border-bottom: 3px solid #9a9ca0 !important; background: rgba(241,241,243,1); border-bottom:3px solid #cccccc !important; }
#carousel_slide_contact .nav a:hover, #carousel_slide_contact .nav a:focus { background: rgba(255,255,255,1); border-bottom: 3px solid #cccccc !important; }
#carousel_slide_contact .nav a.contact-btn-left { padding-left: 22px; padding-right: 22px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }

#carousel_slide_contact .nav a.contact-btn-right { -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#carousel_slide_contact .carousel-inner .item { color: #666666; text-align: left !important; }
/* .contact-details */
.contact-details { width: 80%; margin: 0 auto; padding: 60px 20px 20px 20px; }

.contact-details-box { background-color: #f1f1f3; border: 1px solid #cccccc; color:#333333; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px 10px 20px 10px; margin-bottom: 10px; height: 200px; }
.contact-details-box h2 {  font-size: 1.5em; }
.contact-details-box p {  font-size: 1em; }
.message-contact-box { width: 100%; padding: 0 15px 0 15px; }



/*
* Codelander - One Page Template
* Version: 2.0.2
* Copyright 2016
* Created by: damterthemes
* @damterthemes: https://wrapbootstrap.com/user/damterthemes
*/

/*
**********************************************
**********************************************
CONTENTS:

01 General Styles
02 Header
03 Features
04 Subscription Section
05 About Section
06 FAQ Section
07 Pricing Section
08 Call to action
**********************************************
**********************************************
*/

/*
**********************************************
01 General Styles
**********************************************
*/

/* Typography */
.section-title { color: #ff8000; }

/* Buttons */

/* .btn-custom-1 */
.btn-custom-1:hover, .btn-custom-1:focus, .btn-custom-1:active, .btn-custom-1.active { background: rgba(215,107,0,1); }
/* .btn-custom-2 */

.btn-custom-2 { background: rgba(255,128,0,1); border-bottom: 3px solid #ce6700; }
.btn-custom-2:hover, .btn-custom-2:focus, .btn-custom-2:active, .btn-custom-2.active { background: rgba(233,116,0,1); border-bottom: 3px solid #c46200; }
.btn-custom-2[disabled]:focus, .btn-custom-2[disabled]:active, .btn-custom-2[disabled].active, fieldset[disabled] .btn-custom-2:hover, fieldset[disabled] .btn-custom-2:focus, fieldset[disabled] .btn-custom-2:active, fieldset[disabled] .btn-custom-2.active { background-color: rgba(255,128,0,1); border-bottom: 2px solid #ce6700; }

/* .btn-custom-3 */
.btn-custom-3 { background: rgba(230,115,0,1); }
.btn-custom-3:hover, .btn-custom-3:focus, .btn-custom-3:active, .btn-custom-3.active { background: rgba(251,125,0,1); }
.btn-custom-3.disabled:hover, .btn-custom-3.disabled:focus, .btn-custom-3.disabled:active, .btn-custom-3.disabled.active, .btn-custom-3[disabled]:hover, .btn-custom-3[disabled]:focus, .btn-custom-3[disabled]:active, .btn-custom-3[disabled].active, fieldset[disabled] .btn-custom-3:hover, fieldset[disabled] .btn-custom-3:focus, fieldset[disabled] .btn-custom-3:active, fieldset[disabled] .btn-custom-3.active { background: rgba(230,115,0,1); }

/* .btn-custom-4 */
.btn-custom-4 { background: rgba(191,96,0,1); }
.btn-custom-4:hover, .btn-custom-4:focus, .btn-custom-4:active, .btn-custom-4.active { background: rgba(233,112,0,1); }
.btn-custom-4.disabled:hover, .btn-custom-4.disabled:focus, .btn-custom-4.disabled:active, .btn-custom-4.disabled.active, .btn-custom-4[disabled]:hover, .btn-custom-4[disabled]:focus, .btn-custom-4[disabled]:active, .btn-custom-4[disabled].active, fieldset[disabled] .btn-custom-4:hover, fieldset[disabled] .btn-custom-4:focus, fieldset[disabled] .btn-custom-4:active, fieldset[disabled] .btn-custom-4.active { background: rgba(191,96,0,1); }

/* .btn-custom-5 */
.btn-custom-5:hover, .btn-custom-5:focus, .btn-custom-5:active, .btn-custom-5.active { background: rgba(215,107,0,1); }

/* .btn-custom-6 */
.btn-custom-6 { background-color:rgba(185,92,0,0.3); }
.btn-custom-6.disabled:hover, .btn-custom-6.disabled:focus, .btn-custom-6.disabled:active, .btn-custom-6.disabled.active, .btn-custom-6[disabled]:hover, .btn-custom-6[disabled]:focus, .btn-custom-6[disabled]:active, .btn-custom-6[disabled].active, fieldset[disabled] .btn-custom-6:hover, fieldset[disabled] .btn-custom-6:focus, fieldset[disabled] .btn-custom-6:active, fieldset[disabled] .btn-custom-6.active { background-color:rgba(185,92,0,0.3); }

/*
**********************************************
02 Header
**********************************************
*/

/* .navbar-brand */
.navbar-default .navbar-brand i { color: #ff8000; }

/* .navbar-nav */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #ff8000 !important; border-bottom: 3px solid #ce6700; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #ff8000 !important; border-bottom: 3px solid #ce6700; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #ff8000; }

/*
**********************************************
03 Features
**********************************************
*/
#features h5 { color: #ff8000; }

/*
**********************************************
04 Subscription Section
**********************************************
*/

/* #subscription-section */
#subscription-section { background-color: #e17100; background-image:url("../i/shouyin/orange-bg-subscription.jpg"); background-repeat: no-repeat; background-position: center 100%; background-attachment: relative; background-position: center center; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.form-subscribe .form-control { background-color:rgba(185,92,0,0.3); }

/*
**********************************************
05 About Section
**********************************************
*/

/* #skills */
#skills li span { background: #ff8000; }

/*
**********************************************
06 FAQ Section
**********************************************
*/

/* .panel */
.panel-default > .panel-heading { background-color: #ff972f !important; border-bottom: 3px solid #f47a00; }
.panel-default > .panel-heading:hover { background-color: #ff8000 !important; border-bottom: 3px solid #ce6700; }
.panel-default .faq-icon-collapse i { color: #ffce9d !important; }

/*
**********************************************
07 Pricing Section
**********************************************
*/

/* #pricing-section */
#pricing-section .plan-title { background: #e67300; }
#pricing-section .popular > .plan-title { background: #bf6000; }
#pricing-section div.arrow-down { border-top: 10px solid #e67300; }
#pricing-section div.arrow-down-popular { border-top: 10px solid #bf6000; }
#pricing-section .price { background: #ff870f; }
#pricing-section .popular > .price { background: #df7000 !important; }

/*
**********************************************
08 Call to action
**********************************************
*/
#call-to-action-section { background-color: #e17100; background-image:url("../../img/orange-bg-call-to-action.jpg"); background-repeat: no-repeat; background-position: center 100%; background-attachment: relative; background-position: center center; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }