﻿/* 
已翻译中文
Theme Description
-------------------------------------------------

	  Theme Name:
	  Author:
	  Support:
	  Description:
	  Version:
	  
------------------------------------------------- 
*/
/* CSS Index
-------------------------------------------------

	1. Theme default css
	2. header
	3. slider
	4. about-area
	5. features-box
	6. department
	7. team
	8. video-area
	9. counter
	10. footer

-------------------------------------------------
*/
/*-------------   Color variabel  --------------*/
/*@import url("https://fonts.googleapis.com/css?family=Barlow:200,300,400,500,600,700,800,900|Roboto:300,300i,400,500,700,900&display=swap");*/

.top-bg{background:#00163e}
.gray-bg{background:#f5f5f5}
.top-bg{background:#0b6dd7}
.gray-bg{background:#f7f7fd}
.white-bg{background:#fff}
.black-bg{background:#16161a}
.theme-bg{background:#f27420}
.brand-bg{background:#f1f4fa}
.testimonial-bg{background:#f9fafc}
.white-color{color:#fff}
.black-color{color:#16161a}
.theme-color{color:#f27420}
.t-bg{background:#0b6dd7}
/*------------------- Responsive --------------------------*/
/*
	@include transition(.4s);
	color:$theme-color;
*/
.boxed-btn{background:#fff;color:#f27420!important;display:inline-block;padding:18px 44px;font-family:Barlow,sans-serif;font-size:14px;font-weight:400;border:0;border:1px solid #f27420;letter-spacing:3px;text-align:center;color:#f27420;text-transform:uppercase;cursor:pointer}
.boxed-btn:hover{background:#f27420;color:#fff!important;border:1px solid #f27420}
.boxed-btn:focus{outline:0}
.boxed-btn.large-width{width:220px}
.row_flex_middle{align-items: center;}/*让flex的子元素垂直居中 */
/*--
    - Overlay
------------------------------------------*/
[data-overlay]{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center}
[data-overlay]::before{position:absolute;left:0;top:0;right:0;bottom:0;content:""}
[data-opacity="1"]::before{opacity:.1}
[data-opacity="2"]::before{opacity:.2}
[data-opacity="3"]::before{opacity:.3}
[data-opacity="4"]::before{opacity:.4}
[data-opacity="5"]::before{opacity:.5}
[data-opacity="6"]::before{opacity:.6}
[data-opacity="7"]::before{opacity:.7}
[data-opacity="8"]::before{opacity:.8}
[data-opacity="9"]::before{opacity:.9}
body{font-family:Roboto,sans-serif;font-weight:400;font-style:normal}
h1,h2,h3,h4,h5,h6{font-family:Barlow,sans-serif;color:#0b1c39;margin-top:0;font-style:normal;font-weight:500;text-transform:normal}
p{font-family:Roboto,sans-serif;color:Barlow,sans-serif;font-size:16px;line-height:24px;margin-bottom:15px;font-weight:400}
.bg-img-1{background-image:url(../img/slider/slider-img-1.jpg)}
.bg-img-2{background-image:url(../img/background-img/bg-img-2.jpg)}
.cta-bg-1{background-image:url(../img/background-img/bg-img-3.jpg)}
.img{max-width:100%;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.f-left{float:left}
.f-right{float:right}
.fix{overflow:hidden}
.clear{clear:both}
.button,a{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.button:focus,a:focus{text-decoration:none;outline:0}
.footer -menu li a:hover,.portfolio-cat a:hover,a:focus,a:hover{text-decoration:none}
a,button{color:#333;outline:medium none}
button:focus,input:focus,textarea,textarea:focus{outline:0}
.uppercase{text-transform:uppercase}
input:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.capitalize{text-transform:capitalize}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
ul{margin:0;padding:0}
li{list-style:none}
hr{border-bottom:1px solid #eceff8;border-top:0 none;margin:30px 0;padding:0}

/* Theme-overlay */
.theme-overlay{position:relative}
.theme-overlay::before{background:#1696e7 none repeat scroll 0 0;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}
.overlay{position:relative;z-index:0}
.overlay::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1}
.overlay2{position:relative;z-index:0}
.overlay2::before{position:absolute;content:"";background-color:#2e2200;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5}
.section-padding{padding-top:120px;padding-bottom:120px}
.separator{border-top:1px solid #f2f2f2}
.mb-90{margin-bottom:90px}
@media (max-width:767px){.mb-90{margin-bottom:30px}
}
@media (min-width:768px) and (max-width:991px){.mb-90{margin-bottom:45px}
}
.owl-carousel .owl-nav div{background:rgba(255,255,255,.8) none repeat scroll 0 0;height:40px;left:20px;line-height:40px;font-size:22px;color:#646464;opacity:1;visibility:visible;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all .3s ease 0s;width:40px}
.owl-carousel .owl-nav div.owl-next{left:auto;right:30px}
.owl-carousel .owl-nav div.owl-next i{position:relative;right:0;top:1px}
.owl-carousel .owl-nav div.owl-prev i{position:relative;right:1px;top:0}
.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}
.owl-carousel:hover .owl-nav div:hover{color:#fff;background:#ff3500}
.btn{-moz-user-select:none;background:#1e2494;border:medium none;border-radius:0;color:#fff;cursor:pointer;display:inline-block;font-size:20px;font-weight:700;letter-spacing:1px;line-height:0;margin-bottom:0;padding:25px 22px;text-align:center;text-transform:capitalize;touch-action:manipulation;transition:all .3s ease 0s;vertical-align:middle;white-space:nowrap;font-family:Barlow,sans-serif;position:relative}
.btn:hover{background:#0b6dd7;color:#fff}
.btn:hover::before{top:-8px;left:-8px}
.btn::before{position:absolute;background:#f27420;width:100%;height:100%;content:"";top:8px;left:-8px;z-index:-1;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.white-btn{-moz-user-select:none;background:#0b6dd7;border:medium none;border-radius:0;color:#fff;cursor:pointer;display:inline-block;font-size:20px;font-weight:500;letter-spacing:1px;line-height:0;margin-bottom:0;padding:25px 22px;text-align:center;text-transform:capitalize;touch-action:manipulation;transition:all .3s ease 0s;vertical-align:middle;white-space:nowrap;font-family:Barlow,sans-serif;position:relative}
.white-btn::before{position:absolute;background:#fff;width:100%;height:100%;content:"";top:8px;left:-8px;z-index:-1;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.white-btn:hover{color:#fff}
.white-btn:hover::before{top:8px;left:8px}
.btn.hero-btn{position:relative;box-shadow:-8px 8px 0 #ca611b}
.btn.hero-btn:hover{box-shadow:8px 8px 0 #ca611b}
.arrow-btn{background:#f27420;padding:19px 15px;display:inline-block;line-height:0;position:absolute;right:0;bottom:0}
.arrow-btn:hover{background:#0b6dd7}
.btn.focus,.btn:focus{outline:0;box-shadow:none}
.breadcrumb>.active{color:#888}

/* scrollUp */
#scrollUp{background:#f27420;height:50px;width:50px;right:31px;bottom:40px;color:#fff;font-size:20px;text-align:center;border-radius:50%;line-height:48px;border:2px solid transparent}
@media (max-width:767px){#scrollUp{right:16px}
}
#scrollUp:hover{color:#fff}


/* Sticky*/
.sticky-bar{left:0;margin:auto;position:fixed;top:0;width:100%;-webkit-box-shadow:0 0 60px 0 rgba(0,0,0,.07);box-shadow:0 0 60px 0 rgba(0,0,0,.07);z-index:9999;-webkit-animation:.3s ease-in-out 0s normal none 1 running fadeInDown;animation:.3s ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow:0 10px 15px rgba(25,25,25,.1);background:#fff}

/* Sticky end */
/*--- Margin & Padding --*/
/*-- Margin Top --*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-260{padding-top:260px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}
/*-- Some Animated CSS -- */
/* bounce-animate */
.bounce-animate{animation-name:float-bob;animation-duration:2s;animation-iteration-count:infinite;-moz-animation-name:float-bob;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:float-bob;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:float-bob;-o-animation-duration:2s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear}
@-webkit-keyframes float-bob{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
.heartbeat{animation:heartbeat 1s infinite alternate}
@-webkit-keyframes heartbeat{to{-webkit-transform:scale(1.03);transform:scale(1.03)}
}
.rotateme{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@keyframes rotateme{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@-webkit-keyframes rotateme{0%{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(1turn)}
}
.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;margin:0 auto;width:100%;height:100%;background-color:#f7f7f7}
.preloader,.preloader .preloader-circle{-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.preloader .preloader-circle{position:relative;z-index:10;width:100px;height:100px;border:3px solid transparent;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,.15);box-shadow:0 1px 5px 0 rgba(35,181,185,.15);border-top-color:#f27420;-webkit-animation:zoom 2s ease infinite;animation:zoom 2s ease infinite}
.preloader .preloader-circle2{border-top-color:#0078ff}
.preloader .preloader-img{position:absolute;top:50%;right:0;left:0;z-index:200;display:inline-block;margin:0 auto;padding-top:6px;text-align:center;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.preloader .preloader-img img{max-width:55px}
.preloader .pere-text strong{color:#dca73a;text-transform:uppercase;font-weight:800}
@-webkit-keyframes zoom{0%{-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes zoom{0%{-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.section-padding2{padding-top:200px;padding-bottom:200px}
@media only screen and (min-width:1200px) and (max-width:1600px){.section-padding2{padding-top:200px;padding-bottom:200px}
}
@media only screen and (min-width:992px) and (max-width:1200px){.section-padding2{padding-top:200px;padding-bottom:200px}
}
@media only screen and (min-width:768px) and (max-width:991px){.section-padding2{padding-top:100px;padding-bottom:100px}
}
@media only screen and (min-width:576px) and (max-width:767px){.section-padding2{padding-top:50px;padding-bottom:50px}
}
@media (max-width:767px){.section-padding2{padding-top:35px;padding-bottom:50px}
}
.section-padding30{padding-top:100px;padding-bottom:70px}
@media only screen and (min-width:1200px) and (max-width:1600px){.section-padding30{padding-top:200px;padding-bottom:170px}
}
@media only screen and (min-width:992px) and (max-width:1200px){.section-padding30{padding-top:150px;padding-bottom:120px}
}
@media only screen and (min-width:768px) and (max-width:991px){.section-padding30{padding-top:100px;padding-bottom:70px}
}
@media only screen and (min-width:576px) and (max-width:767px){.section-padding30{padding-top:60px;padding-bottom:28px}
}
@media (max-width:767px){.section-padding30{padding-top:60px;padding-bottom:28px}
}
.section2-padding30{padding-top:100px;padding-bottom:70px}
@media only screen and (min-width:1200px) and (max-width:1600px){.section2-padding30{padding-top:200px;padding-bottom:170px}
}
@media only screen and (min-width:992px) and (max-width:1200px){.section2-padding30{padding-top:200px;padding-bottom:170px}
}
@media only screen and (min-width:768px) and (max-width:991px){.section2-padding30{padding-top:100px;padding-bottom:70px}
}
@media only screen and (min-width:576px) and (max-width:767px){.section2-padding30{padding-top:22px;padding-bottom:50px}
}
@media (max-width:767px){.section2-padding30{padding-top:22px;padding-bottom:50px}
}
.section-padd-top30{padding-top:70px;padding-bottom:100px}
@media only screen and (min-width:1200px) and (max-width:1600px){.section-padd-top30{padding-top:170px;padding-bottom:200px}
}
@media only screen and (min-width:992px) and (max-width:1200px){.section-padd-top30{padding-top:170px;padding-bottom:200px}
}
@media only screen and (min-width:768px) and (max-width:991px){.section-padd-top30{padding-top:100px;padding-bottom:160px}
}
@media only screen and (min-width:576px) and (max-width:767px){.section-padd-top30{padding-top:50px;padding-bottom:90px}
}
@media (max-width:767px){.section-padd-top30{padding-top:35px;padding-bottom:90px}
}

.w-padding{padding-top:80px;padding-bottom:80px}
@media only screen and (min-width:1200px) and (max-width:1600px){.w-padding{padding-top:80px;padding-bottom:80px}
}
@media only screen and (min-width:992px) and (max-width:1200px){.w-padding{padding-top:80px;padding-bottom:80px}
}
@media only screen and (min-width:768px) and (max-width:991px){.w-padding{padding-top:80px;padding-bottom:80px}
}
@media only screen and (min-width:576px) and (max-width:767px){.w-padding{padding-top:70px;padding-bottom:70px}
}
@media (max-width:767px){.w-padding{padding-top:70px;padding-bottom:70px}
}
.footer-padding{padding-top:70px;padding-bottom:40px}
@media only screen and (min-width:1200px) and (max-width:1600px){.footer-padding{padding-top:70px;padding-bottom:40px}
}
@media only screen and (min-width:992px) and (max-width:1200px){.footer-padding{padding-top:100px;padding-bottom:50px}
}
@media only screen and (min-width:768px) and (max-width:991px){.footer-padding{padding-top:100px;padding-bottom:0}
}
@media only screen and (min-width:576px) and (max-width:767px){.footer-padding{padding-top:50px;padding-bottom:0}
}
@media (max-width:767px){.footer-padding{padding-top:50px;padding-bottom:0}
}





.header-area .header-top{padding:13px 0}
.header-area .header-top .header-info-left ul li{display:inline-block;margin-right:33px;padding-right:33px;border-right:1px solid #fff;color:#fff;font-size:14px;font-family:Roboto,sans-serif}
.header-area .header-top .header-info-left ul li a{color:#fff}
.header-area .header-top .header-info-left ul li:last-child{margin-right:0;padding-right:0;border-right:0}
.header-area .header-top .header-info-right ul li{color:#fff;font-size:14px}
.header-area .header-top .header-info-right ul li img{padding-left:10px;height:20px;cursor:pointer}
.main-header{position:relative;z-index:300}
@media only screen and (min-width:768px) and (max-width:991px){.main-header .header-bottom{padding:18px 0}
}
@media only screen and (min-width:576px) and (max-width:767px){.main-header .header-bottom{padding:18px 0}
}
@media (max-width:767px){.main-header .header-bottom{padding:18px 0}
}

.main-header  .logo img{ max-width: 100%;}

.main-header .main-menu ul#navigation{display: flex;}
.main-header .main-menu ul li{position:relative;z-index:300;display:inline-block; white-space: normal;}
.main-header .main-menu ul li a{position:relative;white-space: nowrap;
	display:block;padding:28px 12px;color:#051358;font-weight:500;font-size:16px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s; font-weight: bold;;}
.main-header .main-menu ul li:hover>a{background:#f27420;color:#fff}
.main-header .main-menu ul ul.submenu{position:absolute;top:120%;left:0;visibility:hidden;padding:17px 0;width:170px;background:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,.05);opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.main-header .main-menu ul ul.submenu>li{display:block;margin-left:7px}
.main-header .main-menu ul ul.submenu>li>a{padding:6px 10px!important;color:#0b1c39;font-size:14px}
.main-header .main-menu ul ul.submenu>li>a:hover{background:0 0;color:#f27420}
.main-header ul>li:hover>ul.submenu{top:100%;visibility:visible;opacity:1}
.get-btn{float:right;display:block;padding:28px 30px;background:#f27420;text-align:center;font-weight: bold;}
.get-btn,.get-btn:hover{color:#fff}
.searchShowBut1 i{margin-right:5px;font-weight:700;font-size:24px}
.searchShowBut1{position:absolute;top:-37px;right:55px;color:#f27420}
/* .header-sticky ul li a{padding:10px 19px}
.header-sticky.sticky-bar.sticky .main-menu ul>li>a{padding:20px} */
.slicknav_menu .slicknav_icon-bar{background-color:#f27420!important}
/* .header-sticky.sticky-bar.sticky .header-btn .get-btn{padding:20px 35px} */
.header-area .slicknav_btn{top:-37px}
.slicknav_menu .slicknav_nav a:hover{background:0 0;color:#f27420}
.slicknav_menu{margin-top:0!important;background:0 0}
.mobile_menu{position:absolute;right:0;z-index:99;width:100%}
.slider-height{min-height:830px;background-position:50%;background-size:cover;background-repeat:no-repeat}

.main-header .butBar{display: block;}
.main-header .langBar{ text-align: right;}
.main-header .langBar a{ margin-left: 5px;}
/* .main-header .searchBar{ display: flex;} */
/* .main-header .searchBar *{ white-space: nowrap;} */
.main-header .searchBar .showSearchBut{
	background-color:#f27420; border: 0; color: #fff;font-weight: bold; font-size: 14px;padding: 5px 16px; float: right;
}

.main-header .butBar{ text-align: right;}
.main-header .butBar a{ width: 40px; margin-left: 10px; display: block;float:right;}
.main-header .butBar a img{ width: 100%;}

@media only screen and (min-width:768px) and (max-width:991px){.slider-height{min-height:600px}
}
@media (max-width:767px){.slider-height{min-height:550px}
}
.slider-height2{min-height:390px;background-position:50%;background-repeat:no-repeat}
@media (max-width:767px){.slider-height2{min-height:300px}
.main-header .butBar{display: none;}
}
.btn1{padding:25px 0}
@media only screen and (min-width:768px) and (max-width:991px){.btn1{padding:25px 0}
.main-header .butBar{display: none;}
}
.slider-area{margin-top:-1px}
.slider-area .hero__caption{position:relative;overflow:hidden;margin-right:25px;margin-left:-25px;padding:39px 70px 56px 68px;background:url(../img/hero_arrow.png)}
@media (max-width:767px){.slider-area .hero__caption{padding:39px 24px 55px 44px}
}
.slider-area .hero__caption:after{position:absolute;right:0;bottom:-26px;left:0;margin-left:0;height:57px;background:url(../img/hero_arrow.png);background-size:cover;background-repeat:no-repeat;content:"";animation:slide1 1s ease-in-out infinite}
.slider-area .hero__caption h1{margin-bottom:14px;color:#fff;text-transform:uppercase;font-weight:900;font-size:70px;font-family:Barlow,sans-serif;line-height:1.2}
@media only screen and (min-width:992px) and (max-width:1200px){.slider-area .hero__caption h1{font-size:60px;line-height:1.2}
}
@media only screen and (min-width:768px) and (max-width:991px){.slider-area .hero__caption h1{font-size:50px;line-height:1.2}
}
@media (max-width:767px){.slider-area .hero__caption h1{font-size:35px;line-height:1.2}
}
.slider-area .hero__caption p{margin-bottom:25px;padding-right:49px;color:#fff;font-size:18px;line-height:30px}
@media only screen and (min-width:768px) and (max-width:991px){.slider-area .hero__caption p{padding-right:0}
}
@media (max-width:767px){.slider-area .hero__caption p{padding-right:0}
}
.hero-overly{position:relative;z-index:1}
.hero-overly:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;background-color:rgba(1,10,28,.3);background-repeat:no-repeat;content:""}
.slider-area .hero-cap h2{color:#fff;text-transform:uppercase;font-weight:900;font-size:50px}
.services-area{flex-wrap:wrap}
.services-area .single-services{position:relative;z-index:1;padding:65px 80px 70px;width:33.33%;background:#fafafa;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s}
.services-area .single-services:hover{background:#fff}
@media only screen and (min-width:768px) and (max-width:991px){.services-area .single-services{padding:20px}
}
@media (max-width:767px){.services-area .single-services{padding:20px}
}
@media only screen and (min-width:1200px) and (max-width:1600px){.services-area .single-services{width:33.33%}
}
@media only screen and (min-width:992px) and (max-width:1200px){.services-area .single-services{width:50%}
}
@media only screen and (min-width:768px) and (max-width:991px){.services-area .single-services{width:50%}
}
@media only screen and (min-width:576px) and (max-width:767px){.services-area .single-services{width:50%}
}
@media (max-width:767px){.services-area .single-services{width:100%}
}
.services-area .single-services .services-icon img{margin-bottom:19px}
.services-area .single-services .services-caption h4{position:relative;display:inline-block;margin-bottom:25px;color:#04080f;font-weight:700;font-size:25px}
@media only screen and (min-width:1200px) and (max-width:1600px){.services-area .single-services .services-caption h4{font-size:22px}
}
@media (max-width:767px){.services-area .single-services .services-caption h4{font-size:19px}
}
.services-area .single-services .services-caption h4:before{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:9px;background:#ffe7ca;content:""}
.services-area .single-services .services-caption p{font-size:16px;line-height:25px}


.safe-industery-area{ padding: 30px 0; background: #9992;;}
/* .safe-industery-area .safe-caption h2{margin-bottom:55px;color:#2c234d;font-weight:900;font-size:50px;line-height:1.3}
@media only screen and (min-width:992px) and (max-width:1200px){.safe-industery-area .safe-caption h2{font-size:37px}
}
@media (max-width:767px){.safe-industery-area .safe-caption h2{margin-bottom:40px;font-size:27px}
}
.safe-industery-area .safe-caption .safe-pera-one{margin-bottom:36px;padding-right:76px;color:#2c234d;font-weight:500;font-size:18px;line-height:1.5}
@media (max-width:767px){.safe-industery-area .safe-caption .safe-pera-one{margin-bottom:40px;padding-right:5px}
} */

.safe-industery-area .safe-caption .contents{margin-bottom:36px;padding-right:76px;color:#2c234d;font-weight:500;font-size:18px;line-height:1.5}
.safe-industery-area .safe-caption .contents strong{margin-bottom:55px;color:#2c234d;font-weight:900;font-size:50px;line-height:1.3}
@media (max-width:767px){
  .safe-industery-area .safe-caption .contents{margin-bottom:40px;padding-right:5px}
  .safe-industery-area .safe-caption .contents strong{margin-bottom:40px;font-size:27px}
}
.safe-industery-area .safe-caption .safe-pera-two{margin-bottom:35px;padding-right:76px;color:#677294;line-height:1.5}
@media (max-width:767px){.safe-industery-area .safe-caption .safe-pera-two{margin-bottom:40px;padding-right:5px}
}
.safe-industery-area .safe-caption .safe-pera-three{margin-bottom:75px;padding-right:76px;color:#677294;line-height:1.5}
@media (max-width:767px){.safe-industery-area .safe-caption .safe-pera-three{margin-bottom:50px;padding-right:5px}
}
.safe-industery-area .safe-caption-right{position:relative}
.safe-industery-area .safe-caption-right .safe-img img{width:100%}
.safe-industery-area .safe-caption-right .safe-alert-box{position:absolute;bottom:100px;left:-68px}
@media only screen and (min-width:768px) and (max-width:991px){.safe-industery-area .safe-caption-right .safe-alert-box{left:0}
}
.safe-industery-area .safe-caption-right .safe-alert-box .safe-alert{position:relative;overflow:hidden;padding:50px;background-size:cover;background-repeat:no-repeat}
.safe-industery-area .safe-caption-right .safe-alert-box .safe-alert:after{position:absolute;right:0;bottom:0;left:0;margin-left:0;height:28px;background-image:url(../img/arrow_bottom.png);background-size:cover;background-repeat:no-repeat;content:"";animation:slide1 1s ease-in-out infinite}
.safe-industery-area .safe-caption-right .safe-alert-box .safe-alert img{margin-bottom:20px}
.safe-industery-area .safe-caption-right .safe-alert-box .safe-alert i{margin-bottom:20px;color:#fff;font-size:30px}
.safe-industery-area .safe-caption-right .safe-alert-box .safe-alert h4{margin-bottom:15px;color:#fff}
.safe-industery-area .safe-caption-right .safe-alert-box .safe-alert p{color:#fff;line-height:2.2}
.applicationIndex{clear:both}
.applicationIndex .gallery-box .single-gallery{position:relative;z-index:0}
.applicationIndex .gallery-box .single-gallery:before{position:absolute;bottom:0;width:100%;height:100%;content:""}
.applicationIndex .gallery-box .single-gallery:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;visibility:hidden;background:#f27420;content:"";opacity:0;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-ms-transition:.4s}
.applicationIndex .gallery-box .single-gallery .gallery-img img{width:101%}
.applicationIndex .gallery-box .single-gallery .g-caption1{position:absolute;bottom:15px;left:32px}
.applicationIndex .gallery-box .single-gallery .g-caption1 span{display:block;margin-bottom:5px;color:#f27420;font-weight:700;font-size:40px}
.applicationIndex .gallery-box .single-gallery .g-caption1 p{color:#fff;min-height:96px;}
.applicationIndex .gallery-box .single-gallery .g-caption1 h4{color:#fff}
.applicationIndex .gallery-box .single-gallery .g-caption2{position:absolute;top:60%;left:32px;z-index:5;visibility:hidden;opacity:0;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;-webkit-transform:translateY(-60%);-moz-transform:translateY(-60%);-o-transform:translateY(-60%);transform:translateY(-60%);-ms-transform:translateY(-60%);-ms-transition:all .4s ease-out 0s}
.applicationIndex .gallery-box .single-gallery .g-caption2 span{display:block;margin-bottom:5px;color:#fff;font-weight:700;font-size:40px}
.applicationIndex .gallery-box .single-gallery .g-caption2 h4{margin-bottom:20px;color:#fff}
.applicationIndex .gallery-box .single-gallery .g-caption2 p{margin-bottom:30px;color:#fff}
.applicationIndex .gallery-box .single-gallery .g-caption2 .read-btn{border-bottom:2px solid #f59758;color:#fff}
/*去掉鼠标放上后的感应*/

.gallery-box:hover .single-gallery:after{visibility:visible;opacity:1}
.gallery-box:hover .single-gallery .g-caption2{top:55%;visibility:visible;opacity:1}

@media only screen and (min-width:992px) and (max-width:1200px){.team-info{padding-top:16px}
}
.team-info h2{margin-bottom:38px;color:#2c234d;font-weight:800;font-size:50px;line-height:1.1}
@media only screen and (min-width:992px) and (max-width:1200px){.team-info h2{font-size:41px}
}
@media only screen and (min-width:768px) and (max-width:991px){.team-info h2{font-size:41px}
}
@media only screen and (min-width:576px) and (max-width:767px){.team-info h2{font-size:41px}
}
@media (max-width:767px){.team-info h2{font-size:41px}
}
.team-info p{margin-bottom:50px;padding-right:36px;color:#677294;line-height:2}
@media only screen and (min-width:992px) and (max-width:1200px){.team-info p{padding-right:0}
}
.single-team{position:relative;z-index:0}
.single-team:before{position:absolute;right:0;bottom:0;left:0;z-index:1;width:100%;height:40%;background-size:cover;content:""}
.single-team .team-img{overflow:hidden}
.single-team .team-img img{width:100%;transition:all .6s ease-out 0s;transform:rotate(0) scale(1)}
.single-team .team-caption{position:absolute;bottom:16px;left:38px;z-index:89}
.single-team .team-caption span{display:block;color:#fff;font-weight:500;font-size:25px;font-family:#909092}
.single-team .team-caption p{color:#fff}
.single-team:hover .team-img img{transform:scale(1.1)}

.david-img:hover .david-img img{transform:scale(1.1)}
.wantToWork-area{position:relative;z-index:0;overflow:hidden;background:#f27420}
.wantToWork-area .wantToWork-caption h2{margin:0;color:#fff;font-weight:700;font-size:50px;line-height:1.5}
@media only screen and (min-width:768px) and (max-width:991px){.wantToWork-area .wantToWork-caption h2{font-size:32px}
}
@media (max-width:767px){.wantToWork-area .wantToWork-caption h2{font-size:27px}
}
.wantToWork-area .wantToWork-btn{position:relative;bottom:21px;padding-right:50px}
@media only screen and (min-width:768px) and (max-width:991px){.wantToWork-area .wantToWork-btn{float:left;margin-top:59px}
}
@media (max-width:767px){.wantToWork-area .wantToWork-btn{float:left;margin-top:59px}
}
.wantToWork-area:after{position:absolute;right:0;bottom:0;left:0;margin-left:0;height:28px;background-image:url(../img/footer_arrow.png);background-size:cover;background-repeat:no-repeat;content:"";animation:slide1 1s ease-in-out infinite}
@keyframes slide1{0%,to{transform:translate(0)}
50%{-webkit-transform:translate(5px);-moz-transform:translate(5px);-o-transform:translate(5px);transform:translate(5px);-ms-transform:translate(5px)}
}
.philosophyIndex{background-image:url('/skins/img/banner1.jpg');background-position:center center;}
.philosophyIndex .testimonial-caption{ background:#f2742033; padding: 20px 0;}
.philosophyIndex .testimonial-caption .testimonial-top-cap img{display:inline-block;
	width:auto;}
@media only screen and (min-width:768px) and (max-width:991px){.philosophyIndex .testimonial-caption .testimonial-top-cap img{margin-bottom:30px}
}
@media (max-width:767px){.philosophyIndex .testimonial-caption .testimonial-top-cap img{margin-bottom:30px}
}
.philosophyIndex .testimonial-caption .testimonial-top-cap p{ margin: 0; padding:0 3px;color:#fff;font-weight:500;font-size:32px;line-height:4;}
@media only screen and (min-width:992px) and (max-width:1200px){.philosophyIndex .testimonial-caption .testimonial-top-cap p{font-size:20px}
}
@media only screen and (min-width:768px) and (max-width:991px){.philosophyIndex .testimonial-caption .testimonial-top-cap p{font-size:20px;font-size:18px}
}
@media (max-width:767px){.philosophyIndex .testimonial-caption .testimonial-top-cap p{font-size:18px}
}
@media only screen and (min-width:768px) and (max-width:991px){.philosophyIndex .testimonial-caption .testimonial-top-cap p{margin-bottom:30px}
}
@media (max-width:767px){.philosophyIndex .testimonial-caption .testimonial-top-cap p{margin-bottom:30px}
}
.philosophyIndex .testimonial-caption .testimonial-founder .founder-text{margin-left:20px}
.philosophyIndex .testimonial-caption .testimonial-founder .founder-text span{color:#fff}
.philosophyIndex .testimonial-caption .testimonial-founder .founder-text p{color:#fff;font-weight:500;line-height:3; font-size: 24px; margin: 0;}
.philosophyIndex .testimonial-caption .testimonial-founder .founder-img img{width:60px;height:60px;border-radius:100%}
.h1-testimonial-active button.slick-arrow{position:absolute;top:50%;left:-133px;z-index:2;visibility:hidden;padding:0;width:45px;height:45px;border:0;border-radius:50%;background:#f27420;color:#fff;font-size:20px;line-height:15px;opacity:0;cursor:pointer;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);-ms-transition:all .3s ease-out 0s}


.philosophyIndex.testimonial-padding{padding-top:100px;padding-bottom:100px}
@media only screen and (min-width:1200px) and (max-width:1600px){.philosophyIndex.testimonial-padding{padding-top:157px;padding-bottom:157px}
}
@media only screen and (min-width:992px) and (max-width:1200px){.philosophyIndex.testimonial-padding{padding-top:120px;padding-bottom:120px}
}
@media only screen and (min-width:768px) and (max-width:991px){.philosophyIndex.testimonial-padding{padding-top:100px;padding-bottom:100px}
}
@media only screen and (min-width:576px) and (max-width:767px){.philosophyIndex.testimonial-padding{padding-top:80px;padding-bottom:60px}
}
@media (max-width:767px){.philosophyIndex.testimonial-padding{padding-top:80px;padding-bottom:60px}
}

.philosophyIndex2{background-image:url('/skins/img/philosophyIndexBg.jpg');background-position:center center; }
.philosophyIndex2.testimonial-padding{padding-top:50px;padding-bottom:50px}

@media only screen and (min-width:576px) and (max-width:767px){.h1-testimonial-active button.slick-arrow{left:-45px}
}
.h1-testimonial-active button.slick-next{right:-133px;left:auto}
@media only screen and (min-width:576px) and (max-width:767px){.h1-testimonial-active button.slick-next{right:-45px}
}
.h1-testimonial-active:hover button.slick-prev{left:-120px}
@media only screen and (min-width:576px) and (max-width:767px){.h1-testimonial-active:hover button.slick-prev{left:-35px}
}
.h1-testimonial-active:hover button.slick-next{right:-120px}
@media only screen and (min-width:576px) and (max-width:767px){.h1-testimonial-active:hover button.slick-next{right:-37px}
}
.h1-testimonial-active:hover button{visibility:visible;opacity:1}

.slick-initialized .slick-slide{outline:0}
.blog-area .single-blog{box-shadow:1.395px 19.951px 38px 0 rgba(0,0,0,.05);transition:.4s}
.blog-area .single-blog:hover .blog-img img{transform:rotate(1deg) scale(1.1)}
.blog-area .single-blog .blog-img{overflow:hidden}
.blog-area .single-blog .blog-img img{width:100%;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;transform:rotate(0) scale(1);-ms-transition:all .4s ease-out 0s}
.blog-area .single-blog .blog-caption{padding:22px 40px 20px}
@media (max-width:767px){.blog-area .single-blog .blog-caption{padding:22px 22px 20px 20px}
}
.blog-area .single-blog .blog-caption .blog-cap-top span{padding:4px 13px;border-radius:5px;background:#f27420;color:#fff;text-transform:uppercase;font-weight:300;font-size:14px}
.blog-area .single-blog .blog-caption .blog-cap-top ul li{color:#c7c7c7;font-size:14px;font-family:Lato,sans-serif}
.blog-area .single-blog .blog-caption .blog-cap-top ul li a{color:#f27420;font-size:14px}
.blog-area .single-blog .blog-caption .blog-cap-mid p a{margin-bottom:30px;color:#444;font-size:18px;font-family:Lato,sans-serif;line-height:28px}
@media (max-width:767px){.blog-area .single-blog .blog-caption .blog-cap-mid p a{font-size:14px}
}
.blog-area .single-blog .blog-caption .blog-cap-mid p a:hover{color:#f27420}
.blog-area .single-blog .blog-caption .blog-cap-bottom{padding-top:20px;border-top:1px solid #f9f9f9}
.blog-area .single-blog .blog-caption .blog-cap-bottom span{color:#adadad;font-size:14px}
.blog-area .single-blog .blog-caption .blog-cap-bottom span img{margin-right:5px}
.pb-168{padding-bottom:168px}
.footer-area .footer-social { margin-bottom: 20px;}
.footer-area .footer-social a i{color:#fff; font-size: 30px; padding: 10px 6px;}
.footer-area .footer-social a:hover{background:#f27420;color:#7f7f7f}
.footer-area .footer-pera p{margin-bottom:50px;padding-right:52px;color:#868c98;font-size:16px;line-height:1.8}
@media only screen and (min-width:768px) and (max-width:991px){.footer-area .footer-pera p{padding-right:0}
}
.footer-area .footer-pera.footer-pera2 p{padding:0}
.footer-area .footer-tittle h4{margin-bottom:29px;color:#fff;text-transform:uppercase;font-weight:400;font-size:20px}
.footer-area .footer-tittle ul li{margin-bottom:9px;color:#868c98 ; float: left; width: 100%;; height: auto;}
.footer-area .footer-tittle ul li a{color:#868c98;font-weight:300;white-space: nowrap;}
.footer-area .footer-tittle ul li a:hover{padding-left:5px;color:#f27420;}
.footer-area .footer-tittle ul li{height:30px;}

.footer-area .impLinks ul li{width: 48%; height:30px;}
.footer-area .footer-form{margin-top:40px}
.footer-area .footer-form form{position:relative}
.footer-area .footer-form form input{padding:10px 20px;width:100%;height:43px;border:1px solid #fff}
.footer-area .footer-form form .form-icon button{position:absolute;top:0;right:0;padding:13px 22px;border:0;background:0 0;background:#f27420;color:#fff;line-height:1;cursor:pointer}
.footer-area .info.error{color:#f27420}
.footer-bg{background:#010b1d}
.footer-bottom-area .footer-border{padding:33px 0 20px;border-top:1px solid #2d3544}
.footer-bottom-area .footer-copy-right p{margin-bottom:12px;color:#888;font-weight:300;font-size:16px;line-height:2}
.footer-bottom-area .footer-copy-right p a,.footer-bottom-area .footer-copy-right p i{color:#f27420}
.footer-bottom-area .footer-copy-right p a:hover{color:#fff}
@media (max-width:767px){.footer-bottom-area .footer-social{float:left}
}
@media only screen and (min-width:768px) and (max-width:991px){.footer-bottom-area .footer-social{float:left}
}
.footer-bottom-area .footer-social a i{margin-left:12px;color:#888;font-size:14px;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s}
.footer-bottom-area .footer-social a i:hover{color:#f27420}
.hero-caption span{position:relative;display:block;margin-bottom:24px;padding-left:95px;color:#fff;font-weight:600;font-size:16px}
.hero-caption span:before{position:absolute;top:52%;left:0;width:75px;height:3px;background:#f27420;content:"";transform:translateY(-50%)}
.hero-caption h2{color:#fff;font-weight:700;font-size:50px}

/* Start Blog Area css
============================================================================================ */
.latest-blog-area .area-heading{margin-bottom:70px}
.blog_area a{color:#909092!important;text-decoration:none;transition:.4s}
.blog_area a :hover,.blog_area a:hover{background:-webkit-linear-gradient(131deg,#f27420,#f27420 99%);text-decoration:none;transition:.4s;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.single-blog{overflow:hidden;margin-bottom:30px}
.single-blog:hover{box-shadow:0 10px 20px 0 rgba(42,34,123,.1)}
.single-blog .thumb{position:relative;overflow:hidden}
.single-blog .thumb:after{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;content:"";opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.single-blog h4{margin-bottom:25px;padding-bottom:34px;border-bottom:1px solid #dfdfdf}
.single-blog a{font-weight:600;font-size:20px}
.single-blog .date{color:#666}
.single-blog .date,.single-blog .tag{display:inline-block;text-align:left;font-weight:300;font-size:13px}
.single-blog .tag{position:relative;float:left;margin-right:22px}
.single-blog .tag:after{position:absolute;top:7px;right:-12px;width:1px;height:10px;background:#acacac;content:""}
@media (max-width:1199px){.single-blog .tag{margin-right:8px}
.single-blog .tag:after{display:none}
}
.single-blog .likes{margin-right:16px}
@media (max-width:800px){.single-blog{margin-bottom:30px}
}
.single-blog .single-blog-content{padding:30px}
.single-blog .single-blog-content .meta-bottom p{font-weight:300;font-size:13px}
.single-blog .single-blog-content .meta-bottom i{margin-right:7px;color:#fdcb9e;font-size:13px}
@media (max-width:1199px){.single-blog .single-blog-content{padding:15px}
}
.single-blog:hover .thumb:after{opacity:.7;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
@media (max-width:1199px){.single-blog h4{margin-bottom:12px;padding-bottom:14px;border-bottom:1px solid #dfdfdf;transition:all .3s linear 0s}
.single-blog h4 a{font-size:18px}
}
.full_image.single-blog{position:relative}
.full_image.single-blog .single-blog-content{position:absolute;bottom:0;left:35px;visibility:hidden;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
@media (min-width:992px){.full_image.single-blog .single-blog-content{bottom:100px}
}
.full_image.single-blog h4{padding-bottom:5px;border-bottom:none;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.full_image.single-blog a{font-weight:600;font-size:20px}
.full_image.single-blog .date{color:#fff}
.full_image.single-blog:hover .single-blog-content{visibility:visible;opacity:1;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}

/* End Blog Area css
============================================================================================ */
/* Latest Blog Area css
============================================================================================ */
.l_blog_item .l_blog_text .date{margin-top:24px;margin-bottom:15px}
.l_blog_item .l_blog_text .date a{font-size:12px}
.l_blog_item .l_blog_text h4{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #eee;font-size:18px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.l_blog_item .l_blog_text p{margin-bottom:0;padding-top:20px}

/* End Latest Blog Area css
============================================================================================ */
/* Causes Area css
============================================================================================ */
.causes_slider .owl-dots{margin-top:80px;text-align:center}
.causes_slider .owl-dots .owl-dot{display:inline-block;margin-right:7px;width:14px;height:14px;background:#eee}
.causes_slider .owl-dots .owl-dot:last-child{margin-right:0}
.causes_item{background:#fff}
.causes_item .causes_img{position:relative}
.causes_item .causes_img .c_parcent{position:absolute;bottom:0;left:0;width:100%;height:3px;background:hsla(0,0%,100%,.5)}
.causes_item .causes_img .c_parcent span{position:absolute;bottom:0;left:0;width:70%;height:3px}
.causes_item .causes_img .c_parcent span:before{position:absolute;right:-10px;bottom:0;padding:0 5px;color:#fff;content:"75%"}
.causes_item .causes_text{padding:30px 35px 40px 30px}
.causes_item .causes_text h4{margin-bottom:15px;font-weight:600;font-size:18px;cursor:pointer}
.causes_item .causes_text p{margin-bottom:0;font-weight:300;font-size:14px;line-height:24px}
.causes_item .causes_bottom a{float:left;width:50%;border:1px solid;color:#fff;text-align:center;font-weight:500;font-size:14px;line-height:50px}
.causes_item .causes_bottom a+a{border-color:#eee;background:#fff;font-size:14px}

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/
.latest_blog_area{background:#f9f9ff}
.single-recent-blog-post{margin-bottom:30px}
.single-recent-blog-post .thumb{overflow:hidden}
.single-recent-blog-post .thumb img{transition:all .7s linear}
.single-recent-blog-post .details{padding-top:30px}
.single-recent-blog-post .details .sec_h4{padding:10px 0 13px;line-height:24px;transition:all .3s linear}
.single-recent-blog-post .date{font-weight:400;font-size:14px;line-height:24px}
.single-recent-blog-post:hover img{transform:scale(1.23) rotate(10deg)}
.tags .tag_btn{display:inline-block;padding:1px 18px;border:1px solid #eee;text-align:center;font-weight:500;font-size:12px;line-height:20px}
.tags .tag_btn+.tag_btn{margin-left:2px}

/*========= blog_categorie_area css ===========*/
.blog_categorie_area{padding-top:30px;padding-bottom:30px}
@media (min-width:900px){.blog_categorie_area{padding-top:80px;padding-bottom:80px}
}
@media (min-width:1100px){.blog_categorie_area{padding-top:120px;padding-bottom:120px}
}
.categories_post{position:relative;text-align:center;cursor:pointer}
.categories_post img{max-width:100%}
.categories_post .categories_details{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:flex;background:rgba(34,34,34,.75);color:#fff;transition:all .3s linear;align-items:center;justify-content:center}
.categories_post .categories_details h5{position:relative;margin-bottom:0;color:#fff;text-transform:uppercase;font-size:18px;line-height:26px}
.categories_post .categories_details p{margin-bottom:0;font-weight:300;font-size:14px;line-height:26px}
.categories_post .categories_details .border_line{margin:10px 0;width:100%;height:1px;background:#fff}
.categories_post:hover .categories_details{background:rgba(222,99,32,.85)}

/*============ blog_left_sidebar css ==============*/
.blog_item{margin-bottom:50px}
.blog_details{padding:30px 0 20px 10px;box-shadow:0 10px 20px 0 hsla(0,0%,86.7%,.3)}
@media (min-width:768px){.blog_details{padding:60px 30px 35px 35px}
}
.blog_details p{margin-bottom:30px}
.blog_details a{color:#ff8b23}
.blog_details a:hover{color:#0b6dd7}
.blog_details h2{margin-bottom:8px;font-weight:600;font-size:18px}
@media (min-width:768px){.blog_details h2{margin-bottom:15px;font-size:24px}
}
.blog-info-link li{float:left;font-size:14px}
.blog-info-link li a{color:#999}
.blog-info-link li i,.blog-info-link li span{margin-right:5px;font-size:13px}
.blog-info-link li:after{padding-right:10px;padding-left:10px;content:"|"}
.blog-info-link li:last-child:after{display:none}
.blog-info-link:after{clear:both;display:block;display:table;content:""}
.blog_item_img{position:relative}
.blog_item_img .blog_item_date{position:absolute;bottom:-10px;left:10px;display:block;padding:8px 15px;border-radius:5px;background-color:#f27420;color:#fff}
@media (min-width:768px){.blog_item_img .blog_item_date{bottom:-20px;left:40px;padding:13px 30px}
}
.blog_item_img .blog_item_date h3{margin-bottom:0;color:#fff;font-weight:600;font-size:22px;line-height:1.2}
@media (min-width:768px){.blog_item_img .blog_item_date h3{font-size:30px}
}
.blog_item_img .blog_item_date p{margin-bottom:0;color:#fff;font-size:18px}
@media (min-width:768px){.blog_item_img .blog_item_date p{font-size:18px}
}
.blog_right_sidebar .widget_title{margin-bottom:40px;font-size:20px}
.blog_right_sidebar .widget_title:after{display:block;padding-top:15px;border-bottom:1px solid #f0e9ff;content:""}
.blog_right_sidebar .single_sidebar_widget{margin-bottom:30px;padding:30px;background:#fbf9ff}
.blog_right_sidebar .single_sidebar_widget .btn_1{margin-top:0}
.blog_right_sidebar .search_widget .form-control{padding-left:20px;height:50px;border-color:#f0e9ff;border-right:0;border-radius:0;color:#999;font-size:13px}
.blog_right_sidebar .search_widget .form-control::placeholder{color:#999}
.blog_right_sidebar .search_widget .form-control:focus{outline:0;border-color:#f0e9ff;box-shadow:none}
.blog_right_sidebar .search_widget .input-group button{padding:4px 15px;border:1px solid #f0e9ff;border-left:0;background:#f27420;cursor:pointer}
.blog_right_sidebar .search_widget .input-group button i{color:#fff}
.blog_right_sidebar .search_widget .input-group button span{color:#999;font-size:14px}
.blog_right_sidebar .newsletter_widget .form-control{padding-left:20px;height:50px;border-color:#f0e9ff;border-radius:0;color:#999;font-size:13px}
.blog_right_sidebar .newsletter_widget .form-control::placeholder{color:#999}
.blog_right_sidebar .newsletter_widget .form-control:focus{outline:0;border-color:#f0e9ff;box-shadow:none}
.blog_right_sidebar .newsletter_widget .input-group button{padding:4px 15px;border:1px solid #f0e9ff;border-left:0;background:#fff}
.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span{color:#fff;font-size:14px}
.blog_right_sidebar .post_category_widget .cat-list li{padding-bottom:12px;border-bottom:1px solid #f0e9ff;transition:all .3s ease 0s}
.blog_right_sidebar .post_category_widget .cat-list li:last-child{border-bottom:0}
.blog_right_sidebar .post_category_widget .cat-list li a{color:#888;font-size:14px;line-height:20px}
.blog_right_sidebar .post_category_widget .cat-list li a p{margin-bottom:0}
.blog_right_sidebar .post_category_widget .cat-list li+li{padding-top:15px}
.blog_right_sidebar .popular_post_widget .post_item .media-body{padding-left:20px;justify-content:center;align-self:center}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3{margin-bottom:6px;font-size:16px;line-height:20px;transition:all .3s linear}
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{color:#fff}
.blog_right_sidebar .popular_post_widget .post_item .media-body p{margin-bottom:0;font-size:14px;line-height:21px}
.blog_right_sidebar .popular_post_widget .post_item+.post_item{margin-top:20px}
.blog_right_sidebar .tag_cloud_widget ul li{display:inline-block}
.blog_right_sidebar .tag_cloud_widget ul li a{display:inline-block;margin-right:3px;margin-bottom:8px;padding:4px 20px;border:1px solid #eee;background:#fff;color:#888;font-size:13px;transition:all .3s ease 0s}
.blog_right_sidebar .tag_cloud_widget ul li a:hover{background:#f27420;color:#fff!important;text-decoration:none;-webkit-transition:.5s;transition:.5s;-webkit-text-fill-color:#fff}
.blog_right_sidebar .instagram_feeds .instagram_row{display:flex;margin-right:-6px;margin-left:-6px}
.blog_right_sidebar .instagram_feeds .instagram_row li{float:left;margin-bottom:15px;padding-right:6px;padding-left:6px;width:33.33%}
.blog_right_sidebar .br{margin:30px 0;width:100%;height:1px;background:#eee}
.blog-pagination{margin-top:80px}
.blog-pagination .page-link{position:relative;display:block;margin-right:10px;margin-left:-1px;padding:0;width:45px;height:45px;border:1px solid #f0e9ff;border-radius:0!important;color:#8a8a8a;text-align:center;font-size:14px;line-height:45px}
.blog-pagination .page-link i,.blog-pagination .page-link span{font-size:13px}
.blog-pagination .page-item.active .page-link{border-color:#f0e9ff;background-color:#fbf9ff;color:#888}
.blog-pagination .page-item:last-child .page-link{margin-right:0}

/*============ Start Blog Single Styles  =============*/
.single-post-area .blog_details{padding:0;box-shadow:none}
.single-post-area .social-links{padding-top:10px}
.single-post-area .social-links li{display:inline-block;margin-bottom:10px}
.single-post-area .social-links li a{padding:7px;color:#ccc;font-size:14px;transition:all .2s linear}
.single-post-area .blog_details{padding-top:26px}
.single-post-area .blog_details p{margin-bottom:20px;font-size:15px}
.single-post-area .quote-wrapper{margin-top:25px;margin-bottom:25px;padding:15px;background:rgba(130,139,178,.1);color:#888;font-style:italic;line-height:1.733}
@media (min-width:768px){.single-post-area .quote-wrapper{padding:30px}
}
.single-post-area .quotes{padding:15px 15px 15px 20px;border-left:2px solid;background:#fff}
@media (min-width:768px){.single-post-area .quotes{padding:25px 25px 25px 30px}
}
.single-post-area .arrow{position:absolute}
.single-post-area .arrow .lnr{font-weight:600;font-size:20px}
.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,.8)}
.single-post-area .navigation-top{padding-top:15px;border-top:1px solid #f0e9ff}
.single-post-area .navigation-top p{margin-bottom:0}
.single-post-area .navigation-top .like-info{font-size:14px}
.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{margin-right:5px;font-size:16px}
.single-post-area .navigation-top .comment-count{font-size:14px}
.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span{margin-right:5px;font-size:16px}
.single-post-area .navigation-top .social-icons li{display:inline-block;margin-right:15px}
.single-post-area .navigation-top .social-icons li:last-child{margin:0}
.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{color:#999;font-size:14px}
.single-post-area .blog-author{margin-top:50px;padding:40px 30px;background:#fbf9ff}
@media (max-width:600px){.single-post-area .blog-author{padding:20px 8px}
}
.single-post-area .blog-author img{margin-right:30px;width:90px;height:90px;border-radius:50%}
@media (max-width:600px){.single-post-area .blog-author img{margin-right:15px;width:45px;height:45px}
}
.single-post-area .blog-author a{display:inline-block}
.single-post-area .blog-author a:hover{color:#0b6dd7}
.single-post-area .blog-author p{margin-bottom:0;font-size:15px}
.single-post-area .blog-author h4{font-size:16px}
.single-post-area .navigation-area{margin-top:55px;padding-bottom:30px;border-bottom:1px solid #eee}
.single-post-area .navigation-area p{margin-bottom:0}
.single-post-area .navigation-area h4{font-size:18px;line-height:25px}
.single-post-area .navigation-area .nav-left{text-align:left}
.single-post-area .navigation-area .nav-left .thumb{margin-right:20px;background:#000}
.single-post-area .navigation-area .nav-left .thumb img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.single-post-area .navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.single-post-area .navigation-area .nav-left:hover .lnr{opacity:1}
.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:.5}
@media (max-width:767px){.single-post-area .navigation-area .nav-left{margin-bottom:30px}
}
.single-post-area .navigation-area .nav-right{text-align:right}
.single-post-area .navigation-area .nav-right .thumb{margin-left:20px;background:#000}
.single-post-area .navigation-area .nav-right .thumb img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.single-post-area .navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}
.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}
@media (max-width:991px){.single-post-area .sidebar-widgets{padding-bottom:0}
}
.comments-area{margin-top:50px;padding:45px 0;border-top:1px solid #eee;background:0 0}
@media (max-width:414px){.comments-area{padding:50px 8px}
}
.comments-area h4{margin-bottom:35px;font-size:18px}
.comments-area h5{margin-bottom:0;font-size:16px}
.comments-area .comment-list{padding-bottom:48px}
.comments-area .comment-list:last-child{padding-bottom:0}
.comments-area .comment-list.left-padding{padding-left:25px}
@media (max-width:413px){.comments-area .comment-list .single-comment h5{font-size:12px}
.comments-area .comment-list .single-comment .date{font-size:11px}
.comments-area .comment-list .single-comment .comment{font-size:10px}
}
.comments-area .thumb{margin-right:20px}
.comments-area .thumb img{width:70px;border-radius:50%}
.comments-area .date{margin-bottom:0;margin-left:20px;color:#999;font-size:14px}
.comments-area .comment{margin-bottom:10px;color:#777;font-size:15px}
.comments-area .btn-reply{display:block;padding:5px 18px;background-color:transparent;color:#888;font-weight:400;font-size:14px}
.comment-form{margin-top:50px;margin-bottom:20px;padding-top:45px;border-top:1px solid #eee}
.comment-form .form-group{margin-bottom:30px}
.comment-form h4{margin-bottom:40px;font-size:18px;line-height:22px}
.comment-form .name{padding-left:0}
@media (max-width:767px){.comment-form .name{margin-bottom:1rem;padding-right:0}
}
.comment-form .email{padding-right:0}
@media (max-width:991px){.comment-form .email{padding-left:0}
}
.comment-form .form-control{padding-left:18px;height:48px;border:1px solid #f0e9ff;border-radius:5px;background:0 0;font-size:13px}
.comment-form .form-control:focus{outline:0;box-shadow:none}
.comment-form .form-control::placeholder{color:#999;font-weight:300}
.comment-form .form-control::placeholder{color:#777}
.comment-form textarea{padding-top:18px;height:100%!important;border-radius:12px}
.comment-form ::-webkit-input-placeholder{color:#777;font-size:13px}
.comment-form ::-moz-placeholder{color:#777;font-size:13px}
.comment-form :-ms-input-placeholder{color:#777;font-size:13px}
.comment-form :-moz-placeholder{color:#777;font-size:13px}

/*============ End Blog Single Styles  =============*/
/*=================== contact banner start ====================*/
.dropdown .dropdown-menu{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.contact-info{margin-bottom:25px}
.contact-info__icon{margin-right:20px}
.contact-info__icon i,.contact-info__icon span{color:#8f9195;font-size:27px}
.contact-info .media-body h3{margin-bottom:0;color:#2a2a2a;font-size:16px;font-size:16px}
.contact-info .media-body h3 a:hover{color:#222}
.contact-info .media-body p{color:#8a8a8a}

/*=================== contact banner end ====================*/
/*=================== contact form start ====================*/
.contact-title{margin-bottom:20px;font-weight:600;font-size:27px}
.form-contact label{font-size:14px}
.form-contact .form-group{margin-bottom:30px}
.form-contact .form-control{padding-left:18px;height:48px;border:1px solid #e5e6e9;border-radius:0;background:0 0;font-size:13px}
.form-contact .form-control:focus{outline:0;box-shadow:none}
.form-contact .form-control::placeholder{color:#999;font-weight:300}
.form-contact textarea{height:100%!important;border-radius:0}

/*=================== contact form end ====================*/
/* Contact Success and error Area css
============================================================================================ */
.modal-message .modal-dialog{position:absolute;top:36%;left:50%;margin:0;width:100%;max-width:500px;transform:translateX(-50%) translateY(-50%)!important}
.modal-message .modal-dialog .modal-content .modal-header{display:block;padding-top:50px;padding-bottom:50px;border-bottom:none;text-align:center}
.modal-message .modal-dialog .modal-content .modal-header .close{position:absolute;top:-15px;right:-15px;padding:0;color:#fff;opacity:1;cursor:pointer}
.modal-message .modal-dialog .modal-content .modal-header h2{display:block;padding-bottom:10px;text-align:center}
.modal-message .modal-dialog .modal-content .modal-header p{display:block}
.contact-section{padding:130px 0 100px}
@media (max-width:991px){.contact-section{padding:70px 0 40px}
}
@media only screen and (min-width:992px) and (max-width:1200px){.contact-section{padding:80px 0 50px}
}
.contact-section .btn_2{margin-top:0;padding:18px 60px;border-radius:50px;background-color:#191d34}
.contact-section .btn_2:hover{background-color:#222}
.breadcam_bg{background-image:url(../img/banner/bradcam.png)}
.breadcam_bg_1{background-image:url(../img/banner/bradcam2.png)}
.breadcam_bg_2{background-image:url(../img/banner/bradcam3.png)}
.bradcam_area{padding:160px 0;background-position:50%;background-position:bottom;background-size:cover;background-repeat:no-repeat}
@media (max-width:767px){.bradcam_area{padding:150px 0}
}
@media (min-width:768px) and (max-width:991px){.bradcam_area{padding:150px 0}
}
.bradcam_area h3{margin-bottom:0;color:#fff;text-transform:capitalize;font-weight:900;font-size:50px;font-family:#909092}
@media (max-width:767px){.bradcam_area h3{font-size:30px}
}
@media (min-width:768px) and (max-width:991px){.bradcam_area h3{font-size:40px}
}
.popup_box{z-index:9;display:inline-block;padding:60px 40px;width:681px;background:#fff}
@media (max-width:767px){.popup_box{padding:45px 30px;width:320px}
}
@media only screen and (min-width:480px) and (max-width:767px){.popup_box{padding:45px 30px;width:420px!important}
}
.popup_box h3{margin-bottom:46px;color:#1f1f1f;text-align:center;font-size:22px}
.popup_box .boxed-btn3{width:100%;text-transform:capitalize}
.popup_box .nice-select{position:relative;float:left;clear:both;display:block;box-sizing:border-box;margin-bottom:30px;padding-right:30px;padding-left:18px;width:100%!important;width:auto;height:50px!important;outline:0;border:1px solid #e2e2e2;border-radius:0;background-color:#fff;color:#919191;text-align:left!important;white-space:nowrap;font-weight:400;font-size:16px;font-family:#66666f;line-height:50px;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.popup_box .nice-select:after{position:absolute;top:3px;right:17px;display:block;margin-top:-5px;width:5px;height:5px;color:#919191;content:"\f0d7";font-size:15px;font-family:fontawesome;transition:all .15s ease-in-out;pointer-events:none}
.popup_box .nice-select.open .list{overflow-y:scroll;height:200px;opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);pointer-events:auto;-ms-transform:scale(1) translateY(0)}
.popup_box .nice-select.list{overflow-y:scroll;height:200px}
#test-form{position:absolute;top:50%;left:50%;display:inline-block;margin:auto;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
@media (max-width:767px){#test-form{top:0;left:0;width:100%;height:100%;-webkit-transform:none;transform:none;-ms-transform:none}
}
#test-form .mfp-close-btn-in .mfp-close{display:none!important;color:#333}
#test-form button.mfp-close{display:none!important}
@media (max-width:767px){#test-form button.mfp-close{position:absolute;right:0;left:0;display:block!important;margin:auto}
}
#test-form button.mfp-close{position:absolute;right:0;right:-6px;z-index:1046;display:block;overflow:visible;padding:0;width:40px;height:40px;outline:0;border:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;background:0 0;background:#4a3600;box-shadow:none;color:#fff!important;text-align:center;line-height:20px;cursor:pointer;-webkit-appearance:none;touch-action:manipulation}
.mfp-bg{position:fixed;top:0;left:0;z-index:1042;overflow:hidden;width:100%;height:100%;background:#4a3600;opacity:.6}
@media (max-width:767px){.gj-picker.gj-picker-md.timepicker{left:6px!important;width:310px}
}
@media (max-width:767px){.gj-picker.gj-picker-md.datepicker.gj-unselectable{left:0!important;width:320px}
}
.flex-center-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}
.overlay:before{background-image:-moz-linear-gradient(170deg,rgba(34,34,34,0) 0,#000 100%);background-image:-webkit-linear-gradient(170deg,rgba(34,34,34,0),#000);background-image:-ms-linear-gradient(170deg,rgba(34,34,34,0) 0,#000 100%)}
.applicationIndex .gallery-box .single-gallery:before,.single-team:before{background:-moz-linear-gradient(top,rgba(2,26,71,0) 0,rgba(2,26,71,.6) 100%);background:-webkit-linear-gradient(top,rgba(2,26,71,0),rgba(2,26,71,.6));background:linear-gradient(180deg,rgba(2,26,71,0) 0,rgba(2,26,71,.6))}
.sample-text-area{padding:100px 0 70px;background:#fff}
.text-heading{margin-bottom:30px;font-size:24px}
b,del,sub,sup,u{color:#222}
.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{color:#828bb2}
.button-area{background:#fff}
.button-area .border-top-generic{padding:70px 15px;border-top:1px dotted #eee}
.button-group-area .genric-btn{margin-top:10px;margin-right:10px}
.button-group-area .genric-btn:last-child{margin-right:0}
.genric-btn{display:inline-block;padding:0 30px;outline:0;text-align:center;text-decoration:none;font-weight:500;font-size:.8em;line-height:40px;cursor:pointer;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.genric-btn:focus{outline:0}
.genric-btn.e-large{padding:0 40px;line-height:50px}
.genric-btn.large{line-height:45px}
.genric-btn.medium{line-height:30px}
.genric-btn.small{line-height:25px}
.genric-btn.radius{border-radius:3px}
.genric-btn.circle{border-radius:20px}
.genric-btn.arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.genric-btn.arrow span{margin-left:10px}
.genric-btn.default{border:1px solid transparent;background:#f9f9ff;color:#415094}
.genric-btn.default-border,.genric-btn.default:hover{border:1px solid #f9f9ff;background:#fff}
.genric-btn.default-border:hover{border:1px solid transparent;background:#f9f9ff;color:#415094}
.genric-btn.primary{border:1px solid transparent;background:#222;color:#fff}
.genric-btn.primary-border,.genric-btn.primary:hover{border:1px solid #222;background:#fff;color:#222}
.genric-btn.primary-border:hover{border:1px solid transparent;background:#222;color:#fff}
.genric-btn.success{border:1px solid transparent;background:#4cd3e3;color:#fff}
.genric-btn.success-border,.genric-btn.success:hover{border:1px solid #4cd3e3;background:#fff;color:#4cd3e3}
.genric-btn.success-border:hover{border:1px solid transparent;background:#4cd3e3;color:#fff}
.genric-btn.info{border:1px solid transparent;background:#38a4ff;color:#fff}
.genric-btn.info-border,.genric-btn.info:hover{border:1px solid #38a4ff;background:#fff;color:#38a4ff}
.genric-btn.info-border:hover{border:1px solid transparent;background:#38a4ff;color:#fff}
.genric-btn.warning{border:1px solid transparent;background:#f4e700;color:#fff}
.genric-btn.warning-border,.genric-btn.warning:hover{border:1px solid #f4e700;background:#fff;color:#f4e700}
.genric-btn.warning-border:hover{border:1px solid transparent;background:#f4e700;color:#fff}
.genric-btn.danger{border:1px solid transparent;background:#f44a40;color:#fff}
.genric-btn.danger-border,.genric-btn.danger:hover{border:1px solid #f44a40;background:#fff;color:#f44a40}
.genric-btn.danger-border:hover{border:1px solid transparent;background:#f44a40;color:#fff}
.genric-btn.link{border:1px solid transparent;background:#f9f9ff;color:#415094;text-decoration:underline}
.genric-btn.link-border,.genric-btn.link:hover{border:1px solid #f9f9ff;background:#fff;color:#415094}
.genric-btn.link-border{text-decoration:underline}
.genric-btn.link-border:hover{border:1px solid transparent;background:#f9f9ff;color:#415094}
.genric-btn.disable{border:1px solid transparent;background:#f9f9ff;color:#222,.3;cursor:not-allowed}
.generic-blockquote{padding:30px 50px 30px 30px;border-left:2px solid #222;background:#f9f9ff}
.progress-table-wrap{overflow-x:scroll}
.progress-table{padding:15px 0 30px;min-width:800px;background:#f9f9ff}
.progress-table .serial{padding-left:30px;width:11.83%}
.progress-table .country{width:28.07%}
.progress-table .visit{width:19.74%}
.progress-table .percentage{padding-right:50px;width:40.36%}
.progress-table .table-head{display:flex}
.progress-table .table-head .country,.progress-table .table-head .percentage,.progress-table .table-head .serial,.progress-table .table-head .visit{color:#415094;text-transform:uppercase;font-weight:500;line-height:40px}
.progress-table .table-row{display:flex;padding:15px 0;border-top:1px solid #edf3fd}
.progress-table .table-row .country,.progress-table .table-row .percentage,.progress-table .table-row .serial,.progress-table .table-row .visit{display:flex;align-items:center}
.progress-table .table-row .country img{margin-right:15px}
.progress-table .table-row .percentage .progress{width:80%;border-radius:0;background:0 0}
.progress-table .table-row .percentage .progress .progress-bar{height:5px;line-height:5px}
.progress-table .table-row .percentage .progress .progress-bar.color-1{background-color:#6382e6}
.progress-table .table-row .percentage .progress .progress-bar.color-2{background-color:#e66686}
.progress-table .table-row .percentage .progress .progress-bar.color-3{background-color:#f09359}
.progress-table .table-row .percentage .progress .progress-bar.color-4,.progress-table .table-row .percentage .progress .progress-bar.color-5{background-color:#73fbaf}
.progress-table .table-row .percentage .progress .progress-bar.color-6{background-color:#6382e6}
.progress-table .table-row .percentage .progress .progress-bar.color-7{background-color:#a367e7}
.progress-table .table-row .percentage .progress .progress-bar.color-8{background-color:#e66686}
.single-gallery-image{margin-top:30px;height:200px;background-position:50%!important;background-size:cover!important;background-repeat:no-repeat!important}
.list-style{width:14px;height:14px}
.unordered-list li{position:relative;padding-left:30px;line-height:1.82em!important}
.unordered-list li:before{position:absolute;top:4px;left:0;width:14px;height:14px;border:3px solid #222;border-radius:50%;background:#fff;content:""}
.ordered-list{margin-left:30px}
.ordered-list li{color:#222;list-style-type:decimal-leading-zero;font-weight:500;line-height:1.82em!important}
.ordered-list li span{color:#828bb2;font-weight:300}
.ordered-list-alpha li{margin-left:30px;color:#222;list-style-type:lower-alpha;font-weight:500;line-height:1.82em!important}
.ordered-list-alpha li span{color:#828bb2;font-weight:300}
.ordered-list-roman li{margin-left:30px;color:#222;list-style-type:lower-roman;font-weight:500;line-height:1.82em!important}
.ordered-list-roman li span{color:#828bb2;font-weight:300}
.single-input{display:block;padding:0 20px;width:100%;outline:0;border:none;background:#f9f9ff;line-height:40px}
.single-input:focus{outline:0}
.input-group-icon{position:relative}
.input-group-icon .icon{position:absolute;top:0;left:20px;z-index:3;line-height:40px}
.input-group-icon .icon i{color:#797979}
.input-group-icon .single-input{padding-left:45px}
.single-textarea{display:block;padding:0 20px;width:100%;height:100px;outline:0;border:none;background:#f9f9ff;line-height:40px;resize:none}
.single-textarea:focus{outline:0}
.single-input-primary{display:block;padding:0 20px;width:100%;outline:0;border:1px solid transparent;background:#f9f9ff;line-height:40px}
.single-input-primary:focus{outline:0;border:1px solid #222}
.single-input-accent{display:block;padding:0 20px;width:100%;outline:0;border:1px solid transparent;background:#f9f9ff;line-height:40px}
.single-input-accent:focus{outline:0;border:1px solid #eb6b55}
.single-input-secondary{display:block;padding:0 20px;width:100%;outline:0;border:1px solid transparent;background:#f9f9ff;line-height:40px}
.single-input-secondary:focus{outline:0;border:1px solid #f09359}
.default-switch{position:relative;width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;cursor:pointer}
.default-switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.default-switch input+label{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#222;box-shadow:0 4px 5px 0 rgba(0,0,0,.2);cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.default-switch input:checked+label{left:19px}
.primary-switch{position:relative;width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;cursor:pointer}
.primary-switch input{opacity:0}
.primary-switch input,.primary-switch input+label,.primary-switch input+label:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.primary-switch input+label:before{border-radius:8.5px;background:0 0}
.primary-switch input+label:after,.primary-switch input+label:before{content:"";cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.primary-switch input+label:after{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 4px 5px 0 rgba(0,0,0,.2)}
.primary-switch input:checked+label:after{left:19px}
.primary-switch input:checked+label:before{background:#222}
.confirm-switch{position:relative;width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;cursor:pointer}
.confirm-switch input{opacity:0}
.confirm-switch input,.confirm-switch input+label,.confirm-switch input+label:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.confirm-switch input+label:before{border-radius:8.5px;background:0 0}
.confirm-switch input+label:after,.confirm-switch input+label:before{content:"";cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.confirm-switch input+label:after{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 4px 5px 0 rgba(0,0,0,.2)}
.confirm-switch input:checked+label:after{left:19px}
.confirm-switch input:checked+label:before{background:#4cd3e3}
.primary-checkbox{position:relative;width:16px;height:16px;border-radius:3px;background:#f9f9ff;cursor:pointer}
.primary-checkbox input{opacity:0}
.primary-checkbox input,.primary-checkbox input+label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.primary-checkbox input+label{border:1px solid #f1f1f1;border-radius:3px;cursor:pointer}
.primary-checkbox input:checked+label{border:none;background:url(../img/elements/primary-check.png) no-repeat 50%/cover}
.confirm-checkbox{position:relative;width:16px;height:16px;border-radius:3px;background:#f9f9ff;cursor:pointer}
.confirm-checkbox input{opacity:0}
.confirm-checkbox input,.confirm-checkbox input+label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.confirm-checkbox input+label{border:1px solid #f1f1f1;border-radius:3px;cursor:pointer}
.confirm-checkbox input:checked+label{border:none;background:url(../img/elements/success-check.png) no-repeat 50%/cover}
.disabled-checkbox{position:relative;width:16px;height:16px;border-radius:3px;background:#f9f9ff;cursor:pointer}
.disabled-checkbox input{opacity:0}
.disabled-checkbox input,.disabled-checkbox input+label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.disabled-checkbox input+label{border:1px solid #f1f1f1;border-radius:3px;cursor:pointer}
.disabled-checkbox input:disabled{z-index:3;cursor:not-allowed}
.disabled-checkbox input:checked+label{border:none;background:url(../img/elements/disabled-check.png) no-repeat 50%/cover}
.primary-radio{position:relative;width:16px;height:16px;border-radius:8px;background:#f9f9ff;cursor:pointer}
.primary-radio input{opacity:0}
.primary-radio input,.primary-radio input+label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.primary-radio input+label{border:1px solid #f1f1f1;border-radius:8px;cursor:pointer}
.primary-radio input:checked+label{border:none;background:url(../img/elements/primary-radio.png) no-repeat 50%/cover}
.confirm-radio{position:relative;width:16px;height:16px;border-radius:8px;background:#f9f9ff;cursor:pointer}
.confirm-radio input{opacity:0}
.confirm-radio input,.confirm-radio input+label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.confirm-radio input+label{border:1px solid #f1f1f1;border-radius:8px;cursor:pointer}
.confirm-radio input:checked+label{border:none;background:url(../img/elements/success-radio.png) no-repeat 50%/cover}
.disabled-radio{position:relative;width:16px;height:16px;border-radius:8px;background:#f9f9ff;cursor:pointer}
.disabled-radio input{opacity:0}
.disabled-radio input,.disabled-radio input+label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.disabled-radio input+label{border:1px solid #f1f1f1;border-radius:8px;cursor:pointer}
.disabled-radio input:disabled{z-index:3;cursor:not-allowed}
.disabled-radio input:checked+label{border:none;background:url(../img/elements/disabled-radio.png) no-repeat 50%/cover}
.default-select{height:40px}
.default-select .nice-select{padding-right:40px;padding-left:20px;height:40px;border:none;border-radius:0;background:#f9f9ff}
.default-select .nice-select .list{margin-top:0;padding:10px 0;width:100%;border:none;border-radius:0;box-shadow:none}
.default-select .nice-select .list .option{padding-left:20px;min-height:28px;font-weight:300;font-size:12px;line-height:28px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.default-select .nice-select .list .option.selected,.default-select .nice-select .list .option:hover{background:0 0;color:#222}
.default-select .current{margin-right:50px;font-weight:300}
.default-select .nice-select:after{right:20px}
.form-select{width:100%;height:40px}
.form-select .nice-select{padding-right:40px;padding-left:45px;width:100%;height:40px;border:none;border-radius:0;background:#f9f9ff}
.form-select .nice-select .list{margin-top:0;padding:10px 0;width:100%;border:none;border-radius:0;box-shadow:none}
.form-select .nice-select .list .option{padding-left:45px;min-height:28px;font-weight:300;font-size:12px;line-height:28px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.form-select .nice-select .list .option.selected,.form-select .nice-select .list .option:hover{background:0 0;color:#222}
.form-select .current{margin-right:50px;font-weight:300}
.form-select .nice-select:after{right:20px}
.mt-10{margin-top:10px}
.section-top-border{padding:50px 0;border-top:1px dotted #eee}
.mb-30{margin-bottom:30px}
.mt-30{margin-top:30px}
.switch-wrap{margin-bottom:10px}

  
  
/*=============================
	Slider CSS 幻灯片
===============================*/
.hero-slider{position:relative;height:600px; z-index:200}
.hero-slider .inner{overflow:hidden;margin:0 auto;width:100%;height:100%}
.hero-slider .inner .text4{float:left;display:flex;padding:0;
	/* width:700px; max-width:100%;height:100%;margin-left:10%; margin-right:10%; */
	width: 100%;height: 100%;
	max-width: 560px;
	margin: 0 5%;
	/* max-height: 300px; justify-content:center;*/
	justify-content: flex-end;
	flex-direction:column; }
.hero-slider .inner .img4{float:right;width:60%;height:100%}
.hero-slider .inner .img4 img{height:100%;max-height:100%}
.hero-slider .container{overflow:hidden;margin:0 auto;width:80%}
.hero-slider .single-slider{position:relative;height:600px;background-position:50%;background-size:cover;text-align:center}
.hero-slider .single-slider:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;content:"";opacity:.1}
.hero-slider .single-slider .text{float:none;margin:138px 0 0;text-align:left}
.hero-slider .single-slider .img{float:none;margin:45px 0 0;width:auto;max-width:none;text-align:left; display:none;}
.hero-slider .owl-dots{position:absolute;bottom:-20px;left:50%;margin:-47px 0 0 -52px;padding:10px 25px;border-radius:4px;background:#fff;-webkit-box-shadow:0 0 5px rgba(51,51,51,.5);-moz-box-shadow:0 0 5px rgba(51,51,51,.5);box-shadow:0 0 5px rgba(51,51,51,.5)}
.hero-slider .owl-dots .owl-dot{display:inline-block;margin-right:10px}
.hero-slider .owl-dots .owl-dot:last-child{margin:0}
.hero-slider .owl-dots .owl-dot span{position:relative;display:block;margin:0;width:12px;height:12px;border-radius:100%;background:#0b6dd7;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.hero-slider .owl-dots .owl-dot:hover span{border-color:transparent}
.hero-slider .owl-dots .owl-dot span:before{position:absolute;top:-2px;left:-2px;visibility:hidden;width:16px;height:16px;border:1px solid;border-radius:100%;color:#0b6dd7;content:"";line-height:16px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.hero-slider .owl-dots .owl-dot.active span:before,.hero-slider .owl-dots .owl-dot:hover span:before{visibility:visible;opacity:1}
.owl-item.active .single-slider1 .text img,.owl-item.active .single-slider2 .text img{animation:fadeInDown 1s .6s both}
.owl-item.active .single-slider3 .text img{animation:fadeInUp 1s .6s both}
.owl-item.active .single-slider4 .text4 img{animation:fadeInLeft 1s .6s both}
.hero-slider .single-slider2 .img img:hover{animation:bounce;animation-duration:2s}
.hero-slider .single-slider3 .img{position:relative}
.hero-slider .single-slider3 .img .fdNum{position:absolute;top:12.5%;left:31%;color:#b3ff00}
@media (max-width:767px){
.hero-slider{height:100%;}
.hero-slider .inner .text4{ margin:0;}
}
/*=============================
	End Slider CSS 
===============================*/
  
  
  
/*=============================
	haveAOrgWindow 一个个性弹窗
===============================*/
.haveAOrgWindow{margin-top:-1px}
.haveAOrgWindow .hero__caption{position:relative;overflow:hidden;margin:20px;padding:39px 70px 56px 68px; text-align:left;background: url(../img/hero_color_bg.png);}
@media (max-width:767px){.haveAOrgWindow .hero__caption{padding:39px 24px 55px 44px}
}
.haveAOrgWindow .hero__caption:after{position:absolute;right:0;bottom:-26px;left:0;margin-left:0;height:57px;background-image:url(../img/hero_arrow.png);background-size:cover;background-repeat:no-repeat;content:"";animation:slide1 1s ease-in-out infinite}
@keyframes slide1{0%,to{transform:translate(0)}
50%{-webkit-transform:translate(5px);-moz-transform:translate(5px);-o-transform:translate(5px);transform:translate(5px);-ms-transform:translate(5px)}
}
.haveAOrgWindow .hero__caption h1{margin-bottom:14px;color:#fff;text-transform:uppercase;font-weight:900;font-size:46px;font-family:Barlow,sans-serif;line-height:1.2}
@media only screen and (min-width:992px) and (max-width:1200px){.haveAOrgWindow .hero__caption h1{font-size:60px;line-height:1.2}
}
@media only screen and (min-width:768px) and (max-width:991px){.haveAOrgWindow .hero__caption h1{font-size:50px;line-height:1.2}
}
@media (max-width:767px){.haveAOrgWindow .hero__caption h1{font-size:35px;line-height:1.2}
}
.haveAOrgWindow .hero__caption p{margin-bottom:25px;padding-right:49px;color:#fff;font-size:18px;line-height:30px}
@media only screen and (min-width:768px) and (max-width:991px){.haveAOrgWindow .hero__caption p{padding-right:0}
}
@media (max-width:767px){.haveAOrgWindow .hero__caption p{padding-right:0}
}

/*=============================
	End haveAOrgWindow
===============================*/
  
/*=============================
	顶部搜索框
===============================*/
#search_input_box{position:fixed;
	/* display: none; */
	left:50%;z-index:100;width:100%;max-width:1200px;background:#0b6dd7;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}
#search_input_box ::placeholder{color:#fff}
@media (max-width:767px){#search_input_box{top:59px}
}
@media (min-width:768px) and (max-width:991px){#search_input_box{top:109px}
}
@media (min-width:768px) and (max-width:991px){.main-header-area.sticky #search_input_box{top:59px}
}
#search_input_box .form-control{padding:0;border:0;background:0 0;color:#fff;font-weight:400;font-size:15px}
#search_input_box .searchBtn{padding:10px;border:0;background:0 0}
#search_input_box .searchBtn i{color:#fff;font-weight:700;font-size:1rem}
#search_input_box .ti-close{padding:10px;color:#fff;font-weight:600;cursor:pointer}
.search-inner{padding:14px 5px}
.form-control:focus{box-shadow:none}
.navbar_fixed #search_input_box{position:fixed;top:80px;left:50%;z-index:999;padding:0 20px;
	width:100%;max-width:1140px;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}
@media (max-width:767px){.navbar_fixed #search_input_box{top:50px}
}
@media (min-width:768px) and (max-width:991px){.navbar_fixed #search_input_box{top:50px}
}
#close_search{position:relative;top:0;z-index:99999;color:#fff;line-height:44px}
.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}

/*=============================
	End 顶部搜索框
===============================*/
  

/*=============================
	产品应用
===============================*/
.applicationIndex .owl-dots{position:absolute;bottom:-40px;left:50%;margin:-47px 0 0 -52px;padding:10px 25px}
.applicationIndex .owl-dots .owl-dot{display:inline-block;margin-right:10px}
.applicationIndex .owl-dots .owl-dot:last-child{margin:0}
.applicationIndex .owl-dots .owl-dot span{position:relative;display:block;margin:0;width:12px;height:12px;border-radius:12px;background:#0b6dd7;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.applicationIndex .owl-dots .owl-dot:hover span{border-color:transparent}
.applicationIndex .owl-dots .owl-dot.active span{width:20px}

/*=============================
	End 产品应用
===============================*/

/*=============================
	产品中心
===============================*/

.prduIndex_page .pageClassPrduList{display: block;}

.prduIndex_page .title1{ font-size: 30px; line-height: 70px; text-align: center; color: #051358; font-weight: bold;}
.prduIndex_page .title2{ font-size: 20px;line-height: 30px;color: #000;}

.prduIndex_page .marqueeList{ margin-bottom: 50px;}
.prduIndex_page .owl-dots{position:absolute;bottom:-40px;left:50%;margin:-47px 0 0 -52px;padding:10px 25px}
.prduIndex_page .owl-dots .owl-dot{display:inline-block;margin-right:10px}
.prduIndex_page .owl-dots .owl-dot:last-child{margin:0}
.prduIndex_page .owl-dots .owl-dot span{position:relative;display:block;margin:0;width:12px;height:12px;border-radius:12px;background:#0b6dd7;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.prduIndex_page .owl-dots .owl-dot:hover span{border-color:transparent}
.prduIndex_page .owl-dots .owl-dot.active span{width:20px}



.consultation{margin:0 0px;padding:20px;border-radius:0px;
	/* background-image:linear-gradient(to right,#074e78,#2b9ba0) */
}
.consultation .con-head{padding:50px 30px;border-radius:4px;background:#fff}
.consultation .consult-title h2{color:#000;font-weight:700;font-size:28px}
.consultation .consult-title h2 span{color:#5ebcb9}
.consultation .consult-title p{margin-top:6px;color:#000}
.consultation .form{margin-top:30px}
.consultation .form .button .btn{margin-bottom:0;background:#093b6b;text-align:left;float: right; padding: 25px 42px;}
.consultation .form .button .btn::before{background:#5ebcb9}
.consultation .form-group input{padding:12px 20px;width:100%;height:50px;outline:0;border:1px solid #ebebeb;border-radius:4px;background:#fff;color:#000;
	/* text-transform:capitalize; */
	font-size:13px;line-height:50px}
.consultation .form-group textarea{padding:18px 20px;width:100%;height:180px;outline:0;border:1px solid #ebebeb;border-radius:4px;color:#000;font-size:13px}
.consultation .form-group input:focus,.consultation .form-group input:hover,.consultation .form-group textarea:focus,.consultation .form-group textarea:hover{border:1px solid #5ebcb9}
.consultation .consultation-image{margin-top:50px}
.consultation.fix{overflow:hidden}
.consultation .consultation-image img:hover{animation:headShake;animation-duration:1s}
.consultation .align-items-end{ align-items: center!important;}




/*=============================
	End 产品中心
===============================*/


/*=============================
	首页新闻
===============================*/
.NewsIndex { padding: 30px 0;}
.NewsIndex .owl-dots{position:absolute;bottom:-40px;left:50%;margin:-47px 0 0 -52px;padding:10px 25px}
.NewsIndex .owl-dots .owl-dot{display:inline-block;margin-right:10px}
.NewsIndex .owl-dots .owl-dot:last-child{margin:0}
.NewsIndex .owl-dots .owl-dot span{position:relative;display:block;margin:0;width:12px;height:12px;border-radius:12px;background:#0b6dd7;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.NewsIndex .owl-dots .owl-dot:hover span{border-color:transparent}
.NewsIndex .owl-dots .owl-dot.active span{width:20px}

.NewsIndex .aNews{ margin-right: 5px;;}
.NewsIndex .aNews .david-img{overflow:hidden}
.NewsIndex .aNews .david-img img{width:100%;-webkit-transition:all .7s ease-out 0s;-moz-transition:all .7s ease-out 0s;-o-transition:all .7s ease-out 0s;transition:all .7s ease-out 0s;transform:scale(1);-ms-transition:all .7s ease-out 0s}
.NewsIndex .aNews:hover .david-img img{transform:translate(10px,10px) scale(1.1) skew(1deg,1deg);transform:skew(1deg,1deg) scale(1.1)}
.NewsIndex .aNews .david-captoin{padding:30px 10px 0}
@media only screen and (min-width:768px) and (max-width:991px){.NewsIndex .aNews .david-captoin{padding:10px 10px 0}
}
@media only screen and (min-width:576px) and (max-width:767px){.NewsIndex .aNews .david-captoin{padding:10px 10px 0}
}
@media (max-width:767px){.NewsIndex .aNews .david-captoin{padding:10px 10px 0}
}
.NewsIndex .aNews .david-captoin .david-info li{display:inline-block;margin-right:14px;margin-bottom:16px;padding-right:14px;border-right:1px solid #222;line-height:1}
@media (max-width:767px){.NewsIndex .aNews .david-captoin .david-info li{margin-right:1px;padding-right:12px}
}
.NewsIndex .aNews .david-captoin .david-info li:last-child{margin-right:0;padding-right:0;border-right:0}
.NewsIndex .aNews .david-captoin h2{display:block;margin-bottom:17px;padding-right:0;color:#282828;text-decoration:none;font-weight:700;font-size:20px;line-height:1.5;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media only screen and (min-width:768px) and (max-width:991px){.NewsIndex .aNews .david-captoin h2 a{padding-right:6px}
}
@media (max-width:767px){.NewsIndex .aNews .david-captoin h2 a{padding-right:0}
}
.NewsIndex .aNews .david-captoin a{color:#282828;font-size:16px}
.NewsIndex .aNews .david-captoin a:hover{color:#f27420}
.NewsIndex .aNews .david-captoin a.d-btn{position:relative}
.NewsIndex .aNews .david-captoin a.d-btn:before{position:absolute;bottom:-1px;width:100%;height:1px;background:#282828;content:"";-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s}
.NewsIndex .aNews .david-captoin a:hover:before{background:#f27420}

/*=============================
	End 首页新闻
===============================*/



  
/*=============================
	内页附加
===============================*/

.mineBox{position:relative; width: 100%; max-width: 1200px; margin: 10px auto 20px;}
.fl{float:left}
.fr{float:right}

.sectionInnerPage{padding:30px 10px 10px;background-size:cover}
.sectionInnerPage .title{padding:20px;border-radius:20px;background:#fff}
.sectionInnerPage .feature-left img{display:block;margin:10px auto;padding:5px;width:90%;border:1px solid #ccc;border-radius:5px}
.sectionInnerPage .feature-right{padding:10px;color:#888;font-size:16px;line-height:2}


.breadcrumbs{position:relative;padding:45px 0;background-image:url(../img/banner1.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}
.breadcrumbs .bread-inner{z-index:22;width: 100%;}
.breadcrumbs h2{margin:0;padding:0;color:#fff;text-align:center;text-transform:capitalize;font-weight:700;font-size:25px}
.breadcrumbs .bread-list{float:right;display:inline-block;border-radius:4px}
.breadcrumbs ul li{position:relative;display:inline-block;font-weight: bold;}
.breadcrumbs ul li i{margin:0 10px;color:#fff;font-weight:600;font-size:11px}
.breadcrumbs ul li a{color:#fff;text-transform:capitalize;font-weight:400;font-size:18px;font-weight: bold;}
.breadcrumbs ul li.active a{display:inline-block;padding:6px 20px;border-radius:3px;background:#f27420;color:#fff;font-weight: bold;}
.breadcrumbs ul li.active a:hover{background:#fff;color:#f27420}


.innerBanner{ width: 100%;}
.innerBanner img{ width: 100%;}

.section-title{margin-bottom:60px;text-align:center}
.section-title h2{position:relative;margin-bottom:30px;padding-bottom:32px;color:#0b6dd7;letter-spacing:5px;font-weight:700;font-size:42px}
.section-title h2:before{position:absolute;bottom:-1.5px;left:50%;margin-left:-30px;width:64px;height:6px;border-radius:5px;background-image:linear-gradient(270deg,#2fa4a5,#0b6dd7);content:""}
.section-title p{color:#666;font-weight:700;font-size:18px}

.h_1_style{margin:5px auto;width:100%;border-bottom:2px solid #0b6dd7;position: relative;}
.h_1_style .link{margin:5px 0 0 3px;padding:0 5px;background:#a7a7a7;color:#fff;font-weight:400;font-size:14px}
.h_1_style .link.active,.h_1_style .link:hover,.h_1_style h2{background:#0b6dd7}
.h_1_style h2{float:left;display:block;margin:0;padding:5px 20px;color:#fff;font-size:22px;line-height:30px}
.h_1_style .more{ position: absolute;right: 10PX;top: 3px;}

.titleLable{border-bottom:1px solid #aaa;color:#aaa;text-align:left;line-height:2.5rem}
.titleLable,.titleLable label{font-weight:400}
.before_and_next_news{padding:20px 20px 30px;border-top:1px dotted #eee;text-align:left;font-size:12px;line-height:30px}
.lineRed{border-bottom:2px solid #0b6dd7}
.thumbnail{float:none;margin:10px auto;padding:30px;width:90%;height:auto;border:1px solid #ddd;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.075);text-align:center;color:#aaa;}
.thumbnail a{color:#aaa;}
.thumbnail img{display:block;width:100%;height:auto;max-width:100%;max-height:350px}





/*right*/
.NewsList_Page .news-right{width:100%}
.NewsList_Page .news-right-con{padding:33px;width:100%;min-height:300px;border:1px solid #eae6e1;border-top:3px solid #0b6dd7;background:#fff}
.NewsList_Page .news-list{margin-top:10px}
.NewsList_Page .news-list li{padding:20px;border-bottom:1px dotted #8a8a8a}
.NewsList_Page .news-list .text{overflow:hidden;width:820px;height:116px}
.NewsList_Page .news-list .text h3 a{margin-top:5px;line-height:2}
.NewsList_Page .news-list .text h3 a span{color:#0b6dd7}
.NewsList_Page .news-list .text h3 a{overflow:hidden;width:35em;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.NewsList_Page .news-list .text p{margin-top:10px;color:#555;text-align:justify;text-indent:2em;font-size:13px;line-height:24px}
.NewsList_Page .news-list>li>p{margin-top:10px;color:#888}
.NewsList_Page .news-list>li>p>span{color:#0b6dd7; padding-right: 5px;}
.NewsList_Page .news-list li:hover{background:#fafafa}
.NewsList_Page .news-list>li>p i{ margin: 0 3px;}
.NewsList_Page .news-list-con>a{display:block;overflow:hidden;width:182px;height:112px;border:2px solid #e0dbd5;text-align:center}
.NewsList_Page .news-list-con>a img{width:100%;height:100%;transition:transform .85s}
.NewsList_Page .news-list-con>a img.jd{margin-top:21px;width:40%;height:60%}
.NewsList_Page .news-list-con>a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.NewsList_Page .news-list>p{color:#0b6dd7;text-align:center}


/*main_con_left*/
.main_con_left{
	/* margin-left:40px; */
	/* width:842px; */
	min-height:700px}
.main_con_left h3{color:#000;font-weight:400;font-size:20px;line-height:50px;line-height:4}
.news_time{display:block;line-height:30px}
.news_time span{margin-right:34px;color:#555;font-size:14px}
.edit{border-bottom:3px dotted #eee}
.news_img{margin-top:16px;width:740px;height:418px;border:1px solid #dbdbdb;background:#f9f9f9}
.news_img img{margin:15px;width:710px;height:388px}
.news_content{padding:12px;width:100%;min-height:450px;
	overflow-x: auto;
	/* border-bottom:1px solid #dbdbdb; */
	color:#333;font-size:16px;line-height:2.4}
/* .news_content center{margin-bottom:10px}
.news_content p{text-align:justify;text-justify:inter-ideograph}
.news_content .editor{margin-bottom:0;padding-top:20px;color:#818181}
.news_content table{margin:0 auto}
.news_content table,.news_content table td{border:1px solid #000;border-collapse:collapse}
.news_content table td,.news_content table td p{text-align:center; white-space: nowrap; margin: 0; text-indent: 0;}
.news_content table,
.news_content img{max-width: 100%!important; width: 100%;}
.shopInfo_content{padding:20px 5px}
.shopInfo_content>div{padding:5px} */

/*prduShow_Page*/
.prduShow_Page .edit{border-bottom:0px dotted #eee; font-size: 18px;}
.prduShow_Page .prduInfos h3{font-size: 24px;}
.prduShow_Page .prduInfos{ background: #999; color: #fff; width: 50%; padding: 10px;;}
.prduShow_Page .prduImg{ padding: 0;width: 50%;}
.prduShow_Page .prduInfos h3{color: #fff;}
.prduShow_Page .thumbnail{ border: 0;padding: 0;
	width: 100%; margin: 0;
}
.prduShow_Page .thumbnail img{}

@media (max-width:767px){
	.main_con_left{ margin: 0;}
	.prduShow_Page .prduInfos{ padding: 10px; width: 100%;}
	.prduShow_Page .prduImg{ padding: 10px;width: 100%;}
}

/*main_con_right*/
.NewsShow_Page .con_title{padding:10px 0;background:#f9f9f9}
.NewsShow_Page .con_title p{position:relative;margin:0 15px;padding-left:10px;height:20px;border-left:6px solid #0b6dd7;color:#333;font-size:18px;line-height:20px}
.NewsShow_Page .main_con_right{margin-top:20px;width:288px}
.NewsShow_Page .hot_list{padding:15px 16px}
.NewsShow_Page .hot_list li{line-height:28px}
.NewsShow_Page .hot_list li a{display:block;overflow:hidden;width:260px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.NewsShow_Page .hot_list li a:hover{color:#0b6dd7}
.NewsShow_Page .hot_list li a span{display:inline-block;margin-right:5px;width:15px;height:15px;border-radius:15px;background:#ddd;text-align:center;font-size:12px;line-height:15px}
.NewsShow_Page .hot_list li a .dot_oringe{background:#0b6dd7;color:#fff}

.pic2_List .single_product .product_thumb{position:absolute;top:0;left:0;width:100%;text-align:center}
.pic2_List .single_product .product_thumb img{max-width: 100%; width: 100%;;}
.pic2_List .single_product .emptySquare{width:100%}
.pic2_List .single_product figure{position:relative;margin:10px}
.pic2_List .single_product figure .product_content{position:absolute;bottom:30px;width:100%;background:rgba(0,0,0,.6);color:#fff;line-height:2}
.pic2_List .single_product figure .product_content h4{text-align:center;line-height:2;text-overflow: ellipsis;overflow: hidden;white-space:nowrap; color: #fff; font-size: 14px;padding: 0 15px; line-height: 30px;}
.pic2_List .single_product figure:hover .product_content h4 a{color: #fff;font-weight: bold;}

.prduShow_Menu .con_title{padding:10px 0;background:#f9f9f9}
.prduShow_Menu .con_title p{position:relative;margin:0 15px;padding-left:10px;height:20px;border-left:6px solid #5ebcb9;color:#333;font-size:18px;line-height:20px}
.prduShow_Menu .main_con_right{margin-top:20px;width:288px}
.prduShow_Menu .hot_list{padding:15px 16px}
.prduShow_Menu .hot_list li{line-height:28px}
.prduShow_Menu .hot_list li i{padding:7px}
.prduShow_Menu .hot_list li a{display:block;overflow:hidden;width:230px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.prduShow_Menu .hot_list li a:hover{color:#5ebcb9}
.prduShow_Menu .hot_list li a span{display:inline-block;margin-right:5px;width:15px;height:15px;border-radius:15px;background:#ddd;text-align:center;font-size:12px;line-height:15px}
.prduShow_Menu .hot_list li a .dot_oringe{background:#5ebcb9;color:#fff}


/*列表分页样式*/
.mainpage{margin:0 auto;padding:5px 30px;width:100%;max-width:840px;color:#aaa;line-height:34px}
.mainpage .page{float:left;display:block}
.mainpage .info{float:right;display:block}
.mainpage a{float:left;display:block;margin:2px;padding:2px 8px;min-width:30px;border:1px solid #ddd;border-radius:5px;background-color:#fff;color:#666;text-align:center;font-weight:700;font-size:16px;line-height:30px}
.mainpage a:hover{background-color:#fff;color:#0b6dd7;text-decoration:none}
.mainpage a.select{background-color:#0b6dd7;color:#fff;text-decoration:none}



/*=============================
	End 内页附加
===============================*/



