/* --------------------------------------
=========================================
Pixel | Agency - Responsive Mutipurpose HTML5 Template
Version: 1.1 (Release)
Designed By: rkwebdesigns
=========================================
Table Of Contents
01) Common Style
02)TOP HEADER
03)Logo
04)Navbar
05)Banner
06)Section 1
07)Section 2
08)Section 3
09)Section 4
10)Section 5
11)Section 6
12)Section 7
13)Section 8
14)Section 9
15)Section 10
16)Footer top
17)Footer Bottom
18)Section 11
19)Section 12
20)Section 13
21)Section 14
22)Section 15
23)Inner Title bar
24)Section 16
25)Section 17
26)Section 18
27)Section 19
28)Section 20
29)Section 21
30)Section 22
31)Section 23
*/

/************************************
 01)Common CSS 
*************************************/

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 600;
    font-family: "Microsoft YaHei", "΢ÈíÑźÚ";
    letter-spacing: 0.5px;
}

html,
body {
    height: 100%
}

body {
    font-family: "Microsoft YaHei", "΢ÈíÑźÚ";
    font-weight: 300; font-size:15px;
    color:#777777;
}

a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: 0 solid
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.btn {
    padding: 10px 20px;
    font-weight: 300;
    border-radius: 0;
}
.btn-sm{
    padding: 6px 15px;
}

.btn-primary {
    color: #fff;
    background-color: #140ECF;
    border-color: #9F37FF;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0393ca;
    border-color: #0393ca;
}

.btn-secondary {
    color: #00aef0;
    background-color: #fff;
    border-color: #fff;
}

.btn-secondary:hover {
    color: #00aef0;
    background-color: #efeded;
    border-color: #efeded;
}

.nopadding {
    padding-left: 0;
    padding-right: 0;
}

.read-more {
    color: #00aef0;
    font-size: 14px;
    font-weight: 300;
}

.read-more:hover {
    text-decoration: underline;
    color: #00aef0;
}

p {
    line-height: 30px;
}
.margin-b-20{ margin-bottom:20px;}
.section-margine {
    margin: 30px 0 0 0; padding:30px 0 0 0;
}
.section-margina {
    margin: 30px 0 ; padding:30px 0 ;
}
.section-marginb{
    margin: 30px 0 ; padding:50px 0 ;
}
.section-marginc{
    margin:  0 ; padding:50px 0 ;
}
.over-bg{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(41, 134, 226, 0.5);
}
@keyframes witr_movelr_box45 {
    0%{
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
      }
    100%{
        -webkit-transform: translateX(45px);
                transform: translateX(45px);
      }
  }
.feature_right_shap {
    position: absolute;
    top: -100px;
    right: -60px;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
    z-index: -1;
}
.feature_left_shap {
    position: absolute;
    bottom: 80px;
    left: -230px;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
    z-index: -1;
}
/*** Heading Lines ***/
.title-head{
    margin-bottom: 40px;
    text-align: center;
}
.line-heading .line-left,
.line-heading .line-right {
  width: 55px;
  height: 0;
  border-top: 1px dashed #140ECF;
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle; 
}
.line-heading .line-left {
  margin-right: 30px; 
}
.line-heading .line-right {
  margin-left: 30px; 
}
.line-middle {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 auto; padding:0 0 0 1px;
  vertical-align: middle;
  position: relative;
  line-height: 18px;
  color: #fff;
  font-size: 20px;
  background: #140ECF;
  border-radius: 50%;
}
.line-middle:before, 
.line-middle:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #140ECF;
    top: 7px;
}
.line-middle:before {
    left: -20px; 
}
.line-middle:after {
    right: -20px; 
}
.background-color-1{ background-color:#f7f7f7}
/************************************
02)TOP HEADER
*************************************/

.top-header {
    background: #00AEF0;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    overflow: hidden;
}

.contact-detail2 {
    margin: 0;
}

.contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 10px 0;
    margin-bottom: 0;
    margin-right: 35px;
}

.contact-detail2 li a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}

.social-icons {
    list-style: outside none none;
    padding: 10px 0;
    margin-bottom: 0;
}

.social-icons li {
    margin-right: 10px;
    display: inline;
}
.social-icons li:last-child,
.social-icons li:last-child a{
    margin-right: 0!important;
    padding-right: 0!important;
}
.social-icons a {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}

.social-icons a:hover {
    color: #00AEFF
}


/************************************
03)Logo
*************************************/

.navbar-brand {
    float: left;
    height: auto;
    padding: 2px 0;
    font-size: 18px;
    line-height: 20px;
}



/************************************
04)Navbar
*************************************/
.head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.navbar {
    margin-bottom: 0;
}
.header-shade {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
}
.navbar-fixed-top {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
    margin-top: 0 !important;
    padding: 20px 0 !important;
    background: #fff !important;
    position: fixed !important;
}
.navbar-default .navbar-right .dropdown-menu {
    left: 0!important;
}
.dropdown-menu{
    padding: 0;
    border: 0;
    box-shadow: none;
}
.dropdown-menu .divider {
    margin: 0;
}

.dropdown-menu>li>a {
    font-size: 12px;
    font-weight: 400;
    color: #777;
    background: #fff;
    padding: 10px;
}

.dropdown-menu> li >a:hover {
    color: #fff !important;
    background-color: #00aef0;
}
.navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #222;
    }
.navbar-default {background-color: rgba(20, 14, 207, .05);
        /*background-color: transparent!important;*/
        padding            : 30px 0;
        border-color       : transparent;
        -webkit-transition : all .5s ease-in-out;
        -moz-transition    : all .5s ease-in-out;
        transition         : all .5s ease-in-out;
        }
.navbar-shrink .navbar-default {
        background-color : #140ECF!important;
        padding          : 15px 0;
        }
.navbar-shrink .navbar-default {  padding: 0px 0;}
.navbar-default .navbar-nav{ margin-top:30px}
.navbar-default .navbar-nav li {padding:0px 13px;}
.navbar-default .navbar-nav>li>a {
   text-transform: capitalize;
display: inline-block;
color: #000;
font-size: 16px;
letter-spacing: 1px;
font-weight:700;
background: #fff;
padding: 7px 18px;
border-radius: 20px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
/*.navbar-default .navbar-nav>li:last-child>a{
    padding-right: 0!important;
}*/
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active {
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #00aef0;
    background-color: #fff;
}

.navbar-default .navbar-nav>li>.dropdown-menu {
    margin-top: 2px;
}

@media (max-width : 768px) {
.navbar-default .navbar-nav {
  margin-top: 5px;
}
.navbar-default .navbar-nav li { margin:5px;
}
.navbar-default .navbar-nav > li > a { width:100%;}
   
    }
@media (min-width : 768px) {
   
.navbar-default .navbar-nav > li > a { width:100%;}
    .navbar-right .dropdown-menu {
        right : auto;
        }
    }
/************************************
05)Banner
*************************************/

#main-slide .item {
    min-height: 700px;
    color: #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
}

#main-slide .item img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 50%;
    padding: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .slider-content.text-left {
    left: 10%;
}

#main-slide .slider-content.text-right {
    right: 10%;
}

.slider-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
}
.slider-content p{
    color: #212121;
}
.slide-title {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.slide-sub-title {
    font-style: normal;
    font-size:32px;
    line-height: 58px;
    margin: 15px 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;

}

.slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    padding-left: 40%;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px;
}

.slider-text .slide-head {
    font-size: 36px;
    color: #0052a5;
    position: relative;
}

.slider-img {
    display: block;
    position: absolute;
    top: -80px;
    left: 20%;
    width: 314px;
    max-height: 100%;
}

.slider-img img {
    display: block;
    position: relative;
    max-height: 100%;
    width: auto;
}

.slider.btn {
    margin: 5px;
    border: 2px solid transparent;
}

.slider.border {
    background: none;
    border: 2px solid #fff;
}

.slider.border:hover {
    background: #00AEF0;
    border: 2px solid transparent;
}


/* Carousel control */

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px;
    border-radius: 100%;
    border: 0;
    background: rgba(255, 255, 255, .5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background:#140ECF;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right,
#main-slide .carousel-indicators {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right,
#main-slide:hover .carousel-indicators {
    opacity: 1;
    filter: alpha(opacity=100);
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .carousel-control .fa-angle-left {
    left: 20px;
}

#main-slide .carousel-control .fa-angle-right {
    right: 20px;
}

#main-slide .carousel-control i {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(83, 83, 234, 0.9);
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    top: 50%;
    width: 50px;
    z-index: 1;
}

#main-slide .carousel-control i:hover {
    background: #00AEF0;
}

.carousel .item.active .effect2 {
    -webkit-animation: fadeInLeft 1s ease-in 350ms both;
    animation: fadeInLeft 1s ease-in 350ms both;
}

.carousel .item.active .effect3 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 300ms both;
    animation: fadeInLeft 1.5s ease-in-out 300ms both;
}

.carousel .item.active .effect4 {
    -webkit-animation: lightSpeedIn 1.5s ease-in 300ms both;
    animation: lightSpeedIn 1.5s ease-in 300ms both;
}

.carousel .item.active .effect5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .effect6 {
    -webkit-animation: fadeInRight 1s ease-in 200ms both;
    animation: fadeInRight 1s ease-in 200ms both;
}

.carousel .item.active .effect7 {
    -webkit-animation: fadeInRight 1.5s ease-in 300ms both;
    animation: fadeInRight 1.5s ease-in 300ms both;
}



/************************************
06)Section 1
*************************************/
.section1-background{background: #f2f2fe;}
.section-1-box {display: block; height:100%; background-color:#FFFFFF;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
}
.section-1-box::before {
 content: "";
	background:#f7f7f7;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
	transition: 0.5s;
}
.section-1-box-icon-background {
    border-width:2px;
    border-style: solid;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto 25px auto;
}

.section-1-box-icon-background i {
    margin-top:27px;
    color: #00AEF0;transition: 0.9s;
}
.section-1-box:hover {background-color:#F7f7f7;}
.section-1-box:hover  i{
    color: #140ECF;
}
.section-1-box h4 {
    color: #555555;
    font-size: 18px; height:40px;
    margin: 0 0 15px 0;overflow: hidden;
text-overflow: ellipsis;
}

.section-1-box p {
    color: #777;
    font-size: 14px;
}


/************************************
07)Section 2
*************************************/

.section-2-box-left figure {
    margin-bottom: 15px;
}

.section-2-box-left h4 {
    font-size: 18px;
    color: #555555;
    margin: 15px 0;
}
.section-2-box-left a{
    margin: 15px 0;
}
.section-2-box-right{ height:100%;
   
    padding: 20px 25px;
	color      : #ffffff;

    /* gradient: #0c0fce+0,e000e0+100 */
    background : #0c0fce; /* Old browsers */
    background : -moz-linear-gradient(-45deg, #0c0fce 0%, #e000e0 100%); /* FF3.6-15 */
    background : -webkit-linear-gradient(-45deg, #0c0fce 0%, #e000e0 100%); /* Chrome10-25,Safari5.1-6 */
    background : linear-gradient(135deg, #0c0fce 0%, #e000e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c0fce', endColorstr='#e000e0', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.section-2-box-right h3{
    color: #ffffff;
}
.section-2-box-right p {
    color: #fff;
}
.section-2-box-right ul{
    padding: 0;
    margin: 15px 0;
}
.section-2-box-right ul li{
    list-style: none;
    color: #fff;
    font-weight: 300;
    padding: 5px 0;
}
.section-2-box-right .btn{
    width: 100%;
    border: 0;
    margin-bottom: 15px;
    font-weight: 300;
}
#section2 .col-md-7{ height:100%}
.inner_about_right_area{ height:100%;
    position: relative; overflow:hidden
}
.inner_about_right_area img{ width:100%; height:100%;}
.about_abosulute_icon a {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    display: inline-block;
    font-size: 40px;
    width: 130px;
    height: 130px;
    text-align: center;
    line-height: 130px;
    color:#000;
    background-color: #FFFFFF2B;
    animation: witr_squares 1s linear infinite;
}
@keyframes witr_squares{
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
/************************************
08)Section 3
*************************************/

.section3-background {
    background: #333333 url(../images/m3.jpg) no-repeat center;
    background-size: cover;
}

.section-3-box {
    padding: 70px 0;
    text-align: center;
}

.section-3-box figure {
    color: #00AEF0;
    margin: 10px 0;
}

.section-3-box h3 {
    font-size: 30px;
    color: #fff;
}

.section-3-box h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
}


/************************************
09)Section 4
*************************************/

.section-4-box {
    padding: 20px 0;
    overflow: hidden;
}

.section-4-box-icon-cont {
    float: left;
    width: 30px;
    margin: 0 23px 53px 0;
}

.section-4-box-icon-cont i {
    color: #00aef0;
}

.section-4-box-text-cont {
    margin: 0 0 0 15px;
}

.section-4-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.section-4-box-text-cont p {
    color: #777;
    font-size: 14px;
}

.section-4 .right h2 {
    margin-bottom: 10px;
}
.section-4 .right b {
    font-size: 14px;
    font-weight: normal;
}
.section-4 ul.section {
    float: left;
    width: 100%;
    padding: 0 3% 22px 0;
    margin: 2px 0 15px 0;
    background: #fff;
}

.section-4 .section li {
    float: left;
    padding: 0;
    margin: 0;
    width: 75%;
    list-style: none;
}
.section-4 .section li a {
    font-size: 12px;
    color: #fff;
}
.section-4 .section li.left {
    float: left;
    width: 65px;
    color: #2cb1e9;
    font-size: 40px;
}
.section-4 .section li strong {
    font-size: 18px;
    color: #1889c1;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}
.border-bottom{
    border-bottom: 1px solid #eeeeee;
}

.atf-service-content .title {
	margin: 10px 0;color: #1889c1;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.atf-service-content .title > a:hover {
	color: #f7b731;
}
.atf-service-content p {
	margin-bottom: 20px;
}
.atf-single-service {
	margin: 2px 0 10px 0;
	padding:5px 20px;
	background: #fff;
	/*border-radius: 10px;box-shadow: 0 0 15px rgb(0,0,0,0.13);*/
	
}
.atf-service-icon {
	font-size: 40px;
	color: #00aef0;
}
.read {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	font-weight: 700;
	color: var(--atf-thm-black);
	position: relative;
	font-size: 18px;
	text-transform: capitalize;
}
.read::before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 0%;
	height: 1px;
	background: #f7b731;
	transition: all 0.3s ease-in-out;
	color: #f7b731;
}
.read:hover {
	color: #f7b731;
}
.read:hover::before {
	width: 100%;
}

/************************************
10)Section 5
*************************************/

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 20px;
  margin-bottom: 20px;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--mainColor);
}

.owl-theme .owl-dots {
  line-height: 1;
}

.owl-theme .owl-dots .owl-dot span {
  background-color: #5353EA ;
  width: 20px;
  height: 5px;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0;
  margin-bottom: 0;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #140ECF;
}

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #140ECF;
  width: 30px;
}
.section-5{
    background:#EBEBF7;
    padding: 50px 0;
    border-top: 1px solid #eee; background-image:url(../images/section-5-bg.jpg); background-position:top center; background-repeat:repeat-x;
}
.section-5 .owl-carousel .owl-item {
  padding: 15px;
}
.single-blog-inner {position: relative;overflow: hidden; -webkit-transition: 0.4s;transition: 0.4s;}
.single-blog-inner .thumb {overflow: hidden;margin-bottom: 2px; /*background-color:#003399;*/border-radius:0 0 40px 0;overflow: hidden;}
.single-blog-inner .thumb img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.9s;
  transition: 0.9s;
}
.single-blog-inner:hover .thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-blog-inner .details { position: absolute; text-align:left; width:100%;left:0;
bottom:0; background-color:#506BDC; 
  padding:10px;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
border-bottom: 2px solid #000099;
border-radius:0 0 40px 0;transition: 0.5s;
}
.single-blog-inner .details h4 {
  font-size: 20px;
  margin-bottom: 10px; /*margin-top:-20px;*/
}

.single-blog-inner .details h4 a {
  color:#fff;
}

.single-blog-inner .details h4 a:hover {
  color: #fff;
}
.single-blog-inner .details h5 { font-size:16px; color:#FFFFFF}
.single-blog-inner .details p{ font-size:15px; color:#FFFFFF}
.my-team .my-team-member {
    margin-bottom: 20px;box-shadow: 0px 0px 20px rgba(163, 163, 163, 0.25);
border-radius: 10px;
height: 100%;
}
.my-team .my-team-member:last-of-type {
    margin-bottom: 0;
}
.my-team .my-team-member .my-member-img {
    overflow: hidden;
    background-color: #FFF;
}
.my-team .my-team-member .my-member-img img {
    width: 100%;  
}
.my-team .my-team-member .my-team-detail {
    background-color: #140ECF;
    padding: 6px 6px;
    position: relative;
}
.my-team .my-member-name {
    color: #FFF; 
    margin: 15px 0       
}
.my-team .my-member-post {
    color: #FFF;    
    font-size: 14px;
}
.my-team .my-member-social {
    position: absolute;
    top: -25px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.my-team .my-team-member:hover .my-member-social {
    top: -43px;
    opacity: 1;
}
.my-team .my-member-social ul li {
    margin-top: 6px;
    list-style: none;
    display: inline-block;
}
.my-team .my-member-social ul li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    border: 1px solid #00AEF0;
    background-color: #00AEF0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.my-team .my-member-social ul li a:hover {
    color: #3498DB;
    background-color: #FFF;
    border: #3498DB 1px solid;
}
@media(min-width:992px) {   
    .my-team .my-team-member {
        margin-bottom: 0;
    }
}


/************************************
11)Section 6
*************************************/

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 30px;
    color: #555555;
}

.section-title h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: #555555;
}

.section-6-box {
    margin-bottom: 20px;
}

.section-6-box h3 {
    font-size: 20px;
    color: #555555;
    margin-top: 30px;
}

.section-6-box p {
    font-size: 14px;
    color: #777;
}


/************************************
12)Section 7
*************************************/

.section-7-background {
    background-color: #252525;
    background-position: center;
    padding: 100px 0 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.section-7-box-text-cont {
    text-align: left;
}

.section-7-box-text-cont h2 {
    color: #fff;
}

.section-7-box-text-cont p {
    color: #fff;
    margin: 0 0 40px 0;
}


/************************************
13)Section 8
*************************************/

.mytestimonial{
    padding-bottom: 150px;
    background: url(../images/m4.jpg) no-repeat center;
    background-size: cover;
    padding-top: 100px;
}
.client-quote {
    color: #fff;
    max-width:700px;
    display: inline-block;
}
.client-name {
    color: #fff;
}
.client-quote i {
    color: #fff;
    font-size: 20px;
    padding: 0 12px;
}
#testimonial .carousel-indicators {
    bottom: -60px;
}
#testimonial .carousel-indicators li,
#testimonial .carousel-indicators .active {
    width: 60px;
    border: none;
    background-color: transparent;
}
#testimonial .carousel-indicators li img {
    width: 60px;
    height: 60px;
    border: 2px solid #FFF;
    border-radius: 50%; 
    opacity: 0.3;  
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
#testimonial .carousel-indicators li.active img {
    opacity: 1;  
    border: 2px solid #3399CC;
}
/************************************
14)Section 9
*************************************/

.section-9-background {
    background: #f7f7f7;
    padding: 25px;
}


/************************************
15)Section 10
*************************************/

.section-10-background {
    /* gradient: #0c0fce+0,e000e0+100 */
    background : #0c0fce; /* Old browsers */
    background : -moz-linear-gradient(-45deg, #0c0fce 0%, #e000e0 100%); /* FF3.6-15 */
    background : -webkit-linear-gradient(-45deg, #0c0fce 0%, #e000e0 100%); /* Chrome10-25,Safari5.1-6 */
    background : linear-gradient(135deg, #0c0fce 0%, #e000e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c0fce', endColorstr='#e000e0', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    padding: 40px 0;
}

.section-10-box-text-cont h3 {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
}
.section-10-box-text-cont h3 span{
    color:#333;
    font-weight: 700;
}
.section-10-box-text-cont p {
    color: #fff;
    font-style: italic;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.section-10-btn-cont {
    text-align: right;
    margin:0;
}
.section-10-btn-cont a{ font-size:20px}

/*----- 1- Heading CSS -----*/
.heading{
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.heading .sub{
    letter-spacing: 0.2rem;
    display: inline-block;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    color: var(--main-color);
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 1rem;
}

.heading h2{
    text-align: center;
    font-size: 4rem;  
    font-weight: 600;
    color: #140ECF;
    text-shadow: 1px 1px 8px rgba(0,0,0, 0.2);
    line-height: 1.2;
}
/*----- 4- Page Title CSS -----*/
.page-title{
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
    background:         linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
    background-repeat: no-repeat;  
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.5rem;
    padding: 0rem 5%;
    padding-top: 14rem;
    min-height: 45rem;
}

.page-title .title{
    border-left: #fff 3px solid;
    padding-left: 1rem;
}

.page-title .title h2{
    color: #fff;
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 500; margin-bottom:0;
}

.page-title .link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.8rem;
}

.page-title .link a{
    font-weight: 600; 
    color:#fff;
}

.page-title .link a:hover{
    color: var(--main-color);
}

.page-title .link i{
    color: #fff;
}

.page-title .link span{
    font-weight: 500;
    color: #fff;
}
.breadcrumb-agile{margin-bottom: 15px; background-color:#f5f5f5}
.breadcrumb-agile .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 5px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.type-title {
    position: relative;
    z-index: 1;
}

.type-title h1 {
    margin: 0;
    font-weight: 800;
}

.type-title h5 {
    font-size: 16px;
    color: #0E1317;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    z-index: 1;
    letter-spacing: 1px;
    padding-left: 8px;
    margin-bottom: 15px;
}

.type-title h5:before {
    position: absolute;
    content: "";
    left: 0;
    top: -6px;
    width: 35px;
    height: 30px;
    background: linear-gradient(to right, #120FCE 6%, #DC00E0 96%);
    z-index: -1;
}

h2.shape-title {
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0E1317;
    font-size: 50px;
    text-transform: uppercase;
    position: absolute;
    top: -1px;
    opacity: 0.1;
    left: 25px;
    z-index: -1;
}

.type-title p {
    padding-top: 24px;
}

.type-title.text-center {
    margin-bottom: 62px;
}

.type-title.text-center h2.shape-title {
    left: 0;
    right: 0;
}
.about-content-inner {position: relative;
    padding-top: 15px;
}
.about-content-icon {
    float: left;
    margin-right: 25px;
}

.about-content-inner:hover .about-content-icon i{background:#140ECF;color:#ffffff;border-radius:50%}
.about-content-inner .about-content-icon i{font-size:25px;color:#140ECF;background:#f5f5f5;width:80px;height:80px;line-height:80px;display:inline-block;border-radius:5%;transition:.5s ease-out;-webkit-transition:.5s ease-out;text-align:center}


.about-content-inner-text {
    overflow: hidden;
}
.about-content-inner p{ text-indent:34px;font-size:16px; line-height:2}
.about-container-bg {
  background-position: center;
  background-size: cover;
}
.process-item{ background-color:#2C58EF; padding:20px; min-height:250px;
    position: relative;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    height: auto;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.process-item .content{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 3rem;
    padding-bottom: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.process-item i{
    position: absolute;
    right: 0;
    top: 0;
    height: 12rem;
    width: 12rem;
    font-size: 5rem;
    padding-left: 2rem;
    padding-bottom: 2rem;
    color: transparent;
    -webkit-text-stroke: 0.15rem #fff;
    background-color:rgba(20, 14, 207, 0.9);
    border-bottom-left-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.process-item h6{
    color: #02010100;
    font-size: 8rem;
    font-weight: 900;
    -webkit-text-stroke-width: 0.1rem;
    stroke-width: 0.1rem;
    -webkit-text-stroke-color:#fff;
    stroke:#fff;
    line-height: 1;
    padding-bottom: 1rem;
}

.process-item h3{
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
    padding-bottom: 0.5rem;
}

.process-item p{    color: #fff;}
.testi-item{
    position: relative;
    background-color: #f7f7f7;
    -webkit-box-shadow:  0 0.5rem 1rem rgba(0, 0, 0, 0.1);;
            box-shadow:  0 0.5rem 1rem rgba(0, 0, 0, 0.1);;
    border-radius: 20px 45px 20px 45px ;
    margin-top: 2rem;
}

.testi-item .content{
    padding:2rem 2rem; min-height:220px;
}

.testi-item .rating i{
    font-size: 2rem;
    color: #ff0000;
}

.testi-item p{
    padding-top: 3rem;
    color: #333;
}
.testi-item{ height:100%}
.testi-item .intro{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
    background-color:#5353EA;
    padding: 1rem 2rem;
    width: 75%;
    border-radius: 20px 45px 20px 45px;
    border-radius: 5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top:2rem;
}

.testi-item img{
    height: 8rem;
    width: 8rem;
    border-radius: 50%;
}

.testi-item h4{
    font-size: 1.6rem;
    font-weight: 600;
    color:#fff; margin:0;
}

.testi-item h6{
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
}

.testi-item .fa-quote-right{
    position: absolute;
    top: -1rem;
    right: 1rem;
    height:5rem;
    width: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size:2rem;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    background-color: #140ECF;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.about-content-inner-text { padding:25px 25px 5px 25px;
    overflow: hidden;
}

.about-content-inner-text p {
    width: 90%;
}

.about-content-inner-text h3 {
    font-size: 20px; color:#000000;
    padding-bottom: 10px;z-index: 2; padding-left:5px;
    margin-top: 4px;position: relative;
}
.about-content-inner-text h3:before {
  position: absolute;
  content: "";
  height:50px;
  width: 50px;
  background: #eeeeee;
  /*border-radius:50%;*/
  z-index:-1;
  top: -13px;
  left: 0;
  transition: 0.5s;
}
/*.about-area:hover h3:before {
   width: 200px;background: #eeeeee;
}*/
.about-content-inner-text  .title-shape {
  position: relative;
  width: 50px;
  height: 4px; margin-bottom:15px;
  background: #7874FF; transition: 0.5s;
}
.about-area:hover .title-shape {
  width: 200px;background:#140ECF;
}
.about-area .about-image {
  position: relative;
}
.about-area .panel-heading h4{margin: 0 0 5px;}
.about-area .panel-body, .about-area .panel-body p{ color:#000000}
 .image-left{position:relative;border-radius:30px;box-shadow:-30px 35px 0 0 #f9f3e7}
 .about-image img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.contact-address-box {
    margin-right: 65px;
}

.contact-address-single-box {
    border: 2px solid #E5E5E5;
    padding:20px 35px 20px;
    margin-bottom: 30px;
	transition:.5s;
}

.contact-address-icon {
    float: left;
    margin-right: 30px;
}

.contact-address-icon i {
    display: inline-block;
    background: #F3F3F5;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 45px;
    color: #140ECF;
    border-radius: 50%;transition:.5s ease-out;-webkit-transition:.5s ease-out;
}

.contact-address-content h5 {
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 6px;
}

.contact-address-content p {
    margin-bottom: 0;
    color: #0E1317;
}
.contact-address-single-box:hover{
	border: 2px solid #140ECF;
}
.contact-address-single-box:hover i {     background: #ccc;}

.inner_team_area{
    margin-bottom: 30px;
    position: relative;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.inner_team_area::before {
 content: "";
	background:#f7f7f7;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
	transition: 0.5s;
}
.inner_team_img {
    position: relative;
    overflow: hidden;
}
.inner_team_img img{
    width: 100%;
    transition: .5s;
}
.inner_team_area:hover .inner_team_img img{
    transform: scale(1.1);
}
/* team overlay css */
.team_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000007b;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_team_area:hover .team_overlay{
    opacity: 1;
    visibility: visible;
}

/* inner team text css */
.inner_team_text {
    display: flex;
    justify-content: space-between;
    padding: 25px 35px;
    background-color: #F3F4F4;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);transition: .5s;
}
.inner_team_area:hover .inner_team_text { background-color: #fff;
    transition: .5s;
}
.inner_team_content h4{
    margin: 0; font-size:18px;
}
.inner_team_content p{
    color:#111;
    margin: 0;
}
.inner_team_icon a{
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    background-color:#140ECF;
    color:#fff;
}

.inner_blog_area {
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #F3F4F4;
    box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
.inner_blog_area:hover{
    background: var(--whitec);
}
/* inner blog thumb css */
.inner_blog_thumb{
    position: relative;
    overflow: hidden;
}
.inner_blog_img img{
    width: 100%;
    transition: .5s;
}
.inner_blog_area:hover .inner_blog_img img{
    transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}
.inner_blog_area:hover .blog_overlay{
    transform: scale(1.2);
}
/* inner blog absolute css */
.inner_blog_absolute {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    color: var(--whitec);
    background: var(--brcolor);
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
/* inner blog text css */
.blog_all_text{
    padding: 20px 20px 40px;
}
.inner_blog_text span a {
    color: var(--paracolor);
    font-weight: 400;
    font-size: 14px;
}
.inner_blog_text span {
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    color: #333;
}
.inner_blog_text span i{
    margin-right: 3px;
    color: #140ECF;
}
/*inner blog content css */
.inner_blog_content {
    padding: 10px 0px 0px;
}
.inner_blog_content h2 a {
    display: inline-block;
    margin-bottom: 8px; font-size:16px;
    font-weight: 600;
}
.inner_blog_content p{
    width: 90%;height: 48px;
font-size: 14px;
line-height: 24px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.inner_blog_content >a{
    font-size: 18px;
    font-weight: 400;
    color: var(--brcolor);
}
.inner_blog_content >a:hover{
    color: var(--brcolor);
}
.about-area .nav-tabs > li > a { background-color:#EEEEEE;-webkit-transition: 0.5s;  transition: 0.5s;}
.about-area .nav-tabs>li>a:hover {
background-color:#140ECF; color:#FFFFFF;
}
.about-area  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #FFF;
  cursor: default;
  background-color:#140ECF;
  border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
  border-bottom-color: transparent;
}
/************************************
21)Section 14
*************************************/
.section-14-box{
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
    padding:12px;
    border: 1px solid #eeeeee;
    background: #f6f6f6;
}
.blog-list .section-14-box{
    padding:0;
    border: 0;
    background: none;
}
.section-14-box .n-img-box {

    height:250px;

    overflow: hidden;

}


.section-14-box .n-img-box img {width: 100%;

    height: 100%;

    object-fit: cover;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.9s;
  transition: 0.9s;
}
.section-14-box:hover .n-img-box img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



.section-14-box h3 {
    margin-top: 10px;
    text-align: center;overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 1;
}

.section-14-box h3 a {
    font-size:16px;
    color: #555555;
}

.section-14-box h3 a:hover {
    color: #999;
}
.blog-list .section-14-box h3 {
    text-align: left;
}
.section-14-box p {
   height: 48px;

    font-size: 14px;

    line-height: 24px;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2;
}


.section-14-box .comments {
    margin:15px 0;
    text-align: center;
}
.blog-list .section-14-box .comments {
    margin: 5px 0;
    text-align: left;
}
.section-14-box .comments a {
    color: #fff;
    cursor: none;
}
.blog-list  .section-14-box .comments a {
    color: #212121;
}
.section-14-box ul {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
}

.section-14-box ul li {
    margin: 20px 0;
}

.section-14-box ul li a {
    color: #777;
}

.section-14-box ul li a:hover {
    text-decoration: none;
    color: #00aef0;
}

.section-14-box .underline {
    border-bottom: 2px solid #00aef0;
    padding: 0 0 15px 0;
}

.section-14-box ul li a.tag {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #777;
}

.section-14-box ul li a.tag:hover {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #00aef0;
    color: #00aef0;
}
.floating_ck{position:fixed;right:20px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;border-bottom:solid 1px #5353EA;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer; background :#140ECF; }
.floating_ck dl dd:hover{background-color:#5353EA;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{ background-image:url(images/kficon.png);}
.quote{background-image:url(images/kficon.png);}
.qrcord{background-image:url(images/erweima1.png);}
.return{background-image:url(images/fanhui.png);}

.floating_ck dd span{color:#fff;display:block;padding-top:10px;}
.floating_ck dd span i{ font-size:22px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#5353EA;z-index:222;border-bottom:solid 1px #140ECF;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:200px;top:-120px;}
.floating_ewm i{background-image:url(../images/erweima.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
/************************************
16)Footer top
*************************************/

.footer-top {
    padding: 25px 0;
    background-color: #5353EA;
    color: #ccc;
    font-size: 14px !important;
}

.footer-top p {
    font-size: 14px;
    margin-bottom: 0;
}

.footer-top-box {
    margin: 30px auto;
    overflow: hidden;
}

.footer-top h4 {
    color: #fff;
    text-transform: capitalize;
}
/*.footer-top-box li{
    padding: 5px 0 10px 0;
    border-bottom: 1px dotted #333;
}
.footer-top-box li:last-child{
    border-bottom: 0!important;
}*/
.footer-top-box h5{
    margin-bottom: 5px;
}
.footer-top-box .widget-img-thumb {
    display: inline-block;
    width: 120px;
}
.footer-top-box .widget-content {
    overflow: hidden;
}
.footer-top-box .widget-date{
    font-size: 12px;
}
.footer-top .input-holder {
    position: relative;
}

.footer-top .input-holder input[type="email"] {
    width: 100%;
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 39px;
    padding: 10px 20px;
}

.footer-top .input-holder label {
    position: absolute;
    top: 0;
    right: -4px;
    text-align: center;
    cursor: pointer;
}

.footer-top .input-holder label i {
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 20px;
    color: #fff;
}

.footer-top .input-holder input[type="submit"] {
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    line-height: 0;
    text-indent: -999px;
}

.footer-top .submit-bgcolor {
    background-color: #00aef0;
}

.footer-top ul {
    list-style-type: none;
    padding-left: 0;
}
/*
.footer-top ul li {
    margin: 0 0 10px 0;
}
*/
.footer-top ul li a {
    color: #ccc;
}

.footer-top ul li a:hover {
    color: #fff;
}

.tag a {
    margin: 5px;
    color: #ccc;
    padding: 5px;
    float: left;
    border: 1px solid #7e7e7e;
}

.tag a:hover {
    color: #fff;
    border: 1px solid #fff;
}


/***************************************
17)Footer Bottom
****************************************/

.footer-bottom {
    font-size: 14px;
    padding: 20px 0;
    background-color: #140ECF;
    color: #fff;
}

.footer-bottom ul.social-buttons {
    list-style-type: none;
    margin: 15px auto;
    padding: 0;
}

.footer-bottom ul.social-buttons li a {
    display: block;
    background-color: #282c2f;
    height: 30px;
    width: 30px;
    border-radius: 0;
    font-size: 16px;
    line-height: 30px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.footer-bottom ul.social-buttons li a:hover {
    background-color: #0393ca;
}

.footer-bottom .copyright {
    color: #ccc;
    margin: 20px 0 20px 0;
}
.footer-bottom .copyright a{
    color: #ccc;
    margin: 20px 0 20px 0; text-align: right;
}
.footer-top-box strong,
.footer-top-box b{
    font-weight: 300;
}