/*
Theme Name:   UltiTruck
Theme URI:    http://www.webexposite.com
Description:  Premium theme created exclusively for Ultimate Truck
Author:       Jammy
Author URI:   http://www.webexposite.com
Template:     wpmaster
Version:      1.0.0
Text Domain:  ultitruck

*/

@import url("css/reset.css");
@import url("css/global.css");

img { vertical-align: top; max-width: 100%; height: auto; }

.entry-title { text-transform:uppercase; font-size:18px; color:#fff; }

.block-projects-gallery { padding: 2em 0; clear: both; margin-left: -1em; overflow: hidden; }
.block-projects-gallery .cont { float: left; display: block; box-sizing: border-box; padding: 0 0 1em 1em; max-width: 33.333%; }

.post-22 .entry-title { display: none; }

.block-contact { line-height: 22px; }
.block-contact .info { margin: 2em 0 2em -2em; overflow: hidden; }
.block-contact .col { float: left; box-sizing: border-box; width: 33.33%; padding-left: 2em; }
.block-contact .col > strong { display: block; }
.block-contact .intro { margin: 2em 0 1em; }
.block-contact .submit { background: url("images/nav.png") repeat-x scroll 0 -43px; border: none; border-radius: 5px; color: white; text-transform: uppercase; font-size: 1.3em; padding: .5em 1em; margin: 0; cursor: pointer; float: left; }
.block-contact .ajax-loader { float: left; margin-top: 10px; }

div.wpcf7-response-output { margin: 1em 0; }

.form-row { padding: 12px 0; float: left; width: 50%; }
.form-row label { display: block; font-weight: bold; }
.form-row-wide { float: none; width: 100%; clear: both;  overflow: hidden; }

.form-row.req label:before { color: #ef8013; margin: 0 5px 0 0; content: '*'; }

.wpcf7-textarea,
.wpcf7-text { background-color: #282828; border: 1px solid #3b3c3c; color: #fff; height: 16px; margin: 4px 0 0; padding: 2px; width: 280px; max-width: 90%; }

.wpcf7-textarea { height: auto; resize: vertical; width: 100%; min-height: 120px; }

.block-map { margin: 2em 0; border: 4px solid white; box-sizing: border-box; }
.block-map iframe { width: 100%; vertical-align: top; }

.flexslider { border: none; border-radius: 0; margin: 0; box-shadow: none; background: rgba(0,0,0,.2); }

#carousel { background: rgba(0,0,0,.2); overflow: hidden; }
#carousel ul {  }
#carousel li { width: 25%; box-sizing: border-box; text-align: center; float: left; }
#carousel li span { display: block; text-transform: uppercase; font-size: 1.5em; cursor: pointer; padding: 1em 0; font-weight: bold; opacity: .6; transition: opacity .3s ease-in-out; }
#carousel li span:hover { opacity: 1; }
#carousel .flex-active { background: #3b3c3c; }
#carousel .flex-active span { color: #ef8013; opacity: 1; }

#slider { background: url('images/slider.png') repeat-x left bottom; overflow: hidden; min-height: 20em; }
/* #slider li {  } */
#slider .text { position: absolute; right: 0; top: 0; bottom: 0; width: 55%; text-align: right; padding: 2em; font-size: 1.3em; line-height: 1.5; box-sizing: border-box; }
#slider h2 { text-transform: uppercase; margin-bottom: .8em; font-size: 1.4em; line-height: 1.3; font-weight: bold; }
#slider img { max-height: 22em; max-width: 100%; width: auto; height: auto; transition: opacity .3s linear; }

.s-top { padding-bottom: 18px; }
.block-slider { padding: 18px 0 0; }

.block-banner { background: #595A5A; border-top: 2px solid #E85912; margin: 18px 0 0; box-shadow: 0px 3px 4px -2px rgba(0,0,0,.2); overflow: hidden; height: 130px; width: 100%; position: relative; display: table; }
.block-banner .text { font-size: 1.6em; color: #fff; padding: 0 30% 0 2em; line-height: 1.6; vertical-align: middle; display: table-cell;  position: relative; z-index: 2; }
.block-banner .img { vertical-align: middle; text-align: right; position: absolute; top: 2px; right: 0; bottom: 0; }

.mini-gallery { list-style: none; margin: 0 0 0 -1em; padding: 0; overflow: hidden; }
.mini-gallery li { box-sizing: border-box; float: left; width: 50%; padding: 0 0 0 1em !important; background: none !important; }

.widget-container { margin-bottom: 2em; }

/* MOBILE DLMENU */
#dl-menu { position: absolute; top: 0; left: 0; display: none; z-index: 998877; }
.dl-menuwrapper { max-width: none; height: 45px; background: #222; }
.dl-menuwrapper button { background: #222; }
.dl-menuwrapper ul { background: #222; }
.dl-menuwrapper .dl-menu { margin-top: 0; }

.menu-top { margin: 1em 0; display: none; }
.menu-top li { display: inline-block; padding: .5em 0 .5em .5em; }
.menu-top a { font-weight: bold; font-size: 12px; text-transform: uppercase; }

iframe { max-width: 100%; }