body{ margin:0px; padding:0px; overflow-x:hidden;}

.wrapper{ width:100%; float:left; height:auto; margin:0 0 0 0;}

header{ width:100%; float:left; height:auto; margin:0 0 0 0; background:#227fbb;}


header .head-top{ width:100%; float:left; height:auto; margin:0 0 0 0; border-bottom:1px solid #525b60; padding:10px 0;}


header .head-top .left{ width:auto; float:left; height:auto; margin:0 0 0 0;}
header .head-top .left p{width:auto; float:left; height:auto; margin:0 25px 0 0; color:#ffffff; font-size:14px; line-height:27px;}
header .head-top .left p strong{color:#fff;}
header .head-top .left p span{ width:27px; height:27px; float:left; height:auto; margin:0 5px 0 0; color:#fff; text-align:center; line-height:27px; font-size:14px; background:#227fbb;}


header .head-top .right{ width:auto; float:right; height:auto; margin:0 0 0 0;}
header .head-top .right a{ width:27px; height:27px; float:left; line-height:27px; text-align:center; border-radius:50%; background:#000; font-size:13px; margin:0 0 0 5px; color:#fff;}

header .head-top .right a.facebook{ background:#3b5999;}
header .head-top .right a.twitter{ background:#1da1f2;}
header .head-top .right a.linkedin{ background:#0077b5;}
header .head-top .right a.youtube{ background:#cc332d;}

header .mid{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:10px 0; background: #ffffff;}

header .mid .logo{width:219px; float:left; height:auto; margin:0 0 0 0; outline:none;}
header .mid .logo img{ }

header .mid .search{ width:50%; float:right; margin:0x 0; height:auto; text-align:right; font-size:18px;}
header .mid .search .form-group{ margin:0;}
header .mid .search .form-group .form-control{ border:none; border-radius:0; height:47px; padding:0 15px;}
header .mid .search .form-group button.bt{ background:#39b0ff; color:#fff; height:47px; border:none; line-height:47px; text-align:center; width:72px; cursor:pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; float:right; margin:-47px 0 0 0; position:relative; z-index:1;}
header .mid .search .form-group button.bt:hover{ background:#0d8ee4;}
header .mid .search .form-group button.bt:focus{ outline:none;}

header .bottom{ width:100%; float:left; height:auto; margin:0 0 0 0; min-height:464px; background:#fff;}
header .bottom .inner{ width:100%; float:left; max-height:64px; margin:0 0 0 0; background:#2b3e51;}

header .bottom .left{ width:100%; float:left; height:auto; margin:0 0 0 0;}

header .bottom .left h2{ width:100%; float:left; height:auto; line-height:64px; color:#fff; background:#73b320; font-size:20px; text-transform:uppercase; margin:0; padding:0 20px; font-weight:bold;}
header .bottom .left h2 i{ margin:0 10px 0 0;}

header .bottom .left .categories{ width:100%; float:left; height:auto; margin:0 0 0 0; background:#00609f; padding:0;}



header .bottom .left .categories .menu{width:100%; float:left; margin:0 0 0 0;}
header .bottom .left .categories .menu .btn{background:#4285f4; color:#fff; font-family: 'PT Sans', sans-serif; font-weight:700; font-size:14px; letter-spacing:1px;}
header .bottom .left .categories .menu .navbar{ padding:0; float:left; width:100%; height:auto; display:block;}

header .bottom .left .categories .menu .navbar .dropdown-menu>li>a {
    color:#428bca;
}
header .bottom .left .categories .menu .navbar .dropdown ul.dropdown-menu {
    border-radius:0;
    box-shadow:none;
    margin-top:0;
    width:100%;
	background:#00609f;
	min-width:inherit;
	border:none;
	padding:0;
}

header .bottom .left .categories .menu .navbar .dropdown-menu li{ margin:0 0; float:left; width:100%; padding:0 15px;}
header .bottom .left .categories .menu .navbar .dropdown-menu li a{ color:#fff; cursor:pointer; font-size:15px; line-height:50px; float:left; width:100%; font-weight:400; text-decoration:none;} 

header .bottom .left .categories .menu .navbar .dropdown-menu li:hover{background:#39b0ff;}

header .bottom .left .categories .menu .navbar .dropdown-menu li a i{ float:right; line-height:45px;}

header .bottom .left .categories .menu .navbar .dropdown ul.dropdown-menu li:hover .mega {
  display: block;
}

header .bottom .left .categories .menu .navbar .mega {
  width: 265px;
  display: none;
  position: absolute;
  left: 254px;
  top: 0px;
  background: #fff;
  margin:0 0 0 0;
  border-left:none;
  border:none;
  min-height:401px;
  border-radius: 0;
  box-shadow: 1px 3px 10px 0px rgba(204,204,204,1);
}

header .bottom .left .categories .menu .navbar .mega aside {
  float: left;
  padding:30px;
  width: 100%;
}

header .bottom .left .categories .menu .navbar .mega aside h3{width:100%; float:left; margin:0 0 0 0; font-size:27px; font-weight:400; color:#222; font-family: 'PT Sans', sans-serif;}

header .bottom .left .categories .menu .navbar .mega aside ul{width:100%; float:left; margin:0 0 0 0; padding:0; list-style:none;}

header .bottom .left .categories .menu .navbar .mega aside ul li{width:100%; float:left; margin:0 0 0 0; height:auto; padding:0;}

header .bottom .left .categories .menu .navbar .mega aside ul li a{color: #222;font-family: 'PT Sans', sans-serif;cursor: pointer;font-size: 13px;line-height: 45px;float: left;width: 100%;
}

header .bottom .left .categories .menu .navbar .mega aside ul li:hover{background:#fff;}
header .bottom .left .categories .menu .navbar .mega aside ul li a:hover{text-decoration:none; color:#2a72ca;}


header .bottom .left .categories .menu .navbar .mega aside ul li a.active{font-weight:700; text-decoration:none; font-size:15px;}


header .bottom .right{ width:100%; float:left; height:auto; margin:0 0 0 0;}
header .bottom .right .main-menu{ width:100%; float:left; height:auto; margin:0 0 0 0;}

header .bottom .right .home-banner{ width:100%; float:left; height:auto; margin:25px 0 0 0;}
header .bottom .right .home-banner img{ width:100%;}

.middile{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.home-first{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:30px 0 40px 0;}

.home-first .box{ width:100%; float:left; height:auto; margin:0 0 0 0; border:1px solid #000; padding:15px 20px;}
.home-first .box img{ width:55px; height:auto; float:left; margin:0 0 0 0;}
.home-first .box h2{ width:70%; float:right; margin:0 0 0 0; color:#000; font-size:20px; font-weight:bold; line-height:25px;}
.home-first .box h2 span{ font-weight:normal; font-size:17px; color:#666;}
.home-first .box:hover{ background:#eee;}


.home-second{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:0 0;}

.home-second .box{ width:100%; float:left; height:auto; margin:0 0 0 0; overflow: hidden;transition: 0.5s;}
.home-second .box img{ width:100%; transition: 0.5s;}
.home-second .box:hover img {transform: scale(1.1);}

.home-second .col-sm-3{ padding:0 10px;}
.home-second .col-sm-6{ padding:0 10px;}
.home-second .col-sm-12{ padding:0 10px;}


.home-third{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:50px 0;}

.home-third h1{ width:auto; float:left; margin:0 0 0 0; background:#53baff; padding:0 20px; font-weight:bold; color:#fff; text-transform:uppercase; font-size:20px; line-height:60px;}

.home-third a{ text-decoration:none; outline:none; width:100%; float:left; margin:0 0 0 0; height:auto; overflow: hidden;transition: 0.5s;}
.home-third a span{ width:100%; float:left; height:auto; margin:0 0 0 0; border:1px solid #eee;}
.home-third a span img{width:100%; transition: 0.5s;}
.home-third a:hover img {transform: scale(1.1);}
.home-third h2{ width:100%; float:left; height:auto; margin:15px 0 0 0; color:#555; font-size:15px;}
.home-third a:hover h2{ color:#222;}


.home-fourth{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:0 0;}
.home-fourth img{ width:100%; transition: 0.5s;}

.home-fourth a{ text-decoration:none; outline:none; width:100%; float:left; margin:0 0 0 0; height:auto; overflow: hidden;transition: 0.5s;}
.home-fourth a:hover img {transform: scale(1.02);}


.home-fifth{width:100%; float:left; height:auto; margin:0 0 0 0; padding:50px 0;}
.home-fifth h2{ width:auto; float:left; margin:0 0 0 0; font-weight:bold; color:#222; text-transform:uppercase; font-size:20px;}

.home-fifth .box{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:20px; background:#eff4f7; min-height:200px;}
.home-fifth .box .left{ width:40%; float:left; height:auto; margin:10px 0 0 0;}

.home-fifth .box .left h3{ width:100%; float:left; height:auto; margin:0 0 0 0; color:#42b0fa; font-size:18px; font-weight:bold; text-transform:uppercase; line-height:22px;}
.home-fifth .box .left h3 a{ color:#42b0fa; text-decoration:none;}
.home-fifth .box .left ul{ width:100%; float:left; height:auto; padding:0; margin:15px 0 0; list-style:none;}
.home-fifth .box .left ul li{ width:100%; float:left; height:auto; margin:3px 0 0 0; font-size:15px;}
.home-fifth .box .left ul li a{ color:#222; text-decoration:none;}
.home-fifth .box .left ul li a:hover{ color:#42b0fa;}

.home-fifth .box .right{ width:56%; float:left; height:auto; margin:0 0 0 0;}
.home-fifth .box .right img{ width:100%;}

.home-bottom{ width:100%; float:left; height:auto; background:#eff4f7; padding:20px 0 30px;}
.home-bottom .box{ width:100%; float:left; height:auto; margin:0 0 0 0;}
.home-bottom .box img{ width:60px; height:auto; float:left; margin:0 0 0 0;}
.home-bottom .box h2{ width:75%; float:right; margin:7px 0 0 0; color:#222; font-weight:bold; font-size:18px; line-height:22px;}
.home-bottom .box h2 span{ width:100%; float:left; height:auto; font-size:14px; font-weight:normal;}


footer{ width:100%; float:left; height:auto; margin:0 0 0 0; background:#313131; padding:0 0 0 0;}

footer h2{ width:100%; float:left; height:auto; margin:0 0 20px 0; color:#fff; font-size:20px; font-weight:bold;}

footer ul{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:0; list-style:none;}
footer ul li{width:100%; float:left; height:auto; margin:0 0 8px 0; font-size:14px;}
footer ul li a{ color:#bbb; text-decoration:none;}
footer ul li a:hover{ color:#fff; text-decoration:none;}
footer ul li a:before{ width:10px; height:1.5px; background:#bbb; content:""; float:left; margin:10px 10px 0 0;}
footer p{ width:100%; float:left; height:auto; margin:0 0 12px 0; color:#bbb; font-size:14px;}
footer p strong{ color:#fff;}
footer p i{ width:27px; height:27px; text-align:center; padding:5px 0 0 0; float:left; margin:0 7px 0 0; font-size:13px; background:#39b0ff; color:#fff;}

footer .copyright{ width:100%; float:left; height:auto; margin:0 0 0 0; background:#262626; padding:20px 0; font-size:14px; color:#bbb;}
footer .copyright img{ float:right;}
footer .copyright p{ margin:10px 0 0 0;}
/* 21. Contact Us */
.form-holder{
	width:100%;
	padding:10px;
	float:left;
	background:#fbfbfb;
}
#tj-map{
  height:400px;
  float: left;
  width: 100%;
}
.tj-contact-section{
	width:100%;
	float:left;
	padding:20px 0;
}
.tj-contact-section .tj-heading-style,
.tj-team .tj-heading-style{
	margin:0 auto 0;
	width:670px;
	text-align:center;
}
.tj-contact-section .tj-heading-style h3,
.tj-app .tj-heading-style h3,.about-info .tj-heading-style h3,
.tj-reviews .tj-heading-style h3,.tj-team .tj-heading-style h3,
.tj-services .tj-heading-style h3,.tj-cab-collection .tj-heading-style h3,
.tj-facts .tj-heading-style h3,.tj-news .tj-heading-style h3,.tj-book-services .tj-heading-style h3,.cab-services .tj-heading-style h3,.tj-cab-filter .tj-heading-style h3{
	font-size:40px;
	font-family:'Montserrat',sans-serif;
	font-weight:600;
	text-transform:capitalize;
	color:#444444;
	position:relative;
	margin:0;
}
.tj-contact-section .tj-heading-style h3:after,
.tj-team .tj-heading-style h3:after,.tj-cab-collection .tj-heading-style h3:after,
.tj-news .tj-heading-style h3:after,.tj-book-services .tj-heading-style h3:after,
.cab-services .tj-heading-style h3:after,.tj-cab-filter .tj-heading-style h3:after{
	content:'';
	background:url("../images/heading-style-border.png") no-repeat;
	display:block;
	height: 22px;
	width: 43px;
	margin: 10px auto;
}
.tj-contact-section .tj-heading-style p,
.tj-team .tj-heading-style p,.tj-cab-collection .tj-heading-style p,
.tj-news .tj-heading-style p{
	font-size:15px;
	line-height:24px;
	color:#777777;
	margin-top:15px;
}
.tj-contact-section .form-holder{
	float:left;
	width:100%;
	margin-top:0px;
	padding:30px;
}
.tj-contact-form .inner-holder{
	float:left;
	width:100%;
}
.tj-contact-form .inner-holder label{
	font-family:'Montserrat',sans-serif;
	font-size:15px;
	line-height:22px;
	color:#444444;
	display:block;
	font-weight:500;
}


.tj-contact-form #name,.tj-contact-form #email{
	padding:0 10px;
}
.tj-contact-form .inner-holder input[type="text"],
.tj-contact-form .inner-holder input[type="email"]{
	width:100%;
	height:45px;
	border:1px solid #e8e8e8;
	padding:0 15px;
	color:#a6a6a6;
	font-size:14px;
	line-height:24px;
	margin-bottom:20px;
}
.tj-contact-section .tj-contact-form .inner-holder textarea{
	width:100% !important;
	border:none;
	border:1px solid #e8e8e8;
	resize:none;
	padding:15px 15px;
	height:165px;
	color:#a6a6a6;
	font-size:14px;
	line-height:24px;
	margin-bottom:15px;
}
.tj-contact-form .no-pad{
	padding-left:5px;
}
.tj-contact-form .btn-submit{
	width:211px;
	text-align:center;
	border:none;
	color:#fff;
	height:50px;
	font-family:'Montserrat',sans-serif;
	font-weight:600;
	margin-top:15px;
	background:#000000;
}
.tj-contact-form .inner-holder  .error,
.contact_frm .frm-field .error{
	color:#e74c3c;
}
.tj-contact-form button.success,
.contact_frm button.success{
    background-color: #669e4a;
}
.tj-contact-form button.fail,
.contact_frm button.fail{
	background-color:#e74c3c;
}
.tj-contact-form button.wait,
.contact_frm button.wait{
	cursor: wait;
}
.address-box{
	border:1px solid #e8e8e8;
	width:320px;
	float:left;
	background:#fafafa;
	text-align:center;
	margin:0px 0 0 40px;
}
.address-box .add-info{
	width:100%;
	float:left;
	padding:25px 0 0;
}
.address-box .icomoon{
	font-size:40px;
	text-align:center;
	display:block;
	padding-bottom:15px;
}
.address-box .add-info:last-child{
	padding-bottom:25px;
}
.address-box p{
	font-size:16px;
	line-height:24px;
	color:#333333;
}
.address-box a{
	display:block;
	font-size:16px;
	line-height:24px;
	color:#333333
}
/* End Contact CSS Styles */

/* Call To Action CSS Styles */
.tj-cal-to-action{
	width:100%;
	float:left;
	background:url("../images/cta-bg.png") no-repeat center center;
	padding:50px 0 20px;
	position:relative;
}
.tj-cal-to-action:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.cta-box{
	position:relative;
	z-index:999;
	margin-bottom:30px;
}
.cta-box img {
    float: left;
    padding-right: 30px;
}
.cta-box .cta-text{
	overflow:hidden;
}
.cta-box strong{
	font-size:18px;
	line-height:22px;
	font-family:'Montserrat',sans-serif;
	color:#fff;
	font-weight:500;
	margin-bottom: 5px;
    display: block;
}
.cta-box p{
	font-size:15px;
	line-height:24px;
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	color:#fff;
}
.imgesbox{
	width:100%;
	height:auto;
	float:left;
	border:1px solid #CCC;
	text-align: center;
}
.imgesbox img{
	width: auto;
}
.bro{
	width:100%;
	height:40px;
	line-height:40px;
	background:#000;
	color:#ffffff;
	float:left;
	text-align:center;
}
.bro a{
	display:block;
	color:#ffffff;
	
	
}
/* End Call To Action CSS Styles */

/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  padding:10px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

@media (max-width: 767px) {
header .bottom .left{ display:none;}
header .bottom .inner{ max-height:inherit; height:auto;}
header .head-top{ display:none;}
header .mid .logo{ width:145px; height:auto;}
header .mid .search{ width:100%; float:left; margin:10px 0 0 0;}
header .mid .search .form-group .form-control{ height:40px;}
header .mid .search .form-group button.bt{ line-height:40px; margin:-40px 0 0 0; height:40px;}
.navbar-toggler{ position:absolute; top:-106px; right:0; outline:none;}
.nav-link{ line-height:40px !important; border-bottom:1px solid #444;}
header .bottom{ min-height:inherit;}
.home-fifth .box .right{ width:45%; float:right;}
.home-fifth .box .left{ width:52%; float:left;}
footer .copyright p{ font-size:12px; margin-bottom:15px;}
}