/*
@File: Jibdara Template Styles
URL: http://www.bootstrapmb.com
* This file contains the styling for the actual tepmlate, this
is the file you need to edit to change the look of the
tepmlate.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

*** - Default Area CSS
*** - Prealoader Area CSS 
*** - Header Top Area CSS
*** - Header Middle Area CSS
*** - Main Menu Area CSS
*** - Search Popup Area CSS
*** - Home Slides Area CSS
*** - Welcome Area CSS
*** - About Area CSS
*** - Why Choose Us Area CSS
*** - Services Area CSS
*** - Services Style Two Area CSS
*** - Services Details Area CSS
*** - CTR Area CSS
*** - Testimonial Area CSS
*** - Partner Area CSS
*** - Case Studies Area CSS
*** - Case Details Area CSS
*** - Quick Query and Fun Fact Area CSS
*** - Blog Area CSS
*** - Blog Details Area CSS
*** - Page Title Area CSS
*** - What We Do Area CSS
*** - Pricing Area CSS
*** - Team Area CSS
*** - Team Details Area CSS
*** - Portfolio Area CSS
*** - Portfolio Details Area CSS
*** - Contact Area CSS
*** - Pagination Area CSS
*** - Side Bar Area CSS
*** - Error Area CSS
*** - FAQ Area CSS
*** - Get Qoute Area CSS
*** - Login Area CSS
*** - Register Area CSS
*** - Footer Area CSS
*** - Go Top CSS
*/

/*
======================================
Default Area CSS
======================================
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body {
	font-family: 'Microsoft YaHei';
	padding: 0;
	margin: 0;
}
ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
    font-size: 15px;
}
p {
    font-size: 16px;
    color: #273272;
    line-height: 1.7;
    margin: 0;
}
a {
	color: #273272;
    font-size: 15px;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
a:hover, a:focus {
	color: #000;
	text-decoration: none;
}
:focus {
	box-shadow: unset;
	outline: 0;
}
button:focus {
    outline: 0;
}
.d-table {
    display: table;
	width: 100%;
	height: 100%;
}
.d-table-cell {
    display: table-cell;
	vertical-align: middle;
}
.ptb-80 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pb-110 {
	padding-bottom: 110px;
}
.bg {
    background: #fff3f3;
}
img {
    max-width: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin: 0;
    color: #273272;
	line-height: 1;
}
.list-unstyled li {
	color: #d9534f;
}
/* Owl Carousel BTN */
.owl-theme .owl-nav div {
	position: absolute;
	/*left: 40px;*/
	top: 50%;
	margin-top: -20px;
	background: rgba(0,0,0,0.33);
	width: 60px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	font-size: 30px;
	color: #fff;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
/*.owl-theme .owl-nav .owl-next {
	left: auto;
	right: 40px;
}*/
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: #273272;
}
.owl-controls .owl-dot {
	background: #848484;
	width: 30px;
	height: 6px;
	margin: 0 0 0 10px;
	display: inline-block;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border-radius: 0;
}
/* BTN Primary */
.btn-primary {
	color: #fff;
}
.btn {
	font-weight: 700;
	padding: 10px 35px;
	font-size: 16px;
	line-height: 1.6;
	border-radius: 5px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
.btn-primary.btn-color {
	background: #273272;
	border-color: #273272;
}
.btn-primary:hover {
	color: #fff;
	background-color: #273272;
	border-color: #273272;
}
.btn-primary.btn-color:hover, .btn-primary.btn-color:focus {
    color: #fff;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: none;
	color: #fff;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	opacity: 1;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-primary.disabled:hover {
	background: #273272;
	border-color: #273272;
}
/* Section Title */
.section-title {
    text-align: center;
    margin-bottom: 40px;
}
.section-title h3 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 55px;
	position: relative;
}
.section-title h3::before, .section-title h3::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	background: #273272;
	width: 110px;
	height: 3px;
	margin: 0 auto;
	bottom: -37px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
.section-title h3::after {
	bottom: -25px;
	width: 60px;
}
.section-title:hover h3::before {
	width: 60px;
}
.section-title:hover h3::after {
	background: #273272;
	width: 110px;
}
/* Form Control */
.form-control {
	padding: 10px 20px;
	border: none;
	border-radius: 0;
	height: 45px;
}
#message.form-control {
	height: auto;
}
.form-control:focus {
	border-color: transparent;
	box-shadow: unset;
}

/* Read More Btn */
.read-more-btn {
	font-weight: 600;
	position: relative;
	padding-left: 18px;
    display: inline-block;
}
.read-more-btn:hover {
	padding-left: 0;
}
.read-more-btn .left {
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	position: absolute;
	left: 0;
	top: 0;
}
.read-more-btn:hover .left {
	opacity: 0;
	visibility: hidden;
}
.read-more-btn .right {
	opacity: 0;
	visibility: hidden;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.read-more-btn:hover .right {
	opacity: 1;
	visibility: visible;
}
/*
======================================
Prealoader Area CSS
======================================
*/
.preloader-area {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.preloader {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    animation: rotatePreloader 2s infinite ease-in;
}
@keyframes rotatePreloader {
    0% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    }
    100% {
        transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
    }
}
.preloader div {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.preloader div:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 10%;
    height: 10%;
    transform: translateX(-50%);
    border-radius: 50%;
}
.preloader div:nth-child(1) {
    transform: rotateZ(0deg);
    animation: rotateCircle1 2s infinite linear;
    z-index: 9;
}
@keyframes rotateCircle1 {
    0% {
        opacity: 0;
    }
    0% {
        opacity: 1;
        transform: rotateZ(36deg);
    }
    7% {
        transform: rotateZ(0deg);
    }
    57% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(2) {
    transform: rotateZ(36deg);
    animation: rotateCircle2 2s infinite linear;
    z-index: 8;
}
@keyframes rotateCircle2 {
    5% {
        opacity: 0;
    }
    5.0001% {
        opacity: 1;
        transform: rotateZ(0deg);
    }
    12% {
        transform: rotateZ(-36deg);
    }
    62% {
        transform: rotateZ(-36deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(3) {
    transform: rotateZ(72deg);
    animation: rotateCircle3 2s infinite linear;
    z-index: 7;
}
@keyframes rotateCircle3 {
    10% {
        opacity: 0;
    }
    10.0002% {
        opacity: 1;
        transform: rotateZ(-36deg);
    }
    17% {
        transform: rotateZ(-72deg);
    }
    67% {
        transform: rotateZ(-72deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(4) {
    transform: rotateZ(108deg);
    animation: rotateCircle4 2s infinite linear;
    z-index: 6;
}
@keyframes rotateCircle4 {
    15% {
        opacity: 0;
    }
    15.0003% {
        opacity: 1;
        transform: rotateZ(-72deg);
    }
    22% {
        transform: rotateZ(-108deg);
    }
    72% {
        transform: rotateZ(-108deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(5) {
    transform: rotateZ(144deg);
    animation: rotateCircle5 2s infinite linear;
    z-index: 5;
}

@keyframes rotateCircle5 {
    20% {
        opacity: 0;
    }
    20.0004% {
        opacity: 1;
        transform: rotateZ(-108deg);
    }
    27% {
        transform: rotateZ(-144deg);
    }
    77% {
        transform: rotateZ(-144deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(6) {
    transform: rotateZ(180deg);
    animation: rotateCircle6 2s infinite linear;
    z-index: 4;
}
@keyframes rotateCircle6 {
    25% {
        opacity: 0;
    }
    25.0005% {
        opacity: 1;
        transform: rotateZ(-144deg);
    }
    32% {
        transform: rotateZ(-180deg);
    }
    82% {
        transform: rotateZ(-180deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(7) {
    transform: rotateZ(216deg);
    animation: rotateCircle7 2s infinite linear;
    z-index: 3;
}
@keyframes rotateCircle7 {
    30% {
        opacity: 0;
    }
    30.0006% {
        opacity: 1;
        transform: rotateZ(-180deg);
    }
    37% {
        transform: rotateZ(-216deg);
    }
    87% {
        transform: rotateZ(-216deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(8) {
    transform: rotateZ(252deg);
    animation: rotateCircle8 2s infinite linear;
    z-index: 2;
}
@keyframes rotateCircle8 {
    35% {
        opacity: 0;
    }
    35.0007% {
        opacity: 1;
        transform: rotateZ(-216deg);
    }
    42% {
        transform: rotateZ(-252deg);
    }
    92% {
        transform: rotateZ(-252deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(9) {
    transform: rotateZ(288deg);
    animation: rotateCircle9 2s infinite linear;
    z-index: 1;
}
@keyframes rotateCircle9 {
    40% {
        opacity: 0;
    }
    40.0008% {
        opacity: 1;
        transform: rotateZ(-252deg);
    }
    47% {
        transform: rotateZ(-288deg);
    }
    97% {
        transform: rotateZ(-288deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(10) {
    transform: rotateZ(324deg);
    animation: rotateCircle10 2s infinite linear;
    z-index: 0;
}
@keyframes rotateCircle10 {
    45% {
        opacity: 0;
    }
    45.0009% {
        opacity: 1;
        transform: rotateZ(-288deg);
    }
    52% {
        transform: rotateZ(-324deg);
    }
    102% {
        transform: rotateZ(-324deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
/*
======================================
Header Top Area CSS
======================================
*/
.header {
    position: relative;
}
.header-top {
	background: #fff3f3;
	padding: 15px 0;
}
.header-top p {
	font-weight: 700;
}
.header-top p i {
    margin-right: 4px;
}
.header-top-social {
	text-align: right;
}
.header-top-social li {
	display: inline-block;
	margin-left: 10px;
}
.header-top-social li a {
	font-size: 18px;
}
/*
======================================
Header Middle Area CSS
======================================
*/
.header-middle {
    padding: 25px 0;
}
.header-middle .middle-right {
    text-align: right;
    width : 105%;
    margin-left : -5.5rem;
}
.header-middle .middle-right li {
	display: inline-block;
	margin-left: 15px;
	position: relative;
}
.header-middle .middle-right li:first-child {
	margin-left: 0;
}
.header-middle .middle-right .icon {
	position: absolute;
	left: -10px;
	top: 6px;
}
.header-middle .middle-right .location {
	left: 0;
}
.header-middle .middle-right .phone {
	left: 0;
}
.header-middle .middle-right .text {
	text-align: left;
	padding-left: 50px;
}
.header-middle .middle-right .text span {
	font-size: 14px;
	font-weight: 700;
	color: #273272;
}
.header-middle .middle-right .text p {
	line-height: 1;
	font-size: ;
}
.header-middle-two {
	padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
	.header-middle-two {
		padding-bottom: 25px;
	}
}
/*
======================================
Main Menu Area CSS
======================================
*/
.header-sticky.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
@media only screen and (max-width: 991px) {
	.header-sticky.is-sticky {
		height: 62px;
	}
}
.main-header-area {
	width: 100%;
	position: relative;
	z-index: 9999;
	-o-transition: .4s;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-header-area {
		height: 70px;
	}
}
@media only screen and (max-width: 991px) {
	.main-header-area {
		height: 64px;
	}
}
.main-header-area .classy-nav-container {
	background-color: transparent;
}
.main-header-area .classy-navbar {
	height: auto;
	padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-header-area .classy-navbar {
		height: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.main-header-area .classy-navbar {
		height: 64px;
		padding: 0.5em 0;
	}
    
}
.main-header-area .classynav ul li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 22px;
	height: auto;
}
@media only screen and (max-width: 991px) {
    .main-header-area .classynav ul li a {
        color: #fff;
    }
	.main-header-area .classynav ul li a {
		padding: 4px 20px 1px;
		font-size: 15px;
        text-align: left;
	}
}
.main-header-area .nav-brand {
	line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-header-area .nav-brand {
		margin-right: 0;
	}
}
.main-header-area .classynav ul {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}
.is-sticky .main-header-area {
	width: 100%;
	z-index: 10000 !important;
	height: 90px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
	background-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.is-sticky .main-header-area {
		height: 70px;
	}
	.light .classynav ul li .dropdown, .light .classynav ul li .megamenu, .light.breakpoint-on .classynav > ul > li > a, .light.breakpoint-on .classy-navbar .classy-menu {
		background-color: #000000;
	}
}
.main-header-area .light .classynav ul li .dropdown li .dropdown .active a {
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.is-sticky .main-header-area {
		height: 70px;
	}
	.light .classynav ul li .dropdown, .light .classynav ul li .megamenu, .light.breakpoint-on .classynav > ul > li > a, .light.breakpoint-on .classy-navbar .classy-menu {
		background-color: #000000;
	}
}
.main-header-area .classynav ul li a.active, .main-header-area .classynav ul li a:hover {
	color: #fff;
	background: #273272;
}
.main-header-area .classynav .dropdown li a.active, .main-header-area .classynav .dropdown li a:hover {
	color: #fff;
	background: #273272;
}
.main-header-area .light .classynav ul li .dropdown li .dropdown li a:hover {
	color: #fff;
}
.main-header-area .classynav .text-right {
	width: 25.3%;
}
@media only screen and (max-width: 991px) {
	.main-header-area .classynav .text-right {
		width: 100%;
		text-align: left !important;
	}
}
.main-header-two {
	background: transparent;
	position: absolute;
	width: 100%;
	height: 62px;
	bottom: -30px;
	left: 0;
	right: 0;
}
@media only screen and (max-width: 991px) {
	.main-header-two {
		background: #ff6600 !important;
		position: relative;
		width: 100%;
		height: auto;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
@media only screen and (max-width: 991px) {
	.light .classynav ul li .dropdown, .light.classy-nav-container {
		background-color: transparent !important;
	}
}
/* 
=========================================
Search Popup Area CSS
=========================================
*/
#search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: white;
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 50px;
	margin-left: -45px;
}
#search .close {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #fff;
	border-color: #fff;
	opacity: 1;
	font-size: 25px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
}
#search .close:hover, #search .close:focus {
	color: #fff;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}
.main-header-area .classynav ul li a.search-btn {
	color: #fff;
	margin-left: 0;
	display: inline-block;
}
/* 
=========================================
Home Slides Area CSS
=========================================
*/
.main-banner {
	height: 550px;
	background: #ddd;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.main-banner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	opacity: .1;
}
.item-bg-one {
    background-image: url(../../assets/img/home-bg1.jpg);
}
.item-bg-two {
    background-image: url(../../assets/img/home-bg2.jpg);
}
.item-bg-three {
    background-image: url(../../assets/img/home-bg3.jpg);
}
.item-bg-four {
    background-image: url(../../assets/img/home-bg4.jpg);
}
.main-banner-text h1 {
	font-size: 70px;
	font-weight: 700;
	margin: 20px 0 25px;
}
.main-banner-text h4 {
	font-size: 42px;
	font-weight: 500;
}
.main-banner-text p {
	font-size: 20px;
	max-width: 760px;
	margin-bottom: 35px;
}
.main-banner-text .read-more {
	padding: 10px 20px;
	color: #273272;
	font-size: 16px;
	font-weight: 700;
    display: inline-block;
}
.main-banner-text .read-more i {
    margin-right: 4px;    
}
.main-banner-text .read-more:hover {
	background: #273272;
	color: #fff;
}
/*
======================================
Welcome Area CSS
======================================
*/
.welcome-text span {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
.welcome-text h4 {
    font-size: 25px;
    font-weight: bold;
    margin: 10px 0 25px;
    line-height: 35px;
    text-transform: uppercase;
}
.gq-au-btn {
    margin-top: 30px;
}
.gq-au-btn .mr-20 {
    margin-right: 20px;
}
.welcome-text p {
	margin-bottom: 10px;
	line-height: 1.9;
}
.welcome-text .togle-t{
    display: none;
}
.play{
    background-image: url(../../assets/img/tdfc1.jpg);

    background-size: 100% 100%;
}
.fangan ul li{
    padding: 15px 0;
    border-bottom: 1px dotted #ddd;
}
.fangan ul li a h3{
    display: block;
    position: relative;
    width: 100px;
    height: 70px;
    /*margin-right: 20px;*/
}
.fangan ul li a h3 img {
    height: 70px;
    object-fit: cover;
}
.fangan ul li a{
    overflow: hidden;
    display: block;
}
.fangan ul li a h3{
    float: left;
}
.fangan ul li a div{
    display: table;
    margin-left: 120px;
}
.fangan ul li a div p{
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    text-align: justify;
    line-height: 1.5;
    color: #000;
    transition: all 0.3s;
}
.fangan ul li a div:hover p{
    transition: all 0.3s;
    color: #00306e;
}
.cebian{  
    margin-top: 40px;
}

.cebians{
    z-index: 99;
    position: fixed;
    left: 1176.5px;
    top: 40px;
}
.welcome-video{
    padding: 25px 0 5px 0;
    border: 1px solid #eee;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    margin-top: 15px;
}
.cebian h2,.fangan h2{
    color: #00306e;
    font-size: 20px;
}
.fangan h2 a{
    color: #000;
    font-size: 20px;
    transition: all 0.3s;
    font-weight: 500;
}
.fangan h2 a:hover{
    color: #00306e;
    transition: all 0.3s;
}
.carousel-control.left{
    background: transparent;
}
.carousel-control.right{
    background: transparent;
}
.welcome-video ul{
    overflow: hidden;
}
.welcome-video ul li{
    width: 33.3333%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
}
.welcome-video ul li:hover a img{
    transform: rotate(360deg);
    transition: all 0.3s;
}
.welcome-video ul li a img{
    display: block;
    margin: 0 auto;
    width: 60px;
    border-radius: 50%;
    transition: all 0.3s;
}
.welcome-video .carousel .carousel-inner .item img{
    width: 100%;
}
.welcome-video,.play{
    position: relative;
    height: 420px;
    background-repeat: no-repeat;
}
.welcome-video a.popup-youtube {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 0;
	right: 0;
	max-width: 85px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: scale(.9);
	transform: scale(.9);
}
.welcome-video:hover a.popup-youtube {
	transform: scale(1.1);
}
/*
======================================
About Area CSS
======================================
*/
.single-about {
	background: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 40px 30px;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.single-about:hover {
	box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);
	border-radius: 0;
}
.single-about h3 {
	font-size: 25px;
	font-weight: 700;
	margin: 30px 0 20px;
}
.single-about p {
	margin-bottom: 20px;
}
/*
======================================
Why Choose Us Area CSS
======================================
*/
.why-choose-area {
	position: relative;
	padding-bottom: 50px;
}
.why-choose-area::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 42%;
	height: 100%;
	background-image: url(../../assets/img/why-choose-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.why-choose .section-title {
	text-align: left;
}
.why-choose .section-title h3::before, .why-choose .section-title h3::after {
	margin: 0;
}
.why-choose-box {
	margin-bottom: 30px;
}
.why-choose-box .icon {
	float: left;
}
.why-choose-box .content {
	padding-left: 70px;
}
.why-choose-box .content h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}
.why-choose-box .content p {
    font-size: 15px;
}
/*
======================================
Services Area CSS
======================================
*/
.services-box {
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 250px;
}
.services-box::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .16;
}
.services-box.mt-30 {
	margin-top: 30px;
}
.services-bg1 {
	background-image: url(../../assets/img/services-img1.jpg);
	height: 530px;
}
.services-bg2 {
	background-image: url(../../assets/img/services-img2.jpg);
}
.services-bg3 {
	background-image: url(../../assets/img/services-img3.jpg);
}
.services-bg4 {
	background-image: url(../../assets/img/services-img4.jpg);
}
.services-bg5 {
	background-image: url(../../assets/img/services-img5.jpg);
}
.services-bg1 .services-content {
	margin-top: -87px;
}
.services-content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	margin-top: -50px;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.services-box:hover .services-content {
	transform: translateY(-21px);
}
.services-content img {
	height: 65px;
}
.services-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin-top: 20px;
}
.services-content p {
	color: #fff;
	margin-top: 20px;
}
.services-content a {
	margin-top: 20px;
	color: #fff;
	font-weight: 700;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
    display: inline-block;
}
.services-box:hover .services-content a {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.view-all {
	text-align: center;
	margin-top: 40px;
}
/*
======================================
Services Style Two Area CSS
======================================
*/
.servicesBox {
	height: 400px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.servicesBox::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .66;
}
.servicesBox.services-bg1 {
	height: 400px;
}
.servicesBox.services-bg1 .services-content {
	margin-top: -85px;
}
.servicesBox .services-content {
	margin-top: -85px;
}
.servicesBox:hover .services-content {
	transform: translateY(-30px);
}
.servicesBox:hover .services-content a {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.single-services {
	margin-bottom: 30px;
}
.single-services .img {
    overflow: hidden;
}
.single-services .img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
    width: 100%;
}
.single-services:hover .img img {
	transform: scale(1.3);
}
.single-services .content {
	padding: 25px;
	box-shadow: 0 0 10px 0 rgba(67, 67, 67, 0.15);
}
.single-services .content h3 a {
	font-size: 20px;
	font-weight: 700;
}
.single-services .content h3 i {
	font-size: 24px;
	margin-right: 5px;
}
.single-services .content p {
	margin: 25px 0 20px;
}
/*
======================================
Services Details Area CSS
======================================
*/
.services-list ul li {
	margin-bottom: 10px;
}
.services-list ul li:last-child {
	margin-bottom: 0;
}
.services-list ul li a {
	font-weight: 700;
	background: #fff;
	padding: 10px 15px;
	display: block;
	position: relative;
}
.services-list ul li a:hover {
	padding-left: 25px;
	color: #fff;
}
.services-list ul li a span i {
	font-size: 20px;
}
.services-list ul li a .left, .services-list ul li a .right {
	position: absolute;
	left: 10px;
	top: 11px;
	opacity: 0;
	visibility: hidden;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.services-list ul li a:hover .left {
	opacity: 1;
	visibility: visible;
	left: 15px;
}
.services-list ul li a .right {
	left: auto;
	right: 15px;
	opacity: 1;
	visibility: visible;
}
.services-list ul li a:hover .right {
	opacity: 0;
	visibility: hidden;
	right: 10px;
}
.services-details-img.mt-30 {
	margin-top: 30px;
}
.services-details-img img {
    width: 100%;
}
.services-details-content {
	margin-top: 25px;
}
.services-details-content .title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.2;
}
.services-details-content .p_title{
    font-size: 1.2rem;
}
.services-details-content .lis{
    margin-top: 1.1rem;
    padding-left: 1.5rem;
    
}
.services-details-content .lis li{
    color: #273272;
    line-height: 2rem;
    font-size: 1rem;
}
.services-details-features {
	margin-top: 25px;
	margin-bottom: 30px;
	padding: 15px 25px;
	border: 10px solid #fff3f3;
}
.services-details-features ul li {
	font-size: 16px;
	color: #273272;
	margin-bottom: 10px;
}
.services-details-features ul li:last-child {
	margin-bottom: 0;
}
.services-details-features ul li i {
	font-size: 20px;
	margin-right: 5px;
}
.services-details-content .our-mission {
	margin: 30px 0 30px 0;
}
.services-details-faq {
	margin-top: 50px;
}
.services-details-content .our-invest{
    margin: 30px 0 0 0;
}
.card {
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 10px;
	border: none;
}
.card-header:first-child {
	border-radius: 0;
}
.card-header {
	padding: 0;
	margin-bottom: 0;
	border: none;
	background: transparent;
}
.card-header a {
	display: block;
}
.card-header a h5 {
	font-size: 16px;
	overflow: hidden;
	padding: 10px 10px;
	color: #fff;
	line-height: 16px;
}
.card-header a.collapsed h5 {
	color: #273272;
	background: #fff3f3;
}
.card-header i {
	float: right;
	font-size: 16px;
}
.card-header a.collapsed .fa.fa-plus::before {
    content: "\f067";
}
.card-header a .fa.fa-plus::before {
	content: "\f068";
}
.card-body {
	line-height: 1.7;
	color: #273272;
}
/*
======================================
CTR Area CSS
======================================
*/
.ctr-area {
	position: relative;
	background-image: url(../../assets/img/ctr-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 120px;
	background-attachment: fixed;
}
.ctr-area.item-bg {
	background-image: url(../../assets/img/ctr-bg2.jpg);
}
.ctr-area::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #273272;
	opacity: .66;
}
.ctr-area h3 {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 35px;
}
.ctr-area p {
	font-size: 20px;
	color: #fff;
	margin-bottom: 40px;
}
/*
======================================
Testimonial Area CSS
======================================
*/
.client-img {
	position: relative;
	padding: 7px 0 7px 7px;
}
.client-img::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 140px;
	z-index: -1;
}
.client-feedback {
	padding: 50px 30px 0;
}
.single-feedback {
    border: 1px solid #ebebeb;
}
.testimonial-slider.owl-carousel .owl-item img {
	max-width: 100%;
	width: 100%;
}
.client-feedback h3 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 25px;
}
.client-feedback p {
    font-size: 17px;
    margin-bottom: 25px;
    color: #848484;
    font-style: italic;
}
.client-feedback span {
	position: relative;
	padding-left: 35px;
	font-size: 15px;
	color: #3e477f;
	text-transform: uppercase;
}
.client-feedback span::before {
	content: '';
	background: #848484;
	height: 3px;
	width: 25px;
	position: absolute;
	left: 0;
	top: 9px;
}
.testimonial-slider .owl-controls {
	position: absolute;
	left: -16%;
	right: 0;
	text-align: center;
	bottom: 50px;
}
/*
======================================
Partner Area CSS
======================================
*/
.partner-area {
    text-align: center;
}
.partner-slider .owl-item .item {
    background-color: #fff;
    padding: 4px;
    border: 1px solid #ebebeb;
}
.partner-slider .item a {
    display: block;
}
/*
======================================
Case Studies Area CSS
======================================
*/
.case-studies-area {
	position: relative;
	overflow: hidden;
}
.case-studies-box {
	background: #fff;
    border: 1px solid #ebebeb;
}
.case-studies-img {
    overflow: hidden;
}
.case-studies-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.case-studies-box:hover .case-studies-img img {
    transform: scale(1.3);
}
.case-studies-content {
	padding: 60px 25px;
}
.case-studies-content h3 a {
	font-size: 20px;
	font-weight: 700;
    display: inline-block;
}
.case-studies-content h3 {
	line-height: 1.5;
}
.case-studies-content p {
	margin: 15px 0 20px;
}
.case-studies-area .pagination-area {
	margin-top: 65px;
}
.animation-shape div {
	position: absolute;
	left: 0;
	top: 0;
}
.animation-shape .shape1 {
	top: -60px;
	animation: movebounce 3s linear infinite;
}
.animation-shape .shape2 {
	left: auto;
	right: 0;
	top: -60px;
	animation: movebounce 4s linear infinite;
}
.animation-shape .shape3 {
	top: auto;
	bottom: -60px;
	animation: movebounce 5s linear infinite;
}
.animation-shape .shape4 {
	left: auto;
	right: 0;
    top: auto;
	bottom: -60px;
	animation: movebounce 6s linear infinite;
}
.animation-shape .shape5 {
	animation: movebounce 3s linear infinite;
	top: 20%;
	left: 150px;
}
.animation-shape .shape6 {
	animation: movebounce 4s linear infinite;
	left: auto;
	right: 150px;
	top: 20%;
}
.animation-shape .shape7 {
	animation: movebounce 5s linear infinite;
	left: 150px;
	top: auto;
	bottom: 20%;
}
.animation-shape .shape8 {
	animation: movebounce 6s linear infinite;
	left: auto;
	top: auto;
	right: 125px;
	bottom: 20%;
}
.animation-shape .shape9 {
	animation: movebounce 6s linear infinite;
	top: 50%;
	left: 200px;
}
.animation-shape .shape10 {
	animation: movebounce 5s linear infinite;
	left: auto;
	right: 20%;
	top: 14%;
}
.animation-shape .shape11 {
	animation: movebounce 4s linear infinite;
	left: 230px;
	top: auto;
	bottom: 7%;
}
.animation-shape .shape12 {
	animation: movebounce 3s linear infinite;
	left: auto;
	top: auto;
	right: 170px;
	bottom: 46%;
}
.animation-shape .shape13 {
	animation: movebounce 6s linear infinite;
	top: 15%;
	left: 20%;
}
.animation-shape .shape14 {
	animation: movebounce 3s linear infinite;
	left: auto;
	top: auto;
	bottom: 20%;
	right: 20%;
}
@keyframes movebounce {
    0% {
        transform: translateY(0px); 
    }
    50% {
        transform: translateY(20px); 
    }
    100% {
        transform: translateY(0px); 
    } 
}
@keyframes moveleftbounce {
    0% {
        transform: translateX(0px); 
    }
    50% {
        transform: translateX(20px); 
    }
    100% {
        transform: translateX(0px); 
    } 
}
/*
======================================
Case Details Area CSS
======================================
*/
.case-details-img.mt-30 {
	margin-top: 30px;
}
.case-details-content {
	margin-top: 30px;
}
.case-details-content .title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.2;
}
.case-details-content p {
	margin-top: 10px;
}
.brief-case {
	margin-top: 30px;
}
.brief-case-box {
	margin-bottom: 8px;
	padding: 9px 15px;
	background: #fff3f3;
}
.brief-case-box p {
	margin: 0;
	font-weight: 700;
}
.brief-case-box p span {
	font-weight: 400;
}
.case-details-box {
	margin-top: 40px;
}
.case-details-box .card-header a h5 {
	padding: 20px 15px;
	font-weight: 700;
}
.case-details-box .card-header a.collapsed h5 {
	color: #273272;
	border: 2px solid #273272;
	background: transparent;
}
.case-details-box .card-body {
	background: #fff3f3;
}
.case-details-box .card-body p {
	margin-top: 0;
}
.case-details-box .card-body ul {
	margin-top: 25px;
}
.case-details-box .card-body ul li {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-left: 20px;
	position: relative;
}
.case-details-box .card-body ul li:last-child {
	margin-bottom: 0;
}
.case-details-box .card-body ul li p {
	font-weight: 500;
	margin-top: 10px;
}
.case-details-box .card-body ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 8px;
	height: 8px;
}
.border {
	border-color: #fff3f3 !important;
}
/*
======================================
Quick Query and Fun Fact Area CSS
======================================
*/
.query-contact {
	background: #273272;
	padding: 25px 40px 60px;
	position: relative;
}
.query-contact::before {
	content: '';
	position: absolute;
	left: 0;
	top: -28px;
	width: 100%;
	height: 30px;
	background: #273272;
}
.query-border::before, .query-border::after {
	content: '';
	position: absolute;
	left: -31px;
	top: -14px;
	border-left: 46px solid #10194b;
	height: 20px;
	transform: rotate(-50deg);
	z-index: -1;
}
.query-border::after {
	left: auto;
	right: -31px;
	transform: rotate(50deg);
}
.query-contact h4 {
	font-size: 30px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
}
.query-contact .btn.btn-primary {
	margin-top: 20px;
}
.query-contact .btn-primary:hover {
	border-color: #fff;
}
.fun-facts {
	text-align: center;
	padding: 70px 0 0;
}
.funFact {
	margin-bottom: 35px;
}
.funFact img {
	height: 80px;
}
.funFact h2 {
	font-size: 30px;
	color: #ffffff;
	font-weight: 700;
	margin: 25px 0 8px;
}
.funFact p {
	font-size: 20px;
	color: #ffffff;
	font-weight: 300;
}
.funFacts-area {
    background: #273272;
}
.funFacts-area .funFact {
	margin-bottom: 0;
    text-align: center;
}
/*
======================================
Blog Area CSS
======================================
*/
.blog-area {
    position: relative;
    overflow: hidden;
}
.single-blog-post .post-img {
	overflow: hidden;
}
.single-blog-post .post-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
    width: 100%;
}
.single-blog-post .post-img:hover img {
	transform: scale(1.3);
}
.post-content {
	padding: 25px 0 0;
}
.post-content ul li {
	display: inline-block;
	margin-right: 20px;
	color: #848484;
}
.post-content ul li:last-child {
	margin-right: 0;
}
.post-content ul li i {
    margin-right: 4px;
}
.post-content h3 {
	margin: 20px 0 0;
	line-height: 1.6;
}
.post-content h3 a {
	font-size: 20px;
	font-weight: 700;
    display: inline-block;
}
.post-content p {
	margin: 18px 0 20px;
}
.blog-content.post-content {
	padding: 24px 0 0;
}
.blog-content.post-content h3 {
	margin: 12px 0 0;
}
.blog-content.post-content h3 a {
	font-size: 16px;
    display: inline-block;
}
.border {
	margin: 25px 0;
}
.see-all-post {
	margin-top: 44px;
}
.see-all-post a {
	font-weight: 700;
	text-decoration: underline;
}
.blog-section .single-blog-post {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 26px;
}
/*
======================================
Blog Details Area CSS
======================================
*/
.blog-details .title-text-box {
	margin-top: 25px;
}
.blog-details .title-text-box .title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 25px;
	line-height: 1.4;
}
.blog-details .title-text-box ul li {
	display: inline-block;
	margin-right: 18px;
}
.blog-details .title-text-box ul li:last-child {
	margin-right: 0;
}
.blog-details .title-text-box ul a i {
	margin-right: 4px;
}
.blog-details-content {
	margin-top: 30px;
}
.blog-details-content h4 {
	font-size: 22px;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 25px;
}
.blog-details-content .list-style {
	margin-top: 20px;
	margin-bottom: 20px;
}
.blog-details-content .list-style li {
	margin-bottom: 10px;
	color: #778793;
	font-size: 16px;
}
.blog-details-content .list-style li:last-child {
	margin-bottom: 0;
}
.blog-details-content .list-style li i {
	margin-right: 3px;
	font-size: 20px;
}
.blog-details-content .social-share li {
	display: inline-block;
}
.blog-details-content .social-share {
	margin-top: 30px;
	margin-bottom: 40px;
}
.blog-details-content .social-share li:first-child {
	font-size: 16px;
	font-weight: 700;
	margin-right: 10px;
}
.blog-details-content .social-share li a {
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: #778793;
	color: #fff;
	border-radius: 50%;
}
.pre-next-post-link {
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
	padding: 25px 20px;
}
.pre-next-post-link .pre-post-link {
	position: relative;
	padding-left: 40px;
}
.pre-post-link h5 i {
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 25px;
}
.pre-next-post-link .next-post-link {
	position: relative;
	padding-right: 40px;
}
.next-post-link h5 i {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 25px;
}
.pre-next-post-link h5 {
	font-weight: 600;
	margin-bottom: 2px;
	font-size: 18px;
}
.pre-next-post-link span {
	font-size: 14px;
}
.blog-details-content .comments {
    margin-top: 40px;
}
.blog-details-content .comments h4 {
	margin-bottom: 35px;
}
.blog-details-content .single-comments {
	position: relative;
	overflow: hidden;
    padding-left: 95px;
}
.blog-details-content .single-comments.left-mr {
	margin-left: 45px;
	margin-top: 30px;
}
.blog-details-content .single-comments .img {
    position: absolute;
    left: 0;
    top: 0;
}
.blog-details-content .single-comments .content h5 {
	font-weight: 700;
}
.blog-details-content .single-comments .content span {
	display: block;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.blog-details-content .single-comments .content a {
	position: absolute;
	right: 0;
	top: 0;
}
.blog-details-content .leave-a-comment {
	margin-top: 30px;
}
.blog-details-content .leave-a-comment .form-control {
	border: 1px solid #eee;
}
/*
======================================
Page Title Area CSS
======================================
*/
.page-title {
    height: 280px;
    text-align: center;
    overflow: hidden;
    position: relative;
    background: url(../../img/all-bg.png);
    background-size: 100% 100%;
}
.page-title h3 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}
.page-title ul li {
	display: inline-block;
	font-size: 16px;
	margin: 0 1px;
	color: #273272;
}
.page-title ul li.active {
	color: #848484;
}
.page-title ul li a {
	font-weight: 600;
}
.page-title .animation-shape .shape5 {
	top: 6%;
}
.page-title .animation-shape .shape7 {
	bottom: -25px;
}
.page-title .animation-shape .shape11 {
	left: 22%;
	bottom: 20%;
}
.page-title .animation-shape .shape6 {
	top: 5%;
}
.page-title .animation-shape .shape8 {
	bottom: -40px;
}
/*
======================================
What We Do Area CSS
======================================
*/
.what-we-do {
	padding-bottom: 50px;
}
.what-we-do-box {
	margin-bottom: 30px;
}
.what-we-do-box h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 20px 0 15px;
}
.what-we-do-img {
	position: relative;
}
.what-we-do-img img {
    width: 100%;
}
.what-we-do-img::before, .what-we-do-img::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 160px;
	width: 160px;
}
.what-we-do-img::after {
	left: auto;
	right: 0;
	bottom: auto;
	top: 0;
	border-left: none !important;
	border-bottom: none !important;
}
/*
======================================
Pricing Area CSS
======================================
*/
.pricing-table {
	padding: 0 0 30px;
	text-align: center;
	background: #fff3f3;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.pricing-table:hover {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2);
}
.pricing-table-header {
	border-radius: 0 0 50% 50%;
	padding: 30px;
    position: relative;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}
.pricing-table:hover .pricing-table-header {
	background: #273272;
}
.pricing-table-header::before, .pricing-table-header::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 20px;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}
.pricing-table:hover .pricing-table-header::before, .pricing-table:hover .pricing-table-header::after {
	background: #273272;
}
.pricing-table-header::after {
	left: auto;
	right: 0;
}
.pricing-table-header .title {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 10px;
}
.pricing-table-header .price-value {
	color: #fff;
	font-size: 25px;
	font-weight: 300;
}
.pricing-table-header .price-value .month {
	font-size: 20px;
}
.pricing-content {
	padding: 40px 30px;
}
.pricing-content li {
	font-size: 18px;
	color: #273272;
	font-weight: 400;
	margin-top: 15px;
}
.pricing-content li:first-child {
	margin-top: 0;
}
.pricing-table:hover .btn-primary {
	color: #fff;
	background-color: #273272;
	border-color: #273272;
}
/*
======================================
Team Area CSS
======================================
*/
.team-area {
	padding-bottom: 50px;
}
.our-team {
	text-align: center;
	margin-bottom: 30px;
}
.our-team .team-img {
	overflow: hidden;
	position: relative;
}
.our-team .social {
	width: 100%;
	height: 30%;
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	transform: translateY(100%) rotate(0);
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.our-team:hover .social {
	height: 100%;
	opacity: 1;
	transform: translateY(-50%) rotate(0deg);
}
.our-team .social ul {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
}
.our-team .social ul li{
    display: inline-block;
}
.our-team .social ul li a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	color: #fff;
	background: #273272;
	font-size: 13px;
}
.our-team .social ul li a:hover {
	background: #fff;
}
.our-team .team-content {
	padding: 25px 0 0;
}
.our-team .title {
	margin: 0 0 10px;
}
.our-team .title a {
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
}
.our-team .post {
	font-size: 16px;
	color: #848484;
	font-weight: 400;
}
/*
======================================
Team Details Area CSS
======================================
*/
.team-details-area .social {
    text-align: center;
    margin-top: 30px;
}
.team-details-area .social li {
	display: inline-block;
}
.team-details-area .social li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #273272;
	color: #fff;
	border-radius: 50%;
}
.team-details h3 {
	font-size: 25px;
	font-weight: 700;
}
.team-details span {
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}
.team-details .blockquote {
	padding: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	background: #fff3f3;
}
.team-details .blockquote-footer {
	margin-top: 10px;
	font-weight: 600;
}
.team-contact-info .box {
	margin-top: 30px;
	text-align: center;
	background: #fff3f3;
	padding: 20px 15px;
}
.team-contact-info .box i {
	font-size: 35px;
	margin-bottom: 20px;
}
.team-contact-info .box h6 {
	line-height: 1.5;
}
.team-details .quick-contact {
	margin-top: 30px;
}
.team-details .quick-contact h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 25px;
}
.team-details .quick-contact .form-control {
	border: 1px solid #eee;
}
.team-details-img {
    text-align: center;
}
/*
======================================
Portfolio Area CSS
======================================
*/
.shorting-menu {
	text-align: center;
	margin-bottom: 30px;
}
.shorting-menu .filter {
    border: 1px solid #ebebeb;
    background: transparent;
    padding: 7px 20px;
    text-transform: capitalize;
    font-size: 15px;
    cursor: pointer;
    -o-transition: .4s;
    -ms-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    border-radius: 30px;
    font-weight: 700;
    color: #273272;
    margin-bottom: 10px;
}
.shorting-menu .filter.active {
	box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);
	color: #fff;
}
.shorting-menu .filter:hover {
	box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);
	color: #fff;
}
.shorting .mix {
    display: none;
}
.single-portfolio {
	text-align: center;
	margin-bottom: 30px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.single-portfolio figure {
	margin: 0;
	position: relative;
	overflow: hidden;
}
.single-portfolio figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.single-portfolio:hover figure img {
	transform: scale(1.3);
}
.single-portfolio figure .list-overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #273272;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.single-portfolio:hover figure .list-overlay {
	opacity: .66;
	visibility: visible;
}
.single-portfolio .link-view {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
	visibility: hidden;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.single-portfolio:hover .link-view {
    transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.single-portfolio .link-view a {
	width: 40px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	border-radius: 50%;
    display: inline-block;
}
.single-portfolio .link-view a:hover {
	background: #fff;
}
.portfolio-content {
	background: transparent;
	padding: 20px;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.single-portfolio:hover .portfolio-content {
    background: #e8ecec;
}
.portfolio-content h3 a {
	font-size: 22px;
	font-weight: 700;
}
.portfolio-content h3 i {
	font-size: 24px;
    margin-right: 4px;
}
.portfolio-content p {
	margin-top: 20px;
}
.modal-dialog {
	max-width: 800px;
	margin: 0 auto;
}
.modal-content {
	text-align: center;
}
.modal-body {
	padding: 35px;
}
.modal-body h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
}
.modal-body p {
	margin-top: 25px;
}
.modal button.close {
    position: absolute;
    right: 0;
    height: 30px;
    width: 30px;
    z-index: 5;
    background: #ff4e00;
    color: #fff;
    font-weight: normal;
    opacity: 1;
}
.modal button.close:hover {
    background-color: #222;
    color: #fff;
    opacity: 1;
}
/*
======================================
Portfolio Details Area CSS
======================================
*/
.portfolio-details-content {
    margin-top: 25px;
}
.portfolio-details-content .title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 25px;
	line-height: 1.2;
}
.portfolio-details-content p {
	margin-top: 20px;
}
.portfolio-details-content ul {
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 20px 25px;
	background: #fff3f3;
	border-left: 4px solid;
}
.portfolio-details-content ul li {
	margin-bottom: 10px;
	font-weight: 700;
	padding-left: 20px;
    position: relative;
}
.portfolio-details-content ul li:last-child {
	margin-bottom: 0;
}
.portfolio-details-content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
.related-project {
	margin-top: 50px;
}
.related-project .single-portfolio {
	margin-bottom: 0;
}
.related-project .single-portfolio:hover .portfolio-content {
	background: transparent;
}
.side-bar .project-info ul li {
	margin-bottom: 10px;
	font-weight: 700;
}
.side-bar .project-info ul li:last-child {
	margin-bottom: 0;
}
.side-bar .project-info ul li span {
	font-weight: 400;
}
p.mt-10 {
    margin-top: 10px;
}
/*
======================================
Contact Area CSS
======================================
*/
.map-box {
	position: relative;
    margin-bottom: 80px;
}
#map {
	height: 400px;
	width: 100%;
}
.contact-area .contact-info {
	position: absolute;
	top: 23px;
	left: 20px;
	background: #fff;
	padding: 30px 30px;
}
.contact-info .info-box {
	overflow: hidden;
	margin-bottom: 25px;
}
.contact-info .info-box .icon {
	float: left;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 41px;
	font-size: 25px;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.contact-info .info-box:hover .icon {
    color: #fff;
}
.contact-info .info-box .content {
	padding-left: 70px;
}
.contact-info .info-box .content h5 {
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 18px;
}
.contact-info .info-box .content p span {
	display: block;
}
.get-in-touch .title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
}
.get-in-touch .text span {
	display: block;
	margin-top: 15px;
}
.get-in-touch .stay-connected {
	margin-top: 25px;
}
.get-in-touch .stay-connected li {
	margin-bottom: 10px;
}
.get-in-touch .stay-connected li:last-child {
	margin-bottom: 0;
}
.get-in-touch .stay-connected li a {
	font-weight: 700;
}
.get-in-touch .stay-connected li a i {
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border: 1px solid;
	font-size: 20px;
	border-radius: 50%;
	margin-right: 10px;
}
.list-unstyled li {
	color: #d9534f;
}
.get-in-touch .form-control {
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}
.get-in-touch .btn {
	margin-top: 15px;
}
/*
======================================
Pagination Area CSS
======================================
*/
.pagination-area {
	margin-top: 30px;
}
.page-link {
	width: 45px;
	height: 45px;
	padding: 0;
	margin: 0 5px;
	color: #848484;
	background-color: #fff;
	border-radius: 50% !important;
	text-align: center;
	line-height: 45px;
	font-size: 15px;
	box-shadow: 0 2px 10px 0 #d8dde6;
	border: none;
}
.page-link:hover, .page-link:focus {
	color: #fff;
}
.page-link:focus {
	box-shadow: none;
}
/*
======================================
Side Bar Area CSS
======================================
*/
.side-bar {
	padding: 30px 20px;
	background: #fff3f3;
}
.side-bar .widget {
	margin-bottom: 40px;
}
.side-bar .widget .title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
	position: relative;
}
.side-bar .widget .title::before {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 90px;
	height: 4px;
}
.sidebar-testimonials .feedback {
	background: #273272;
	text-align: center;
	padding: 20px 15px 50px;
}
.sidebar-testimonials .feedback img {
	width: 75px;
	display: inline-block;
}
.sidebar-testimonials .feedback span {
	display: block;
	color: #fff;
	margin: 10px 0 15px;
	font-size: 25px;
}
.sidebar-testimonials .feedback p {
	color: #fff;
	font-size: 14px;
}
.sidebar-testimonials .owl-theme .owl-nav [class*="owl-"] {
	background: transparent;
	left: -40px;
	right: 0;
	margin: 0 auto 0 auto;
	top: auto;
	bottom: 15px;
	font-size: 20px;
	width: auto;
	height: auto;
	line-height: 1;
}
.sidebar-testimonials .owl-theme .owl-nav .owl-next {
	right: -55px;
}
.brochure .btn {
	display: block;
	border-radius: 0;
	text-align: left;
	padding: 10px 15px;
	position: relative;
}
.brochure .btn i {
	position: absolute;
	right: 15px;
	top: 15px;
}
.brochure .btn-primary:hover, .brochure .btn-primary:focus {
	border-top: 1px solid #fff;
}
.side-bar .quick-contact {
	background: #fff;
	padding: 20px;
}
.side-bar .quick-contact h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}
.side-bar .quick-contact p {
	margin-bottom: 15px;
}
.search-box form {
	position: relative;
}
.search-box .btn {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	height: 45px;
	width: 60px;
	padding: 0;
}
.side-bar .latest-post .single-post {
	overflow: hidden;
    position: relative;
    padding-left: 130px;
	margin-bottom: 30px;
}
.side-bar .single-post .img {
    width: 115px;
    position: absolute;
    left: 0;
    top: 0;
}
.side-bar .single-post .content ul li {
	display: inline-block;
	font-size: 15px;
	color: #848484;
	margin-right: 10px;
}
.side-bar .single-post .content ul li:last-child {
	margin-right: 0;
}
.side-bar .single-post .content ul li a {
	font-size: 14px;
}
.side-bar .single-post .content h4 {
	margin-top: 5px;
	line-height: 1.5;
}
.side-bar .single-post .content h4 a {
	font-size: 15px;
	font-weight: 700;
    display: inline-block;
}
.side-bar .categories ul li {
	margin-bottom: 12px;
}
.side-bar .categories ul li:last-child {
	margin-bottom: 0;
}
.side-bar .categories ul li a {
	font-weight: 700;
}
.side-bar .popular-tags ul li {
	display: inline-block;
	margin-top: 5px;
}
.side-bar .popular-tags ul li a {
	border-bottom: 4px solid #273272;
	font-weight: 600;
	padding: 6px 14px;
    display: inline-block;
}
.side-bar .popular-tags ul li a:hover {
	color: #fff;
}
.side-bar .share-links ul li {
	display: inline-block;
}
.side-bar .share-links ul li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #273272;
	color: #fff;
	font-size: 17px;
}
/*
======================================
Error Area CSS
======================================
*/
.error-area {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.error {
	text-align: center;
}
.error h2 {
	font-size: 100px;
	font-weight: 700;
}
.error h4 {
	font-size: 30px;
	font-weight: 700;
	margin-top: 35px;
	margin-bottom: 15px;
}
.error p {
	margin-bottom: 25px;
}
/*
======================================
FAQ Area CSS
======================================
*/
.single-questions {
	margin-bottom: 30px;
}
.single-questions h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.faq-contact {
	text-align: center;
	margin-top: 40px;
	padding: 40px 30px;
	background-image: url(../../assets/img/home-bg1.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.faq-contact::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .66;
}
.faq-contact h3 {
	font-size: 25px;
	margin-bottom: 35px;
	text-transform: capitalize;
	font-weight: 700;
	color: #fff;
	position: relative;
}
.faq-contact .btn {
	margin-top: 20px;
}
/*
======================================
Get Qoute Area CSS
======================================
*/
.get-quote-area h3 {
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.get-quote-area .form-control {
	border: 1px solid #eee;
}
.get-quote-area .btn {
    margin-top: 20px;
}
.get-qoute-img {
	margin-top: -52px;
	position: relative;
	overflow: hidden;
}
.get-qoute-img .animation-shape div img {
	height: 55px;
}
.get-qoute-img .animation-shape .shape5 {
	top: 29%;
	left: 0;
}
.get-qoute-img .animation-shape .shape6 {
	right: 0;
}
.get-qoute-img .animation-shape .shape7 {
	left: 0;
}
.get-qoute-img .animation-shape .shape8 {
	right: 0;
}
.get-qoute-img .animation-shape .shape9 {
	left: 0;
}
.get-qoute-img .animation-shape .shape11 {
	left: 50px;
	bottom: 0;
}
.get-qoute-img .animation-shape .shape12 {
	right: 0;
}
.get-qoute-img .animation-shape .shape13 {
	top: 11%;
}
.get-qoute-img .animation-shape .shape14 {
	bottom: 0;
	right: 0;
}
/*
======================================
Login Area CSS
======================================
*/
.login-area {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.login {
	text-align: center;
	max-width: 840px;
	margin: 0 auto;
	box-shadow: 0 5px 15px 0 #d8dde6;
	padding: 50px;
    border-radius: 10px;
    position: relative;
}
.login h3 {
	font-weight: 700;
	margin-bottom: 30px;
	text-align: left;
}
.login .form-control {
	background: #eee;
	border-radius: 30px;
	height: 55px;
}
.login .btn {
	display: block;
	width: 100%;
	border-radius: 30px;
	height: 45px;
	text-transform: uppercase;
}
.login h5 {
	margin-top: 20px;
	text-align: left;
	font-size: 16px;
	color: #666666;
}
.login h5 a {
	font-size: 16px;
}
.login h6 {
	position: absolute;
	bottom: -30px;
	right: 16px;
}
/*
======================================
Register Area CSS
======================================
*/
.register-area {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.register {
	text-align: center;
	max-width: 660px;
	margin: 0 auto;
	box-shadow: 0 5px 15px 0 #d8dde6;
	padding: 50px;
	border-radius: 10px;
	position: relative;
}
.register h3 {
	font-weight: 700;
	margin-bottom: 30px;
}
.register h5 {
	margin-top: 20px;
	text-align: left;
	font-size: 16px;
	color: #666666;
}
.register h5 a {
	font-size: 16px;
}
.register .form-control {
	border: 1px solid #eee;
	border-radius: 30px;
}
.register .btn {
	display: block;
	width: 100%;
	border-radius: 30px;
}
/*
======================================
Footer Area CSS
======================================
*/
.footer-area {
    padding-bottom: 0;
}
.footer-area .logo {
	margin-top: 13px;
}
.footer-area .contact-info {
	text-align: right;
}
.footer-area .contact-info ul li {
	display: inline-block;
	text-align: left;
	position: relative;
	margin-left: 15px;
	background: #fff;
	padding: 10px 20px;
}
.footer-area .contact-info ul li:first-child {
	margin-left: 0;
}
.footer-area .contact-info ul li .icon {
	position: absolute;
	left: 20px;
	top: 18px;
}
.footer-area .contact-info ul li .text {
	text-align: left;
	padding-left: 45px;
}
.footer-area .contact-info .icon img {
	height: 35px;
}
.footer-area .contact-info ul .text span {
	font-size: 14px;
	font-weight: 700;
	color: #273272;
}
.footer-area .contact-info .text p a {
	font-size: 17px;
	font-weight: 700;
}
.footer-area .contact-info li:last-child .text span {
	color: #fff;
}
.footer-area .contact-info li:last-child .text p a {
	color: #273272;
}
.footer-area .contact-info ul li:last-child .text {
	padding-left: 58px;
}
.footer-area .border {
	border-color: #e6dddd !important;
	margin: 30px 0;
}
.single-footer .title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
    margin-top: 10px;
}
.single-footer ul li {
    margin:20px 30px 0 10px;
    float:left;
    cursor: pointer;
}
.single-footer ul li h5{
    margin-bottom: 10px;
}
.single-footer ul li a {
    font-size: 16px;
    font-weight: 700;
}
.single-footer .single-post {
	margin-bottom: 20px;
	overflow: hidden;
}
.single-footer .single-post .img {
	float: left;
}
.single-footer .single-post .content {
	padding-left: 95px;
}
.single-footer .single-post .content h3 {
	line-height: 1.4;
}
.single-footer .single-post .content h3 a {
	font-weight: 700;
    display: inline-block;
}
.single-footer .single-post .content span {
	font-size: 14px;
	color: #273272;
	font-weight: 400;
}
.newsletter {
	text-align: center;
	margin: 50px auto 0;
	max-width: 630px;
}
.newsletter h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}
.newsletter form {
	position: relative;
}
.newsletter form .form-control {
	border-radius: 30px;
	height: 50px;
}
.newsletter form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 30px;
	height: 50px;
}
.copyright-area {
	padding: 30px 0;
	margin-top: 80px;
	background: #273272;
}
.copyright-area p {
	color: #fff;
	font-size: 18px;
}
.copyright-area p a {
	color: #fff;
}
.copyright-area ul {
	text-align: right;
}
.copyright-area ul li {
	display: inline-block;
	margin-left: 10px;
}
.copyright-area ul li:first-child {
	margin-left: 0;
}
.copyright-area ul li a {
	color: #fff;
	font-size: 20px;
}
/*
======================================
Go Top CSS
======================================
*/
.go-top {
	position: fixed;
	cursor: pointer;
	bottom: 0px;
	right: 20px;
	font-size: 25px;
	color: #fff;
	background-color: #000;
	z-index: 1;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 35px;
	border-radius: 50%;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.go-top:hover {
	color: #fff;
}
.probootstrap-chrome {
    background: #ff6600;
    padding: 15px;
    border-radius: 5px 5px 0 0;
    position: relative;
}
.probootstrap-chrome div{
    overflow: hidden;
}
.probootstrap-chrome span {
    width: 5px;
    height: 5px;
    display: block;
    float: left;
    margin-right: 4px;
    background: #fff;
    border-radius: 50%;
}
.probootstrap-images-list{
    position: relative;
}
.probootstrap-images-list li{
    position: absolute;
    left: 0;
    top: 0;
}
.probootstrap-animate {
    /*opacity: 0;*/
    /*visibility: hidden;*/
}

.probootstrap-showcase-nav {
    margin-top: 30px;
}
.probootstrap-showcase-nav ul {
    padding: 0;
    margin: 0;
}
.probootstrap-showcase-nav ul li {
    margin: 0 0 15px;
    padding: 0 0 0 20px;
    list-style: none;
}
.probootstrap-showcase-nav ul li>a {
    color: rgba(0,0,0,.5);
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.probootstrap-hero p:last-child {
    margin-bottom: 0;
}
.probootstrap-showcase-nav ul li.active {
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
}
.probootstrap-showcase-nav ul li.active>a {
    color: #ff6600;
    padding-left: 0;
    display: block;
}
.probootstrap-showcase-nav ul li.active p {
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}
.probootstrap-showcase-nav ul li p {
    display: none;
    font-size: 16px;
}
.col-md-pul-4{
    height: 500px;
}
.probootstrap-image-showcase>ul>li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.probootstrap-image-showcase>ul>li img {
    max-width: 100%;
}
.probootstrap-image-showcase>ul>li.active {
    opacity: 1;
    visibility: visible;
}
.owl-carousel {
   position: relative;
}
.owl-controls{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
/*.owl-prev{
	left: 0;
	right: 0;
}*/
/*.owl-next{
	right: 20px;
}*/
.owl-carousel .owl-nav .owl-prev{
	left: 3%;
}
.owl-carousel .owl-nav .owl-next{
	right: 3%;
}
.header_erweima{
    width: 14%;
    margin-top: -8px;
}
.header_erweima > div{
    width: 46%;
    float: left;
    margin-right: 4%;
    position: relative;
}
.header_erweima > div:nth-child{
    margin-right: 0;
}
.header_erweima > div p{
    font-size: 12px;
    text-align: center;
}
.header_erweima > div > img{
    width: 70%;
    display: block;
    margin: 0 auto;
}
.header_erweima > div > div{
    width: 100px;
    position: absolute;
    display: none;
    transition: all 0.3s;
    background: #fff;
    padding-bottom: 5px;
    left: -30%;
    z-index: 99999;
}
.header_erweima > div:hover > div{
    transition: all 0.3s;
    display: block;
}
.footer-erweima{
    display: none;
}
.middle-right > li > div > img,.logo > a > img{
    width: 70%;
}
@media (min-width: 992px) {
    .col-md-pul-8{
        left: 66.66666667%;
    }
    .col-md-pul-4 {
        right: 33.33333333%;
    }
    .header .container .row .col-lg-9 {
        max-width: 60%;
        padding: 0;
    }
}
@media screen and (max-width: 1024px) {
    .header-middle .middle-right {
        width: 115%;
    }
}
@media screen and (max-width: 992px) {
    .header_erweima{
        display: none;
    }
}
@media screen and (max-width: 769px) {
    .ptb-80 {
         padding-top: 20px;
         padding-bottom: 20px;
    }
    .cebian{
        height: 590px;
    }
    .footer-erweima{
        width: 74%;
        overflow: hidden;
        display: block;
        margin: 10px auto 0;
    }
    .footer-erweima > div{
        width: 42%;
        float: left;
        margin-right: 16%;
    }
    .footer-erweima > div:last-child{
        margin-right: 0;
    }
     .footer-erweima > div > p{
        text-align: center;
     }
 /*   .owl-next{
		left: 0;
		right: 20px;
	}*/

}
@media screen and (max-width: 480px) {
    
    .play {
        position: relative;
        height: 240px;
        background-repeat: no-repeat;
    }
	.main-banner {
	    /*height: 225px;*/
	}
    .cebian {
        height: 486px;
    }
    
}