/*-------------
[Custom Stylesheet]

Project:        Zoonx MultiPurpose HTML5 Template
Version:        1.0
Last change:    02.04.2018
Primary use:    Multipurpose Single Page Template
Author:         Logicsforest

#TABEL OF CONTENT#
1# FONTS
2# GENERAL CSS
3# SLIDER CSS
4# SERVICES CSS
5# ABOUT US CSS
6# PORTFOLIO CSS
7# WHY US CSS
8# PROJECTS CSS
9# PRICING CSS
10# COUNTER CSS
10# TESTIMONIAL CSS
12# LATEST NEWS CSS
13# TEAM CSS
14# CONATCT US CSS
15# FOOTER CSS
******************/

/* ================================= */
/* ---------- GENERRAL CSS --------- */
/* ================================= */
body,
html {
    position: relative;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    color: #989898;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.o-f{
    overflow-x: hidden !important;
}
ol,ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
li {
    display: inline-block;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
}
h1,
h1 > strong{
    font-size: 80px;
    line-height: 80px;
}
h2{
    font-size: 2.5rem;
}
h3{
    font-size: 1.75rem;
}
h4{
    font-size: 1.25rem;
}
h5{
    font-size: 1rem;
}
p {
    font-size: 15px;
}
a{
    color: inherit;
}
a:hover,
a:focus {  
    text-decoration: none;
    outline: none;
}
.spacer {
   padding-left: 20px;
}
.eset {
    margin: 0 auto !important;
}
/*Transitions*/
a,*::before, *::after, img, button, input,
.loaded #loader, .loaded #loader-wrapper, nav.navbar, 
#services-5 .services-5-box, .media.service-box .pull-left > i,
.iconic-box .iconic, .services_detail, .services2-box-hover,
.owl-prev, .owl-next, .face, .cbp-item .overlay {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

section{
    position: relative;
}
iframe{
    border: 0;
}
.padding_bottom30 {
    padding-bottom: 30px;
}
.padding_top30 {
    padding-top: 30px;
}
.padding_bottom60 {
    padding-bottom: 60px !important;
}
.padding_top90 {
    padding-top: 90px !important;
}
.padding_bottom90 {
    padding-bottom: 90px !important;
}
.padding_top60 {
    padding-top: 60px !important;
}
.m_top30{
    margin-top: 30px;
}
.padding_top80 {
    padding-top: 120px;
}
.padding_bottom80 {
    padding-bottom: 120px;
}
.padding80 {
	padding: 120px 0;
}
.heading_space{
    margin-bottom: 3.75rem;
}
.bglight{
    background: #f5f5f5;
}
.bgdark{
    background: #2C496B;
}
.darkcolor{
    color: #000 !important;
}
.bluecolor{
    color: #2C496B;
}
.greencolor{
    color: #1a97a5;
}
.whitecolor{
    color: #fff;
}
.block{
    display: block;
}
.font-weight{
    font-weight: lighter;
}
.text_bold{
    font-weight: 700 !important;
}
/*------ heading style ------*/
.heading h2 {
	border-bottom: 1px solid #989898;
	color: #2C496B;
	display: inline-block;
	margin-bottom: 3.75rem;
	padding-bottom: 10px;
	/* text-transform: capitalize;*/
}
.heading > p {
	/*text-transform: capitalize;*/
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 5px;
}
.quote {
	font-style: italic;
	font-weight: 200;
}
.heading h2 span {
    font-weight: 700;
}
.heading.white h2,
.heading.white > p{
    color: #fff;
}

/*------ Buttons ------*/
.btn-dark {
	color: #fff;
	cursor: pointer;
}
.btn-dark, 
.btn-light,
.btn-black {
	font-size: 16px !important;
	font-weight: 600;
	padding: 10px 40px !important;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 40px;
    margin: 0 10px !important;
}
.btn-light {
    background: #fff;
}
.btn-black {
    background: #000;
    color: #fff;
}
.btn-dark:hover, .btn-dark:focus,
.btn-light:hover, .btn-light:focus {
    color: #fff;
}
.btn.active, .btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*------ Progress Bars ------*/
.tooltip{ 
  position:relative;
  float:right;
  margin-top: 0;
  padding: 0; 
  z-index: 8;
}
.tooltip > .tooltip-inner {
	color: #fff;
	font-size: 12px;
}
.popOver + .tooltip > .tooltip-arrow {	
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
}
.barwrapper .progressText {
	font-size: 14px;
	margin-bottom: 12px;
	display: inline-block;
	font-weight: 600;
}
.barwrapper .progress {
	height: 12px;
	margin-bottom: 40px;
	overflow: visible;
}  
.barwrapper .progress-bar {
	-webkit-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	float: none;
	border-radius: 5px;
}
.progress-container .barwrapper:last-child .progress {
    margin-bottom: 0;
}

/*------ Social Icons ------*/
.footer_social li a {
	display: block;
	border: 2px solid #fff;
	color: #fff;
	height: 36px;
	width: 36px;
	line-height: 33px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 2px;
	font-size: 14px;
  text-align: center;
}
.footer_social li a:hover,
.footer_social li a:focus{
    border: 2px solid #fff;
    background: #fff;
}


/* ================================= */
/* ------------ LOADER ------------- */
/* ================================= */
#loader {
    width: 75px;
    height: 75px;
    line-height: 75px;
    margin:0 auto;
    position:absolute;
    transform:translate(-50%,-50%);
    left:50%;
    top:50%;
    box-sizing: border-box;
    text-align: center;
    z-index:1100;
    text-transform: uppercase;
        -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
        -webkit-text-transform: uppercase;
        -moz-text-transform: uppercase;
}
#loader:before,
#loader:after {
    opacity: 0;
    box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    content: "\0020";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}
#loader:after {
    z-index: 1;
    animation: cssload-gogoloader 2.3s infinite 1.15s;
        -o-animation: cssload-gogoloader 2.3s infinite 1.15s;
        -ms-animation: cssload-gogoloader 2.3s infinite 1.15s;
        -webkit-animation: cssload-gogoloader 2.3s infinite 1.15s;
        -moz-animation: cssload-gogoloader 2.3s infinite 1.15s;
}
#loader:before {
    z-index: 2;
    animation: cssload-gogoloader 2.3s infinite;
        -o-animation: cssload-gogoloader 2.3s infinite;
        -ms-animation: cssload-gogoloader 2.3s infinite;
        -webkit-animation: cssload-gogoloader 2.3s infinite;
        -moz-animation: cssload-gogoloader 2.3s infinite;
}
@keyframes cssload-gogoloader {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-o-keyframes cssload-gogoloader {
    0% {
        -o-transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -o-transform: scale(1);
        opacity: 0;
    }
}
@-ms-keyframes cssload-gogoloader {
    0% {
        -ms-transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -ms-transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes cssload-gogoloader {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
@-moz-keyframes cssload-gogoloader {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
    }
}
#loader-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed;
}
#loader-wrapper .loader-section {
    top: 0;
    width: 51%;
    height: 100%;
    position: fixed;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    background-color: #fff;
}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    -o-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}


/* ================================= */
/* ----------- Header CSS ---------- */
/* ================================= */
.logo_top {
	position: relative;
	z-index: 0;
}
.header_top .top_links {
    text-align: right;
}
.top_links > li {
	display: inline-block;
	margin: 0 7px;
	color: #fff;
	font-size: 14px;
}
.top_links > li > i{
    font-size: 18px;
    vertical-align: middle;
}
.top_links > li > a {
    color: #fff;
}
.logo_top > a {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 10;
}
.logo_top > a > img {
    width: 64%;
}
.header_top {
    padding: 30px 0 10px 0;
}
.top-search {
    background-color: #000;
    padding: 28px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}
/* ------ Topbar Starts ------ */
.topbar {
    position: relative;
    top: 0;
    width: 100%;
    color: #fff;
}
.topbar .topbar-cell {
    display: inline-block;
    font-size: 12px;
    margin: 0.625rem 0;
    padding-right: 1rem;
}
.topbar .topbar-cell i {
    margin-right: 3px;
    font-size: 14px;
}
.topbar .topbar-cell p {
    margin: 0;
    font-size: 12px;
}
.topbar ul, .topbar ul li {
    display: inline-block;
}
.topbar ul li a {
    padding: 0.5rem 0.875rem;
    display: block;
}
.topbar ul li a:hover,
.topbar ul li a:focus {
    background: #fff;
}
/**** Navbar***/
#header-medical nav.navbar.navbar-default {
    padding: 0 0;
}
nav.navbar.navbar-default {
	border-bottom: none;
	padding: 10px 0;
  min-height: auto;
}
nav.navbar.bootsnav{
    z-index: 21;
}
nav.navbar.navbar-default,
header.default nav.navbar.bootsnav.navbar-fixed{
    background: transparent;
}
nav.navbar.bootsnav.navbar-fixed.whitetransparent{
    background: rgba(255,255,255,.25);
}
nav.navbar.bootsnav.navbar-sticky{
    background: #fff;
}
nav.bootsnav.navbar-full{
    padding: 0;
}
.navbar-right {
	margin-right: 0;
}
.bootsnav.fixey{
    background: #fff !important;
    z-index: 11;
    position: fixed;
    left: 0; right: 0;
    top: 0;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.2);
    padding: 0;
}

.navbar-brand {
	height: auto;
	padding: 13px 15px 11px 0;
	margin-left: 0 !important;   
}
.navbar-brand > img {
    width: 100%;
}
nav.navbar.bootsnav.navbar-fixed .logo-display,
nav.navbar.bootsnav.navbar-fixed.fixey .logo-scrolled{
    display: inline-block; 
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled,
nav.navbar.bootsnav.navbar-fixed.fixey .logo-display{
    display: none;
}

nav.navbar.bootsnav ul.nav > li > a {
	margin: 0 1.25rem;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 600;
	color: #000;
	position: relative;
	padding: 22px 0px;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
	text-transform: capitalize;
	letter-spacing: 0;
	font-size: 1.75rem;
	padding: 10px 15px;
	margin: 1.5rem auto;
}
#header-8 nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {
    color: #000;
}
nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {
	color: #fff;
}
nav.navbar.bootsnav.navbar-fixed.fixey ul.nav > li > a{
    color: #000;
}
nav.navbar.bootsnav ul.nav > li > a::before,
.side .widget ul.link li a::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scale3d(0, 1, 1);
	-moz-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
    opacity: 0;    
}
nav.navbar.bootsnav ul.nav > li > a:hover::before,
nav.navbar.bootsnav ul.nav > li > a:focus::before,
nav.navbar.bootsnav ul.nav > li.active > a::before,
.side .widget ul.link li a:hover::before,
.side .widget ul.link li.active a::before{
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
  opacity: 1;
}

li.close-full-menu {
	position: absolute;
	right: 30px;
	top: 30px;
	padding: 10px 14px !important;
	color: #fff !important;
	border-radius: 2px;
}
li.close-full-menu > a{
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;
}

/*side & Sidebar Menu menu*/
nav.bootsnav.navbar-sidebar .navbar-brand{
    margin-bottom: 2rem;
}
.side, nav.bootsnav.navbar-sidebar {
	background-color: #2F3A4C;
	text-align: left;
}
.side .close-side {
	float: none;
	color: #fff;
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 30px;
	line-height: 1;
}
.side .widget {
	width: 100%;
	text-align: left;
}
.side .widget > .side-brand{
    width: 90px;
    margin: 0 10px;
    display: inline-block;
}
.side .widget > .side-brand > img{
    width: 100%;
}
.side .widget ul.link li,
nav.bootsnav.navbar-sidebar ul.nav > li{
	display: block;
}
.side .widget ul.link li a,
nav.bootsnav.navbar-sidebar ul.nav > li > a{
	color: #fff;
	margin: 10px 13px;
	display: inline-block;
	position: relative;
	padding: 0 0 10px 0;
	font-size: 15px;
	font-weight: 600;
	text-transform: capitalize;
  border: none;    
}
nav.bootsnav.navbar-sidebar ul.nav > li > a{
    padding-bottom: 5px;
}
nav.bootsnav.navbar-sidebar .footer_social{
    position: absolute;
    bottom: 1rem;
}

/*Side Items*/
.attr-nav {
	margin-right:0;
  margin-left: 30px;
}
.attr-nav .search > a {
	font-size: 16px;
	margin: 18px 0;
}
nav.navbar.bootsnav.navbar-fixed .attr-nav .search > a{
    color: #fff;
}
nav.navbar.bootsnav.navbar-fixed.fixey .attr-nav .search > a{
    color: #000;
}
.attr-nav > ul > .side-menu > a {
	color: #fff;
	display: block;
	margin: 10px 0;
	position: relative;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 7px 14px;
  padding-left: 14px !important;    
}

/*menu toggle*/
nav.navbar.bootsnav .navbar-toggle {
	float: right;
	margin: 5px 0;
	color: #fff;
	font-size: 16px;
	padding: 7px 12px;
}
nav.navbar.navbar-full.bootsnav .navbar-toggle {
  margin: 20px 0 0;
}
.cd-nav em {
    font-size: 26px;
}
nav.navbar.bootsnav.navbar-transparent.white {
    background-color: transparent;
    border-bottom: solid 1px transparent;
}
/******* Car Rental **********/
#header-car-rental {
    background: #000;
    position: relative;
}
.car-rental-top-header {
    padding: 25px 0 0 0;
}
.top-address i {
    float: left;
    height: 100%;
    font-size: 30px;
    margin-right: 25px;
    margin-top: 5px;
}
.top-address h4 {
    color: #fff;
    letter-spacing: 1px;
    font-size: 17px;
}
.top-address p {
    color: #fff;
    font-size: 13px;
}
.top-address.row {
    margin-top: 4px;
}
#header-car-rental #navbar-menu {
    background: #fff;
    border-radius: 40px;
    margin: 0;
    padding: 0;
}
#header-car-rental nav.navbar.bootsnav ul.nav > li > a {
    padding: 17px 0px;
}
#header-car-rental nav.navbar.navbar-default {
    z-index: 999;
    top: 25px;
    padding: 0;
}
#header-car-rental nav.navbar.navbar-default.fixey{
    top: 0;
}
#header-car-rental .attr-nav {
    margin-right: 20px;
}
#header-car-rental .attr-nav > ul > .side-menu > a {
    color: #000;
    margin: 13px 0 0;
    padding: 0;
    background: #fff;
}
@media screen and (max-width: 992px) {
    nav.navbar.navbar-default{
        padding: 0;
    }
    .logo {
        text-align: center;
        margin-bottom: 30px;
    }
    #header-1 .logo_top,
    #header-2 nav.navbar.bootsnav .navbar-toggle,
      nav.bootsnav.navbar-sidebar .footer_social {
    		display:none;
    	}
      nav.navbar.bootsnav .navbar-brand {
    	  display: inline-block;
      }
    nav.bootsnav.navbar-sidebar .navbar-brand{
        margin-bottom: 0;
    }
    .attr-nav .search > a {
      margin: 18px 2rem;
    }
    #header-car-rental nav.navbar.navbar-default {
        top: -20px;
        padding: 0 0 10px 0;
    }
    
}


/* ================================= */
/* --------- Banners  CSS ---------- */
/* ================================= */
/*Revolution*/
h1.tp-caption.tp-resizeme {
    color: #fff;
    font-size: 60px;
    font-weight:500;
}
.tp-caption.tp-resizeme p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
}
.tp-caption .btn-dark, 
.tp-caption .btn-light {
    font-size: 20px;
    padding: 12px 40px !important;
}
.tp-bullets, 
.tp-tabs, 
.tp-thumbs {
    z-index: 20;
}
/*Banner bullets*/
.tp-bullet {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.tp-bullet {
	width: 30px;
	height: 8px;
	overflow: hidden;
	background: transparent;
	border: 2px solid #fff;
}
.tp-bullet.selected, .tp-bullet:hover {
  background: transparent;    
}

.tparrows.tp-leftarrow::before {
    content: url("../images/errow_left.png");
}
.tparrows.tp-rightarrow::before {
    content: url("../images/errow_right.png");
}
.tparrows, .tparrows:hover{
    background: transparent;
}
/* --- OWL Slider --- */
.owl-prev, .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 14px;
	height: 34px;
	width: 34px;
	border: 1px solid #898989;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 34px;
  opacity: 0;    
}
.owl-prev{
    left: 0;
}
.owl-next{
    right: 0;
}
.owl-carousel:hover .owl-prev,
.owl-carousel:hover .owl-next{
    opacity: 1;
}
.owl-prev:hover, .owl-next:hover,
.owl-prev:hover, .owl-next:hover{
    color: #fff;
}


/****** image Banners ******/
#banner-2{
	background:url(../images/bannar_1.jpg);
}
#banner-3{
	background:url(../images/bannar_4.jpg);
}
#banner-2, #banner-3{
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#banner-14{
	background:url(../images/bannar_6.jpg);
	background-position:100% center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:700px;
}
#banner-12{
    background:url(../images/bannar_4.jpg);
    background-position:100% center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height:700px;
}
#banner-5{
    background:url(../images/bannar_6.jpg);
    background-position:100% center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height:770px;
}
#banner-celsius{
    background:url(../images/home_hero2.jpg);
    background-position:100% center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height:770px;
}
.banner-celsius-inner {
	background: rgba(90, 100, 100, 0.5);
	padding: 3rem 3rem;
	margin: 10px;
  
}
.banner-celsius-inner > h1 {
	
	text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
	
}

#banner-thrteen{
    background:url(../images/bannar_10.jpg);
    background-position:100% center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height:770px;
}
#banner-6{
    height:770px;
}
.bannar_10_video img {
    width: 100%;
    border-radius: 8px;
    position: relative;
}
.bannar_10_video .pro-video {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    background: rgba(255,255,255,0.8);
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
}
.bannar_10_video .pro-video a {
    display: block;
    padding-left: 5px;
    font-size: 25px;
}

.wrap-nav-sidebar .fullscreen{
    width: 100% !important;
}
/* Banner - 5 */
.cloudy-banner {
    padding: 15% 0 0 0;
}
.clouds {
    position: absolute;
    z-index:0;
    top: 0;
    left: 0;
    width: 500em;
    height: 43.75em;
    opacity: 1;
    visibility: inherit;
    background: transparent url("../images/clouds.png") repeat-x scroll 0px 100%;
    -webkit-animation: cloudLoop 60s linear infinite;
    -moz-animation: cloudLoop 60s linear infinite;
    -o-animation: cloudLoop 60s linear infinite;
    animation: cloudLoop 60s linear infinite;
}
@-webkit-keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}
@-moz-keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}
@-o-keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}
@keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}
.hero-section .container {
    height: 100%;
}
.hero-content {
    position: relative;
    padding:22% 0 18%;
}
.hero-text {
    color: #fff;
    width: 100%;
}
.hero-text h2 {
    margin-bottom: 30px;
    line-height: 60px;
    letter-spacing: 2px;
}
.hero-text h2 span.defaultcolor, .defaultcolor{
    font-weight: bold;
}
.hero-text p{
    font-size: 1.125rem;
    margin: 0 20px 50px 0;
}
.video-background-container {
    content: "";
    background: rgba(0,0,0,0.7);
}
/* Video and video background */
.vidbacking-active-body-back{
    position: absolute;
    z-index: -100;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    background-size: cover;
    overflow: hidden;
    opacity: 1;
    transition: 2s opacity;
    transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -100;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.vidbacking{
    display: none;
}
.vidmask-body-back{
    background: url(../images/videooverlay1.png) repeat;
    opacity: 0.4;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -50;
    display: block;
}

/***** Car Rental *******/
#banner-car{
    background:url(../images/banner18.jpg);
    background-position:100% center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    padding:100px 0;
}
.hero-content2 {
    background: rgba(0,0,0,0.8);
}
.hero-content2 .nav-tabs {
    width: 100%;
    display: table;
    text-align: center;
}
.hero-content2 .nav-tabs > li {
    display: table-cell;
}
.hero-content2 .nav-tabs > li > a {
    margin: 0;
    line-height: 1.42857143;
    border: none;
    border-radius: 0;
    color: #fff;
    padding: 14px 0;
}
.hero-content2 .nav-tabs > li > a:focus, 
.hero-content2 .nav-tabs > li > a:hover,
.hero-content2 .nav-tabs > li.active > a{
    border:none;
    background-color: #fd7913;
    color: #fff;
}
.hero-content2 .tab-content {
    padding: 30px 25px;
}
.car-form .form-group{
    margin-bottom: 20px;
}
.car-form .form-group label {
    color: #fff;
    font-weight: 600;
    margin-left: 18px;
    font-size: 17px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option::before {
    position: absolute;
    content: "";
    font-family: fontawesome;
    left: 15px;
    top: 5px;
    z-index: 2;
    font-size: 20px;
}
.hero-content2 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.hero-content2 .bootstrap-select.btn-group .dropdown-menu li {
    display: block;
}
.hero-content2 .btn-default {
    color: #888888;
    background-color: #333;
    border-color: #888;
    border-radius: 40px;
    padding: 10px 0 10px 35px;
    font-size: 13px;
}
.hero-content2 .btn-default.active, 
.hero-content2 .btn-default:active, 
.hero-content2 .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #fd7913;
    border-color: #fd7913;
}
.hero-content2 .btn-default:hover,
.hero-content2 .btn-default:hover{
    color: #fff;
    background-color: #fd7913;
    border-color: #fd7913;
}
.hero-content2 .dropdown-menu > li > a:focus, 
.hero-content2 .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #fd7913;
}
.car-form .form-group .btn-dark{
    padding: 10px 70px !important;
    margin-top: 30px !important;
}
.car-form .form-group .btn-dark:hover{
    background: #fff;
    color: #000;
}
@media screen and ( min-width: 768px ) {
    .video-section {
        padding: 100px 0;
    }
}
@media screen and ( min-width: 992px ) {
    .video-section {
        padding: 120px 0;
    }
}
@media screen and ( min-width: 992px ) {
    .banner-5-details {
        text-align: center;
    }
}
/*Panel*/
.video-text .panel{
    border: 0px!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 10px;
}
.video-text .panel-default{}
.video-text .panel-group .panel-heading{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-color: #EE3B24;
    position: relative;
    padding: 7px 15px;
    background: #fafafa; 
    border-bottom: 1px solid #fafafa;
}
.video-text .panel-group  h4.panel-title a.collapsed:after{ 
    color: #333;
    content: "";
}
.video-text .panel-group  h4.panel-title a.collapsed:after,
.video-text .panel-group  h4.panel-title a:after{
    font-family: FontAwesome;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 0px; right: 0px;
    font-size: 14px;
    z-index: 111;
}
.video-text .panel-group  h4.panel-title a:after {
    color: #EE3B24;
    content: "";
}
.video-text .panel-group .panel-heading.active{
    border: 1px solid#EE3B24;
}

/********* Banner - 10 *********/
.banner-10 .banner-2-inner p {
	color: #fff;
	padding: 20px 10% 50px 10%;
}
/******** Banner 13 *********/
#banner-13{
	background:#987ecc;
    height: 650px;
}
#banner-13 .btn-dark {
	background: #2C496B;
}
#banner-13 .btn-dark:hover{
	background: #fff;
	color:#2C496B;
}
#banner-13 .btn-light {
	color: #2C496B;
}
#banner-13 .btn-light:hover{
	color: #fff;
}
/******** Banner Portfolio *********/
#portfolio_banner{
    background:url(../images/portfolio.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    padding:15% 0;
}
#portfolio_banner .banner_detail > p {
  font-size: 35px;
  text-transform: uppercase;
  color: #fff;
}
#portfolio_banner .banner_detail > h2 {
    font-size: 75px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 3px;
    padding: 0 0 30px 0;
    text-transform: uppercase;
}
#portfolio_banner .banner_detail #typewriter {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
/*Particles Banner*/
#particles{
    background: #555;
    background-position:100% center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    position: relative;
}
.particle-inner {
	background: rgba(255,255,255,.9);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	padding: 2rem 6rem;
	margin: 15px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.particle-inner::before{
    content:"";
    bottom: 10px;
    left: 10px; top: 10px;
    right: 10px;
    position: absolute;
    border: 1px solid #d7d7d7;
    z-index: -1;
}


/* ================================= */
/* -------- header bottom CSS ------ */
/* ================================= */
#header-bottom {
	background: #2C496B;
	padding: 45px 0 45px;
}
.header-bottom-padding {
  padding-bottom: 45px;
  padding-top: 35px;
}
.header-bottom-info-1,
.header-bottom-info-2{
  position: relative;
}
.header-bottom-info-1::before {
  background: #555;
  bottom: -10px;
  content: "";
  height: 122px;
  position: absolute;
  right: -9px;
  width: 1px;
}
.header-bottom-info-1 h3,
.header-bottom-info-2 h3{
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding-bottom:10px;
}
.header-bottom-info-1 p, 
.header-bottom-info-2 p {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  padding-left: 124px;
  padding-top: 6px;
  position: relative;
}
.header-bottom-info-1 i,
.header-bottom-info-2 i {
  margin-top: 5px;
  position: absolute;
}
.header-bottom-info-1 i.fa-heartbeat::before,
.header-bottom-info-2 i.fa-bullhorn::before {
  color: #fff;
  font-size: 45px;
  padding: 16px 30px 67px;
  position: absolute;
}


/* ================================= */
/* --------- We Developded --------- */
/* ================================= */
.big-heading {
    color: #000;
}
#we_develop_building_tab {
    background: #f4f4f4;
}
#we_develop_building_tab .nav-tabs {
    background: #21282e;
    border-bottom: none;
}
#we_develop_building_tab .nav-tabs >li {
    margin: 20px 0;
    border-right: 1px solid #313a42;
    display: inline-block;
}
#we_develop_building_tab .nav-tabs >li.active >a, 
#we_develop_building_tab .nav-tabs >li.active >a:hover, 
#we_develop_building_tab .nav-tabs >li.active >a.active, 
#we_develop_building_tab .nav-tabs >li.active >a:focus {
    background: none;
    border: none;
    opacity: 1;
}
#we_develop_building_tab .nav-tabs >li >a {
    border: none;
    border-radius: 0;
    margin-right: 0;
    line-height: 52px;
    font-size: 14px;
    color: #f3f3f3;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding: 0 72px;
}
#we_develop_building_tab .nav-tabs >li >a:before {
    content: '';
    width: 3px;
    height: 16px;
    background: transparent;
    position: absolute;
    top: 18px;
    left: 47px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
#we_develop_building_tab .nav-tabs >li >a:hover {
    background: none;
    border-color: #eee #eee #ddd;
}
#we_develop_building_tab .tab-content {
    border: none;
    background: none;
    padding: 0;
    padding-top: 90px;
}
#we_develop_building_tab h1.big-heading {
    text-transform: none;
    font-weight: 700;
    position: relative;
    padding-left: 22px;
    margin-bottom: 48px;
    font-size: 40px;
    line-height: normal;
}
#we_develop_building_tab .big-heading small {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 4px;
    padding-top: 9px;
}
#we_develop_building_tab .process {
    font-size: 0;
    margin: 48px 0;
}
#we_develop_building_tab .process .item {
    display: inline-block;
    background: #222;
    font-size: 14px;
    line-height: 50px;
    padding: 0 25px;
    text-transform: uppercase;
    font-weight: normal;
    border-right: 1px solid #dedede;
    color: #fff;
}
#we_develop_building_tab .process .item i {
    font-size: 30px;
    margin-right: 8px;
    vertical-align: middle;
}
.big-heading {
    text-transform: uppercase;
    font-weight: 900;
    position: relative;
    padding-left: 22px;
    margin-bottom: 48px;
    border-left: 9px solid #f55c08;
    color: #222222 !important;
}
.big-heading small {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 4px;
    padding-top: 9px;
    color: #333 !important;
    text-align: left;
}


/* ================================= */
/* ----------- About CSS ----------- */
/* ================================= */
#about_us {
    background: url(../images/about_bg.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
#aboutus14{
    background: url(../images/about-bd.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.about_detail {
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 50px;
}
.aboutus14-img img{
    width: 100%;
}
.about_detail > p {
    line-height: 28px;
}
.aboutus14-details > p {
    line-height: 28px;
    color: #222;
    padding-bottom: 40px;
}
.about_detail p span {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.about-info h3 span {
    height: 40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 40px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    line-height: 38px;
    text-align: center;
    margin-right: 15px;
}
.about-info h3 span i {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.about-info h3 {
    color: #464646;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 25px;
}
.about-info p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #535353;
}
.about-img {
    margin-top: 60px;
}
.about-image2 > img,
.about-image3 > img,
.about-img4 > img {
    width: 100%;
    height: auto;
}

/* ------ About us 2 ------ */
.about-detail p {
    line-height: 30px;
    padding-bottom: 30px;
    font-size: 18px;
}
.about-bottom {
    height: 1px;
    background: #a6a6a6;
    width: 100%;
    margin: 40px 0;
}
.about-bottom-deatil h4 {
    color: #111;
    padding-bottom: 15px;
}
.about-bottom-deatil h5 {
    padding-bottom: 15px;
    font-size: 20px;
    letter-spacing: 2px;
}
.about-image3{
    box-shadow: 0 15px 40px -2px rgba(0,0,0,0.5);
}
.about-bottom-deatil i{
    font-size: 34px;
    margin-bottom: 20px;
}
/***** About Car ******/
#about-car{
    background: #000;
}
.about-car-box {
    border: 1px solid #888;
    margin: 0 0;
    padding: 15px 0;
}
.about-car-box img {
    margin-top: 10px;
}
.about-car-de h3{
    font-weight: 200;
    color: #fff;
    font-size: 22px;
}
.about-car-de h3 span{
    font-weight: 800;
}
.about-car-de p {
    font-size: 13px;
    color: #fff;
    padding-top: 7px;
}
.about-car-de a {
    display: inline-block;
    border: 1px solid #888;
    border-radius: 40px;
    padding: 5px 20px 6px 20px;
    font-size: 13px;
}
.about-car-de a:hover{
    border: 1px solid #fd7913;
    background: #fd7913;
    color: #fff;
}
.big-car-img img{
    width: 100%;
}
@media screen and (max-width: 767px) { }
/* ----------- About Ends ----------- */


/*================================== */
/* ---------- Start Business ------- */
/* ================================= */
.start-business-des {
    margin-top: 105px;
}
.start-business-des h2 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
}
.start-business-des p{
    font-size: 20px;
    font-style: oblique;
    padding: 30px 0 50px;
    color: #fff;
}
#start-business .heading h2 {
    font-size: 28px;
    text-transform: capitalize;
}
#start-business .heading {
    margin-bottom: 40px;
}
.currency {
    background-color: #f5f5f7;
    padding: 10px 20px;
    border-radius: 5px;
}
.currency ul li {
    border-bottom: 1px solid #cacaca;
    margin: 15px 0;
    padding: 0 0 15px 0;
    display: block;
}
.convertion-right {
    float: right;
}
@media (max-width: 767px) {
    .start-business-des h2 {
        font-size: 30px;
    }
    #start-business .heading h2 {
        font-size: 25px;
        margin-top: 30px;
    }
}

/*================================== */
/* ------------ Why Use ------------ */
/* ================================= */
.why-use-box .media-left a {
    display: inline-block;
    border: 1px solid #888888;
    height: 88px;
    width: 88px;
    line-height: 85px;
    text-align: center;
    border-radius: 100%;
    font-size: 40px;
    color: #2F3A4C;
}
.why-use-box .media-heading {
    margin-bottom: 10px;
    color: #000;
    font-size: 24px;
}
.why-use-box .media-left, 
.why-use-box .media > .pull-left {
    padding-right: 30px;
    vertical-align: middle;
}
.media-body p {
    line-height: 26px;
    font-size: 15px;
}
.media-body p span {
    font-weight: 700;
	color: #304B69;
}
.why-use-box:hover .media-left a{
    background:#2F3A4C; 
    color: #fff;
    border: 1px solid #2F3A4C;
}
@media (max-width: 767px) {
    .why-use-box{
        margin-bottom: 50px;
    }
    .heading p {
        padding: 20px 0 0;
    }
}

/*================================== */
/* ------------ How It Work -------- */
/* ================================= */
.padding-200{
    padding: 200px 0;
}
#how-it-work{
    background:#f4f5f9; 
}
.how-it-work-box .col-md-8{
    padding-right: 0;
}
.how-it-work-box .col-md-4{
    padding-left: 0;
}
.how-it-work-detail {
    padding: 40px 30px;
    position: relative;
}
.how-it-work-detail h3 {
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
    margin-bottom: 25px;
    font-weight: 600;
}
.how-it-work-detail h3 span,
.how-it-work-detail p{
    color: #fff;
}
.how-it-work-detail p{
    color: #fff;
    font-size: 16px;
}
.how-it-work-img {
    background: #fff;
    height: 200px;
    width: 200px;
    border-radius: 100%;
    text-align: center;
    line-height: 200px;
    display: inline-block;
    margin: 20px 30px 20px 30px;
}
.how-it-work img{
    width: 100%;
}
#start-business{
    background-image: url(../images/currency-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@media (max-width: 992px) {
    .how-it-work img{
        display: none;
    }
    .how-it-work{
        padding: 50px 0;
    }
}
@media (max-width: 767px) {
    .how-it-work-detail {
        text-align: center;
    }
    .how-it-work-img {
        display: block;
        margin: 0 auto;
    }
    .how-it-work-box .col-md-8{
        padding-right: 15px;
    }
    .how-it-work-box .col-md-4{
        padding-left: 15px;
    }
}

/* ================================= */
/* ----- Equal-section14 CSS ------- */
/* ================================= */
.equal-section14 .col-md-4,
.equal-section14 .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.equal-section14-box img{
    width: 100%;
}
.equal-section14-box h4 {
    padding-top: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
}
.equal-section14-box > span {
    background: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
}
.equal-section14-box h3{
    color: #fff;
    font-size: 26px;
    padding:15px 0 10px;
}
.equal-section14-box h1 {
    font-size: 62px;
    font-weight: 800;
    color: #fff;
}
.equal-section14-box > h1 > span{
    font-size: 18px;
}
.equal-section14-box p {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 30px;
}

/* ================================= */
/* --------- Features CSS ---------- */
/* ================================= */
#feature-5{
	background:#f5f5f5;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.fatures-bg-fixed{
	background-attachment: fixed !important;
}
.fatures-bg{
	background:url(../images/features-bg.jpg);
	left: 0;
	background-position: left center;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 40%;
	background-repeat: no-repeat;
}
.features-box {
	padding: 120px 0 120px 10px;
}
.features-details p {
	line-height: 28px;
	margin-bottom: -40px;
}

/* Features with left img*/
.features-img {
	position: absolute;
	left: 10;
	max-width: 55%;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 1.5rem 0;
}
.features-img > img{
    width: 100%;
}
/*icon features box*/
.media.service-box {
  margin-bottom: 40px;
}
#aboutus .media.service-box:first-child {
  margin-top: 0;
}
.media.service-box .pull-left {
  margin-right: 20px;
}
.service-box .media-heading {
	color: #000;
	/* margin-bottom: 15px; */
	
}
.media.service-box .pull-left > i {
  font-size: 24px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  width: 64px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px #d7d7d7;
  -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
  position: relative;
}
.media.service-box .pull-left > i:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  right: -10px;
  border: 4px solid #fff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.media.service-box:hover .pull-left > i {
  background-color:#2C496B;
  color: #fff;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
}

/* Strached Backgrounds */
.equal-section {
    position: relative;
    overflow: hidden;
}
.fullbg {
	position: absolute;
	left: 0;
	height: 100%;
	width: 50%;
}
.width35{
    width: 32% !important;
}
.equal-section .leftimg{
  background:url(../images/bg1.jpg);
  background-position: left center;
}
.equal-section .leftimg5{
  background:url(../images/bg5.jpg);
  background-position: left center;
}
.equal-section .leftimg6{
  background:url(../images/bg6.jpg);
  background-position: left center;
}
.equal-section .rightimg{
  background:url(../images/bg2.jpg);
  left: inherit; right: 0;   
  background-position: right center;
}
.equal-section .leftimg_2{
    background:url(../images/bg3.jpg);
}
.equal-section .leftimg8{
    background:url(../images/bg8.jpg);
}
.equal-section .leftimg9{
    background:url(../images/bg9.jpg);
}
.equal-section .rightimg_4{
    background:url(../images/bg4.jpg);
    left: inherit; right: 0;   
    background-position: right center;
}
.equal-section .rightimg7{
    background:url(../images/bg7.jpg);
    left: inherit; right: 0;   
    background-position: right center;
}
.equal-section .rightimg10{
    background:url(../images/bg10.jpg);
    left: inherit; right: 0;   
    background-position: right center;
}
.equal-section .rightimg11{
    background:url(../images/bg11.jpg);
    left: inherit; right: 0;   
    background-position: right center;
}
.equal-section .leftimg,
.equal-section .rightimg,
.equal-section .rightimg7,
.equal-section .leftimg_2,
.equal-section .rightimg_4,
.equal-section .rightimg10,
.equal-section .rightimg11,
.equal-section .leftimg5,
.equal-section .leftimg6,
.equal-section .leftimg8,
.equal-section .leftimg9{
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.equal-section .equal-text{
    padding: 7.5rem 1.5rem;
}
.exp-bor {
    height: 1px;
    width: 100%;
    background: #888;
    margin: 30px 0 30px;
    display: block;
}
.equal-text h4 {
    color: #222;
    font-size: 22px;
    padding-bottom: 10px;
}
.equal-text h5{
    color: #fe483b;
    font-size: 16px;
    padding-bottom: 15px;
}
.iconic-box {
	margin-top:60px;
	cursor:pointer;
}
.iconic-box.square{
    padding: 2rem 1rem;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.iconic-box h4 {
	color: #000;
	font-weight: 600;
	margin-top: 15px;
}
.iconic-box .iconic {
    display: inline-block;
    overflow: hidden;
    position: relative;
    font-size: 34px;
    height: 74px;
    width: 74px;
    line-height: 74px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #d7d7d7;
    -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
}
.iconic-box:hover .iconic{
    background-color: #2C496B;
    color: #fff;
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
}
.feature-why-us {
    margin-top: 50px;
}
.feature-why-us h3{
    color: #fff;
    font-size: 24px;
    padding-bottom: 15px;
}
.feature-why-us ul li{
    color: #989898;
    padding-bottom: 7px;
    letter-spacing: 1px;
    font-size: 14px;
}
ul.hours_wigdet li {
    color: #008dc6;
    border-bottom: 2px dashed #929292;
    padding: 22px 0;
    font-size: 1.125rem;
    display: block;
}
ul.hours_wigdet li > span {
    float: right;
    font-weight: 600;
}

@media (max-width: 991px) {
	.fatures-bg {
		display: none;
	}
	.features-box {
		padding: 60px 0;
	}
    
}
@media screen and (max-width: 767px) {
    .features-img {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    /*Strached Bgs*/
    .equal-text .col-xs-12 {
        width: auto;
    }
    .fullbg{
        display: none;
    }
}

/* --------- Features Ends ---------- */


/* ================================= */
/* ---------- Services CSS --------- */
/* ================================= */

#services2, #services-5 {
    background: #f5f5f5;
}
/* Srevices white box*/
#services-5 .services-5-box {
	background: #fff;
	padding: 3.5rem 2rem;
	margin-top: 30px;
	cursor: pointer;
}
.services-5-box i {
	font-size: 3.2rem;
  display: inline-block;
}
.services-5-box h3 {
	color: #304B69;
	text-transform: capitalize;
	margin: 30px 0 15px 0;
}
.services-5-box p{
	line-height:28px;
}
#services-5 .services-5-box:hover{
	-webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);
}

#services-5 .heading h2{
    margin-bottom: 30px;
}
.services2-heading {
    padding-top: 50px;
}
.services2-heading .heading,
.services2-heading p {
    padding-left: 20px;
    padding-right: 20px;
}
.services2-heading p {
    line-height: 34px;
}
.services2-box.text-center {
    border: 1px solid #dfdfdf;
    background: #f6f6f6;
    height: 320px;
    padding-top: 90px;
    position: relative;
}
#services3 .services2-box.text-center {
    background: #fff;
}
#services2 .col-md-9 .col-md-4,
#services2 .col-md-12 .col-md-4,
#services3 .col-md-12 .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.services2-box i {
    font-size: 80px;
}
.services2-box i {
    color: #00B2A4;
}
.services2-box h4 {
    color: #304B69;
}
.services2-box h4 {
    font-size: 24px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    padding-top: 15px;
}
.services2-box-hover {
    height: 0;
    padding: 90px 50px 0;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
}
.services2-box-hover p {
    line-height: 33px;
    color: #fff;
	font-weight: bold;
}
.services2-box-hover:hover {
    height: 100%;
    opacity: 1;
}

.face.front > .iconic {
    overflow: hidden;
    font-size: 34px;
    height: 74px;
    width: 74px;
    line-height: 74px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all .7s ease-in;
    -o-transition: all .7s ease-in;
    -moz-transition: all .7s ease-in;
    transition: all .7s ease-in;
}
.face {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.back {
    z-index: 8;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    padding: 80px 0 0;
    color: #fff;
    cursor: pointer;
}
.front {
    z-index: 9;
    padding: 40px 0;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    cursor: pointer;
}
.face.front > .iconic,
.services_detail {
    display: inline-block;
    position: relative;
}
.services_detail {
    width: 100%;
    height: 360px; 
    -webkit-perspective: 650px;
    -moz-perspective: 650px;
    -ms-perspective: 650px;
    -o-perspective: 650px;
    perspective: 650px;
    border: 1px solid #cacaca;
    margin-bottom: 30px;
}
.services_detail h4 {
    color: #000;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 20px;
}
.services_detail p {
    line-height: 26px;
    padding: 0 7%;
}
.services_detail_overlay p {
    line-height: 26px;
}
.services_detail:hover .back {
    z-index: 9;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.services_detail:hover .front {
    z-index: 8;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
@media screen and (max-width: 767px) { }
/* ---------- Services ends --------- */



/* ================================= */
/* ---------- Why Us Banner ----------- */
/* ================================= */
#why_us, #hard-soft {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/office-desktop-computer-01.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    
    width: 100%;
}
.why_us_detail h2, .why_us_detail p,
.why_us_detail2 p{
    color: #fff;
}
.why_us_detail2 {
    padding: 0 13% 50px 0;
}
.why_us_detail2 h4 {
    font-style: oblique;
    padding-bottom: 30px;
    font-size: 24px;
}
.why_us_detail2 > h3 {
    font-size: 25px;
    font-weight: bold;
    line-height: 32px;
    padding-bottom: 20px;
    padding-top: 20px;
}

@media screen and (max-width: 767px) {
    #why_us {
        text-align: center;
        padding: 60px 0 50px;
    }
    .why_us_detail p {
        padding: 0;
    }
    .why_us_detail2 {
        padding: 0;
        margin-bottom: 30px;
    }
}


/* ================================= */
/* --------- Counter  Css  ------- */
/* ================================= */
#counter-section{
	background:  #f6f6f6;
	padding:150px 0;
}
.counter-img {
    padding: 200px 0 !important;
}
.counters-item {
  background: white;
  padding: 25px 0;
  position:relative;
}
.number-counters .counters-item i {
  display: inline-block;
  font-size: 42px;
  margin-bottom: 10px;
  color: #f6f6f6;
  
}
.number-counters .counters-item strong {
  color: #000;
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}
.number-counters .counters-item p {
  margin: 0;
  font-size:17px;

}
.border-inner {
  border: 1px solid #f6f6f6;
  bottom: 0;
  left: 0;
  margin: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
#counter-section.counter-img .counters-item{
    background:rgba(255,255,255,0.8); 
}
.portfolio-counter .number-counters .counters-item strong {
    display: inline-block;
}
.portfolio-counter .number-counters .counters-item i {
    display:block;
}
.portfolio-counter .number-counters .counters-item span{
    font-size: 32px;
    color: #000;
}
@media screen and (max-width: 767px) { }
/* --------- Counters Ends  ------- */



/* ================================= */
  /* Gallery & Portfolio CSS */
/* ================================= */

/*gallery filters*/
.cbp-l-filters{
    display: inline-block;
}
.cbp-l-filters .cbp-filter-item {
	color: #515A5F;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 10px;
  cursor: pointer;
  margin: 0 12px;
}
.cbp-l-filters .cbp-filter-item::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scale3d(0, 1, 1);
	-moz-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
 opacity: 0;    
}
.cbp-l-filters .cbp-filter-item:hover::before,
.cbp-l-filters .cbp-filter-item:focus::before,
.cbp-l-filters .cbp-filter-item-active::before {
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
  opacity: 1;
}
.cbp-l-filters .cbp-filter-item-active {
	cursor: default;
}
/*gallery overlay*/
.cbp-item .overlay {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 10px;
	position: absolute;
	opacity: 0;
	z-index: 99;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	visibility: hidden;
  -webkit-transform: scale3d(0, 1, 1);
	-moz-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);    
}
.cbp-item:hover .overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
	  -moz-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
}
.center-block {
	background-position: center center;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  flex-direction: column;
  height: 100%;    
}

.overlay .gallery-link{
    display: block;
}
.overlay .gallery-link li{
    display: inline-block;
}
.overlay .gallery-link li a{
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 2px;
    line-height: 40px;
    margin: 2px;
}


/* ------- Gallert - 13 ------- */
.gallery-box1 {
    background-image: url(../images/gallery13-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding:50px 0 50px 30px;
    border-radius: 10px;
}
.gallery-box{
    margin-top: 30px;
}
.gallery-box img{
    width: 100%;
   border-radius: 10px 10px 0 0;
}
.gallery-box1 h3{
    color: #000;
    font-weight: 500;
    padding-bottom: 15px;
}
.gallery-box h3{
    color: #000;
    font-weight: 600;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 20px;
}
.gallery-box1 p,
.gallery-box p{
    color: #888;
    font-weight: 300;
    line-height: 24px;
    padding-bottom: 15px;
    font-size:16px; 
    display: inline-block;
}
.gallery-box1 p span{
    font-size: 10px;
}
.gallery-box1 h3 span,
.gallery-box h3 span {
    display: inline-block;
    text-align: right;
    color: #000;
    font-size: 32px;
    margin-left: 40px;
}

/* ================================= */
/* ------------- RATES ------------- */
/* ================================= */
#rates {
    background:url(../images/about-bd.jpg) no-repeat;
    background-size:cover;
}
#rates .rates-price h3 {
    display: inline-block;
    color: #000;
    font-size: 20px;
    font-weight:600;
    font-family: 'Open Sans', sans-serif;
}
.rates-price {
    border-bottom: 1px solid #ccc;
    padding: 0 0 7px 0;
    margin-bottom: 10px;
}
#rates .pd-left {
    margin-bottom: 20px;
    font-size: 16px;
}
.price-dishes {
    margin-bottom: 50px;
}
.red-border {
    clear: both;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
    right: 0;
    background-color: #ccc;
}
/* ================================= */
/* ------- Pricing Table CSS ------- */
/* ================================= */

.nav-tabs {
    border: none;
}
.nav-tabs > li {
    float: none;
    margin-bottom: 0;
}
.table_data {
    -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);
}
.table_heading {
    color: #fff;
}
.table_heading, .get_start  {
    padding: 1.7rem 0;
}
.table_data.active .table_heading,
.table_data.active .get_start{
    background: #2C496B;
}
.table_heading > h2 {
    font-size: 2rem;
}
.table_data.active .table_heading > h2{
    font-weight: bold;
}
.table_data > h3 {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 50px 0 10px 0;
}
.table_data.active > h3{
    color: #2C496B;
}
.table_data > h3 >span {
    font-size: 20px;
}
.table_data > span {
	font-size: 12px;
}
.list-support {
	margin-top: 20px;
	padding: 0 40px;
	margin-bottom: 30px;
}
.list-support > li {
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #e6e1e1;
	font-size: 15px;
}
.list-support > li:last-child {
    border-bottom: none;
}

#pricing_table .btn {
	font-size: 14px;
	font-weight: 600;
	padding: 1rem 4rem;
	display: inline-block;
	line-height: 1;
	text-align: center;
  text-transform: capitalize;    
	-webkit-border-radius: 2px;
	border-radius: 40px;
  background: #fff;
  border: 1px solid #fff;
}
#pricing_table .btn:hover, 
#pricing_table .btn:focus{
    color: #fff;
    background: #2C496B;
    border: 1px solid #2C496B;
}
#pricing_table .table_data.active .btn:hover, 
#pricing_table .table_data.active .btn:focus{
    color: #fff;
}

/*toggled box*/
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-bottom-width: 1px;
}
.add_on {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    padding: 20px !important;
}
.tab-pane .col-md-8 {
    padding-right: 0;
}
.tab-pane .col-md-4 {
    padding-left: 0;
}
.tab-pane tbody td {
    padding-left: 20px !important;
}
.tab-pane tbody td input[type="checkbox"] {
    line-height: normal;
    margin: 0 11px 0 0;
}
.tab-pane tbody td label {
    font-weight: normal;
    margin: 0;
}
#pricing_table .well {
    background-color: #fff;
    border: none;
    -webkit-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: o;
    padding: 0;
}
.tab-pane .heading h2 {
    margin-bottom: 20px;
    margin-top: 30px;
}


/* ================================= */
/* ----------- Offer CSS ----------- */
/* ================================= */
.offer_section {
    background: #2C496B;
}
.offer_text {
    margin-top: 53px;
}
.offer_text h2 {
	color: #fff;
	text-transform: uppercase;
	padding-top: 25px;
}
.offer_text > p {
    color: #fff;
    padding: 10px 0 20px 0;
}
.offer_image > img {
    width: 100%;
}
.offer_text .btn-light:hover,
.offer_text .btn-light:focus{
    color: #fff;

}
@media (max-width: 1200px) {
	.offer-img-image img {
		width: 100%;
	}
}

/* ----------- Offer Ends ----------- */


/****** call to action*****/
#large-call-to-action .col-md-4 {
  padding:0;
}
#large-call-to-action .col-md-8 {
  padding:0;
}
.bg {
  background-position: center center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#large-call-to-action .content{
  height:auto;
  padding: 77.5px 96px;
  background:#2C496B;
}
#large-call-to-action h1 {
  color: #fff;
  font-size: 24px;
  line-height: 33px;
  text-transform: uppercase;
  margin-bottom:20px;
}
#large-call-to-action p:last-of-type {
  margin-bottom: 0;
  color:#fff;
}
#large-call-to-action .btn-slide {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	margin-top: 50px;
	padding: 13px 36px;
	font-weight: 600;
	text-transform: capitalize;
}
#large-call-to-action .btn-slide:hover,
#large-call-to-action .btn-slide:focus{
  background: #fff;
  color: #2C496B;
}
#large-call-to-action {
  background:#2C496B;
}


/* ================================= */
/* ----------- Team Css  ----------- */
/* ================================= */
#team{
    overflow: hidden;
	background:#f6f6f6;
}
.team-block img {
    bottom: -10px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    margin: 0 auto;
}
.team-desc {
    background: #fff;
    padding-bottom: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 2;
}
.team-name {
    padding: 10px 0;
}
.team-socials {
    display: inline-block;
    padding-top: 15px;
    padding-left: 0px;
}
.team-socials li {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}
.team-socials li a {
    color: #2d2d2d;
}
.team-socials i {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	cursor: pointer;
	font-size: 16px;
	margin: 0 10px;
}
.team-socials .fb i:hover {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.team-socials .twt i:hover {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.team-socials .skype i:hover {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.team-socials .l_in i:hover {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.team-block:hover img {
    bottom: 0px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.team-desc {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.team-block:hover .team-desc {
    -webkit-box-shadow: 0 10px 28px rgba(0, 0, 0, 0.19);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.19);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/* ================================= */
/* ------- Testimonial CSS --------- */
/* ================================= */

/*Testimonial fading style */
#testimonial-bg{
  background: url(../images/bg.jpg);
  color: #fff;
}
/*Testimonial OverLay BG*/
#testimonial {
  background: url(../images/testimonial.jpg);
    
}
#testimonial-bg, #testimonial{
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

#testimonial::before {
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background: rgba(24,54,80,.75);
}

#testinomial_rotator .item{
    text-align: center;
}
#testinomial_rotator .item > .img-circle {
	height: 110px;
	width: 110px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid #fff;
	display: inline-block;
	margin-bottom: 20px;
}
#testinomial_rotator h4 {
	color: #fff;
	font-weight: bold;
}
#testinomial_rotator small {
	display: block;
	margin-bottom: 40px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.7);
}


/* ================================= */
/* -------- Latest News CSS -------- */
/* ================================= */
.latest_detail{
    position: relative;
}
.latest_detail img {
    display: block;
    width: 100%;
    height: auto;
}
.latest_detail .latest_text {
    padding: 2rem 1.5rem;
    background: #f5f5f5;
}
.latest_detail .latest_text > h4 {
	text-transform: capitalize;
  margin-bottom: 3px;    
}
.latest_detail .latest_text p{
    margin-top: 20px;
}
.latest_detail .latest_text .ourmeta,
.latest_detail .latest_text .ourmeta a,
.latest_detail .latest_text .readmore {
     display: inline-block;
}
.latest_detail .latest_text .ourmeta a {
	font-size: 12px;
	color: #989898;
	margin: 0 10px;
}
.latest_detail .latest_text .ourmeta a > i{
    font-size: 16px;
}
.latest_detail .latest_text .ourmeta a:first-child {
    margin-left: 0;
}
.latest_detail .latest_text .ourmeta a:last-child {
    margin-right: 0;
}
.latest_detail .latest_text .readmore {
	border-bottom: 1px solid #dedede;
	padding-bottom: 3px;
	margin-top: 5px;
	font-size: 14px;
	color: #898989;
}
#latest_slider .item:hover .latest_detail{
    -webkit-box-shadow: 0 5px 5px -5px #333;
    box-shadow: 0 5px 5px -5px #333;
}


/*================================== */
/* ---------- Client CSS ----------- */
/* ================================= */
#client{
  background:url(../images/client-bg.jpg);
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	padding:120px 0;
}
#client .heading h2 {
	color: #fff;
}
#client .heading p {
	color: #fff;
}
#client .logo img {
	border: 2px solid white !important;
	cursor:pointer;
	filter: grayscale(100%);
	opacity: 0.4;
    width: 200px;
}
#client .logo img:hover {
	cursor:pointer;
	filter: grayscale(0%);
	opacity: 1;
    width: 200px;
}

/*================================== */
/* -------- Contact Us CSS --------- */
/* ================================= */
#contact_us {
    background: #f5f5f5;
}
.contact_form {
    background: #2C496B;
    padding:30px 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.form_message > p {
    color: #fff;
    padding: 16px 0;
    font-size: 1.125rem;
}
.contact_form .form-control {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 45px;
    margin-bottom: 20px;
}
.contact_form .form-control option {
    padding: 15px 20px;
    border: none;
}
.contact_form textarea.form-control {
    height: 190px !important;
}
.contact_form .form-group .form_button {
	display: inline-block;
	height: 47px;
	padding: 1rem 4rem;
	-webkit-border-radius: 2px;
	border-radius:40px;
	border: none;
	color: #fff;
	text-transform: capitalize;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	font-size: 16px;
}
.contact_form .form-group .form_button:hover,
.contact_form .form-group .form_button:focus{
    background: #fff;
}
.arrow_set {
    position: relative;
}
.arrow_set .arrow_select {
    position: absolute;
    right: 15px;
    top: 0;
    color: #fff;
    padding: 9px 15px;
    font-size: 19px;
}
.contact_detail > h3 {
    font-weight: 600;
    margin-bottom: 30px;
}
.address_detail{
    display: table;
    margin-top: 10px;
}
.address_detail p,
.address_detail span{
    display: table-cell;
    vertical-align: middle;
}
.address_detail > span {
	font-size: 20px;
	padding-right: 15px;
	color: #000;
}
.address_detail p {
    display: inline-block;
    color: #989898;
}
#map {
    height: 300px;
    margin-top: 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}



/* ================================= */
/* ---------- Footer CSS ----------- */
/* ================================= */
.footer {
	background: url(../images/client-bg.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	
}

.footer_top {
	/* background: url(../images/client-bg.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center; */
	padding: 50px 0;
}

.footer_bottom {
    /* background: #2C496B; */
    padding: 24px 0;
}
.footer_bottom p {
	margin: 0;
	font-size: 13px;
	color: rgba(255,255,255,.65);
    letter-spacing: 2px;
}
.footer_bottom_detail {
    position: relative;
}
.footer_bottom_detail::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,.65);
    left: 0;
    right: 0;
    top: -50px;
}
.footer_top_detail > h3 {
    font-weight: 600;
    margin: 10px;
      color: #1fb7a6;
    
}
/* ================================= */
/* ------ Animaited Pages CSS ------ */
/* ================================= */
/* Backgrounds will cover all the section
* --------------------------------------- */
#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6{
    background-size: cover;
    background-attachment: fixed;
}
.section-detail{
    padding:15% 0;
}
.section-detail p {
    color: #fff;
    font-size: 15px;
    padding-bottom: 20px;
    line-height: 26px;
}
.section-detail h1{
    font-size: 38px;
    color: #fff;
    font-weight: 700;
}
/* Defining each sectino background and styles
* --------------------------------------- */
#section0{
    background-image: url(../images/animaited-1.jpg);
}
#section0 .section-detail p,
#section2 .section-detail p,
#section4 .section-detail p {
    padding-right:50%;
}
#section1{
    background-image: url(../images/animaited-2.jpg);
}
#section1 .section-detail,
#section3 .section-detail,
#section5 .section-detail{
    text-align: right;
}
#section1 .section-detail p,
#section3 .section-detail p,
#section5 .section-detail p {
    padding-left:50%;
}
#section2{
    background-image: url(../images/animaited-3.jpg);
}
#section2 .section-detail p,
#section2 .section-detail h1,
#section4 .section-detail p,
#section4 .section-detail h1{
    color: #000;
}
#section3{
    background-image: url(../images/animaited-4.jpg);
}
#section4{
    background-image: url(../images/animaited-5.jpg);
}
#section5{
    background-image: url(../images/animaited-6.jpg);
}
@media screen and (max-width: 992px) {
    .section-detail h1 {
        font-size: 28px;
    }
    .section-detail {
        padding: 15% 20px;
    }
    #section0 .section-detail p, #section2 .section-detail p, #section4 .section-detail p {
        padding-right: 0;
    }
    #section1 .section-detail p, #section3 .section-detail p, #section5 .section-detail p {
        padding-left: 0;
    }
    .attr-nav > ul > li {
        display: none;
    }
    nav.navbar.bootsnav .navbar-nav {
        padding-right: 35px;
        background-color: #2F3A4C;
    }
}

/* ================================= */
/* -------- error page ------- */
/* ================================= */
#error_page{
    background:url(../images/404_01.jpg);
    background-size:cover;
    background-repeat:no-repeat;
   
    padding-top:165px;
    padding-bottom:165px;
}

/* ================================= */
/* -------- Inner Banner CSS ------- */
/* ================================= */
#inner-banner{
    background:url(../images/404_01.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    border-bottom:7px solid #fff;
    padding-top:165px;
    padding-bottom:150px;
}
.inner-banner-detail h2 {
  color: #fff;
  font-size: 46px;
  font-weight: 900;
  letter-spacing: 8px;
}
.inner-banner-detail > p {
  letter-spacing:3px;
  padding-bottom:40px;
}
.inner-banner-detail a {
  color: #fff;
}
.inner-banner-detail span {
    margin:0 15px;
}
/* --- inner heading CSS --- */
.inner_heading > h2::after {
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 165px;
}
.inner_heading > h2 {
  color: #222222;
  display: inline-block;
  padding: 5px 0 25px;
  position: relative;
  text-transform: uppercase;
}
.inner_heading > p{
    text-transform:uppercase;
}

/* ================================= */
/* ------- Blog Misonery CSS ------- */
/* ================================= */
.latest_page_box {
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  padding-top:16px;
  margin-bottom: 50px;
}
.news_image {
  margin-top:16px;
  position: relative;
}
.news_image img{
    width: 100%;
}
.news_date {
  padding: 0 25px;
  font-size: 14px;
}
.news_padding > h3 {
    margin: 20px 0 10px;
    color: #222;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.news_padding > p {
  display: inline-block;
  font-size: 14px;
}
.news_padding > p > a:hover{
    color: #d44457;
}
.news_padding {
    padding: 20px 25px 25px;
}
.news_date i {
    font-size: 20px;
    vertical-align: text-top;
    margin-right: 10px;
}
.news_image .price .tag {
  color: #fff;
  display: block;
  font-size:28px;
  height: 63px;
  line-height: 63px;
  text-align: center;
  width: 80px;
  background: #d44457;
}
.news_image .price .tag_white {
  height:24px;
  font-size:12px;
  line-height:24px;
  text-align: center;
  width: 80px;
  background: #fff;
  color: #353535;
  display: block;
}
.news_image .price {
  bottom:10px;
  position: absolute;
  right:10px;
  z-index:0;
}
.news_padding .cd-btn {
    padding: 8px 10px;
    width: 150px;
    font-size: 14px;
}
#blog1_slider .owl-dots{
    margin-top: 10px;
    text-align: center;
}
#blog1_slider .owl-dots{
  bottom: 30px;
  left: 0;
  position: absolute;
  right: 0;
  text-align:center;
}
#blog1_slider .owl-dot {
  display: inline-block;
}
#blog1_slider .owl-dot span {
    display: block;
    width:19px;
    height:3px;
    filter: Alpha(Opacity=50);
    opacity: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-right:5px;
    background: #fff;
    margin-top:30px;
}
#blog1_slider .owl-dot.active span, 
#blog1_slider .owl-dot:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #d44457;
}
/* ================================= */
/* ------------ Blog Css ----------- */
/* ================================= */
.blog {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px -4px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
.blog h2 {
    padding-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin: 10px 0 25px 0;
}
.blog-admin{
    padding:20px 0;
}
.blog-admin li {
    display: inline-block;
    margin-right: 25px;
}
.blog-admin li .fa{
    margin-right:7px;
}
.blog-detail p {
    line-height: 27px;
    padding-bottom: 20px;
}
.blog-detail a.blog-btn{
    color: #fff;
    display: inline-block;
    padding: 13px 40px;
}
.blog-detail-review {
    background: #fff;
    padding: 20px 20px;
}

/* --------- Right Bar Css ------- */
.right-bar{
  box-shadow: 0 0px 0px 1px #e9e5e5;
  padding:20px 10px;
  margin-bottom:30px;
  background: #fff;
}
.right-bar h4 {
  color: #3a2f2f;
  padding-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
}
.form-right .form-control {
  border: 1px solid #e2e2e2;
  border-radius: 0;
  color: #888;
}
.form-right label {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0;
}
.form-group > button {
  border: medium none;
  color: #fff;
  font-size: 13px;
}
.recent-listing-img {
  position: relative;
  margin-bottom:20px;
}
.recent-listing-links {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  padding: 6px;
  position: absolute;
  right: 0;
}
.recent-listing-links .recent-jobs{
  color: #fff;
  font-size: 13px;
}
.recent-listing-links .recent-readmore {
  color: #fff;
  float: right;
  font-size: 10px;
  margin-top: 5px;
}
#blog .owl-prev{
  bottom:-13px;
  color: #fff;
  height: 30px;
  left: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 49%;
  font-size:18px;
}
#blog .owl-next{
  bottom:-13px;
  color: #fff;
  height: 30px;
  right: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 49%;
  font-size:18px;
}
.listing-rightbar .right-bar h4 {
  padding-bottom: 20px;
  font-size: 24px;
}
.right-bar-listing li a {
  position: relative;
  display: block;
}
.right-bar-listing li {
    margin: 10px 0;
    position: relative;
    display: block;
}
.right-bar-listing li a .fa {
  border: 1px solid #ccc;
  height: 30px;
  width: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  border-radius: 5px;
  margin-right: 10px;
  transition: 0.4s;
}
.right-bar-listing li a span{
  position: absolute;
  right: 0;
  top: 4px;
}
.right-bar-listing li a:hover .fa{
  color: #ffff;
  transition: 0.4s;
}
.blog-img img{
    width: 100%;
}
.places-list {
    background: #f6f6f6;
    padding: 10px;
    margin-top: 10px;
}
.places-list h5 a {
    font-size: 20px;
    padding-bottom: 7px;
    color: #3a2f2f;
    display: block;
}
.places-list p {
    font-size: 12px;
}
/* ================================= */
/* -------- Blog Deatil Css -------- */
/* ================================= */
.blog-detail-review {
    background: #fff;
    padding: 20px 20px;
}
.blog-detail-review-detail h4 {
    font-size: 20px;
    padding-bottom: 7px;
    color:#3a2f2f;
}
.blog-detail-review-detail span {
    font-size: 13px;
    padding-bottom: 7px;
}
.blog-detail-review-detail a span {
    margin-right:7px;
}
.detail-form .form-right .form-control {
    height:44px;
}
.detail-form .form-right textarea.form-control {
    height:130px;
}
.detail-form .form-right button{
    height:44px;
    width:auto;
    padding:0 50px;
}
.m_t30 {
    margin-top: 30px;
}
.blog-detail-review-detail a span {
    color: #1fb7a6;
}
/* ================================= */
/* -------- Responsive CSS --------- */
/* ================================= */

@media screen and (max-width: 992px) {
    h1{
        font-size: 2.5rem;
    }
    h2{
        font-size: 2rem;
    }
    h3{
        font-size: 1.5rem;
    }
    h4{
        font-size: 1.125rem;
    }
    h5{
        font-size: 1rem;
    }
    p {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .header_top .top_links {
        text-align: center;
    }
    .services_detail h4 {
        padding: 8px 0;
    }
    .services_detail p {
        padding: 20px 20px;
    }
    .services_detail p {
        line-height: 18px;
    }
	#large-call-to-action .content {
		padding: 10px 20px 10px 26px;
	}
	.video-background-container {
		display: none;
	}
	.banner-2-inner {
		padding: 40% 0 17%;
	}
	#client .logo img {
        width: 100%;
    }
	.blog-overlay img {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.header-bottom-info-1, .header-bottom-info-2 {
		margin-bottom: 85px;
	}
    
    
    .about_detail,
    .what_we_do_detail {
        padding: 20px;
        text-align: center;
    }
    .tab-pane .col-md-8 {
        padding-right: 15px;
    }
    .tab-pane .col-md-4 {
        padding-left: 15px;
    }
    .contact_detail {
        margin-top: 30px;
    }
    
    .address_detail p {
        font-size: 12px;
        color: #000;
    }
    .address_detail > span > .fa {
        font-size: 15px;
        margin-right: 0;
    }
   
    .table_data {
        border: 1px solid #d4d4d4;
        margin-bottom: 30px;
    }
    .services_detail {
        height: 400px;
    }
    .face {
        height: 400px;
    }
	.btn-dark {
		margin-bottom: 5px;
	}
	#banner-5 .banner-5-details h2 {
		font-size: 36px;
		text-align: center;
	}
	#banner-5 .banner-5-details p {
		font-size: 25px;
		text-align: center;
	}
	#banner-5 .btn-wrap {
		top:50px;
		text-align: center;
	}
	#banner-5 {
		padding: 26% 0 90px;
		text-align: right;
	}
	.banner-2-inner {
		text-align: center;
	}
	.banner-2-inner p {
		padding: 20px 0;
	}
	#client .logo img {
		width: 100%;
		margin: 0 auto 10px;
	}
	.team-block{
			margin-top:30px;
	}
}
@media (max-width: 480px) {
    .top_links > li {
        margin-left: 3px;
    }
}
@media (max-width: 360px) {
	.header-bottom-info-1, .header-bottom-info-2 {
		margin-bottom: 45px;
	}
}