/*
Theme Name: Template Name - Creative Business multipurpose HTML Template
Theme URI: http://theimran.com/themeforest/
Author: Abdullah Al Imran
Author URI: http://theimran.com/
Description: Template Name – Creative Business multipurpose HTML Template is especially designed for business niche companies. That contains everything any business needs.
Version: 1.0
*/

/**
 *** Table of Content ***
 * reset css
 * Topbar css
 * Menu Section
 * Search Box
 * Home Section
 * call to action css
 * Services Section
 * About Us Section
 * Team Section
 * CounterUp Section
 * Projects Section
 * Contact US Section
 * Footer Sectoin
 * Copyright Section
 * *** Other CSS ***
 * Content Slider CSS
 * Background Image CSS
 * Background Slider Parallax CSS
 * *** pages css ****
 * blog page css
 * blog page css
 * single page css
 **/

/*topbar css*/

@import url(hover.css);
.topbar {
    background-color: #222;
    padding: 0px 0;
}

.topbar-left a {
    color: #fff;
    padding-right: 30px;
    font-size: 14px;
}

.topbar-left {
    padding-top: 10px;
}

.topbar-right .select select {
    background-color: transparent;
    color: #fff;
    border: 0;
    -webkit-appearance: none;
    width: 100%;
    padding-right: 30px;
    -moz-appearance: none;
}

.topbar-right .select {
    padding: 8px 30px;
    border: 1px solid #383838;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    padding-right: 0;
    z-index: 1;
}

.select:before {
    position: absolute;
    content: "\f107";
    font-family: fontawesome;
    right: 10px;
    color: #fff;
    z-index: -1;
}

.select:after {
    content: "\f0ac";
    position: absolute;
    left: 10px;
    top: 8px;
    font-family: fontawesome;
    color: #fff;
}

.topbar-right .select select option {
    color: #222;
}
/*end of topbar css*/

/*logo and information*/
.right-information{text-align: center;}
.logo-and-information {
    background: #2187f9;
    color: #fff;
    padding: 30px 0
}

.single-information .icon {
    float: left;
    margin-right: 20px;
    width: 50px;
}

.single-information .information {
    
}

.single-information .information h4 {
    font-size: 18px;
}

.single-information {
    display: inline-block;
    padding-right: 35px;
    border-right: 1px solid #9454fe;
    margin-right: 35px;
}

.single-information:last-child {
    border-right: 0;
    padding-right: 0;
    padding-left: 20px;
    margin-right: 0;
}

.single-information:last-child .icon {
    margin-right: 0;
}
/*end of logo and infomarmation area*/

/*start menu area*/
nav.menu-area {
    padding: 10px 0;
}

#cssmenu > ul > li > a {
    color: #2187f9;
    padding: 25px 20px;
    font-size: 16px;
    font-weight: 500
}

#cssmenu > ul li ul {
    z-index: 55;
}

#cssmenu li:hover > ul > li {
    height: 45px
}

#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    padding: 15px 15px;
    width: 170px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    background: #2187f9;
    text-transform: uppercase;
}

div#cssmenu {
    background: #fff;
    
}

div#cssmenu > ul > li > a:hover,
div#cssmenu > ul > li > a:focus,
div#cssmenu > ul > li > a:active {
    color:  #2187f9;
}

div#cssmenu > ul > li:hover > a {
    color:  #2187f9
}

ul.get-a-quote a {
    background-color: #ffc107;
    display: inline-block;
    text-align: center;
    padding: 15px 30px;
    color: #fff;
    border-radius: 50px;
    font-weight: 700;
    margin-top: 6px;
    -webkit-transition: .4s;
    transition: .4s
}

ul.get-a-quote a:hover {
    background-color: #2187f9;
}
/*end of menu area*/

/*start slider one css*/

.slider-one-item {
    position: relative;
}

.slider-one-img {
    background-size: cover;
}

.slider-one-content {
    position: absolute;
    width: 100%;
    top: 0;
    text-align: left;
    display: table;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

h2.main-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 50px;
    margin-bottom: 15px;
    line-height: 50px;
}

p.main-paraggrap {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
}

.slider-one-item:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*content: "";*/
    background: -webkit-linear-gradient(left, rgba(34, 34, 34, .6), rgba(34, 34, 34, .1));
    background: linear-gradient(to right, rgba(34, 34, 34, .6), rgba(34, 34, 34, .1));
    position: absolute;
}

.button {
    width: 180px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    background: #2187f9;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    border: 1px solid #2187f9;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}

.welcome-button {
    margin-top: 50px;
}

.welcome-button.animated {

    -webkit-animation-delay: .8s;

            animation-delay: .8s
}

.welcome-button .button-primary {
    margin-right: 15px;
}

.button.button-primary:hover {
    background: #ffc107;
    color: #fff;

}

.button.button-secondary {
    background: #ffc107;
    color: #fff;
    -webkit-animation-delay: .12s;
            animation-delay: .12s;
    border: 1px solid #ffc107
}

.button.button-secondary:hover {
    background: #2187f9;
    color: #fff;
    border-color: #2187f9
}

.hvr-bounce-to-right:before {
    border-radius: 50px;
    background: #2187f9;
    -webkit-transform-origin: center;
            transform-origin: center;
}

/*owl button*/

.slider-one-active .owl-nav div {
    width: 50px;
    line-height: 50px;
    text-align: center;
    background: #56757f;
    border-radius: 50%;
    font-weight: 700;
    color: #003445;
    font-size: 25px;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-transition: .4s;
    transition: .4s
}

.slider-one-active .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
}

.slider-one-active .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
}

.slider-one-active .owl-nav div:hover {
    background: #76B947;
    color: #003445;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
/*end of owl carouse */

/*start featured area*/

section.featured-area.section-padding {
    padding-bottom: 70px
}

.featured-area {
    background-color: #f7f7f7;
}

.section-title h2 {
    color: #2187f9;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
}

.section-title h2 span {
    color: #2187f9;
}

.section-title {
    margin-bottom: 50px;
    color: #2187f9;
}

.featured-img {
    width: 520px;
    position: relative;
    overflow: hidden;
background: #FFF;
}
.featured-image { 
display: table-cell; 
position: relative; 
transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
vertical-align: middle; 
z-index: 1; 
color: #2187f9; 
text-decoration: none; 
opacity: 0; 
padding: 10%;
width: 520px;
height: 332px; 
} 
.featured-image:hover { 
opacity: 0.9; 
color: #2187f9; 
background:#FFF; 
} 
.post-thumbnail img { 
display: block; 
} 
.single-featured:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

.featured-img img {
    -webkit-transition: .4s;
    transition: .4s;
    width: 520px;
height: 322px;
}
.content-wrap { 
padding: 0; 
position: absolute; 
text-align: center; 
width: 100%; 
top: 0; 
bottom: 0; 
display: table-cell; 
vertical-align: middle; 
overflow: hidden; 
} 
.featured-content h4 {
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.featured-content p {
    margin-bottom: 15px;
}

.featured-content a {
    color: #2187f9;
    font-weight: 600
}

.featured-content a span {
    margin-left: 5px;
    vertical-align: middle;
}

.single-featured {
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 30px;
}

.featured-content {
    padding-top: 15px;
}
/*end of featured area*/

/*start what you are looking for section*/

section.what-are-you-looking-for {
    background-image: url(../img/what-bg-img.jpg);
    position: relative;
    background-size: cover;
}

section.what-are-you-looking-for.section-padding {
    padding: 60px 0;
}

.what-are-you-looking-content {
    padding-top: 50px;
}

section.what-are-you-looking-for:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color:#415b78;
    left: 0;
    top: 0;
    opacity: 0.5;
}

.what-are-you-looking-content {
    color: #fff;
    text-align: center;
}

.what-are-you-looking-content h3 {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 900;
}

.what-are-you-looking-content p {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 16px;
}

.single-what-are-you-looking {
    float: left;
    width: 23%;
    margin-right: 20px;
    margin-top: 20px
}

.single-what-are-you-looking:last-child {
    margin-right: 0;
}

.single-what-are-you-looking .icon {
    margin-bottom: 10px;
}

.single-what-are-you-looking .content p {
    font-size: 17px;
    margin-bottom: 0
}


.request-form {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 20px;
}

h4.form-title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    color: #333;
    font-size: 18px;
    font-weight: 900;
}

.single-form {
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-right: 10px;
}

.single-form label {
    display: block;
    height: 40px;
    padding-left: 10px;
    border-bottom: 1px solid #f7f7f7;
    padding-top: 6px;
    margin-bottom: 0;
    font-weight: 700;
    color: #878787;
    font-size: 14px;
}

.row.form-row .col-md-6:last-child .single-form {
    margin-right: 0;
}

.single-form input {
    height: 50px;
    width: 100%;
    border: 0;
    padding-left: 10px;
}

.single-form .select select {
    width: 100%;
    border: 0;
    height: 50px;
    padding-left: 10px;
    -webkit-appearance: none;
    background-color: transparent;
}

.single-form .select {
    position: relative;
    z-index: 4;
    background: #fff;
}

.single-form .select:before {
    color: #333;
    top: 15px;
    content: "\f0d7";
}

.single-form .select:after {
    display: none;
}

button.submitbtn {
    background: #2187f9;
    color: #fff;
    width: 100%;
    height: 50px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s
}

button.submitbtn.hvr-bounce-to-right:before {
    background-color: #fff;
    border-radius: 0;
}

button.submitbtn.hvr-bounce-to-right:hover {
    color: #000
}

/*end of what you are looking for section*/

/*start news section*/

.single-news .content h4 {
    color: #333;
    font-size: 18px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    font-weight: 700;
    -webkit-transition: .4s;
    transition: .4s
}
.single-news .content h4:before {
    position: absolute;
    content: "";
    background-color: #2187f9;
    height: 2px;
    width: 50px;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.single-news .content {
    color: #878787;
    padding: 20px;
}

.single-news .content p {
    margin-bottom: 20px;
}

.single-news .content a {
    color: #333333;
    font-weight: 600;
    -webkit-transition: .4s;
    transition: .4s
}

.single-news {
    box-shadow: 0px 2px 3px rgba(61, 54, 73, .1);
    border-radius: 4px;
    -webkit-transition: .4s;
    transition: .4s
}

.news-thumbnil img {
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px;
}

.single-news:hover img {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}

.single-news:hover .news-thumbnil {
    border-radius: 10px
}

.news-thumbnil {
    position: relative;
    overflow: hidden;
}

.single-news:hover h4:before {
    width: 100px;
    background: #ffc107;
}

.single-news:hover h4,
.single-news:hover a {
    color: #2187f9
}

.single-news-recent {
    margin-bottom: 20px;
}

.single-news-recent .news-recent-img {
    float: left;
    width: 100px;
    margin-right: 20px;
}

.single-news-recent .content h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333
}

.single-news-recent .content {
    margin-left: 120px;
}
/*end of news section*/

/*start feel proud section*/

section.feel-proud.section-padding {
    padding: 60px 0;
    position: relative;
    background-size: cover;
}

section.feel-proud.section-padding:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: #2187f9;
    opacity:0.5;
}

.feel-proud-content h2 {
    margin-bottom: 20px;
    font-weight: 900;
}

.feel-proud-content {
    color: #fff;
    margin-top: 20px;
}

.feel-proud-content p {
    margin-bottom: 10px;
    font-size: 16px;
}

.feel-proud-content ul {
    margin-top: 30px;
}

.feel-proud-content ul li {
    position: relative;
    padding-left: 25px;
}

.feel-proud-content ul li:before {
    position: absolute;
    content: "\f058";
    left: 0;
    font-family: fontawesome
}
/*end of feel proud section*/

/*start client section*/

section.section-padding.free-quently-ask-question {
    background-color: #f4f4f4;
}

.teamslider-active .owl-stage {
    padding-bottom: 20px;
}

.single-title h2 {
    margin-bottom: 35px;
    font-size: 30px;
    font-weight: 400;
}

.customer-slider {
    background-color: #fff;
    padding: 50px 20px;
    padding-bottom: 40px;
}

.single-customer p {
    font-style: italic;
}

.client-information .client-img {
    float: left;
    width: 60px;
    margin-right: 20px;
}

.client-information {
    overflow: hidden;
    margin-top: 30px;
}

.client-name-title h5 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}


.customer-slider .owl-nav {
    width: 140px;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 47px;
}

.customer-slider .owl-nav div {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    background-color: #d0d0d0;
    color: #fff;
    margin-right: 6px;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 20px
}

.customer-slider .owl-nav div:hover {
    background: #ffc107;
}
/*end of client section*/

/*accordion*/

.accourdion .card-header {
    padding: 0;
    background: #fff;
    border-bottom: 0;
    box-shadow: 0px 2px 3px rgba(61, 54, 73, .1);
}

.accourdion .card-header .btn.btn-link {
    display: block;
    cursor: pointer !important;
    width: 100%;
    text-align: left;
    font-size: 20px;
    color: #333333;
    padding: 10px 40px;
    position: relative;
    white-space: pre-line;
}

.accourdion .card-header .btn.btn-link:hover,
.accourdion .card-header .btn.btn-link:active,
.accourdion .card-header .btn.btn-link:focus {
    text-decoration: none;
}

.accourdion .card {
    border-radius: 0;
    border: 0;
    margin-bottom: 10px;
    background-color: transparent;
}

.accourdion .card .card-body {
    padding: 15px 0
}

button[aria-expanded="true"]:before {
    position: absolute;
    content: "\f146";
    left: 10px;
    font-family: fontawesome;
    color: #666666;
    top: 13px;
}

button[aria-expanded="false"]:before {
    position: absolute;
    content: "\f0fe";
    left: 10px;
    font-family: fontawesome;
    color: #666666;
    top: 13px;
}
/*end of accordion*/

/*start team area*/

.team-section .section-title h2 {
    text-transform: capitalize;
}

.team-details h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #2187f9;
    font-weight: 700;
}

.team-img {
    margin-bottom: 20px;
    
}
.team-img:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.team-img a{
	float: left;
	position: relative;
	overflow: hidden;
}
.team-img img {
    -webkit-transition: .4s;
    transition: .4s;
}

.team-img div{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	opacity: 0.8;
	background: #FFF;
}
.team-social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;
    border: 1px solid #dfdfdf;
    color: #9e9e9e;
    font-size: 14px;
    -webkit-transition: .4s;
    transition: .4s
}

.team-social a:hover {
    background: #2187f9;
    color: #fff;
}

.team-social {
    margin-top: 20px;
}

.team-content {
    padding-left: 20px;
}

.single-team {
    box-shadow: 0px 2px 3px rgba(61, 54, 73, .1);
}
/*end of team area*/

/*start counter section*/

section.counter-area {

    padding: 50px 0;
    background-size: cover;
    position: relative;
}

section.counter-area:before {
    position: absolute;
    content: "";
    background-color: rgba(28, 40, 56, .9);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.single-count {
    color: #fff;
}

.single-count h2 {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 10px;
}

.single-count h4 {
    font-size: 18px;
    font-weight: 400;
}
/*end of counter section*/

/*start featured news section*/

.news-meta span a,.news-meta{
    color: #2187f9;
}

.news-meta > span {
    margin-right: 15px;
}

.news-meta span span {
    color: #2187f9;
}

.news-meta {
    margin-bottom: 10px;
}

.featured-news-img {
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 5px;
}

.featured-news-img img {
    -webkit-transition: .4s;
    transition: .4s;
}

.single-featured-news:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

.featured-news-content h2 {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    -webkit-transition: .4s;
    transition: .4s
}

.single-featured-news:hover h2 {
    color: #2187f9
}

.featured-news-content a.read-more {
    color: #333;
    font-weight: 700;
    margin-top: 20px;
    display: block;
    \ font-size: 16px
}

section.featured-news.section-padding {
    background-color: #f7f7f7;
}

.single-title.featuerd-title h2 {
    position: relative;
    padding-bottom: 20px;
        color: #2187f9;
}

.single-title.featuerd-title h2:before {
    position: absolute;
    content: "";
    background-color: #363d2f;
    height: 2px;
    width: 70px;
    bottom: 0;
    left: 0;
}

.brand-slider .single-brand {
    line-height: 200px;
}

.brand-slider .single-brand img {
    width: auto;
    max-width: 100%
}

section.brand-area {
    padding: 50px 0;
}
/*end of featured news section*/

/*start buy now section*/

section.buy-now-section {
    padding: 50px 0;
    background-image: url(../img/counter-bg.jpg);
    background-size: cover;
    position: relative;
}

section.buy-now-section:before {
    position: absolute;
    content: "";
    width: 70%;
    height: 100%;
    left: -120px;
    top: 0;
    background-color: #2187f9;
    -webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);
}

.buy-now-content {
    color: #fff;
}

.buy-now-btn {
    text-align: center;
    margin-top: 15px
}

.buy-now-btn a {
    background-color: #ffc107;
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    -webkit-transition: .4s;
    transition: .4s
}

.buy-now-btn a:hover {

    color: #fff;
}

.buy-now-content h2 {
    font-weight: 700;
    font-size: 30px;
}

.buy-now-content h4 {
    font-size: 20px;
    font-weight: 600;
}

footer.section-padding.footer-area {
    background-image: url(../img/footerbg.png);
    background-position: center center;
}

.footer-title img {
    margin-bottom: 30px;
}

.about-widget p {
    color: #736194;
    font-weight: 600;
    text-align: center;
}

.about-widget a {
    color: #2187f9
}

.footer-social {
    margin-top: 50px;
    float: left;
    padding-left: 30px;
    
}
.footer-social img{
	padding-bottom: 30px;
	margin: 0 auto;
	width: 120px;
}
    
.footer-social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50px;
    background-color: #2187f9;
    color: #fff;
    margin-right: 5px;
}

.footer-title h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 600;
    font-size: 25px;
    color: #b1aabd;
    height: 47px;
}

.footer-title h3:before {
    width: 100%;
    height: 1px;
    background-color: #372853;
    content: "";
    left: 0;
    bottom: 0;
    position: absolute;
}

.footer-title h3:after {
    width: 70px;
    height: 1px;
    position: absolute;
    content: "";
    background-color: #ffc107;
    bottom: 0;
    left: 0;
}

.footer-widget ul li a {
    color: #736194;
    line-height: 35px;
    font-size: 16px;
    -webkit-transition: .4s;
    transition: .4s
}

.footer-widget ul li a:hover {
    color: #2187f9;
}

.footer-address {
    color: #736194
}

.footer-address ul li {
    margin-bottom: 20px
}

.footer-address .icon {
    float: left;
    width: 30px;
    text-align: left;
}

.footer-address .content {
    padding-left: 30px;
}
/*end of buy now section*/

/*search form*/

.search-icon {
    cursor: pointer;
}

.search-box-area {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 5;
    display: table;
    visibility: hidden;
    -webkit-transition: 1s;
    transition: 1s
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.search-box-area input {
    width: 300px;
    height: 50px;
    padding-left: 20px;
    border: 0;
    box-shadow: 0px 2px 5px #ddd;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.search-box-area button {
    width: 70px;
    height: 50px;
    margin-left: -4px;
    background-color: #fff;
    box-shadow: 2px 3px 5px #ddd;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.cross-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    box-shadow: 0px 0px 5px #ddd;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
}

/*end of search form*/

/*left sidebar*/

h4.sidebar-title {
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
    color: #333333;
    font-size: 30px;
    font-weight: 400;
}

h4.sidebar-title:before {
    position: absolute;
    width: 70px;
    height: 1px;
    background-color: #2187f9;
    content: "";
    bottom: 0;
}

.single-sidebar ul li a {
    display: block;
    line-height: 50px;
    border: 1px solid #dddddd;
    padding-left: 20px;
    color: #666666;
    background-color: #f4f4f4;
    font-size: 18px;
    -webkit-transition: .4s;
    transition: .4s;
    position: relative;
}

.single-sidebar ul li a:before {
    position: absolute;
    content: "\f105";
    font-family: fontawesome;
    left: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff
}

.single-sidebar ul li a:hover {
    padding-left: 40px;
    background-color: #2187f9;
    color: #fff;
}

.single-sidebar ul li a:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 20px
}

.single-sidebar {
    margin-bottom: 50px;
}

.single-sidebar:last-child {
    margin-bottom: 0;
}

.brouchres a {
    display: block;
    line-height: 50px;
    background-color: #f4f4f4;
    padding-left: 20px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    color: #666666;
    font-size: 18px;
    -webkit-transition: .4s;
    transition: .4s
}

.brouchres a:hover {
    background: #2187f9;
    color: #fff
}

.brouchres a span {
    padding-right: 10px;
    font-family: fontawesome
}

.widget-recent-img {
    float: left;
    margin-right: 20px;
    width: 70px;
}

.widget-recent-content {
    padding-left: 90px;
}

.widget-recent-content a {
    color: #333333;
    margin-bottom: 5px;
    display: block;
    line-height: normal;
}

.widget-recent-content .metadate {
    color: #2187f9;
    font-family: fontawesome;
}

.widget-recent-news {
    margin-bottom: 20px;
}

.help-you-widget:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: rgba(116, 42, 239, .80);
}

.help-you-widget {
    background-image: url(../img/widget-3.jpg);
    padding-top: 51px;
    padding-bottom: 50px;
    padding-right: 20px;
    padding-left: 20px;
    color: #fff;
    position: relative;
    background-size: cover;
}

.help-you-content {
    position: relative;
    z-index: 5;
}


.help-you-content h2 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 30px;
}

.help-you-content p {
    font-weight: 600;
}

.help-you-content a {
    color: #2187f9;
    background-color: #fff;
    display: inline-block;
    padding: 15px 30px;
    margin-top: 30px;
    border-radius: 4px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
}
/*end of left sidebar*/

/*start page banner*/

section.page-banner {
    width: 100%;
    position: relative;
    height: 250px;
}

.display-table {
    height: 100%;
    width: 100%;
    display: table;
}

section.page-banner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: -webkit-linear-gradient(left, rgba(34, 34, 34, .6), rgba(34, 34, 34, .6));
    background: linear-gradient(to right, rgba(34, 34, 34, .6), rgba(34, 34, 34, .6));
}

.page-text h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 10px;
}

.page-text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

/*end of page banner*/

/*start about slider*/
section.about-us-page.section-padding{
    padding-bottom: 30px;
}
.about-slider .owl-nav div {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #2187f9;
    color: #fff;
    text-align: center;
    position: absolute;
    font-size: 30px
}

.about-slider .owl-nav div:hover {
    background: #fff;
    color: #2187f9;
}

.about-slider .owl-nav div.owl-prev {
    left: 0;
    top: 50%;
    margin-top: -25px;
}

.about-slider .owl-nav div.owl-next {
    right: 0;
    top: 50%;
    margin-top: -25px;
}

.about-us-content p {
    margin-bottom: 40px;
}

.about-slider {
    margin-bottom: 40px;
}

.about-title h2 {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    color: #333;
}

.about-title h2:before {
    position: absolute;
    width: 70px;
    height: 1px;
    background-color: #2187f9;
    content: "";
    bottom: 0;
    left: 0;
}
/*end of about slider*/

/*start ceo slider*/

.ceo-slider .ceo-comment {
    background-color: #2187f9;
    color: #fff;
    text-align: center;
    padding: 50px;
    padding-bottom: 70px
}

.ceo-slider .ceo-comment p {
    margin-bottom: 0;
}

.ceo-slider .owl-dots div {
    width: 10px;
    height: 10px;
    background-color: #b79de2;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50px;
}

.ceo-slider .owl-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

.ceo-slider .owl-dots div:last-child {
    margin-right: 0;
}

.ceo-slider .owl-dots div.active {
    background-color: #fff;
}

.about-img {
    margin-top: 30px;
    overflow: hidden;
}

.about-img img {
    -webkit-transition: .4s;
    transition: .4s;
}

.about-img:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

/*end of ceo slider*/

/*start company list*/

.single-company-features h4 {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 30px;
    color: #333;
}

.single-company-features h4 span {
    margin-right: 15px;
    background-color: #2187f9;
    color: #fff;
    padding: 5px 15px;
    position: relative;
}

.single-company-features h4 span:before {
    content: "";
    position: absolute;
    width: 10px;
    background-color: #2187f9;
    height: 10px;
    left: -5px;
    top: 13px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    z-index: -1;
}

.single-company-features {
    padding-left: 50px;
    border-left: 1px dashed #2187f9;
    position: relative;
}

.single-company-features h4 span:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: -61px;
    top: 7px;
    background-color: #2187f9;
    border-radius: 50px;
    border: 5px solid #b994f7;
}

.single-company-features p {
    margin-bottom: 0;
    padding-bottom: 50px;
}

.about-img-list {
    margin-bottom: 70px;
}

.single-company-features:last-child:before {
    position: absolute;
    content: "";
    left: -4px;
    bottom: 0;
    background-color: #fff;
    width: 8px;
    height: 100%;
}

/*end of company list*/

/*start team page css*/

.team-page {
    background-color: #f4f4f4;
}

.team-page .single-team {
    margin-bottom: 30px;
    background: #fff;
}

.team-page.section-padding {
    padding-bottom: 70px;
}
/*end of team page css*/

/*start satisfaction area*/

.satisfaction-area {
    background-image: url(../img/satisfaction-bg.png);
    background-size: cover;
}

.satisfaction-content {
    color: #fff;
    text-align: center;
    font-size: 16px
}

.satisfaction-content img {
    margin-bottom: 20px;
}

.satisfaction-content h3 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 30px;
}

/*end of satisfaction area*/

/*start services area*/

.services-icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    position: relative;
    margin-top: -40px;
    top: -10px;
}

.single-services {
    background-color: #f4f4f4;
    margin-bottom: 30px;
}

section.services-page-area.section-padding {
    padding-bottom: 70px
}

.services-thumb {
    text-align: center;
    position: relative;
    /*background-image: url(../img/xidian.jpg);
    background-size:100% 100%;*/
  
}
.services-thumb img{
	width: 350px;
	height: 330px;
}
.service-content {
    padding: 20px;
}

.service-content h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
}

/*end of services area*/

/*start main features section*/

section.main-features {
    background-image: url(../img/main-f-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 50% 100%;
    position: relative;
}

section.main-features:before {
    position: absolute;
    width: 51%;
    right: 0;
    height: 100%;
    content: "";
    background-color: #2187f9;
    top: 0;
}

.the-main-features-title {
    margin-bottom: 40px;
}

.the-main-features-content {
    color: #fff;
}

.the-main-features-title h2 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 20px;
}

.single-main-features .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}

.single-main-features .content {
    padding-left: 90px;
}

.single-main-features .content h4 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 10px;
}

.single-main-features {
    margin-bottom: 25px;
}

.single-main-features:last-child {
    margin-bottom: 0
}

/*end of main features section*/

/*step shortcode*/

h3.heading-title {
    color: #333;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

h3.heading-title:before {
    position: absolute;
    width: 50px;
    bottom: 0;
    content: "";
    height: 1px;
    background-color: #2187f9;
    left: 0;
}

.about-us-content > img {
    margin-bottom: 30px;
}

.process-shortcode {
    margin-bottom: 50px;
}

.process-shortcode .heading-title {
    margin-bottom: 40px;
}
/*end of step shortcode*/

/*video thumb shortcode*/

.video-thumb {
    position: relative;
}

.video-play-icon {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -35px;
    z-index: 5;
}
/*end of video thumb shortcode*/

/*speacility shortcode*/

.video-thumb {
    position: relative;
}

.video-play-icon {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -35px;
    z-index: 5;
}

.speciality-section {
    margin-top: 70px;
}

.speciality-section ul li span {
    color: #2187f9;
    margin-right: 10px;
}

.speciality-section ul li {
    line-height: 30px;
}

.about-us-content .accourdion p {
    margin-bottom: 0
}

/*start request page form*/

.single-request-input label {
    font-size: 16px;
    display: block;
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
}

.single-request-input input {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    border-radius: 4px;
    border: 1px solid #efefef;
    background-color: #f4f4f4;
}

.single-request-input {
    margin-bottom: 20px;
}

.single-request-select label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.single-request-select select {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #efefef;
    border-radius: 4px;
    background-color: #f4f4f4;
}

.single-request-select {
    margin-bottom: 20px;
}

.single-request-message {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.single-request-message label p {
    color: #666;
    font-weight: 400;
}

.single-request-message textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #efefef;
    background-color: #f4f4f4;
    padding: 10px;
}

.submit-button button {
    width: 200px;
    height: 50px;
    background-color: #2187f9;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
}

.submit-button button.hvr-bounce-to-right:hover {
    color: #fff
}

.submit-button button.hvr-bounce-to-right:before {
    background-color: #ffc107;
    border-radius: 4px;
}

.submit-button {
    margin-top: 20px;
}
/*end of request page form*/

/*start blog article section*/

.single-blog {
    margin-bottom: 50px;
}

a.blog-title {
    font-size: 30px;
    color: #333;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
    display: block;
}

.blog-thumb {
    position: relative;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-bottom: 30px;
}

.metadata span {
    color: #2187f9;
    font-size: 16px;
}

.metadata {
    margin-bottom: 20px;
}

.articale-date {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    font-weight: 900;
    background-color: #2187f9;
    color: #fff;
    border-top-left-radius: 5px;
}

.articale-date h3 {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
}

.blog-thumb img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

article.single-blog p {
    margin-bottom: 30px;
}

a.blog-read {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

/*end of article section*/

/*start blog pagination*/

.page-item:last-child .page-link {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.page-link {
    position: relative;
    display: block;
    padding: 0;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #666;
    font-weight: 600;
    font-size: 16px;
}

.page-link:hover {
    background: #fff;
    color: #2187f9;
    border: 1px solid #e8e8e8
}

.pagination li {
    display: inline-block;
    margin-left: -5px
}

.pagination {
    display: block;
}

form.search-form input {
    width: 85%;
    height: 50px;
    padding-left: 10px;
    border: 1px solid #e5e5e5;
    background-color: #f4f4f4;
    border-right: 0;
    float: left;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

form.search-form button {
    background: #f4f4f4;
    width: 15%;
    float: left;
    border: 1px solid #e5e5e5;
    height: 50px;
    border-left: 0;
    color: #666;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.single-right-sidebar {
    background-color: #f4f4f4;
    padding: 20px;
    margin-bottom: 20px
}

.single-right-sidebar.search {
    padding: 0;
    overflow: hidden;
}

.right-sidebar-title h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
}

.single-right-sidebar ul li a {
    color: #4d6078;
    line-height: 35px;
}

.single-right-sidebar ul li a:hover {
    text-decoration: underline;
    color: #2187f9;
}

h4.sidebar-title.right-sidebar-title {
    font-size: 18px;
    font-weight: 700;
}
/*end of blog pagination*/

/*single page css*/

.single-meta ul li {
    display: inline-block;
    margin-right: 30px;
    color: #333;
}

.single-meta ul li span {
    padding-right: 6px;
}

.single-meta {
    margin-bottom: 20px;
}

blockquote {
    text-align: center;
    font-style: italic;
    background: #2187f9;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    padding: 40px 20px;
    margin-bottom: 30px;
}

blockquote p {
    margin-bottom: 0 !important;
    line-height: 30px;
}
/*end of single blog page*/

/*start post meta*/

.post-share a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}

.post-share a.fa.fa-facebook {
    background-color: #3b5999;
    color: #fff;
}

.post-share a.fa.fa-twitter {
    background-color: #55acee;
    color: #fff;
}

.post-share a.fa.fa-linkedin {
    background-color: #0077b5;
    color: #fff;
}

.post-share a.fa.fa-pinterest {
    background-color: #bd081c;
    color: #fff;
}

.post-share a.fa.fa-google-plus {
    color: #fff;
    background: #e4405f;
}

.post-share span {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-right: 10px;
}

.post-pagination a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
    margin-left: 20px;
}

.post-pagination a:first-child {
    margin-left: 0;
}

.post-pagination a:first-child span {
    padding-right: 10px;
}

.post-pagination a:last-child span {
    padding-left: 10px;
}

.post-footer {
    border-top: 1px solid #ebebeb;
    padding: 40px 0;
    border-bottom: 1px solid #ebebeb;
}

.post-comment-box > h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
}

.post-footer {
    margin-bottom: 50px;
}

.post-comment-box ul li .commenter-img {
    float: left;
    margin-right: 20px;
    width: 75px;
}

.post-comment-box ul li .comment-text {
    padding-left: 95px;
}

.comment-text h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
}

.replay a {
    color: #666666;
    font-size: 16px;
    font-weight: 600;
}

.replay a span {
    padding-right: 10px;
}

.replay {
    margin-top: 15px;
}

.post-comment-box ul li {
    background: #f4f4f4;
    padding: 30px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}
/*end of post meta*/

/*comment form*/

.comment-input input {
    width: 100%;
    height: 50px;
    padding-left: 10px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background-color: #f4f4f4;
}

.comment-input textarea {
    height: 150px;
    width: 100%;
    padding: 10px;
    margin-top: 25px;
    border: 1px solid #e5e5e5;
    background-color: #f4f4f4 !important;
    border-radius: 3px;
}

.comment-input button {
    width: 150px;
    height: 50px;
    border-radius: 3px;
    background-color: #2187f9;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    cursor: position
}

h2.leave-comment {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
}

.comment-form {
    margin-top: 50px;
}

.whitebg {
    background: #fff !important;
    border-top: 1px solid #e5e5e5;
    padding-top: 70px;
}

/*end of comment form*/

/*start google map css*/

#gmap {
    width: 100%;
    height: 400px;
}

/*start office section*/

.single-office .icon {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0px 10px 20px rgba(61, 43, 71, .1);
}

.single-office .icon img {
    max-width: 100%;
    max-height: 100%;
}

section.office-section.section-padding {
    background-color: #f4f4f4;
}

.office-title h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    color: #333;
    margin-bottom: 40px;
}

.single-office .content h4 {
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}

.address-list .list-icon {
    float: left;
    width: 30px;
}

.address-list .list-content {
    padding-left: 30px;
}

.address-list {
    margin-top: 20px;
}
/*end of office section*/

/*start contact page form section*/

section.contact-page-form-area {
    background-image: url(../img/contack-bg.jpg);
    position: relative;
}

section.contact-page-form-area:before {
    background-image: url(../img/laptop.png);
    position: absolute;
    content: '';
    top: 0;
    width: 50%;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.contact-title h3 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 10px;
}

.contact-title {
    color: #fff;
    margin-bottom: 30px;
}

input.single-input {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 10px;
    border-radius: 5px;
    border: 0;
    font-size: 14px;
}

.select-department select {
    width: 100%;
    height: 50px;
    padding-left: 10px;
    color: #666;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 0;
    font-size: 14px;
}

textarea.text-area {
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
}

.submitbtn button {
    width: 200px;
    height: 50px;
    background: #2187f9;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px;
    margin-top: 30px;
}

.submitbtn button.hvr-bounce-to-right:before {
    background-color: #fff;
    border-radius: 5px;
}

.submitbtn button.hvr-bounce-to-right:hover {
    color: #2187f9;
}

.laptop {
    margin-top: 80px;
}

.bgf4f4f4 {
    background: #f4f4f4;
}

.bgf4f4f4 .single-team {
    background: #fff;
}
/*end of contact page form section*/

/*start carg tabs*/

.cargo-career nav {
    background: #f4f4f4;
}

.cargo-career .nav a.active {
    background: #2187f9;
    border-radius: 0;
    color: #fff;
}

.cargo-career nav a {
    border: 0 !important;
    box-shadow: none;
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 30px;
}

.cargo-career nav div {
    border: 1px solid #e5e5e5;
}

.career-collaps .card-header {
    background-color: #fff;
    cursor: pointer;
    border: 0;
}

.career-collaps .card-header button {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
    cursor: pointer;
}

.career-collaps .card {
    border: 0;
    box-shadow: 0px 3px 5px rgba(45, 36, 51, .15);
    margin-bottom: 20px;
}

.career-collaps .card-header.active {
    background-color: #2187f9;
}

.career-collaps .card-header.active button {
    color: #fff;
}

.career-collaps .card-header button {
    position: relative;
}

.career-collaps .card-header.active button[aria-expanded="true"]:before {
    color: #fff;
    content: "\f103";
}

.career-collaps .card-header button:before {
    left: auto;
    right: -20px;
    content: "\f101";
    top: 9px
}

.cargo-career .tab-content {
    padding-top: 20px;
}


.career-collaps .card-body h4 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

.career-collaps .card-body ul li {
    padding-left: 30px;
    position: relative;
    line-height: 30px;
}

.career-collaps .card-body ul li:before {
    position: absolute;
    content: "";
    font-family: fontawesome;
    left: 0;
    color: #2187f9
}

.career-collaps .card-body p {
    margin-bottom: 30px;
}

.career-collaps .card-body ul {
    margin-bottom: 30px;
}

.apply-now-btn a {
    width: 200px;
    text-align: center;
    display: block;
    background-color: #2187f9;
    line-height: 50px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
/*end of cargo tabs*/

.single-company-features:last-child p {
    padding-bottom: 0;
}
/*css for video background*/

.background-video {
    background-position: top center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
}

.loaded .ytplayer-container {
    display: block;
}

.loaded .placeholder-image {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.ytplayer-container {
    bottom: 0;
    height: 100%;
    left: 0;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.placeholder-image {
    height: 100%;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
}

.ytplayer-shield {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.ytplayer-player {
    position: absolute;
}

.videobgg.loaded {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
/*end of video background*/

.parallax-window {

    background: transparent
}

.single-header .slider-one-img, .single-header .slider-one-content {
    height: 500px !important;
}
.chinese{display: none;}
.footer-widget{overflow: hidden;}
.ft{float: left;}
.footer-title img{float:left;margin-top: 50px;}