/* -- typography -- */
body{font-family: 'Varela Round', sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; color: #868F9B;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: 0px; margin-bottom: 20px; color: #10161A;}
h1{font-size: 54px;}
h2{font-size: 36px;}
h3{font-size: 21px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
a{color: #6195FF; text-decoration: none; -webkit-transition: 0.2s opacity; transition: 0.2s opacity;}
a:hover, a:focus{text-decoration: none; outline: none; opacity: 0.8; color: #6195FF;}
.main-color{color: #6195FF;}
.white-text{color: #FFF;}
::-moz-selection{background-color: #6195FF; color: #FFF;}
::selection{background-color: #6195FF; color: #FFF;}
ul, ol{margin: 0; padding: 0; list-style: none}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* -- section -- */
.section{position: relative;}
.md-padding{padding-top: 120px; padding-bottom: 120px;}
.sm-padding{padding-top: 60px; padding-bottom: 60px;}
/* -- background section -- */
.bg-grey{background-color: #FAFAFA; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.bg-grey{background-color: #FAFAFA; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.bg-dark{background-color: #1C1D21;}
/* -- background image section -- */
.bg-img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; background-position: center; background-size: cover; background-attachment: fixed;}
.bg-img .overlay{position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: .8; background: #1C1D21;}
/* -- section header -- */
.section-header{position: relative; margin-bottom: 60px;}
.section-header .title{text-transform: capitalize;}
.title:after{content:"";display:block;height:4px;width:40px;background-color: #6195FF; margin-top: 20px;}
.text-center .title:after{margin: 20px auto 0px;}
/* -- Input -- */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], textarea{height: 40px; width: 100%; border: none; background: #F4F4F4; border-bottom: 2px solid #EEE; color: #354052; padding: 0px 10px; opacity: 0.5; -webkit-transition: 0.2s border-color, 0.2s opacity; transition: 0.2s border-color, 0.2s opacity;}
textarea{padding: 10px 10px; min-height: 80px; resize: vertical;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus{border-color: #6195FF; opacity: 1;}
/* -- Buttons -- */
.main-btn, .white-btn, .outline-btn{display: inline-block; padding: 10px 35px; margin: 3px; border: 2px solid transparent; border-radius: 3px; -webkit-transition: 0.2s opacity; transition: 0.2s opacity;}
.main-btn{background: #6195FF; color: #FFF;}
.white-btn{background: #FFF; color: #10161A !important;}
.outline-btn{background: transparent; color: #6195FF !important; border-color: #6195FF;}
.main-btn:hover, .white-btn:hover, .outline-btn:hover{opacity: 0.8;}
/*------------------------------------*\Logo
\*------------------------------------*/
.navbar-brand{padding: 0;}
.navbar-brand .logo, .navbar-brand .logo-alt{max-height: 50px; display: block;}
#nav:not(.nav-transparent):not(.fixed-nav) .navbar-brand .logo-alt{display: none;}
#nav.nav-transparent:not(.fixed-nav) .navbar-brand .logo{display: none;}
#nav.fixed-nav .navbar-brand .logo-alt{display: none;}
@media only screen and (max-width: 767px){#nav.nav-transparent .navbar-brand .logo-alt{display: none !important;} #nav.nav-transparent .navbar-brand .logo{display: block !important;}}
/*------------------------------------*\Navigation
\*------------------------------------*/
#nav{padding: 10px 0px; background: #FFF; -webkit-transition: 0.2s padding; transition: 0.2s padding; z-index: 999;}
#nav.navbar{border: none; border-radius: 0; margin-bottom: 0px;}
#nav.fixed-nav{position: fixed; left: 0; right: 0; padding: 0px 0px; background-color: #FFF !important; border-bottom: 1px solid #EEE;}
#nav.nav-transparent{background: rgba(0, 0, 0, 0.3);}
/* -- default nav -- */
@media only screen and (min-width: 768px){.main-nav li{padding: 0px 15px;} .main-nav li a{font-size: 14px; -webkit-transition: 0.2s color; transition: 0.2s color;} .main-nav>li>a{color: #10161A; padding: 15px 0px;} #nav.nav-transparent:not(.fixed-nav) .main-nav>li>a{color: #fff;} .main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a{background: transparent; color: #6195FF;} .main-nav>li>a:after{content: ""; display: block; background-color: #6195FF; height: 2px; width: 0%; -webkit-transition: 0.2s width; transition: 0.2s width;} .main-nav>li>a:hover:after, .main-nav>li.active>a:after{width: 100%;} /* dropdown */ .has-dropdown{position: relative;} .has-dropdown>a:before{font-family: 'FontAwesome'; content: "\f054"; font-size: 6px; margin-left: 6px; float: right; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 0.2s transform; transition: 0.2s transform;} .dropdown{position: absolute; right: -50%; top: 0; background-color: #6195FF; width: 200px; -webkit-box-shadow: 0px 5px 5px -5px rgba(53, 64, 82, 0.2); box-shadow: 0px 5px 5px -5px rgba(53, 64, 82, 0.2); -webkit-transform: translateY(15px) translateX(50%); -ms-transform: translateY(15px) translateX(50%); transform: translateY(15px) translateX(50%); opacity: 0; visibility: hidden; -webkit-transition: 0.2s all; transition: 0.2s all;} .main-nav>.has-dropdown>.dropdown{top: 100%; right: 50%;} .main-nav>.has-dropdown>.dropdown .dropdown.dropdown-left{right: 150%;} .dropdown li a{display: block; color: #FFF; border-top: 1px solid rgba(250, 250, 250, 0.1); padding: 10px 0px;} .dropdown li:nth-child(1) a{border-top: none;} .has-dropdown:hover>.dropdown{opacity: 1; visibility: visible; -webkit-transform: translateY(0px) translateX(50%); -ms-transform: translateY(0px) translateX(50%); transform: translateY(0px) translateX(50%);} .has-dropdown:hover>a:before{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .nav-collapse{display: none;}}
/* -- mobile nav -- */
@media only screen and (max-width: 767px){#nav{padding: 0px 0px;} #nav.nav-transparent{background: #FFF;} .main-nav{position: fixed; right: 0; height: calc(100vh - 80px); -webkit-box-shadow: 0px 80px 0px 0px #1C1D21; box-shadow: 0px 80px 0px 0px #1C1D21; max-width: 250px; width: 0%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); margin: 0; overflow-y: auto; background: #1C1D21; -webkit-transition: 0.2s all; transition: 0.2s all;} #nav.open .main-nav{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); width: 100%;} .main-nav li{border-top: 1px solid rgba(250, 250, 250, 0.1);} .main-nav li a{display: block; color: #FFF; -webkit-transition: 0.2s all; transition: 0.2s all;} .main-nav>li.active{border-left: 6px solid #6195FF;} .main-nav li a:hover, .main-nav li a:focus{background-color: #6195FF; color: #FFF; opacity: 1;} .has-dropdown>a:after{content: "\f054"; font-family: 'FontAwesome'; float: right; -webkit-transition: 0.2s -webkit-transform; transition: 0.2s -webkit-transform; transition: 0.2s transform; transition: 0.2s transform, 0.2s -webkit-transform;} .dropdown{opacity: 0; visibility: hidden; height: 0; background: rgba(250, 250, 250, 0.1);} .dropdown li a{padding: 6px 10px;} .has-dropdown.open-drop>a:after{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .has-dropdown.open-drop>.dropdown{opacity: 1; visibility: visible; height: auto; -webkit-transition: 0.2s all; transition: 0.2s all;}}
/* -- nav btn collapse -- */
.nav-collapse{position: relative; float: right; width: 40px; height: 40px; margin-top: 5px; margin-right: 5px; cursor: pointer; z-index: 99999;}
.nav-collapse span{display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 25px;}
.nav-collapse span:before, .nav-collapse span:after{content: ""; display: block;}
.nav-collapse span, .nav-collapse span:before, .nav-collapse span:after{height: 4px; background: #10161A; -webkit-transition: 0.2s all; transition: 0.2s all;}
.nav-collapse span:before{-webkit-transform: translate(0%, 10px); -ms-transform: translate(0%, 10px); transform: translate(0%, 10px);}
.nav-collapse span:after{-webkit-transform: translate(0%, -14px); -ms-transform: translate(0%, -14px); transform: translate(0%, -14px);}
#nav.open .nav-collapse span{background: transparent;}
#nav.open .nav-collapse span:before{-webkit-transform: translateY(0px) rotate(-135deg); -ms-transform: translateY(0px) rotate(-135deg); transform: translateY(0px) rotate(-135deg);}
#nav.open .nav-collapse span:after{-webkit-transform: translateY(-4px) rotate(135deg); -ms-transform: translateY(-4px) rotate(135deg); transform: translateY(-4px) rotate(135deg);}
/*------------------------------------*\Header
\*------------------------------------*/
header{position: relative;}
/*#home{height: 100vh;}*/
#home .home-wrapper{position: absolute; left: 0px; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
.home-content h1{text-transform: uppercase;}
.home-content button{margin-top: 20px;}
.header-wrapper h2{display: inline-block; margin-bottom: 0px;}
.header-wrapper .breadcrumb{float: right; background: transparent; margin-bottom: 0px;}
.header-wrapper .breadcrumb .breadcrumb-item.active{color: #868F9B;}
.breadcrumb>li+li:before{color: #868F9B;}
/*------------------------------------*\About
\*------------------------------------*/
.about{position: relative; text-align: center; padding: 40px 20px; border: 1px solid #EEE; margin: 15px 0px;}
.about i{font-size: 36px; color: #6195FF; margin-bottom: 20px;}
.about:after{content: ""; background-color: #1C1D21; position: absolute; left: 0; top: 0; bottom: 0; width: 0%; z-index: -1; -webkit-transition: 0.2s width; transition: 0.2s width;}
.about:hover:after{width: 100%;}
.about h3{-webkit-transition: 0.2s color; transition: 0.2s color;}
.about:hover h3{color: #fff;}
/*------------------------------------*\Portfolio
\*------------------------------------*/
.work{position: relative; padding: 20px;color: #fff}
.work1>img{width: 100%;opacity: 0;}
.work .overlay{background: #31365c; position: absolute; top: 7.5%; left: 5.2%; right: 5.2%; bottom: 7.5%; opacity: 0; -webkit-transition: 0.2s opacity; transition: 0.2s opacity; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; border-radius: 15px}
.work .overlay{-webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0.3;}
.work .work-content{position: absolute; left: 25px; right: 25px; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.work .work-content h3 {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    margin-top: 40px;
    color: #FFF;
    margin-bottom: 10px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.work .work-content h3{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s;}

.work .work-content p {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    color: #FFF;
    margin-bottom: 10px;
    padding: 15px 45px;
    text-align:justify;
    text-align: left;
    line-height: 30px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.work .work-content p {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.work .work-content span{display: block; text-transform: uppercase; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; color: #6195FF; margin-bottom: 5px; -webkit-transition: 0.2s all; transition: 0.2s all; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.work .work-content span{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s;}
.work .work-link{text-align: center; margin-top: 20px; opacity: 0; -webkit-transition: 0.2s opacity; transition: 0.2s opacity;}
.work .work-link a{display: inline-block; width: 50px; height: 50px; background-color: #6195FF; color: #FFF; line-height: 50px; text-align: center;}
.work .work-link{-webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1;}
/*------------------------------------*\Services
\*------------------------------------*/
.service{position: relative; padding: 40px 20px 40px 70px; margin: 15px 0px; border: 1px solid #EEE;}
.service i{position: absolute; left: 20px; text-align: center; font-size: 32px; color: #6195FF; border-radius: 50%;}
.service:after{content: ""; background-color: #1C1D21; position: absolute; left: 0; top: 0; bottom: 0; width: 0%; z-index: -1; -webkit-transition: 0.2s width; transition: 0.2s width;}
.service:hover:after{width: 100%;}
.service h3{-webkit-transition: 0.2s color; transition: 0.2s color;}
.service:hover h3{color: #fff;}
/*------------------------------------*\Why choose us
\*------------------------------------*/
.feature{margin: 15px 0px;}
.feature i{float: left; padding: 5px; border-radius: 50%; color: #6195FF; border: 1px solid #6195FF; margin-right: 5px;}
/*------------------------------------*\Numbers
\*------------------------------------*/
.number{text-align: center; margin: 15px 0px;}
.number i{color: #6195FF; font-size: 36px; margin-bottom: 20px;}
.number h3{font-size: 36px; margin-bottom: 10px;}
/*------------------------------------*\Pricing
\*------------------------------------*/
.pricing{position: relative; text-align: center; border: 1px solid #EEE; background-color: #FFF; z-index: 11; margin: 15px 0px;}
.pricing::after{content: ""; background-color: #1C1D21; position: absolute; left: 0; right: 0; top: 0; height: 0%; z-index: -1; -webkit-transition: 0.2s height; transition: 0.2s height;}
.pricing:hover:after{height: 100%;}
.pricing .price-head{position: relative; margin-bottom: 20px;}
.pricing .price-title{display: block; padding: 40px 0px 20px; text-transform: uppercase; -webkit-transition: 0.2s color; transition: 0.2s color;}
.pricing:hover .price-title{color: #6195FF;}
.pricing .price{position: relative; width: 140px; height: 140px; line-height: 140px; text-align: center; margin: auto; border-radius: 50%; border: 2px solid #6195FF;}
.pricing .price h3{font-size: 42px; margin: 0px; -webkit-transition: 0.2s color; transition: 0.2s color; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; left: 0; right: 0;}
.pricing:hover .price h3{color: #fff;}
.pricing .duration{display: block; font-size: 14px; text-transform: uppercase; color: #10161A; -webkit-transition: 0.2s color; transition: 0.2s color;}
.pricing:hover .duration{color: #fff;}
.pricing .price-btn{padding-top: 20px; padding-bottom: 40px;}
/*------------------------------------*\Testimonial
\*------------------------------------*/
.testimonial{margin: 15px 0px;}
.testimonial-meta{position: relative; padding-left: 90px; height: 70px; margin-bottom: 20px; padding-top: 10px;}
.testimonial img{position: absolute; left: 0; top: 0; width: 70px !important; height: 70px !important; border-radius: 50%;}
.testimonial h3{margin-bottom: 5px;}
.testimonial span{font-size: 14px; color: #6195FF; text-transform: uppercase;}
/*------------------------------------*\Team
\*------------------------------------*/
.team{position: relative; background-color: #F4F4F4; padding: 40px 20px; margin: 15px 0px;}
.team::after{content: ""; background-color: #1C1D21; position: absolute; left: 0; right: 0; top: 0; height: 0%; z-index: 1; -webkit-transition: 0.2s height; transition: 0.2s height;}
.team:hover:after{height: 100%;}
.team-img{position: relative; margin-bottom: 20px; z-index: 11;}
.team-img>img{width: 100%;}
.team .overlay{background: #1C1D21; position: absolute; bottom: 0; left: 0; right: 0; top: 0; opacity: 0; -webkit-transition: 0.2s opacity; transition: 0.2s opacity;}
.team:hover .overlay{opacity: 0.8;}
.team .team-content{text-align: center; position: relative; z-index: 11;}
.team .team-content h3{margin-bottom: 10px; -webkit-transition: 0.2s color; transition: 0.2s color;}
.team .team-content span{font-size: 14px; text-transform: uppercase; -webkit-transition: 0.2s color; transition: 0.2s color;}
.team:hover .team-content h3{color: #FFF;}
.team:hover .team-content span{color: #6195FF;}
.team .team-social{position: absolute; top: 0; right: 0; opacity: 0; -webkit-transition: 0.2s opacity; transition: 0.2s opacity;}
.team .team-social a{display: block; line-height: 50px; width: 50px; text-align: center; background-color: #6195FF; color: #FFF;}
.team:hover .team-social{opacity: 1;}
/*------------------------------------*\Blog
\*------------------------------------*/
.blog{background-color: #FFF; margin: 15px 0px;}
.blog .blog-content{padding: 20px 20px 40px;}
.blog .blog-meta{margin-bottom: 20px;}
.blog .blog-meta li{display: inline-block; font-size: 14px; color: #10161A; margin-right: 10px;}
.blog .blog-meta li i{color: #6195FF; margin-right: 5px;}
/*------------------------------------*\Blog post
\*------------------------------------*/
#main .blog .blog-content{padding: 20px 0px 0px;}
#main .blog{margin-top: 0px;}
/* -- blog tags -- */
.blog-tags{margin: 40px 0px;}
.blog-tags h5{margin-bottom: 0; display: inline-block;}
.blog-tags a{display: inline-block; padding: 6px 13px; font-size: 14px; margin: 2px 0px; background: #F4F4F4; color: #10161A;}
.blog-tags a:hover{color: #FFF; background-color: #6195FF;}
.blog-tags a i{margin-right: 3px; color: #6195FF;}
.blog-tags a:hover i{color: #FFF;}
/* -- blog author -- */
.blog-author{margin: 40px 0px;}
.blog-author .media .media-left{padding-right: 20px;}
.blog-author .media{padding: 20px; border: 1px solid #EEE;}
.blog-author .media .media-heading{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #EEE;}
.blog-author .media .media-heading h3{display: inline-block; margin: 0; text-transform: uppercase;}
.blog-author .media .media-heading .author-social{float: right;}
.blog-author .author-social a{display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 3px; margin-left: 5px; color: #FFF; background-color: #6195FF;}
/* -- blog comments -- */
.blog-comments{margin: 40px 0px;}
.blog-comments .media{padding: 20px; background-color: #FFF; border-top: 1px solid #EEE; border-bottom: 0px; border-right: 1px solid #EEE; border-left: 1px solid #EEE; margin-top: 0px;}
.blog-comments .media:first-child{border-bottom: 0px;}
.blog-comments .media:last-child{border-bottom: 1px solid #EEE;}
.blog-comments .media .media-left{padding-right: 20px;}
.blog-comments .media .media-body .media-heading{text-transform: uppercase; margin-bottom:10px;}
.blog-comments .media .media-body .media-heading .time{font-size: 12px; margin-left: 20px; font-weight: 400; color: #868F9B;}
.blog-comments .media .media-body .media-heading .reply{float: right; margin: 0; font-size: 12px; text-transform: uppercase; font-weight: 400;}
.blog-comments .media.author{background-color: #F4F4F4; border-color: #6195FF; border-bottom: 1px solid #6195FF;}
.blog-comments .media.author>.media-body>.media-heading{color: #6195FF;}
.blog-comments .media.author + .media{border-top: 0px;}
/* blog reply form */
.reply-form{margin: 40px 0px;}
.reply-form form .input, .reply-form form .input , .reply-form form textarea{margin-bottom:20px;}
.reply-form form .input, .reply-form form .input{width: calc(50% - 10px); display: inline-block;}
.reply-form form .input:nth-child(2){margin-left: 15px;}
/*------------------------------------*\Blog sidebar
\*------------------------------------*/
#aside .widget{margin-bottom: 40px;}
.widget h3{text-transform: uppercase;}
/* -- search sidebar -- */
#aside .widget-search{position: relative;}
#aside .widget-search .search-input{padding-right: 50px;}
#aside .widget-search .search-btn{position: absolute; right: 0px; bottom: 0px; width: 40px; height: 40px; border: none; line-height: 40px; background-color: transparent; color: #6195FF;}
/* -- category sidebar -- */
.widget-category a{display: block; font-size: 14px; color: #354052; border-bottom: 1px solid #EEE; padding: 5px;}
.widget-category a:nth-child(1){border-top: 1px solid #EEE;}
.widget-category a span{float: right; color: #6195FF;}
.widget-category a:hover{color: #6195FF;}
/* -- tags sidebar -- */
.widget-tags a{display: inline-block; padding: 6px 13px; font-size: 14px; margin: 2px 0px; background: #F4F4F4; color: #10161A;}
.widget-tags a:hover{color: #FFF; background-color: #6195FF;}
/* -- posts sidebar -- */
.widget-post{min-height: 70px; margin-bottom: 25px;}
.widget-post img{display: block; float: left; margin-right: 10px; margin-top: 5px;}
.widget-post a{display: block; color: #10161A;}
.widget-post a:hover{color: #6195FF;}
.widget-post .blog-meta{display: inline-block;}
.widget-post .blog-meta li{display: inline-block; margin-right: 5px; color: #6195FF; font-size: 12px;}
.widget-post li i{color: #6195FF; margin-right: 5px;}
/*------------------------------------*\Contact
\*------------------------------------*/
.contact{margin: 15px 0px; text-align: center;}
.contact i{font-size: 36px; color: #6195FF; margin-bottom: 20px;}
.contact-form{text-align: center; margin-top: 40px;}
.contact-form .input{margin-bottom: 20px;}
.contact-form .input:nth-child(1), .contact-form .input:nth-child(2){width: calc(50% - 10px);}
.contact-form .input:nth-child(2){margin-left: 15px;}
/*------------------------------------*\Footer
\*------------------------------------*/
#footer{position: relative;}
.footer-logo{text-align: center; margin-bottom: 40px;}
.footer-logo>a>img{max-height: 80px;}
.footer-follow{text-align: center; margin-bottom: 20px;}
.footer-follow li{display: inline-block; margin-right: 10px; margin-bottom: 13px;}
.footer-follow li a{display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 3px; background-color: #6195FF; color:#FFF;}
.footer-copyright p{text-align: center; font-size: 14px; text-transform: uppercase; margin: 0;}
/*------------------------------------*\Responsive
\*------------------------------------*/
@media only screen and (max-width: 991px){}
@media only screen and (max-width: 767px){.section-header h2.title{font-size:31.5px;} .main-btn , .default-btn , .outline-btn , .white-btn{padding: 8px 22px;font-size:14px;} .home-content h1{font-size:36px;} .header-wrapper h2{margin-bottom: 20px; text-align: center; display: block;} .header-wrapper .breadcrumb{float: none; text-align: center;}}
@media only screen and (max-width: 480px){#portfolio [class*='col-xs']{width:100%;} #numbers [class*='col-xs']{width:100%;} .contact-form .input:nth-child(1), .contact-form .input:nth-child(2){width: 100%;} .contact-form .input:nth-child(2){margin-left: 0px;} .reply-form form .input, .reply-form form .input{width: 100%;} .reply-form form .input:nth-child(2){margin-left: 0px;} .blog-author .media .media-left{display: block; padding-right: 0; margin-bottom: 20px;} .blog-author .media{text-align: center;} .blog-author .media .media-heading .author-social{margin-top: 10px; float: none;} .blog-author .media .media-left img{margin: auto;} .blog-comments .media .media{margin:0px -15px;}}
/*------------------------------------*\Owl theme
\*------------------------------------*/
/* -- dots -- */
.owl-theme .owl-dots .owl-dot span{border: none; background: #EEE; -webkit-transition: 0.2s all; transition: 0.2s all;}
.owl-theme .owl-dots .owl-dot:hover span{background: #6195FF;}
.owl-theme .owl-dots .owl-dot.active span{background: #6195FF; width:20px;}
/* -- nav -- */
.owl-theme .owl-nav{opacity: 0; -webkit-transition: 0.2s opacity; transition: 0.2s opacity;}
.owl-theme:hover .owl-nav{opacity: 1;}
.owl-theme .owl-nav [class*='owl-']{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #6195FF; color: #FFF;padding: 0px;width: 50px;height: 50px;border-radius:3px;line-height: 50px;margin: 0;}
.owl-theme .owl-prev{left: 0px;}
.owl-theme .owl-next{right: 0px;}
.owl-theme .owl-nav [class*='owl-']:hover{opacity: 0.8; background: #6195FF;}
/*------------------------------------*\Back to top
\*------------------------------------*/
#back-to-top{display:none;position: fixed;bottom: 20px;right: 20px;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #6195FF;border-radius:3px;color: #FFF;z-index: 9999; -webkit-transition: 0.2s opacity; transition: 0.2s opacity;cursor: pointer;}
#back-to-top:after{content: "\f106"; font-family: 'FontAwesome';}
#back-to-top:hover{opacity: 0.8;}
/*------------------------------------*\Preloader
\*------------------------------------*/
#preloader{position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: #FFF; z-index: 99999;}
.preloader{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.preloader span{display: inline-block; background-color: #6195FF; width: 25px; height: 25px; -webkit-animation: 1s preload ease-in-out infinite; animation: preload 1s ease-in-out infinite; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); border-radius:50%;}
.preloader span:nth-child(1){-webkit-animation-delay: 0s; animation-delay: 0s;}
.preloader span:nth-child(2){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.preloader span:nth-child(3){-webkit-animation-delay: 0.15s; animation-delay: 0.15s;}
.preloader span:nth-child(4){-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
@-webkit-keyframes preload{0%{-webkit-transform:scale(0); transform:scale(0);} 50%{-webkit-transform:scale(1); transform:scale(1);} 100%{-webkit-transform:scale(0); transform:scale(0);}}
@keyframes preload{0%{-webkit-transform:scale(0); transform:scale(0);} 50%{-webkit-transform:scale(1); transform:scale(1);} 100%{-webkit-transform:scale(0); transform:scale(0);}}


#portfolio h2{color: #fff;}
.work-txt{color: #fff;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}
.work-txt h3{color: #fff;padding: 0 100px;}
.bg-1{background: url(http://offical.finear.cn/img/jpg/touyan_1.png)no-repeat;}
.bg-2{background: url(http://offical.finear.cn/img/jpg/touyan_2.png)no-repeat;}
.bg-3{background: url(http://offical.finear.cn/img/jpg/touyan_3.png)no-repeat;}
.work-img{width: 100%;height: 150px;background-position: center;}
.wang{display: block;}
.color9{color: #484c6e !important;}
.bg-white{background: #fff;}
.color-white{color: #fff}
#footer{display: none}
@media only screen and (min-width: 992px){
    .ceotxt{position: absolute;right: 0;top: 142px;}
    .border-l{border-left:3px solid #fff; }
    #footer{display: block}
}
.consultation_wenzi{
    background: #9B9BAD;color: white;height: 46px;line-height: 46px;font-size: 27px;
    margin-top: 40px;
}
.cons_img{
    width: 388px;height: 258px;border-radius: 20px;margin: auto;
}
.wx{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}
.wx img{
    position: fixed;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 400px;
}