/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START HEADER DESIGN
    03. BOOTSTRAP NAVIGATION OVERRIDES
    04. START HOME DESIGN
    05. START ABOUT DESIGN
    06. START COUNT DOWN DESIGN
    07. START TEAM DESIGN
    08. START TESTIMONIAL DESIGN
    09. START SERVICE DESIGN
    10. START SERVICE PROMOTION DESIGN
    11. START COMPANY PARTNER LOGO
    12. START PRICING DESIGN
    13. START PORTFOLIO DESIGN   
    14. START PORTFOLIO SINGLE PAGE DESIGN
    15. START FAQ PAGE DESIGN     
    16. START 404 PAGE DESIGN
    17. START COMING SOON PAGE DESIGN    
    18. START BLOG PAGE DESIGN
    19. START CONTACT PAGE DESIGN  
    20. START PROMOTION DESIGN     
    21. START FOOTER TOP DESIGN
    22. START FOOTER BOTTOM DESIGN
    23. START SECTION TOP DESIGN   
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    font-family: 'Cousine',sans-serif;
    font-size: 13px;
    color: #93989B;
    overflow-x: hidden;
    margin: auto;
    background: #fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
}
a {
    font-family: "Merriweather",sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #FF0000;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
p { line-height: 2 }
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.no-padding { padding: 10 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #3AB3DF none repeat scroll 0 0;
bottom: 5px;
color: #fff;
cursor: pointer;
font-size: 26px;
height: 40px;
opacity: 1;
padding: 5px 12px;
position: fixed;
right: 5px;
transition: all 0.4s ease 0s;
width: 40px;
border-radius: 50px;
box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.1);
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*内容页图片宽度最大100%*/
content img{max-width:100%;_width:100%;max-HEIGHT: auto;overflow:hidden;}
/*END SCROLL TO TOP*/
.section-padding {
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
}
.contact{
	background:#ECF0F3;
	padding-top: 8px;
	padding-bottom: 8px;

}
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h1 {
    color: #333;
	font-size:30px;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 10px;
}
@media only screen and (max-width:768px) { 
    .section-title h1 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h1 { font-size: 30px }
}
@media only screen and (max-width:360px) { 
    .section-title h1 { font-size: 24px }
}
.section-title span {
background: #3AB3DF none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
width: 100px;
}
.section-title i{
	background:none repeat scroll 0 0 #00aeef;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
	border-radius:50%;
	color:#fff;
	font-size:35px;
	height:75px;
	padding:20px;
	width:75px;
	margin-bottom: 15px;
}

.section-title-white { color: #fff!important }
.section-title-white-span { background: #fff!important }
/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
.btn-light-bg {
backface-visibility: hidden;
background: #3AB3DF none repeat scroll 0 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
color: #fff;
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 14px;
padding: 10px 30px;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition-duration: 0.5s;
transition-property: color;
vertical-align: middle;
border-radius: 5px;
}
.btn-light-bg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #040e18;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;border-radius: 5px;
}
.btn-light-bg:hover, .btn-light-bg:focus, .btn-light-bg:active {
  color: white; border-radius: 5px;
}
.btn-light-bg:hover:before, .btn-light-bg:focus:before, .btn-light-bg:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay {
    background: rgba(0,0,0,0.3) none repeat scroll 0 0;
    padding: 60px 0;
}
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02.START HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.END HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
	background: none;
	border: medium none;
	border-radius: 5;
	margin-bottom: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
	height: 75px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #3AB3DF !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #3AB3DF !important;
    background-color: transparent;
}
.navbar-brand { padding: -0px }
.navbar-brand img {
	height: 65px;
}
.menu-top li a {
    color: #f3f3f3  !important;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
.menu-top li a:hover { color: #3AB3DF!important }
  @media only screen and (max-width:768px) {
    .navbar-default .navbar-nav > li > a {
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 30px;
	background-color: #3AB3DF;
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
    }
}

  @media only screen and (max-width:768px) {
.navbar-default .navbar-nav li a:hover {
	color: #3AB3DF!important;
	background-color: #FFF;
}
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
	
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
/*START DROPDOWN MENU*/
.menu_dropdown  ul { list-style-type: none }
.menu_dropdown  li ul.sub-menu,
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    background: #fff;
    left: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 15px;
    position: absolute;
    top: 115%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: -99;
}
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.menu_dropdown  ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
}
.menu_dropdown  ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 999;
    visibility: visible;
}
.menu_dropdown  ul.nav > li ul li:hover ul.sub-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.menu_dropdown  ul li ul.sub-menu li a {
border-bottom: 1px solid #eee;
color: #333 !important;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 400;
padding: 13px 10px 12px;
text-transform: uppercase;
}
.menu_dropdown  ul li ul.sub-menu li:last-child a{border-bottom:none;}
.menu_dropdown  ul li:hover ul.sub-menu li a:hover {
    color: #3AB3DF!important;
    text-decoration: none;
}
/*END DROPDOWN MENU*/
.navbar-default.menu-shrink li a { color: #282828 !important }
.navbar-default.menu-shrink li a:hover { color: #3AB3DF !important }

/*
* ----------------------------------------------------------------------------------------
* 03.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-wrap {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-image: url(../../img/why.jpg);
	background-repeat: repeat;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.flexslider {
    border: none;
    z-index: 1;
    height: 750px;
    overflow: hidden;
    margin: 0;
    position: relative;
}
.flex-direction-nav a:before {
    color: #fff;
    content: "";
    display: inline-block;
    font-size: 60px;
    line-height: 40px;
}
.flex-direction-nav li.flex-nav-prev a.flex-prev:before {
    font-family: FontAwesome;
    content: "\f104";
}
.flex-direction-nav li.flex-nav-next a.flex-next:before {
    font-family: FontAwesome;
    content: "\f105";
}
.flexslider:hover .flex-direction-nav li.flex-nav-prev a { left: 25px }
.flex-direction-nav a {
    width: 24px;
    height: 40px;
}
@media only screen and (max-width:768px) { 
    .flex-direction-nav a { display: none }
}
.flexslider:hover .flex-direction-nav li.flex-nav-next a { right: 25px }
.slider_text_one {
    position: absolute;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.slider_text_one h1 {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    margin-top: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .slider_text_one h1 { font-size: 38px }
}
@media only screen and (max-width:320px) { 
.slider_text_one h1  {font-size: 32px; }
}
.slider_text_one p {
color: #fff;
margin-bottom: 25px;
}
.flexslider .slides > li {
    height: 750px;
    position: relative;
}
.flexslider ul.slides:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.flexslider .slides > li img {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
/*START HOME SLIDER DESIGN*/
#home{
height:88%;
display:table;
min-height:88%;
vertical-align:milddle;
width:100%;
position:relative;
}
.hero{height:88%;}
.home_overlay{
	position:relative;
	z-index:3;
	color:#fff;
	z-index:99;
	height:100%;
	vertical-align: middle;
}

.slider_text {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
margin-top: 180px;
padding: 40px;
}
.slider_text h1 {
color: #fff;
font-size: 33px;
line-height: 38px;
margin: 0;
text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
    .slider_text h1 { font-size: 36px }
}
@media only screen and (max-width:360px) { 
    .section_title h1 { font-size: 22px }
    .slider_text h1 {
        font-size: 30px;
        line-height: 34px;
    }
}
@media only screen and (max-width:320px) { 
    .slider_text { padding: 30px }
    .slider_text h1 { font-size: 20px }
}
.slider_text p {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 35px;
    padding-top: 15px;
}
.carousel-indicators {
    bottom: 10px;
    left: 100%;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    top: 60%;
    width: 0;
    z-index: 15;
}
@media only screen and (max-width:768px) { 
    .carousel-indicators { display: none }
}
.carousel-indicators li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 12px;
    height: 10px;
    margin: 0 1px;
    width: 10px;
}
.carousel-indicators .active {
    height: 10px;
    margin: 0 1px;
    width: 10px;
    border: 1px solid #3AB3DF;
    background: #3AB3DF none repeat scroll 0 0;
}
.carousel-indicators { bottom: -130px }
.welcome-text1{
	position:relative;
	vertical-align:middle;
	z-index:3;
	text-align:center;
	color:#fff;
	font-size:16px;
	z-index:99;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.welcome-text{
	display:table-cell;
	position:relative;
	vertical-align:middle;
	z-index:3;
	text-align:center;
	color:#fff;
	font-size:16px;
	z-index:99;
	margin-top: 180px;
	margin-right: auto;
	margin-left: auto;
}

.welcome-text h2{
	font-size:60px;
	letter-spacing:10px;
	text-transform:uppercase;
	margin-top: 40px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px) { 
    .welcome-text h2{font-size:30px; letter-spacing:0px;}
}
.welcome-text p{
	font-size:20px;
	letter-spacing:5px;
	text-transform:uppercase;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px) { 
    .welcome-text p{font-size:13px; }
}
/*END HOME SLIDER DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 04.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*START FEATURE DESIGN*/
.feature { background: #f6f6f6 }
.about_single {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
				height: 350px;
}
@media only screen and (max-width:768px) { 
    .about_single { margin-bottom: 20px }
}
.about_single:hover {
box-shadow:0px 8px 24px rgba(0,0,0,0.25);
transform:translateY(-5px);
}
.about_single i {
    border: 8px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
    color: #fff;
    font-size: 36px;
    height: 100px;
    line-height: 90px;
    margin-bottom: 15px;
    width: 100px;
}
.color-icon-one { background: #FC3950 }
.color-icon-two { background: #FFA800 }
.color-icon-three { background: #00AEFF }
.color-icon-four { background: #D2A855 }
.about_single h2 {
color: #333;
font-size: 16px;
font-weight: 600;
margin-top: 10px;
text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
    .about_single { margin-bottom: 20px }
}
@media only screen and (max-width:768px) { 
    .about_single h2 { font-size: 15px }
}
/*END FEATURE DESIGN*/
.about_content { padding-top: 60px }
.single_about {
    padding: 60px 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_about h2 {
	color: #fff;
	font-size: 60px;
	margin: 0;
	padding-bottom: 20px;
    -webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.single_about_one {
    background: #0097a7;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_about_one:hover { background: #040E18 }
.single_about_two {
    background: #00acc1;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_about_two:hover { background: #040E18 }
.single_about_three {
    background: #00bcd4;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_about_three:hover { background: #040E18 }
.single_about h3 {
color: #fff;
font-weight: 700;
margin: 0;
padding-bottom: 20px;
text-transform: uppercase;
font-size: 18px;
}
.single_about p {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.single_about a {
    color: #fff;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_about a:hover { text-decoration: underline }

/*START ABOUT US PAGE 2 DESIGN*/

.about-us-content h2{
color: #333;
font-size: 28px;
margin: 0;
padding-bottom: 20px;
text-transform: uppercase;
}
.about-us-content h2 span{color:#3AB3DF;}
.about-us-content p{
padding-bottom: 25px;
text-align: justify;
}

/* START SKILL DESIGN */
.skills_overlay{
background:rgba(255,255,255,0.8);
}

.video iframe {
  border: 0 none;
  height: 330px;
  width: 100%;
}
.skills h3 {
border-bottom: 1px solid #aaa;
color: #333;
margin-top: 0;
padding: 0 0 10px;
text-transform: uppercase;
}
.progress-bar-text {
    color: #333;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 6px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #3AB3DF none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}


/* END SKILL DESIGN */
/*END ABOUT US PAGE 2 DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 05.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0);
	padding: 60px 30px;
    -webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	background-image: none;
}

@media only screen and (max-width:480px) { 
    .counter { margin-bottom: 20px }
}
.counter-color-one{ background:  none repeat scroll 0 0;}
.counter-color-two{ background: none repeat scroll 0 0;}
.counter-color-three{ background: none repeat scroll 0 0;}
.counter-color-four{ background:  none repeat scroll 0 0;}
.counter-color-five{ background:  none repeat scroll 0 0;}
.counter-color-six{ background: #0097a7 none repeat scroll 0 0;}
.counter-color-seven{ background: #00acc1 none repeat scroll 0 0;}
.counter-color-eight{ background: #00bcd4 none repeat scroll 0 0;}

.counter i{
	font-size:30px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.counter h1 {
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
@media only screen and (max-width:320px) { 
.counter h1  {font-size: 30px; }
}
.counter p {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
	color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}
@media only screen and (max-width:360px) { 
    .counter p { font-size: 12px }
}
@media only screen and (max-width:320px) { 
    .counter p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 06.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.down{
	float: right;
	width: 100px;
	text-align: center;
	background-color: transparent;
	border: 0px solid #FF0000;
	max-width: 100px;
	text-align: center;
	display: inline-block;
	transition: ease-in all 0.5s;
	border-radius: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: -5px;
}
.down:hover {
	color: #fff !important;
	transition: ease-in all 0.5s;
	background-color: #FF0000;
}
.down a:hover {
	color: #fff !important;
}
/*
* ----------------------------------------------------------------------------------------
* 07.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) { 
    .tema-member { margin-bottom: 20px }
}
.tema-member .team-thumbnail { position: relative }
.tema-member .team-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    bottom: -1px;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tema-member .team-thumbnail .social-media {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-webkit-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tema-member .team-thumbnail .social-media a { display: inline-block }
.tema-member .team-thumbnail .social-media a i {
    font-size: 20px;
    color: #fff;
    width: 48px;
    margin: -2px;
    line-height: 48px;
    height: 48px;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.tema-member .team-thumbnail .social-media a i:hover {
    background: #fff!important;
    color: #222;
}
.tema-member .team-thumbnail .social-media a.facebook i { background: #507CBE }
.tema-member .team-thumbnail .social-media a.twitter i { background: #63CDF1 }
.tema-member .team-thumbnail .social-media a.google i { background: #F16261 }
.tema-member .team-thumbnail .social-media a.linkedin i { background: #90CADD }
.info {
    background: #3AB3DF none repeat scroll 0 0;
    padding: 10px;
	    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tema-member:hover .info{
background: #040e18 none repeat scroll 0 0;
}
.tema-member .info h2 {
    margin-top: 0;
	font-size:18px;
    text-transform: uppercase;
    color: #fff;
		    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tema-member .team-thumbnail .info:hover h2{color:#fff;}
.tema-member .info p {
    color: #fff;
    margin-bottom: 0;
		    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tema-member .team-thumbnail .info:hover p{color:#fff;}
.tema-member:hover .social-media {
    -webkit-transform: translateY(-90%);
    -moz-webkit-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
}
.tema-member:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*START TEAM MEMBER PAGE TWO DESIGN*/
.team-member-second{position: relative;}
.team-member-second h4{
bottom: 50px;
color: #fff;
font-size: 24px;
left: 20px;
position: absolute;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}

.team-member-second p{
	position: absolute;
	bottom: 30px;
	left:20px;
	font-weight: 400;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}


.team-member-second .contact-details{
	position: absolute;
	bottom: 90px;
	left:0;
	width:100%;
}


.team-member-second .contact-details ul{
	margin-bottom: 20px;
	width:100%;
	z-index: 100;
	text-align: center;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
}

.team-member-second .contact-details ul li{
	padding: 0;
}

.team-member-second .contact-details ul a{
	padding: 10px;
	width:40px;
	height: 40px;
	text-align: center;
	color:#fff;
	display: inline-block;
	opacity: 0;
	z-index: 100;
	line-height: 20px;
	position: relative;
}

.team-member-second .contact-details ul i{
	font-size: 20px;
}


.team-member-second:hover .contact-details ul a{
	opacity: 1;
}

.team-member-second .contact-details ul a:hover{
	background: #3AB3DF;color:#fff;
}

/*END TEAM MEMBER PAGE TWO DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 07.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
    background: #f6f6f6;
    padding-top: 60px;
}
.single_testimonial {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 60px;
}
@media only screen and (max-width:480px) { 
    .single_testimonial { margin-bottom: 30px }
}
.single_testimonial img {
    border: 4px solid #3AB3DF;
    border-radius: 50px;
    height: 100px;
    width: 100px;
}
.single_testimonial h2 {font-size: 18px;
text-transform: uppercase;
color: #333; }
.single_testimonial p { margin-bottom: 0 }

/*START TESTIMONIAL PAGE TWO DESIGN*/
.single_testimonial_second img {
    border-radius: 100px;
    margin-bottom: 30px;
    width: 100px;
    height: 100px;
}
.single_testimonial_second h4 {
    color: #fff;
    margin: 0;
    padding-bottom: 15px;
}
.single_testimonial_second h5 {
    color: #fff;
    margin: 0;
    padding-bottom: 30px;
}
.single_testimonial_second p { color: #fff }
/*END TESTIMONIAL PAGE TWO DESIGN*/


/*
* ----------------------------------------------------------------------------------------
* 08.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service {padding-top:60px;padding-bottom:30px;}
.single_service {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e8e8e9;
	box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	padding: 20px;
	transition: all 0.4s ease 0s;
	height: 360px;
}
.single_service:hover { transform: translate3d(0px,-15px,0px) }
.single_service i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #333;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    margin-bottom: 20px;
    padding: 17px 18px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 60px;
}
.single_service:hover i {
    color: #3AB3DF;
}
.single_service h4 {
    color: #fff;
    transition: all 0.4s ease 0s;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.single_service p { color: #fff }
.single_service_one { background: #ff2b42 }
.single_service_two { background: #eb2e4a }
.single_service_three { background: #00cccc }
.single_service_four { background: #21bb9d }
.single_service_five { background: #09afdf }
.single_service_six { background: #F7AD17 }




/*START SERVICE PAGE TWO DESIGN*/
ul.tab-buttons {
    padding: 0;
    margin-bottom: 0;
}
ul.tab-buttons li {
    border: 1px solid #e8e8e9;
    display: inline-block;
    height: 90px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 185px;
}
@media only screen and (max-width:768px) { 
    ul.tab-buttons li { width: 177.5px }
}
@media only screen and (max-width:480px) { 
    ul.tab-buttons li { width: 223.2px }
}
@media only screen and (max-width:360px) { 
    ul.tab-buttons li { width: 163.3px }
}
@media only screen and (max-width:320px) { 
    ul.tab-buttons li { width: 143.2px }
}
ul.tab-buttons li.selected {
    background: #3AB3DF;
    border: 1px solid #3AB3DF;
    color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
ul.tab-buttons li.selected a { color: #fff }
ul.tab-buttons li.selected a i {
    color: #fff;
    margin-right: 10px;
}
.tab-container {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    padding: 20px 0;
}
.tab-container > div { display: none }
.tab-buttons li a {
color: #333;
display: block;
font-size: 14px;
text-align: center;
text-decoration: none;
}
@media only screen and (max-width:320px) { 
    .tab-buttons li a { font-size: 12px }
}
.tab-buttons li a i {
color: #3AB3DF;
font-size: 30px;
margin: 15px auto 10px;
}
/*END TAB MENU DESIGN*/

.single_service_second h3{color: #333;
text-transform: uppercase;}
.single_service_second p{padding-bottom: 15px;}

.work_flow h3{
color: #333;
border-bottom: 4px double #ddd;
margin-bottom: 20px;
padding: 15px 0;
}
.work_flow ul{margin:0;padding:0;list-style:none}
.work_flow ul li{
border: 1px solid #ddd;
float: left;
margin-right: 5px;
padding: 30px 10px;
transition: all 0.2s ease 0s;
}
.work_flow ul li a{
color: #333;
font-weight: 700;
transition: all 0.2s ease 0s;
}
.work_flow ul li a:hover{color:#3AB3DF;}
.work_flow ul li i{
background: #3AB3DF none repeat scroll 0 0;
color: #fff;
font-size: 20px;
margin-right: 10px;
padding: 15px;
transition: all 0.2s ease 0s
}
/*END SERVICE PAGE TWO DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 09.END SERVICE PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*

/* ----------------------------------------------------------------------------------------
* 10.START SERVICE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.service-promotion { background: #f6f6f6 }
.single_service_promotion {
    background: #fff;
    border: 1px solid #e8e8e9;
    padding: 60px 15px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .single_service_promotion { margin-bottom: 20px }
}
.single_service_promotion:hover {
box-shadow:0px 8px 24px rgba(0,0,0,0.25);
transform:translateY(-5px); }
.single_service_promotion h1 {
color: #333;
font-size: 18px;
margin: 0;
padding-bottom: 15px;
text-transform: uppercase;
}
.single_service_promotion p {
    padding-bottom: 20px;
    margin-bottom: 0;
}
.single_service_promotion a { color: #fff }
/* ----------------------------------------------------------------------------------------
* 10.END SERVICE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.web-logo img{
	height: 65px;
	padding-left: 10px;
		
}
@media only screen and (max-width:768px) { 
    .web-logo img{height: 50px;padding-left: 10px;}
}

.partner-logo {
	height: 110px;
	padding-top: 10px;padding-bottom: 10px;	
}

.partner img {
	padding: 5px;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


.pricing-table {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  position: relative;
  transition: all 0.9s ease 0s;
}
@media only screen and (max-width:480px) { 
.pricing-table{   margin-bottom: 40px;}
}
.pricing-table.active {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
  z-index: 1;
}
.pricing-table h3{
background-color: rgba(0, 0, 0, 0.04);
font-size: 20px;
margin-bottom: 0px;
padding: 25px 15px;
text-align: center;
text-transform: uppercase;
color: #333;
}
.pricing-table h2{
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	margin-top: 20px;
	padding-left: 5px;
}

.pricing-table span{
	color: #999999;
	font-size: 13px;
	font-weight: normal;
	margin-left: 20px;
}
.price {
border-radius: 500px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
display: inline-block;
font-size: 20px;
font-style: italic;
font-weight: 600;
height: 124px;
line-height: 20px;
margin-bottom: 30px;
width: 124px;
}
.color-one{background:#673AB7;color:#fff;}
.color-two{background:#9DC852;color:#fff;}
.color-three{background:#D72323;color:#fff;}
.color-four{
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 20px;
	
	margin-right: 10px;
	margin-left: 10px;
}
 .price span {
  display: block;
  font-size:32px;
  margin-top:39px;
}
.pricing-list {
	margin-bottom: 0;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #eaeaea;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
.pricing-list li{
border-bottom: 1px dashed #eaeaea;
font-family: merriweather,sans-serif;
font-size: 14px;
padding: 8px 15px;
transition: all 0.3s ease 0s;
}
.pricing-list li:hover{background:rgba(0,0,0,0.0);}

.pricing-btn {
  padding: 20px 0;
}

/*START PRICING TABLE PAGE TWO DESIGN*/
.pricing-tables .plan.recommended .head { margin-bottom: 20px }
.plan {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    min-height: 100px;
    padding-bottom: 25px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media only screen and (max-width:480px) { 
    .plan { margin-bottom: 30px }
}
.plan .head {
    color: #333;
    padding: 15px 0;
    text-transform: uppercase;
}
.plan .head h1,
.plan .head h2,
.plan .head h3 {
    padding: 0;
    margin: 0;
    font-weight: 300;
}
.plan .price_second { border-top: 1px solid #eee }
.plan .price_second h3 {
    font-size: 82px;
    line-height: 1;
    vertical-align: top;
    color: #333;
}
.plan .price_second h3 span {
    font-size: 38px;
    vertical-align: top;
    position: relative;
    margin: 6px 0 0 -7px;
    display: inline-block;
}
.plan .price_second h4 {
    color: #aaa;
    font-size: 14px;
}
.plan ul {
    list-style-type: none;
    padding: 20px;
}
.plan ul li {
    border: 1px solid #ddd;
    color: #333;
    font-size: 18px;
    font-weight: 300;
    margin-top: -1px;
    padding: 10px 15px;
    text-transform: capitalize;
}
.plan ul li a {
    text-decoration: underline;
    color: #e6e9ed;
}
.plan.recommended {
    box-shadow: 0 0 22px rgba(10, 10, 10, 0.42);
    position: relative;
    z-index: 99;
}
.plan.recommended .btn { margin-bottom: 10px }
/*END PRICING TABLE PAGE TWO DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 12.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.pr_list {
	line-height: 28px;
}
.panel__list {
    list-style: none;
    margin: 0;
}
.panel__wrapper-icon .panel__list li .line {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 0px;
    width: 3px;
    height: 140px;
    background: linear-gradient(to bottom,#2775ff,#7202bb);
    opacity: 0;
    transition: all .3s ease;
}
.panel__wrapper-icon .panel__list li:hover {
    z-index: 2;
}
.panel__wrapper-icon .panel__list li:hover .line {
    opacity: 1;
    left: -15px;
    transition-delay: .1s;
}

.panel__wrapper-icon .panel__list li:nth-child(2n) {
    background: #f6f6f6;
}

.panel__wrapper-icon .panel__list li:hover:after, .panel__wrapper-table .panel__list li:hover:after {
    transform: scale(1);
    opacity: 1;
}

.panel__list li:after, .panel__wrapper-icon .panel__list li:after, .panel__list li:after {
    content: '';
    position: absolute;
    top: -6px;
    left: -15px;
    right: -15px;
    bottom: -6px;
    background: #fff;
    box-shadow: 0 6px 30px 0 rgba(0,0,0,.12);
    opacity: 0;
    transition: all .3s ease;
    transform: scale(.95);
    z-index: -1;
}
.panel__wrapper-icon .panel__list li {
	color: #4e4e4e;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #ececec;
	position: relative;
	z-index: 1;
	padding-bottom: 20px;
	padding-top: 20px;
}

.panel__wrapper-icon .panel__list li {
    padding-left: 1px;
}
.work_all_item .mix { display: none }
.our_work_menu ul {
    list-style-type: none;
    margin-bottom: 35px;
    padding: 0;
}
.our_work_menu ul li {
	display: inline-block;
	font-size: 13px;
	color: #fff;
	line-height: 35px;
	background: #3AB3DF;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;border-radius: 5px;
}
@media only screen and (max-width:480px) { 
    .our_work_menu ul li { padding: 5px 15px }
}
.our_work_menu ul li:hover,
.our_work_menu ul li.active {
	color: #fff;
	background-color: #FF0000;
}
.work_all_item .grid-item { padding: 0 }
.single_our_work {
    -webkit-transition: 0.5s;
            transition: 0.5s;
    overflow: hidden;
}
.sing_work_photo { position: relative }
.single_our_work img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.single_our_work figure { margin-bottom: 0 }
.sing_work_text_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    background: rgba(235, 46, 74, 0.8) none repeat scroll 0 0;
    -webkit-transition: .4s;
            transition: .4s;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.sing_work_content_wrap {
    display: table;
    height: 100%;
    width: 100%;
}
.sing_work_content {
    display: table-cell;
    vertical-align: middle;
}
.sing_work_text_link h2 {
    color: #fff;
	font-size:18px;
    text-transform: uppercase;
}
.single_our_work:hover .sing_work_text_link h2 { -webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out }
.single_our_work:hover .sing_work_text_link p { -webkit-animation: fadeInDown 600ms ease-in-out; animation: fadeInDown 600ms ease-in-out }
.sing_work_text_link p { margin: 10px 0 25px }
.sing_link_img a i.fa { font-size: 14px }
.sing_link_img a {
    background: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    -webkit-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
    width: 40px;
}
.sing_link_img a:hover {
    background: #3AB3DF;
    color: #fff;
}
.sing_link_img a.search { margin-right: 17px }
.single_our_work:hover  .sing_link_img a.search { -webkit-animation: fadeInLeft 1000ms ease-in-out; animation: fadeInLeft 1000ms ease-in-out }
.single_our_work:hover  .sing_link_img a.link { -webkit-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out }
.single_our_work:hover {
    background: #3AB3DF;
    color: #fff;
}
.single_our_work:hover .sing_work_text_link {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START PORTFOLIO SINGLE PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.media-right{display:table-cell;vertical-align:top}
.col-md-right{
	width: 120px;
	height: 50px;
	float: right;
	margin-top: 20px;
}
.pdf {
	color: #FF0000;
}

.project_dec img,
.related_project img {
    display: block;
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.project_dec:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.similar_p {
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
    margin-bottom: 25px;
	font-size:18px;
}
.related_project  h4 {
    color: #333;
	 text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.related_project  h4:hover { color: #3AB3DF }
.about_project h1{
 text-transform: uppercase;
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
	font-size:18px;
}
.about_project_details h2 {
 text-transform: uppercase;
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;	font-size:18px;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #3AB3DF;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #3AB3DF;
    font-weight: 700;
}
.about_project_details ul li a:hover { text-decoration: underline }
/*
* ----------------------------------------------------------------------------------------
* 14.END PORTFOLIO SINGLE PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 15.START FAQ PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq {
	padding: 60px 0;
	background-color: #FFFFFF;
}
.faq_desclist{
	margin-bottom: 30px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	box-shadow:0px 8px 24px rgba(0,0,0,0.25);
	border: 0.1px solid #F0F0F0;
 }
.faq_desc{
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0);
	transition: all 0.4s ease 0s;
	background-attachment: scroll;
	background-color: #FEFEFE;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;	
}

.faq_desc:hover{
box-shadow:0px 8px 24px rgba(0,0,0,0.25);
transform:translateY(-5px);
}
.question {font-weight: 700;
color: #333; }

.question span {
    background: #202020 none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: #3AB3DF  none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END FAQ PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START 404 PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.search { margin-bottom: 30px }
.error_page h1 {
    font-size: 200px;
    text-shadow: 0 4px 0 #dcdcdc;
}
@media only screen and (max-width:320px) { 
    .error_page h1 { font-size: 150px }
}
.form-control-feedback {
	color: #333;
	line-height: 40px !important;
	width: 60px;
}
.error_page h2 {
	font-size:18px;
    line-height: 30px;
    margin-bottom: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END 404 PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 17.START COMING SOON PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
@-webkit-keyframes srbg { 
    0% { background: #9F0F38 }
    10% { background: #911296 }
    20% { background: #111A8A }
    25% { background: #13A7B0 }
    30% { background: #0B7645 }
    45% { background: #000 }
    50% { background: #E25119 }
    50% { background: #D7CC1C }
    50% { background: #000 }
    50% { background: #B11818 }
    50% { background: #9F0F38 }
}
@keyframes srbg { 
    0% { background: #9F0F38 }
    10% { background: #911296 }
    20% { background: #111A8A }
    25% { background: #13A7B0 }
    30% { background: #0B7645 }
    45% { background: #000 }
    50% { background: #E25119 }
    50% { background: #D7CC1C }
    50% { background: #000 }
    50% { background: #B11818 }
    50% { background: #9F0F38 }
}
.page-wrap {
    -webkit-animation: 20s ease 0s alternate none infinite running srbg;
    animation: 20s ease 0s alternate none infinite running srbg;
    height: 100%;
    padding: 100px 0;
}
@media only screen and (max-width:360px) { 
    .page-wrap { height: auto }
}
.coming_soon { text-align: center }
.coming_soon h1,
.coming_soon h2 {
    font-size: 40px;
    font-weight: normal;
    color: #fff;
    line-height: 60px;
    margin-top: 0px;
}
@media only screen and (max-width:320px) { 
    .coming_soon h1,
    .coming_soon h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
.coming_soon h3 {
    color: #fff;
    font-size: 30px;
    font-weight: lighter;
    line-height: 40px;
    margin-bottom: 30px;
}
.coming_soon h2 span {
    animation: srani2 2s infinite alternate;
    -moz-animation: srani2 2s infinite alternate;
    -o-animation: srani2 2s infinite alternate;
    -webkit-animation: srani2 2s infinite alternate;
    -ms-animation: srani2 2s infinite alternate;
    color: #fff;
    background: rgba(0,0,0,0.2);
    padding: 5px;
}
@-webkit-keyframes srani2, -moz-transition,-webkit-transition,-o-transition,-ms-transition { 
    0% { color: #000 }
    25% { color: #fff }
    50% { color: #000 }
    75% { color: #fff }
    100% { color: #000 }
}
@keyframes srani2, -moz-transition,-webkit-transition,-o-transition,-ms-transition { 
    0% { color: #000 }
    25% { color: #fff }
    50% { color: #000 }
    75% { color: #fff }
    100% { color: #000 }
}
.coming_soon ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.coming_soon ul li {
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 60px;
}
.coming_soon ul li a {
    border: 14px solid #fff;
    border-radius: 221px;
    padding: 56px 12px;
    text-decoration: none;
    -webkit-transition: 900ms ease;
    transition: 900ms ease;
    -webkit-animation: srani 15s infinite alternate;
    animation: srani 15s infinite alternate;
}
@-webkit-keyframes srani,-moz-transition,-webkit-transition,-o-transition,-ms-transition { 
    0% { background: #bb2b54 }
    10% { background: #649BF7 }
    20% { background: #59E5CC }
    30% { background: #B859E5 }
    40% { background: #45D07A }
    50% { background: #E3E94B }
    60% { background: #EC571D }
    70% { background: #304CD8 }
    80% { background: #CB20AD }
    90% { background: #168A52 }
    100% { background: #bb2b54 }
}
@keyframes srani,-moz-transition,-webkit-transition,-o-transition,-ms-transition { 
    0% { background: #bb2b54 }
    10% { background: #649BF7 }
    20% { background: #59E5CC }
    30% { background: #B859E5 }
    40% { background: #45D07A }
    50% { background: #E3E94B }
    60% { background: #EC571D }
    70% { background: #304CD8 }
    80% { background: #CB20AD }
    90% { background: #168A52 }
    100% { background: #bb2b54 }
}
.coming_soon ul li a img {
    -webkit-transition: 1s;
    transition: 1s;
}
.coming_soon ul li a img:hover {
    -webkit-transform: scale(0.7,0.7);
    -ms-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
}
.coming_soon ul li a:hover {
    animation: srani 10s infinite alternate;
    -moz-animation: srani 10s infinite alternate;
    -o-animation: srani 10s infinite alternate;
    -webkit-animation: srani 10s infinite alternate;
    -ms-animation: srani 10s infinite alternate;
    border: 14px outset #fff;
    box-shadow: 0px 0px 7px #000;
}
/*
* ----------------------------------------------------------------------------------------
* 17.END COMING SOON PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*START HOME BLOG*/
.single-blog1 {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	transition: all 0.4s ease 0s;
}
.single-blog1:hover{
box-shadow:0px 8px 24px rgba(0,0,0,0.25);
transform:translateY(-5px);
}
.single-blog {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 80px;
	transition: all 0.4s ease 0s;
}
.single-blog:hover{
box-shadow:0px 8px 24px rgba(0,0,0,0.25);
transform:translateY(-5px);
}
@media only screen and (max-width:480px) { 
    .single-blog { margin-bottom: 40px }
}
.single-img {
    position: relative;
    width: 100%;
}
.post-date {
	background: #3AB3DF none repeat scroll 0 0;
	bottom: 0;
	display: inline-block;
	left: 0;
	position: absolute;
	border-radius: 5px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}

.post-date  h2 {
    color: #fff;
	font-size:18px;
    text-align: center;
    margin: 0;
}
.post-date  h3 {
    color: #fff;
	font-size:18px;
    text-align: center;
    margin: 0;
}
.single_blog_dsc { padding: 20px }
.single_blog_dsc h4 {
    margin: 0;
    color: #333;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_blog_dsc p { text-align: justify }
.post-info ul {
	display: inline-block;
	margin-bottom: 5px;
	width: 100%;
	padding-left: 10px;
	list-style: none;
	padding-top: 25px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #333333;
}
.post-info li a {
	float: left;
	color: #5d5d5d;
	margin-right: 20px;
    -webkit-transition: 0.4s;
	transition: 0.4s;
}
.post-info li a:hover { color: #3AB3DF }
.post-info li a i { margin-right: 10px }
.single_blog_dsc a {
    color: #3AB3DF;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_blog_dsc > a:hover { padding-left: 10px }
/*END HOME BLOG*/
.blog-post {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}
.blog-post h4 {
    border-bottom: 1px solid #e8e8e9;
    text-transform: uppercase;
    padding: 10px 0;
}
.blog-post p { margin-bottom: 30px }
.blog-post .post-bt {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.blog-post .post-info {
    margin-top: -39px;
    padding: 8px 0;
    position: relative;
}
.blog-post .post-img {
    position: relative;
    overflow: hidden;
}
.blog-post .post-img img { width: 100% }
.blog-post .post-info li {
    display: inline-block;
    margin-right: 20px;
}
.blog-post .post-info li i {
    margin-right: 10px;
    font-size: 14px;
}
.blog-post .post-info li .date {
    background: #3AB3DF none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 18px;
    padding: 15px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -15px;
    width: 100px;
}
.blog-post .post-info li .comment {
    background: #3AB3DF none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    left: 0;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    top: -15px;
}
.single-blog iframe {
    width: 100%;
    height: 530px;
}
/*START PAGINATION*/
ul.blog_pagination li a {
    border: 1px solid #e8e8e9;
    border-radius: 0 !important;
    color: #333;
    font-size: 18px;
    height: 40px;
    margin: 5px;
    padding: 6px 14px;
    width: 40px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #1CBAC8;
    border: 1px solid #1CBAC8;
}
/*END PAGINATION*/
/*END BLOG LEFT SIDEBAR*/
/*START BLOG SIDEBAR*/
.blog_sidebar_title {
    color: #3AB3DF;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e9;
}
.search,
.recent_post,
.video_post,
.categories { margin-bottom: 30px }
.recent_single {
    margin-bottom: 20px;
    overflow: hidden;
}
.recent_single > a:hover { color: #28c8d6 }
.recent_single img {
    width: 100px;
    height: 80px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.recent_single h4 {
    font-size: 16px;
    line-height: 25px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #333;
}
.recent_single h4:hover { color: #1CBAC8 }
@media only screen and (max-width:991px) { 
    .recent_single h4 { font-size: 12px }
}
.recent_single span { color: #333 }
.recent_single span i {
    color: #1CBAC8;
    margin-right: 10px;
}
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
    color: #333;
    display: block;
    font-size: 14px;
    padding: 5px 0;
}
.categories ul li a:hover { color: #1CBAC8 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
    border: medium none;
}
/*END BLOG SIDEBAR*/
/*START SINGLE BLOG DESIGN*/
.comment-section { margin-bottom: 50px }
.single_comment {
    background: #f6f6f6 none repeat scroll 0 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding: 20px;
}
.contact-title {
  color: #333;
}
.single_comment img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border: 2px solid #e8e8e9;
}
.single_comment h5 {
    color: #3AB3DF;
    font-weight: 600;
}
.blog-contact {
    padding-top: 60px;
    padding-bottom: 30px;
}
.blog-contact,
.faq_contact { background: #f6f6f6 none repeat scroll 0 0 }
.faq_contact { padding-bottom: 30px }
/*END SINGLE BLOG DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 18.END BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 19.START CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact h1 {
border-bottom: 1px solid #e8e8e9;
font-size: 24px;
margin: 0 0 20px;
padding: 15px 0;
text-transform: uppercase;
color: #333;
}
.single-address1 {
	margin-bottom:0px;
	background-color: #FFFFFF;
	padding-left: 20px;
}
.single-address {
	border: 1px solid #f1f1f1;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	padding: 20px;
	background-color: #FFFFFF;
}
@media only screen and (max-width:768px) { 
    .single-address { padding: 30px 2px }
}
.single-address i {
    font-size: 22px;
    background: #3AB3DF;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    padding: 20px 20px;
    text-align: center;
}
.single-address h2 {font-size:18px; }
.single-address p {
    font-family: "Merriweather",sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
}
.contact_padding { padding-top: 60px }
.form-control {
    
    border: 1px solid #3AB3DF;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    height: 40px;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #FF0000;
    box-shadow: none;
    outline: 0 none;
}
.form-so {
	border: 1px solid #3AB3DF;
	border-radius: 0;
	box-shadow: none;
	color: #333;
	height: 25px;
}
.form-so:hover,
.form-so:focus {
    border: 1px solid #FF0000;
    box-shadow: none;
    outline: 0 none;
}
.so:hover {
     background: #000;
}
.so {
	font-size: 14px;
	background-color: transparent;
	border: 1px solid #3AB3DF;
	color: #ff0000 !important;
	width: 80px;
	max-width: 80px;
	text-align: center;
	display: inline-block;
	transition: ease-in all 0.5s;
	border-radius: 40px;
	margin-left: 10px;
}
.so:hover {
	color: #fff !important;
	transition: ease-in all 0.5s;
	border: 1px solid #FF0000;
	background-color: #FF0000;
}

.form-group  button { border: none }
.actions input {
    border: medium none;
    background: #3AB3DF;
    -webkit-transition: 0.4s;
            transition: 0.4s;
}
.actions input:hover { background: #222 }
.map { height: 450px }
/*
* ----------------------------------------------------------------------------------------
* 19.END CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 20.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

.buy_now_title {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 30px;
}
@media only screen and (max-width:360px) { 
    .buy_now_title { font-size: 18px }
}
.btn-promotion-bg {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    border-radius: 2px;
    box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 14px;
    margin-left: 100px;
    padding: 10px 30px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .btn-promotion-bg {
        margin-left: 0px;
        margin-top: 20px;
    }
}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
/*
* ----------------------------------------------------------------------------------------
* 20.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 21.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
#footer-top{
/*background:url(../UpFiles/image/Top_Img/index_1.jpg) no-repeat fixed center top; */
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
}
.footer-top-bg{
	opacity:.9;
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	bottom: 0px;
	background-color: #000;
}
section{
position:relative;
}
section.footer-top-padding{
padding:70px 0;
}

.single_footer {}
@media only screen and (max-width:768px) { 
    .single_footer { margin-bottom: 20px }
}
.single_footer h1 {
    border-bottom: 1px solid #222;
    color: #aaa;
	font-size:18px;
    padding: 10px 0;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}
.footer_contact ul li {
color: #aaa;
padding: 5px 0;
overflow: hidden;
}
.single_footer p { color: #aaa }
.single_footer i {
background: #2e3537 none repeat scroll 0 0;
border: 1px solid #2e3537;
color: #fff;
height: 40px;
margin-right: 10px;
padding: 10px;
text-align: center;
width: 40px;
float: left;
}
.single_footer a { color: #aaa }
.single_footer a:hover { color: #aaa }
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li a {
    color: #aaa;
    display: block;
    text-transform: capitalize;
    font-size: 13px;
    padding: 8px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.single_footer ul li a:hover { color: #3AB3DF }
.btn-footer-dark-bg {
    background: #2e3537  none repeat scroll 0 0;
    border: 1px solid #2e3537;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 11px;
    margin: 10px 0;
    padding: 8px 12px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}
.btn-footer-dark-bg:hover,
.btn-footer-dark-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #222!important;
}
.footer_blog { padding-bottom: 20px }
.footer_blog img {
    float: left;
    height: 80px;
    margin-right: 15px;
    overflow: hidden;
    width: 80px;
}
.footer_blog  h2 {
    font-size: 16px;
    line-height: 25px;
    padding-top: 10px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.footer_blog span { color: #aaa }
.footer_blog  h3:hover { color: #3AB3DF }
/*
* ----------------------------------------------------------------------------------------
* 21.END FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 22.START FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	background-color: #09121b;
	color: #FFFFFF;
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li {
    margin: 2px;
    display: inline-block;
}
.footer_social ul li a {
    box-shadow: 0 0 0 7px transparent;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 21px;
    padding: 9px 12px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 40px;
}
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:320px) { 
    .footer_social ul li a { font-size: 14px }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook {
    background: #5D82D1;
    box-shadow: 0 0 0 0px #5D82D1;
    border: 1px solid #5D82D1;
}
.f_facebook:hover {
    box-shadow: 0 0 0 0px #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_twitter:hover {
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_google:hover {
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_linkedin:hover {
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_youtube:hover {
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype {
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
.f_skype:hover {
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
.footer_copyright {
    color: #aaa;
    margin: 0;
    padding-top: 30px;
    font-family: "Merriweather",sans-serif;
    font-size: 14px;
}
/*
* ----------------------------------------------------------------------------------------
* .22.END FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  23.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top-title h1 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .section-top-title h1 { font-size: 40px }
}
.section-top {
	overflow: hidden;
}
.section-top-title {
    padding-bottom: 60px;
    padding-top: 100px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #3AB3DF!important }
/*
* ----------------------------------------------------------------------------------------
* .23.END FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  24.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .p_name{
	padding-top: 10px;
	padding-bottom: 40px;
}
/* 代理经销 */


.project-one__single {
  position: relative;
  overflow: hidden;
}

.project-one__single img{
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.project-one__content {
  position: absolute;
  padding: 0px;
  background-color: var(--primary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(50%);
  box-shadow: 0 11px 10px 0 rgba(0, 0.5, 0, 0.5);
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
}
  .project-one__content1 {
	width: 100%;
	height: 90%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	bottom: 10px;
	background-color: #FF0000;
	padding-top: 25px;
	vertical-align: top;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 15px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0;
  }
.project-one__content p {
	margin: 0;
	font-size: 16px;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
}

.project-one__single:hover .project-one__content {
	opacity: 1;
	transform: translateY(0%);
	visibility: visible;
	text-align: center;
	vertical-align: middle;
	background: rgba(0,0,0,0.7) none repeat scroll 0 0;
}
.spbq-top{
	width:95%;
	float: left;
	position: relative;
	overflow: hidden;
}
@media (min-width:992px){
.spbq-5 {
width:20%;
}
}

.spbq{
	position:relative;
	min-height:1px;
	border: thin solid #CDD1D6;
	background-color: #Fff;
	height: 125px;
	overflow: hidden;
	padding: 20px;
	margin-right: -15px;
	margin-bottom: 15px;
}

.biankuang{
	width: 1px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	margin: 1px;	/*background: black;*/
	padding-bottom: 2px;
}
.biankuang_1{
	height: 0px;
	top: -3px;
	left: -1px;
	border-left: 1px solid #EB5858;
}
.biankuang_2 {
	width: 2px;
	bottom:-2px;
	left: -3px;
	border-top: 1px solid #EB5858;
	margin-bottom: 0px;
}
.biankuang_3{
	height: 0px;
	bottom:-3px;
	right:-1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF0000;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:-3px;
	border-bottom: 1px solid #EB5858;
}

/* 代理经销 */

/* 图片放大器 -----------------------*/


/* 技术支持 -----------*/
  .wechat {
	width: 300px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	color: #FFFFFF;
	text-align: center;
	overflow: visible;
	margin-right: auto;
	margin-left: auto;
	
        }

 #code {
	display: none;
	width: 300px;
	height: 280px;
	background-color: white;
	background-image: url("../../img/jszc.gif");
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	padding-top: 5px;
	left: 0px;
	bottom: 26px;
	text-align: center;
	
        }



#wechat:hover>#code {
            display: block;
        }

/* -----------技术支持 */
/* 鼠标经过显示图片 -----------*/
.thumbnail{
	position: relative;
	z-index: 0;
	text-align: center;
} 

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	text-align: center;
} 

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	color: black;
	text-decoration: none;
	bottom: 0px;
	margin-bottom: 30px;
	text-align: center;
} 

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	text-align: center;
} 

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	left: -5px; /*position where enlarged image should offset horizontally */
	bottom: -3px;
	text-align: center;
} 
/*片 ----------- 鼠标经过显示图*/

/* 人才招聘--------------------*/
.collapse_tr{
	display:none;
	line-height: 25px;
	padding: 30px;
}
.collapse_tr.in{display:block}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
.accordion-panel {
  margin-top: 16px; }
  .accordion-panel:first-child {
    margin-top: 0; }
	.accordion-panel__heading {
	position: relative;
	background-color: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 10;
}
  .accordion-panel__heading:hover {
	background-color: #f2f2f2;
	color: #333333;
}
  .accordion-panel__heading > a.minus {
    color: #fff;
    background-color: #00aeef;
    border-color: transparent; }
  .accordion-panel__heading > a > span {
	display: block;
	width: 12px;
	height: 2px;
	background-color: #fff;
	right: 18px;
	top: 22px;
	position: absolute;
	color: #FF0000;
}
	  .accordion-panel__heading > a.plus > span {
    background-color: #929292; }
  .accordion-panel__heading > a.plus > span:after {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    position: absolute;
    top: 0;
    background-color: #929292;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.accordion-panel__body,
.accordion-panel__heading > a {
  display: block;
  position: relative;
  padding: 11px 20px;
  font-family: "Karla", sans-serif;
  color: #212121;
  font-size: 15px;
  letter-spacing: -0.04em;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.accordion-panel__heading1 {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	margin-bottom: 20px;
}

.accordion-panel__heading2 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FF0000;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tr-btn-light-bg {
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	color: #fff;
	display: inline-block;
	font-family: "Montserrat",sans-serif;
	font-size: 14px;
	position: relative;
	text-transform: uppercase;
	transform: translateZ(0px);
	transition-duration: 0.5s;
	transition-property: color;
	vertical-align: middle;
	background-attachment: scroll;
	background-color: #FF0000;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	margin-top: 20px;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
}
.tr-btn-light-bg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #040e18;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.tr-btn-light-bg:hover, .tr-btn-light-bg:focus, .tr-btn-light-bg:active {
  color: white;
}
.tr-btn-light-bg:hover:before, .tr-btn-light-bg:focus:before, .tr-btn-light-bg:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.ewm1{padding-top: 10px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){
.ewm1{padding-top: 10px;width:750px}}
@media(min-width:992px){
.ewm1{padding-top: 10px;width:970px}}
@media (min-width:1200px){
.ewm1{padding-top: 10px; width:1000px;}}
.ewm {
	width: 100px;
	position:relative;
	text-align: center;
	float:right;
	margin-top: 20px;
}
.code{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){code{width:250px}}@media (min-width:992px){.code{width:470px}}@media (min-width:1200px){.code{width:500px;}}

/* “更多“按扭 
-------------------------------------------------------*/



.genduo:hover {
     background: #000;
}
.genduo {
	font-size: 14px;
	background-color: transparent;
	border: 5px solid #FF0000;
	color: #010a05 !important;
	width: 100%;
	max-width: 130px;
	text-align: center;
	display: inline-block;
	transition: ease-in all 0.5s;
	border-radius: 40px;
	font-weight: 500;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-top: 30px;
}
.genduo:hover {
	color: #fff !important;
	transition: ease-in all 0.5s;
	background-color: #FF0000;
}

/********************************* join END ********************************/
/* 鼠标经过显示图片 -----------*/
.address-info {
	text-align: center;
}
.address-info ul  a{
background:none repeat scroll 0 0 #00aeef;
color:#fff;
display:inline-block;
height:40px;
text-align:center;
width:40px;
}
.address-info ul  a:hover{
opacity:0.8;
}
.thumbnail{ 
position: relative; 
z-index: 0; 
} 

.thumbnail:hover{ 
background-color: transparent; 
z-index: 50; 
} 

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	color: black;
	text-decoration: none;
	bottom: 0px;
	margin-bottom: 30px;
} 

.thumbnail span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
} 

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	left: -80px; /*position where enlarged image should offset horizontally */
	bottom: -0px;
} 
/* ----------- 鼠标经过显示图片*/

/*
* ----------------------------------------------------------------------------------------
* 视频背景
* ----------------------------------------------------------------------------------------
*/
.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
		center/cover;
}
.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
video{display:block;}

/*
* ----------------------------------------------------------------------------------------
* 视频背景 - end
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 当前位置 
* ----------------------------------------------------------------------------------------
*/
.location{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){ewm1{width:750px}}@media (min-width:992px){.ewm1{width:970px}}@media (min-width:1200px){.ewm1{width:1000px;}}
/*
* ----------------------------------------------------------------------------------------
* 当前位置 - END
* ----------------------------------------------------------------------------------------
*/