@import url("responsive_query.css");
@import url("default.min.css");
@import url("owlcarousel/owl.carousel.min.css");
@import url("owlcarousel/owl.theme.default.min.css");
/*===========================================================================*/
						/*CUSTOM CSS*/
/*===========================================================================*/

hr {border-top: 1px solid #19b6e6; display: block; margin: 30px auto;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #d72928 !important;
  /*  background-color: #fffe4c !important; */
	font-weight: 500 !important;
}

.tropic-body-font {font: 400 20px/32px 'Oranienbaum', sans-serif;}

.navbar-toggle {
	float: left !important;
	border-color: transparent !important;
	margin-top: -10px !important;
}
.navbar-toggle.collapsed .fa {display: none !important;}
.navbar-toggle .icon-bar {background-color: #000 !important;}
.navbar-toggle.is-active .icon-bar {display: none !important;}
.navbar-toggle.is-active .fa {display: block !important;}
/* .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: transparent !important;} */

#urgent-update {position: relative; top: 0; left: 0; width: 100%;}
#urgent-update.action_box {padding: 10px 0 7px; background-color: #CD2122;}
#urgent-update.action_box:after, #urgent-update.action_box:before {display: none !important;}
#urgent-update.action_box h4 {display: inline-block !important; margin:0; font-size: 16px; line-height: 18px; color: #FFF;}
#urgent-update.action_box a.btn {display: inline-block; margin-top: -2px; margin-left: 5px; background: #000; color: #FFF; font-size: 13px; font-weight: 600; padding: 3px 8px; border-radius: 3px !important;}

.booknow-section, .download-menu {
    float: left;
    width: 100%;
    padding: 15px;
	background-color: #19b6e6;
	webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.booknow-section:hover, .booknow-section:focus, .download-menu:hover, .download-menu:focus {
	background-color: #CCC;
}
.booknow-inner-section {border:1px solid #222; padding: 100px 0}
.download-inner-section {border:1px solid #222; padding: 50px 0}

.booknow-section h2, .download-menu h2 {
    font: 600 38px/38px 'Montserrat', sans-serif;
	letter-spacing: 2px;
    color: #222;
    text-transform: uppercase;
	margin: 0 !important;
}
.download-menu h2 {font-size: 26px !important; line-height: 26px !important;}
.btn-booknow {
    text-decoration: none;
    padding: 25px 45px;
    display: inline-block;
    border-radius: 0;
    font: 500 28px/28px 'Montserrat', sans-serif;
	letter-spacing: 2px;
    color: #222;
    text-transform: uppercase;
	/*background-color: #19b6e6 !important;*/
}
.btn-booknow:hover {
	text-decoration: none !important;
	/*background-color: rgba(25,182,230,0.4) !important;
	background-color: #CCC !important;*/
	color: #222;
}

.text-tropicblue {color: #19b6e6 !important;}
.sections-bgltbl {background-color: rgba(25,182,230,0.1);}
.sections-bgltgry {background-color: rgba(0,0,0,0.05);}
.sections-bgwht {background-color: #FFF; border: 1px solid rgba(25,182,230,0.6); padding: 35px 30px 0;}
.sections-logobg {background: url('../images/tropic-truck-logo-bg02.png') no-repeat center;}

.cf_response {
    display: none;
    padding-left: 15px;
    padding-right: 15px;
}
.kl-fancy-form {
    position: relative;
}
.kl-fancy-form .form-control {
    padding: 13px 16px 13px 13px;
    height: auto;
}
.contact_form, .catering_form {padding: 35px 0 15px;}
.contact_form p, .catering_form p {font: 400 18px 'Montserrat', sans-serif !important;}
.contact_form .form-control, .catering_form .form-control {
    font-size: 16px;
	font-weight: 500;
    outline: none;
    /*box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06);*/
    border: 1px solid #19b6e6;
	border-radius: 0 !important;
	color: #222 !important;
	background-color: rgba(25,182,230,0.1);
	margin-bottom: 20px;
}
.kl-fancy-form label {
    color: #969696;
    font-size: 12px;
	font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: -16px;
    left: 0;
    cursor: text;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.contact_form .kl-fancy-form label, .catering_form .kl-fancy-form label {
    left: 15px;
}
#contactform-address, #cateringform-address, #newsletter-name {
    position: absolute !important;
    left: -5000px !important;
}
.contact_form .btn, .catering_form .btn {width: 30%; margin: auto;}
.btn-fullcolor, .btn-fullcolor:focus {
	text-shadow: none;
    padding: 10px 20px;
    line-height: 1.6;
    box-shadow: none;
	font: 300 18px 'Montserrat', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
    border-style: solid;
	white-space: normal !important;
    -webkit-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
    background-color: #19b6e6;
    color: #222;
    border-radius: 0 !important;
}
.btn-fullcolor:hover {background-color: #CCC; color: #222;}

.catering_form legend {font: 600 16px/16px 'Montserrat', sans-serif; color: #969696; text-transform: uppercase; margin-bottom: 10px;}
/*.catering_form .ui-corner-all {border-radius: 0 !important;}*/
.catering_form .ui-button {padding: 15px 25px; margin-right: 0; background-color: rgba(25,182,230,0.1) !important; border: 1px solid #19b6e6 !important;}

mark, .mark {
	width: 100%;
    padding: 0 !important;
    background-color: transparent !important;
}
textarea.error, select.error, input[type="text"].error, input[type="password"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="date"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="tel"].error, input[type="color"].error, .uneditable-input {border: 1px solid #FF0000 !important;}

#contact form input::placeholder, #catering form input::placeholder, #contact form textarea::placeholder, #catering form textarea::placeholder {font-size: 14px !important;}
#contact form input:-ms-input-placeholder, #catering form input:-ms-input-placeholder, #contact form textarea:-ms-input-placeholder, #catering form textarea:-ms-input-placeholder {font-size: 14px !important;}
#contact form input::-webkit-input-placeholder, #catering form input::-webkit-input-placeholder, #contact form textarea::-webkit-input-placeholder, #catering form textarea::-webkit-input-placeholder {font-size: 14px !important;}
/*#catering {padding: 20px 125px 0;}*/

#main a.btn-ready {padding: 20px 25px !important; color: #222 !important; text-decoration: none !important;}
#main .client-title {font: 800 48px/48px 'Montserrat', sans-serif; text-align: center; text-transform: uppercase;}

.mfp-bottom-bar {background-color: #19b6e6 !important; padding: 15px !important; border-radius: 0px !important;}
.mfp-title {font: 600 18px/22px 'Montserrat', sans-serif !important; text-transform: uppercase; text-align: center;}
.mfp-counter {top:5px !important; right: 5px !important;}

.whyus {padding-left: 50px;}

/* CATERING WHY US SECTION */
@media (min-width: 1200px) { .col-lg-2-5 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; width: 20%;} }
.whyus-section {position: relative; width: 100%; float:left; padding: 30px 80px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.whyus-section .col-lg-2-5, .whyus-section .col-md-4, .whyus-section .col-sm-6, .whyus-section .col-xs-12 {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.whyus-section .whyus-allitems {display: block; width: inherit; margin: auto;}
.whyus-section .whyus-item {display: inline-block; margin: 0 15px 30px; padding: 25px 20px 18px; background-color: #FFF; border: 0 solid #19b6e6; border-radius: 0; vertical-align: top; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3); webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.whyus-section .whyus-item .whyus-icon {display: block; height: 100px; overflow: hidden; margin-bottom: 10px;}
.whyus-section .whyus-item .whyus-icon img {height: 100px;}
.whyus-section .whyus-item .whyus-content {display: block; padding: 10px; text-align: center;}
.whyus-section .whyus-item .whyus-content p {font: 400 18px/22px 'Oranienbaum', sans-serif;}
.whyus-section .whyus-item:hover {-webkit-transform: scale3d(1.05,1.05,1); -ms-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); z-index: 1;}
.whyus-img {margin-top: -40px !important; margin-bottom: -40px !important; padding-right: 0 !important; padding-left: 0 !important;}

/* MENU ITEMS SECTION */
.menus {position: relative; width: 100%; float: left; padding: 30px 80px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.menus .col-lg-3, .menus .col-md-4, .menus .col-sm-6, .menus .col-xs-12 {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.menu-item {display: inline-block; margin: 0 0 30px; padding: 0; background-color: #FFF; border: 1px solid #19b6e6; border-radius: 10px; vertical-align: top; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3);}
.menu-item h4 {font: 400 22px/26px 'Oranienbaum', sans-serif; margin: 0 0 5px !important; text-align: center;}
.menu-item p {font-size: 18px !important; line-height: 24px !important; text-align: center;}
.menu-item .menu-item-content {display: block; padding: 20px 21px;}
.menu-item .menu-item-content2 {display: block; width: 100%; padding: 10px 20px 10px 0;}
.menu-item .menu-item-img {display: block; position: relative; max-height: 250px; overflow: hidden; border-radius: 9px 9px 0 0; margin: 0; background-color: #000; webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.menu-item .menu-item-img .overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0); z-index: 9;}
.menu-item .menu-item-img img {opacity: 1; webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.menu-item .menu-item-img a:hover img {opacity: 0.5;}
.menu-item .menu-item-img a:hover::after {font-family:'FontAwesome'; font-size: 24px; content: '\f065'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF;}

.video-section {background: url(../images/tropic-truck-video-bg.jpg) no-repeat left top;}
.promo-video {display: block; width: 100%; margin: 0 auto; border: 0 solid #000;}
.video-responsive {overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.video-responsive iframe {left:0; top:0; height:100%; width:100%; position:absolute;}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

#footer-copyright a.psdigital {color: #000 !important; text-decoration: underline !important;}


#moveupBtn {
  display: inline-block;
  background-color: #19b6e6;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 20px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#moveupBtn::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 47px;
  color: #fff;
}
#moveupBtn:hover {
  cursor: pointer;
  background-color: #333;
  text-decoration: none !important;
}
#moveupBtn:active {
  background-color: #555;
}
#moveupBtn.show {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1280px) and (max-width: 1835px) {
	.whyus-section {padding: 20px 20px 0;}
	.whyus-section .whyus-item {margin: 0 10px 20px;}

	.menus {padding: 20px 10px 0;}
	.menu-item .menu-item-img {max-height: 185px;}
}
@media (max-width: 1279px) {
	.whyus-section {padding: 20px 20px 0;}
	.whyus-section .whyus-item {margin: 0 10px 20px;}
	.whyus-section .whyus-item .whyus-content p.opacity0 {display: none !important;}
	.whyus-img {margin-top: 20px !important;}

	.menus {padding: 20px 20px 0;}
	.menu-item .menu-item-img {max-height: 180px;}
	.menu-item h4 {font-size: 20px !important; line-height: 22px !important;}
}
@media (max-width: 767px) {
	.navbar-inverse .navbar-collapse {border-color: #666 !important; padding-top: 55px !important;}

	.booknow-section {padding: 10px;}
	.booknow-inner-section {padding: 80px 0}
	.btn-booknow {font-size: 24px;}
	.booknow-section h2 {font-size: 28px;}

	.menu-item .menu-item-img {max-height: 200px;}
	.download-inner-section {padding: 30px 0}
	.download-menu h2 {font-size: 18px !important; line-height: 18px !important;}
}
@media (max-width: 480px) {
	.menus {padding: 20px 5px 0;}
	.whyus-section .whyus-item {margin: 0 0 30px;}
}