/* Xstyles */

* {    margin: 0;    padding: 0;    box-sizing: border-box;    border: none;    outline: none;  	-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }

body {     line-height: 26px;	font-family: 'Montserrat', sans-serif;    font-size:13px;     margin: 0px;    padding: 0px;}

a {    -webkit-transition: all .3s ease;    -moz-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease;}

ol, ul , li {    /* list-style: none !important; */    /* list-style-position:inside !important; */    padding: 0px;    margin: 0px;}

a {color: #333;}

a:hover {color:#000;}

li , p {font-size: 15px;line-height: 26px;font-weight: normal;color: #474747;list-style: none;}

input:focus, textarea:focus, select:focus , a:focus , input, textarea, select , a {    outline:none !important;    /* box-shadow: none !important; */ }

.page-template-default .entry-content li {list-style: disc inside !important;}

img {border: none;max-width: 100%;border: 0;}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;font-weight: 600;color: #000000;}

input.required.error, textarea.required.error, select.required.error {    border-bottom: red 2px solid !important;    color: red !important;    }

label.error {    display: none !important;}

@media only screen and ( max-width:850px ){

body .h1-right.col-md-5 {    display: none;}

body .row-shadow {    padding: 0 30px;}

body .hsection {    text-align: center;    padding-top: 4em;    padding-bottom: 4em;}

body .h3-left h2 {    font-size: 35px;}

body ul.h3-list {    display: table;    clear: both;    width: auto;    margin: 3em auto 0;}

body .h3-right.col-md-6 {    display: none;}

body .h4-left.col-md-4 {    display: none;}

body .h4-righ-block {    text-align: left;}

body footer.footer-container {    text-align: center;}

body .footer-menu {    margin: 0 auto;    display: table;}

}

header.titleheader {        clear: both;        float: left;        width: 100%;        background: #fff;        padding: 11em 0 4em;        text-align: center;        margin-bottom: 0;        box-shadow: 0 0 10px #ddd;}

header.titleheader h1.entry-title {      color: #000;      margin: 0;      font-size: 35px;      font-weight: bold;}

.main-menu {    clear: both;    float: left;    margin-top: 8px;}

.main-menu ul {    float: none;    list-style: none;    margin: 0;}

.main-menu > ul > li {    float: left;    margin-bottom: 0;    position: relative;    margin-left: 1em;}

.main-menu > ul > li > a {      color: #fff;      letter-spacing: normal;      font-size: 17px;      padding: 3px 7px;      border-radius: 0;      text-decoration: none;      float: left;      width: 100%;      font-weight: 400;}

.main-menu ul li ul.sub-menu {    position: absolute;    z-index: 1;    width: 13em;    left: 0;    background: #fff;    padding: 0;    margin-left: 0;    display: none;    border: 1px solid #ddd;    top: 100%;}

.main-menu ul li:hover ul.sub-menu {	display:block}

.main-menu ul li ul.sub-menu li {    width: 100%;    float: left;    margin-bottom: 0;    border-bottom: 1px solid #ddd;    padding: 0;    box-sizing: border-box;    position: relative;    margin: 0;}

.main-menu ul li ul.sub-menu li a {    color: #000;    font-size: 13px;    float: left;    width: 100%;    padding: 7px 14px;    font-weight: 500;   line-height: 19px; }

.main-menu ul li ul.sub-menu li a:hover , .main-menu ul li ul.sub-menu li.current_page_item > a {    background: #262626;    text-decoration: none;    color: #fff;    text-decoration: none;}

.header-container.header-fixed {    position: fixed;    top: 0;    width: 100%;    background: #ffffff;    z-index: 12;    box-shadow: 0 0 20px #888888;    padding: 5px 0;    border-top: none;}

.header-container.header-fixed img {     max-width: 160px;}

.header-container {    float: left;   width: 100%;    background-color: transparent;    padding: 20px 0;      }


.mobile-view {    position: fixed;    top: 0;    z-index: 101;    background: #000;    height: 100vh;    right: -330px;    transition: all ease-in-out 0.5s;    -webkit-transition: all ease-in-out 0.5s;    -moz-transition: all ease-in-out 0.5s;
}

.mob-menu {    padding: 20px;    width: 100%;    overflow-x: hidden;    color: #fff;    max-width: 280px;    overflow-y: scroll;    height: 100%;}

.mob-menu li {    border-top: 1px solid #313131;    list-style: none;    margin-bottom: 0;    float: left;    width: 100%;    position: relative;}

.mob-menu li > a {    color: #fff;    font-size: 14px;    padding: 12px;    float: left;    width: 100%;}

.mob-menu > li:first-child {    border-top: none;}

.mob-menu li ul.sub-menu {    border-top: 1px solid #313131;    clear: both;    padding-left: 0;    width: 100% !important;    display: none;}

.mob-menu li > a:hover {    text-decoration: none;    background: #151515;}

.mob-menu li span.opensub {    position: absolute;    top: 11px;    right: 10px;    height: 20px;    width: 20px;    text-align: center;    cursor: pointer;    color: #fff;}

.mob-menu li > ul.sub-menu li > a {    font-size: 13px;    padding-left: 20px;}

.mob-menu ul#menu-main-menu-1 {    margin: 0;}

.headnav {    float: right;    margin-top: 16px;    display: none;}

.headnav i.fa {    font-size: 22px;    cursor: pointer;    color: #000;}

.mobile-view.mopen {    right: 0;   transition: all ease-in-out 0.5s;    -webkit-transition: all ease-in-out 0.5s;    -moz-transition: all ease-in-out 0.5s;}

.header-fixed .main-menu {    margin-top: 11px;}

.mobile-close {    position: absolute;    left: -35px;     width: 35px;    height: auto;    border-radius: 0;    text-align: center;    color: #fff;    font-size: 20px;    top: 20px;    background: #000;
    padding: 10px 0;    display: none;}

.mobile-overlay {    top: 0;    background: rgba(0, 0, 0, 0.8);    position: fixed;    z-index: 101;    width: 100%;    height: 100%;    display: none;}

.mobile-overlay.moverlay {    display: block;}

.mobile-close.mclose {    display: block;}

.header-container img {      max-width: 200px;}

.main-menu > ul > li.menu-item-has-children > a:after {     content: "\f107";    position: relative;    font-family: FontAwesome;    top: 0;    left: 10px;}

.main-container {    clear: both;    width: 100%;    overflow: hidden;    padding-bottom: 0;}

.header-container a.logo {    line-height: 55px;}

header.titleheader h1.entry-title + p {    color: #fff;}

.header-container.header-fixed a.logo {    line-height: 46px;}

.header-fixed .main-menu > ul > li > a:hover {    color: #feb100;}

.owl-stage-outer {/* clear: both; */float: left;overflow: hidden;width: 100%;padding-top: 0;}

.owl-item {    float: left;    /* text-align: center; */    width: 100%;    visibility: hidden; }

.owl-nav {  /* display:none !important */  margin-top: 20px;  clear: both;  float: left;}

.owl-dots {    clear: both;    margin-top: 1em;    float: left;    width: 100%;    text-align: center;    display: none;    }

.owl-dots .owl-dot {    display: inline-block;    width: 10px;    height: 10px;    background: #cecece;    border-radius: 50%;    margin: 0 3px;    cursor: pointer;    }

.owl-dots .owl-dot.active , .owl-dots .owl-dot:hover {    background: #feb100;  }


.top-btn {float: right;clear: right;}

.top-btn li a {
    padding: 9px 30px;
    font-size: 15px;
    float: right;
    line-height: normal;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
}

.top-btn li {
    float: left;
    margin-left: 15px;
}

div#wrapper {

    position: relative;
}

.top-btn li a.signup {
    /*background: #fff;
    color: #000;*/
}

div.wrapper:before {
    content: "";
    position: absolute;
    top: 0;right: 0;
    background: url('../images/headerbg.png') no-repeat scroll left top;
    height: 100%;width: 100%;
    background-size: cover;
    max-width: 64%;z-index: -1;max-height: 730px;
}


 .h1-right img {
    max-width: 720px;
    position: relative;
    right: 200px;
}

.h1-left h1 {
    font-size: 55px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

.h1-left h1 strong {
    color: #00c844;
}

.h1-left {
    padding-top: 9em;
}

.h1-left h1 + p {
    font-size: 18px;
    margin: 20px 0;
}


.hsection {
    padding-top: 6em;
    padding-bottom: 6em;
    /*position: relative;*/
}

.footer-container {
    background: #f6f6f6;
    padding-top: 0;
}

.footer-container h3 {
    font-size: 20px;

}

.copyrights p {
    margin-bottom: 0;
    color: #000;
}

.copyrights {
    text-align: center;
    padding: 20px 0;
    width: 100%;
    background: #eee;
}

footer > .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer-container h3 span {
    display: block;
    font-weight: normal;
    font-size: 18px;
}

#menu-connect-with-us li {
    float: left;
    margin-right: 20px;
    clear: none;
}

#menu-connect-with-us li a {
    color: #000;
}

.footer-menu li {
    margin-bottom: 10px;
    clear: both;
}

.footer-menu li a {
    color: #000;
    font-size: 16px;
}

.contact-link a {
    font-size: 23px;
    color: #000;
}

.fdesc-text img.ftr-logo {
    margin-bottom: 20px;
}

.fdesc-text p {
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
}

.copyrights a {
    text-decoration: none;
}

.owl-item.active {
    visibility: visible;
}

.ftr-link-inn {
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%;
}

.wrapper2 {
    position: relative;
    overflow-x: hidden;
}

.h3-left h2 {
    font-size: 45px;
}

ul.h3-list {
    clear: both;
    margin-top: 3em;
    width: 100%;
}

ul.h3-list li {
    /*float: left;*/
    display: inline-block;
    margin-right: 10px;
    padding-right: 18px;
    /*margin-right: 35px;*/
    padding-right: 35px;
    border-right: 1px solid #cbcbcb;
    padding-left: 60px;
    background: url('../images/sprites.png') no-repeat -23px -22px;
    line-height: normal;
}

ul.h3-list li h4 span {
    display: block;
    font-weight: normal;
    font-size: 16px;
}

ul.h3-list li h4 {
    font-size: 36px;
    margin: 0;
}

ul.h3-list li.applel {
    margin-right: 0;
    padding-right: 0;
    border: none;
    background-position: -23px -149px;
}

.hsection.hsection4{
	background: url('../images/third.png') no-repeat scroll left top;
	background-size: cover;
	padding-top: 6em;
	padding-bottom: 6em;
}
.heading-h2 h2 {
    font-size: 45px;
}

.heading-h2 {
    margin-bottom: 4em;
}

.heading-h2 h2 strong , .heading-h2 h2 span {
    color: #31b64b;
}

.h4-righ-block {
    margin-top: 4em;
    padding-left: 9em;
    width: 100%;
    position: relative;
}

.h4-righ-block span.icon {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    border-radius: 3px;
	background: url('../images/sprites.png')  no-repeat scroll left center #31b64b;
}

.h4-righ-block span.icon.icon1{	background-position: -8px -260px;}
.h4-righ-block span.icon.icon2{background-position: -8px -390px;}
.h4-righ-block span.icon.icon3{background-position: -6px -515px;}

section.hsection.hsection5 {
    text-align: center;
}

section.hsection.hsection5:before {content: "";position: absolute;left: 0;width: 100%;height: 100%;background: #31b64b;bottom: 0;max-height: 280px;}


.hsection.hsection6 {
    text-align: center;
}

.hsection5 a.fancybox-media {
    position: relative;
}

.hsection5 a.fancybox-media:after{
	content: "";
	position: absolute;
	left: 0;
	width: 162px;
	height: 162px;
	background:url('../images/play.png') no-repeat scroll center center;
	background-size: contain;
	bottom: 0;
	top: 0;
	right: 0;
	margin: auto;
}

.owl-carousel .owl-item.center .ts-item-cover {
	background:url('../images/mob-mock.png') no-repeat scroll center center;
	background-size: contain;
}

.ts-item-cover {
    position: relative;
    padding: 20px 8px;
    width: 100%;
}

.h1-left li {
    display: inline-block;
    margin-right: 10px;
}

.h1-left h1 + p strong {
    font-size: 20px;
}

section.hsection.hsection2 {
    padding-bottom: 0;
    padding-top: 0;
    z-index: 10000;
}

.row.search-trip-home {
    box-shadow: 0 0 20px #ddd;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2em;
}

.trip-request-button {
    text-align: center;
    margin-top: 20px;
}

.trip-request-button button {
    background: #31b64b;
   /* padding: 17px 40px;*/
    padding: 5px 40px;
    border-radius: 30px;
    color: #fff;
    border: 1px solid transparent;
    margin-right: 10px;
    font-size: 17px;
}

.trip-request-button button +  button {
    border-color: #000;
    color: #000;
    background: no-repeat;
}

.tip-button button +  button {
    border-color: #000;
    color: #000;
    background: no-repeat;
}

.form-group > input.home-search, .departure-date > .field-postsearch-departure_date > input.krajee-datepicker {
    /*height: 80px;*/
    padding: 20px;
    border-color: transparent;
    box-shadow: none !important;
    border-right-color: #ddd !important;
    border-radius: 0;
}
.form-group .help-block{
    margin-bottom: 0px !important;
}
.form-group .field-postsearch-departure_date{
    margin-top:13px;
}
.departure-date .field-postsearch-departure_date{
    margin-top:0px !important;
}
section.hsection.hsection1 {
    padding-bottom: 3em;
    background: url(../images/headerbg.png) no-repeat right;
    width: 100%;
    background-size: contain;
    z-index:10000;
}


.home-temps .col-md-4 {
    padding: 0;
}

.row.search-trip-home .form-group {
    margin-bottom: 0;
}

.help-block {
    display: none;
}

.row.search-trip-home .has-success .home-search {
    border-color: transparent;
}


.faq-section h2 {    margin-bottom: 0.8em;}

.faq-section .panel-group .panel {    padding: 0;    margin-bottom: 2em;    box-shadow: none;    border: 1px solid #eee;}

.faq-section .panel-heading {    padding: 17px 20px;}

.faq-section h4.panel-title {font-size: 15px;}

.faq-section .panel-body {    padding: 20px;    margin-bottom: 0;}

.faq-section .panel-body p {    margin-bottom: 0;}

.faq-section h4.panel-title a:hover {
    text-decoration: none;
}

section.hsection.faq-section {
    border-top: 1px solid #eee;
}

.login, .signup {
    background: #00c844;
    border: 1px solid #00c844 !important;
}

.maintype {
     font-size: 14px;
     margin-bottom: auto;
     font-weight: normal;
     width: 100% !important;
}


/*
sin-in/sign-up
*/
.checkbox input[type=checkbox]{
    height:20px !important;
}
div#auth-modal .modal-dialog .auth-button
{
    padding: 10px 60px;
    border-radius: 50px;
    background-color: #02b74e;
    color: #fff;
    font-size: 18px;
    margin: auto;
    display: block;
    line-height: 28px;
    text-transform: uppercase;
}
.form-control{
    padding: 6px 2px !important;
}

@media (max-width:767px){
    .h1-left h1 strong {
    color: #333333;

}
.my-image{
    display:block !important;
    padding-top:40px;
}
.my-image img{
 margin: 0 auto;
}
.hsection.hsection1{
    background: #fff !important;
}
.center{
    text-align:center;
}
.top-btn{
    float:none;
    margin-top:15px;
}
.mt-15{
    margin-top:15px;
}
.top-btn ul{
    display:inline-block;
}
.empty-trunk{
    margin-right:0px !important;
    float:none !important;
    padding:17px 35px !important;
    border:1px solid #31b64b !important;
}
.h1-left{
    padding-top:0px !important;
}
.header-container{
    float:none !important;
}
.form-control{
    padding: 12px !important;
    height:auto !important;
}
.select2-container .select2-selection--single{
    height: auto !important;
}
.need-trunk{
    margin-right:0px !important;
    margin-left:0px !important;

}
.navbar-nav .right_img{
    display:none !important;
}
.nav>li>a{
    padding:0px !important;
}
.right_des {
    display: block !important;
    padding: 8px;
    border-bottom: 1px dotted;
}
.my-dashboard:after{
    content: '+';
    position:absolute;
    right:0;
    font-size: 25px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: gray !important;
    background-color: transparent;
}
.search-sec {
    padding-left: 15px !important;
}
.androidl{
    display: block !important;
    border-right: 0px !important;
}
.applel{
    display: block !important;
    margin-top: 15px !important;
}
ul.h3-list li{
    padding-right: 0px;
    margin-right: 0px;
}
.croos-arrow{
    display:none !important;
}
.request-section .select2-container--krajee .select2-selection {
    padding: 12px;
}
}


 @media (max-width: 760px)
 {
     #myNavbar ul li span.notify-counter {
         position: absolute;
         top: 5px;
         right: 0;
         height: 20px;
         width: 20px;
         border-radius: 50px;
         background-color: #02b64e;
         text-align: center;
         color: #fff;
         left: 150px;
     }
 }