/* ===================================================================================

Theme Name: Trucking
Theme URI: http://pixel-industry.com/wordpress/trucking
Description: Trucking is WordPress theme created for logistics, trucking and transportation companies as well as for small freight business.
Author: pixel-industry
Author URI: http://pixel-industry.com
Version: 1.5.3
Text Domain: trucking
License: Dual-licensed.  PHP under GNU General Public License, JS and CSS under ThemeForest License Terms
License URI: http://themeforest.net/licenses/regular_extended
Tags: four-columns, responsive-layout, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready

We encourage you to create Child theme for any modifications you will want to do.

Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

If you are not familiar with Child Themes, you can read about it here:
http://codex.wordpress.org/Child_Themes
http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/*
    TABLE OF CONTENTS
    ========================================================================= */
/*      1. CSS RESET
        2. DOCUMENT STYLES
        3. TYPOGRAPHY
        4. HEADER
        5. PAGE TITLES
        6. CUSTOM SECTION BACKGROUNDS
        7. ELEMENTS
            7.1. ACCORDION
            7.2. BLOCKQUOTE
            7.3. BUTTONS
            7.4. CALL TO ACTION
            7.5. CLIENT CAROUSEL
            7.6. CLIENT LIST
            7.7. COMPANY TIMELINE
            7.8. CUSTOM HEADING
            7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE
            7.11. DIVIDERS
            7.11. DRIVER APPLICATION
            7.12. EVENTS
            7.13. INTRO TITLE
            7.14. LATEST POSTS STYLE 01
            7.15. LATEST POSTS STYLE 02
            7.16. LATEST POSTS STYLE 03
            7.17. LIST WITH ICONS
            7.18. NUMBERS COUNTER
            7.19. PROMO BOXES
            7.20. SERVICES FEATURE BOX
            7.21. SERVICES GALLERY
            7.22. SERVICE ICON CENTER
            7.23. SERVICE ICON CENTER BOXED
            7.24. SERVICES ICON LEFT
            7.25. SERVICES ICON LEFT BOXED
            7.26. SERVICE LIST - small icons and text
            7.27. SERVICES LIST BIG ICONS
            7.28. SERVICES LIST BIG ICONS + DETAILS (text)
            7.29. SHIPPING QUOTE FORM
            7.30. SLIDER - MASTER SLIDER
            7.31. STATEMENT ELEMENT
            7.32. TABLE
            7.33. TABS
            7.34. TEAM MEMBERS
            7.35. TEAM MEMBERS LIST
            7.36. TESTIMONIAL
            7.37. TRACKING FORM
            7.38. VEHICLE GALLERY FULL
            7.39. DROPCAPS
            7.40. SOCIAL LINKS
            7.41. SOCIAL PHOTO STREAM
        8. HOME MINIMAL CUSTOM STYLES
        9. BLOG
        10. LOCATIONS PAGE
        11. CONTACT
        12. WIDGETS
        13. FOOTER
*/

/*
    1. CSS RESET
----------------------------------------------------------------------------- */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*:focus {
    outline: 0;
    text-decoration: none;
}
a:focus,
a:active {
    text-decoration: none;
    outline: 0;
}

/* ==========================================================================
    2. DOCUMENT STYLES
    ========================================================================= */
body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #777;
    background-color: #fff;
}

.page-content .row{
    margin-bottom: 80px;
}

.page-content .row div[class^="col-md-"] .cma-wysiwyg-editor{
    overflow: hidden;
}
*[class^="row"] *[class^="row"]:last-child{
    margin-bottom: 0;
}

.row.mb-0 {
    margin-bottom: -5px;
}
.padding-left-0 {
    padding-left: 0;
}
.padding-right-0 {
    padding-right: 0;
}
.container.full {
    width: 100%;
    max-width: 100%;
}
.col-md-9 .page-content .container{
    width: 100% !important;
}
*[class^="row"] *[class^="row"]:last-child {
    margin-bottom: 0;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.padding-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* WORDPRESS CORE CLASSES
----------------------------------------------------------------------------- */

.alignnone {
    max-width: 100%;
    height: auto;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    clear: both;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    clear: both;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    clear: both;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    clear: both;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    max-width: 100%;
    height: auto;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
    max-width: 100%;
    height: auto;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    max-width: 100%;
    height: auto;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
    clear: both;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky{
	opacity: 1;
}

.blog-posts li.blog-post.sticky{
    padding-bottom: 10px;
    border-bottom: 3px solid #ededed;
}

.sticky.style2{
    border-bottom: none;
}

.sticky.style2:after{
    border-bottom: none;
}

.gallery-caption{
	opacity: 1;
}

.bypostauthor{
	opacity: 1;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* WORDPRESS SPECIFIC CLASSES
----------------------------------------------------------------------------- */

#header-wrapper.not-static {
    position: relative;
}

/* WORDPRESS SPECIFIC CLASSES: PAGE COMMENTS
----------------------------------------------------------------------------- */

.page .post-comments{
    margin-top: 30px;
}

/* Revolution slider */

.rs-wrapper{
    margin-bottom: 80px;
}

.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
}

.tp-leftarrow:hover, .tp-rightarrow:hover{
    background-position: bottom left !important;
}

/* WORDPRESS SPECIFIC CLASSES: DEFINITION LIST
----------------------------------------------------------------------------- */

dl:not(.gallery-item){
    margin: 2em 0;
    padding: 0;
}

dl:not(.gallery-item) dt{
    position: relative;
    left: 0;
    top: 1.1em;
    width: 5em;
    font-weight: bold;
}

dl:not(.gallery-item) dd{
    border-left: 1px solid #000;
    margin: 0 0 0 6em;
    padding: 0 0 .5em .5em;
}

/* WORDPRESS SPECIFIC CLASSES: Abbreviation and Acronym
----------------------------------------------------------------------------- */

abbr,
acronym{
    cursor: help;
    border-bottom: 1px dotted #999;
}

/* ==========================================================================
    3. TYPOGRAPHY
    ========================================================================= */
p,
a,
span {
    color: #777;
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 22px;
}
p {
    padding-bottom: 15px;
}
a {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 15px;
    margin-top: 0;
    color: #333;
}

h1{
    font-size: 30px;
    line-height: 30px;
}

h2{
    font-size: 24px;
    line-height: 26px;
}

h3{
    font-size: 21px;
    line-height: 24px;
}

h4{
    font-size: 18px;
    line-height: 22px;
}

h5{
    font-size: 16px;
    line-height: 18px;
}

h6{
    font-size: 15px;
    line-height: 18px;
}

strong{
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}
img.float-left,
img.left{
    float: left;
    margin: 12px 12px 12px 0;
}
img.float-right,
img.right{
    float: right;
    margin: 12px 0px 12px 12px;
}

.img-fixed-bottom{
    position: relative;
    bottom: -70px;
}
.img-full-size {
    width: 100%;
    height: auto;
}
.img-center,
img.center{
    display: table;
    margin: 0 auto;
}
ul,
ol {
    list-style-position: inside;
}
ul li,
ol li {
    padding-bottom: 5px;
}

ul ul,
ul ol,
ol ul,
ol ol{
    padding-left: 40px;
}

blockquote + p {
    margin-top: 15px;
}

.required{
    color: #ce292d;
}

.text-big{
    font-size: 18px;
    line-height: 25px;
    color: #333;
}

.align-right{
    text-align: right;
}

a.read-more{
    float: right;
    position: relative;
}

a.read-more.left{
    float: left;
}
a.read-more.centered {
    display: table;
    margin: 0 auto;
    float: none;
}
a.read-more span{
    text-transform: uppercase;
    font-weight: 700;
    display: block;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.read-more:hover span{
    transform: translate(-15px, 0);
    -webkit-transform: translate(-15px, 0);
    -moz-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
}

a.read-more i{
    font-size: 11px;
    line-height: 20px;
    opacity: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.read-more:hover i{
    opacity: 1;
}

a.download-link{
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

a.download-link:before{
    content: "\f1c1";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 8px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.mb-70{
    margin-bottom: 70px;
}

.mb-30{
    margin-bottom: 30px;
}

.mb-0{
    margin-bottom: 0;
}

.svg-white .st0{
    fill: #fff;
}

/* Blockquote styles */
blockquote cite{
    font-size: 13px;
    padding: 10px 0 0;
    display: block;
    width: 100%;
    text-align: right;
}

.blockquote-style-2{
    border: none;
}

.blockquote-style-2.dark p{
    color: #fff !important;
}

/* ==========================================================================
    4. HEADER
    ========================================================================= */
.header-wrapper {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    z-index: 1000;
}

.header-wrapper.header-transparent {
    background-color: transparent;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.header-transparent02{
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.header-transparent.solid-color,
.header-wrapper.header-transparent02.solid-color{
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-wrapper.header-transparent.solid-color .header-style01 .main-nav{
    background: #fff;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#header{
    position: relative;
    z-index: 1000;
}

#search {
    width: 40px;
    min-height: 80px;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
    margin-right: 30px;
    float: right;
    z-index: 1005;
    background-color: transparent;
    padding-top: 20px;
}
.search-submit {
    background-image: url('img/search.png');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 40px;
    min-height: 40px;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#search:focus,
.search-submit:focus,
#m_search:focus {
    outline: none;
}
#m_search {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px 25px;
    position: absolute;
    top: 100%;
    width: 170px;
    right: 0;
    font-style: italic;
    color: #666;
    display: none;
}

/*
    MAIN NAVIGATION
*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: transparent;
}

.main-nav .row{
    margin-bottom: 0;
}

.main-nav{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* IE10+ */

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    margin-top: 35px;

    -webkit-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
}

.navbar{
    min-height: 80px;
    margin-bottom: 0;
}

.navbar-default{
    border: none;
    background: none;
}

#dl-menu{
    display: none;
}

.navbar-nav > li {
    padding-bottom: 0;
}

.navbar-nav>li>a{
    line-height: 48px;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin: 0;
    border-radius: 0;
}

.navbar-default .navbar-nav>li>a{
    color: #333;
    border: none;
    border-bottom: 3px solid transparent;
}

.navbar-default .navbar-nav>li>a .nav-icon{
    padding-right: 6px;
}

.navbar-default .navbar-nav>li>a span{
    bottom: 10px;
    left: 15px;
    position: absolute;
    font-size: 10px;
    width: 100%;
}

.nav>li>a{
    padding-left: 5px;
    padding-right: 15px;
}

.header-style01 .navbar-default .navbar-nav>li>a:hover{
    border-bottom: 3px solid;
}

.dropdown-menu{
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #eee;
    min-width: 240px;

    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.2);
}

.dropdown .dropdown-menu .dropdown-submenu > a{
    position: relative;
}

.dropdown .dropdown-menu .menu-item-has-children > a:after{
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #aaa;
    right: 0;
    top: 50%;
    margin-top: -3px;
}

.dropdown-menu>li{
    padding: 0px 20px;
}

.dropdown-menu>li>a{
    font-size: 13px;
    color: #333;
    padding: 15px 0px;
    border-bottom: 1px dotted #ddd;
    float: none;
    margin: 0;
    position: relative;
}

.dropdown-menu>li:last-child a{
    border: none;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    background: none;
}

.dropdown-menu.depth-1 {
    position: absolute;
    left: 100%;
    top: -3px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}

.dropdown-menu.depth-1 a {
    position: relative;
}

.navbar-header {
	padding-top: 6px;
	padding-left: 30px;
	padding-bottom: 4px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: none;
}

.navbar-collapse{
    float: right;
    padding: 0;
}

.nav > li.current-menu-item > a{
    border-bottom: 3px solid;
}

.navbar-default .navbar-toggle{
    border: none;
    border-bottom: 1px dotted #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background: none;
}

/*  HEADER STYLE 01 - WITH TOPBAR
    ------------------------------------------------------------------------- */
.header-style01 #top-bar-wrapper .row{
    margin-bottom: 0;
}

.header-style01 #quick-links{
    padding-top: 8px;
    padding-left: 0;
}

.header-style01 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 30px;
    padding-bottom: 0;
}

.header-style01 #quick-links li span,
.header-style01 #quick-links li a{
    color: #fff;
}

.header-style01 #top-bar-wrapper{
    padding: 20px 0 0;
    width: 100%;
}



/*  HEADER STYLE 02 - LIGHT TOPBAR
    ------------------------------------------------------------------------- */

.header-style02 #top-bar-wrapper .row{
    margin-bottom: 0;
}

.header-style02 #quick-links{
    padding-top: 8px;
    padding-left: 0;
}

.header-style02 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 30px;
    padding-bottom: 0;
}

.header-style02 #top-bar-wrapper{
    background-color: #fcfcfc;
    /*padding: 10px 0;*/
    width: 100%;
}

.header-style02 .navbar-header{
    padding-left: 0;
}

.header-style02 #search{
    margin-right: 0;
}


.wpml-languages{
    display: block;
    float: right;
    position: relative;

}

.wpml-languages a.active{
    display: block;
    padding: 8px 6px 8px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    line-height: 16px;
}

.wpml-languages a.active i{
    font-size: 9px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.wpml-languages a.active img{
    width: 22px;
    float: left;
}

.wpml-languages a img{
    width: 22px;
}

.wpml-lang-dropdown{
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 102%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ddd;
    width: 100%;
    display: none;
    z-index: 10001;
    padding-left: 0;
}

.wpml-lang-dropdown li{
    list-style: none;
    padding: 8px 15px;
}

.wpml-languages:hover ul.wpml-lang-dropdown{
    display: block;
}

.header-style02 .header-inner{
   /* padding: 20px 0;*/
}

.header-style02 .header-inner .main-nav{
    margin-top: 0;
    background: none;
}

.header-style02 .navbar-default .navbar-nav>li>a:hover,
.header-style02 .nav > li.current-menu-item > a{
    border: none;
    border-bottom: none;
    border-color: transparent;
}

.header-style02 .navbar-default .navbar-nav>li>a{
    border-bottom: none;
}


/*  HEADER STYLE 02 - DARK TOPBAR
    ------------------------------------------------------------------------- */
.header-style02 #top-bar-wrapper.dark{
    background-color: #333333;
}

.header-style02 #top-bar-wrapper.dark #quick-links li span,
.header-style02 #top-bar-wrapper.dark #quick-links li a{
    color: #ccc;
}

#top-bar-wrapper.dark .wpml-languages a.active,
#top-bar-wrapper.dark .wpml-lang-dropdown{
    background-color: #444;
    border: 1px solid #555;
}

#top-bar-wrapper.dark .wpml-languages a.active i{
    color: #ccc;
}


/*  HEADER STYLE 02 - DARK HEADER
    ------------------------------------------------------------------------- */
.header-wrapper.dark #top-bar-wrapper{
    background-color: #222;
}

.header-wrapper.dark #quick-links li span,
.header-wrapper.dark #quick-links li a{
    color: #ccc;
}

.header-wrapper.dark .wpml-languages a.active,
.header-wrapper.dark .wpml-lang-dropdown{
    background-color: #333;
    border: 1px solid #444;
}

.header-wrapper.dark .wpml-languages a.active i{
    color: #ccc;
}

.header-wrapper.dark{
    background-color: #333;
}

.header-wrapper.dark .main-nav{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.dark .navbar-default .navbar-nav>li>a{
    color: #fff;
}

.header-wrapper.dark .dropdown-menu{
    background-color: #333;
    border: 1px solid #444;
}

.header-wrapper.dark .dropdown-menu>li>a{
    color: #888;
    border-bottom: 1px dotted #444;
}

.header-wrapper.dark .dropdown-menu>li:last-of-type>a{
    border-bottom: none;
}

.header-wrapper.dark .dropdown-menu>li>a:hover{
    color: #fff;
}

.header-wrapper.dark .dropdown .dropdown-menu .menu-item-has-children > a:after{
    border-left: 5px solid #888;
}

.header-wrapper.dark .dropdown .dropdown-menu .dropdown-submenu > a:hover:after{
    border-left: 5px solid #fff;
}

.header-wrapper.dark #m_search{
    background: #333;
    border: 1px solid #444;
    color: #ccc;
}


/*  HEADER STYLE 03
    ------------------------------------------------------------------------- */
.header-style03 .info-container{
    float: right;
}

.header-style03 .info-container #quick-links,
.header-style03 .info-container .wpml-languages,
.header-style03 .info-container #search{
    float: left;
    padding: 0 10px;
}

.header-style03 .info-container #quick-links{
    padding-top: 10px;
}

.header-style03 #quick-links{
    padding-top: 8px;
}

.header-style03 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 30px;
    padding-bottom: 0;
}

.header-style03 .wpml-lang-dropdown{
    width: auto;
    left: 10px;
}

.header-style03 #search{
    min-height: 60px;
}

.header-style03 .logo-info-container{
    padding: 20px 0;
}

.header-style03 .logo-info-container .row{
    margin-bottom: 0;
}

.header-style03 .main-nav{
    margin-top: 0;
    border-top: 1px solid #eee;
    background: none;
}

.header-style03 .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    float: left;
    width: 100%;
}

.header-style03 .navbar-nav>li>a{
    line-height: 30px;
}

.header-style03 .navbar{
    min-height: 30px;
}

.header-style03 .nav > li.current-menu-item > a{
    border-bottom: none;
}

.header-style03 .navbar a.btn{
    position: relative;
    top: 10px;
}

/*  HEADER STYLE 03 DARK
    ------------------------------------------------------------------------- */
.header-wrapper.dark .header-style03 .main-nav{
    border-top: 1px solid #444;
}

/*  SOCIAL ICONS IN TOP BAR
    ------------------------------------------------------------------------- */

#header-wrapper #social-links,
#top-bar-wrapper #social-links {
    max-width: 50%;
    float: left;

}

#header-wrapper #social-links{
    padding-top: 10px;
}

#top-bar-wrapper #social-links{
    padding: 0;
}

#header-wrapper #social-links li,
#top-bar-wrapper #social-links li {
    float: left;
    margin-right: 20px;
    list-style: none;
}

#header-wrapper #social-links a,
#top-bar-wrapper #social-links a {
    font-size: 14px;
    padding: 0;
    color: #333;
}

#header-wrapper.dark #social-links a,
#top-bar-wrapper.dark #social-links a{
    color: #bcc0c4;
}

/* ==========================================================================
    5. PAGE TITLES
    ========================================================================= */
.page-title-style01{
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.page-title-negative-top{
    margin-top: 0 ;
    padding-top: 185px;
}

.page-title-style01 .row,
.page-title-style02 .row{
    margin-bottom: 0;
}

.page-title-style01 h1{
    color: #fff;
    text-align: center;
}

.breadcrumb-container{
    width: 100%;
    float: left;
}

.page-title-style01 .breadcrumb{
    margin: 0 auto;
    display: table;
}

.breadcrumb li{
    list-style: none;
    float: left;
    padding: 0 0px 0 3px;
    color: #000;
}
.breadcrumb {
	padding: 0 !important;
	
}
.breadcrumb li a{
    color: #000;
}

.breadcrumb li + li::before {
    font-size: 12px;
    content: '/';
    color: #000;
    padding: 0 8px;
}
.breadcrumb li:nth-child(2)::before {
    color: transparent;
}

.page-title-style02{
    padding: 70px 0;
    margin-bottom: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.page-title-style02 h1{
    color: #fff;
    margin-bottom: 0;
}

.page-title-style02 .breadcrumb-container{
    float: right;
    width: auto;
}

.breadcrumb-container .breadcrumb{
    background: none;
}

.breadcrumb-container .breadcrumb .active{
    color: #000;
}


.pt-bkg01{
    background-image: url('img/pics/page-title01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg02{
    background-image: url('img/pics/page-title02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg03{
    background-image: url('img/pics/page-title03.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg04{
    background-image: url('img/pics/page-title04.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg05{
    background-image: url('img/pics/page-title05.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg06{
    background-image: url('img/pics/page-title06.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg07{
    background-image: url('img/pics/page-title07.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg08{
    background-image: url('img/pics/page-title08.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg09{
    background-image: url('img/pics/page-title09.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg10{
    background-image: url('img/pics/page-title10.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg11{
    background-image: url('img/pics/page-title11.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg12{
    background-image: url('img/pics/page-title12.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg13{
    background-image: url('img/pics/page-title13.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg14{
    background-image: url('img/pics/page-title14.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg15{
    background-image: url('img/pics/page-title15.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg16{
    background-image: url('img/pics/page-title16.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}

/* ==========================================================================
    6. CUSTOM SECTION BACKGROUNDS
    ========================================================================= */

.page-content.column-img-bkg{
    padding: 0;
}

.page-content.column-img-bkg .row{
    margin-bottom: 0;
}

.custom-col-padding-both{
    padding: 120px 70px;
}

.custom-col-padding-bottom{
    padding-bottom: 120px;
}

.img-bkg01{
    background-image: url('img/pics/img-bkg01.jpg');
}

.img-bkg02{
    background-image: url('img/pics/img-bkg02.jpg');
}

.img-bkg03{
    background-image: url('img/pics/img-bkg03.jpg');
}

*[class*="img-bkg"]{
    background-size: cover;
}

.custom-background.bkg-grey{
    background-color: #f6f6f6;
}

.custom-background.bkg-light-blue{
    background-color: #f4fcfc;
}

.custom-background.bkg-dark-blue{
    background-color: #2c3741;
}

.custom-background.bkg-dark-blue.transparent01{
    background-color: rgba(37, 39, 46, 0.7);
}

.custom-background.bkg-dark-blue.transparent02{
    background-color: rgba(37, 39, 46, 0.8);
}

.custom-background.bkg-dark-blue.transparent03{
    background-color: rgba(37, 39, 46, 0.9);
}

.page-title-style01 + .page-content.custom-background,
.page-title-style02 + .page-content.custom-background{
    margin-top: -70px;
}

.page-content.parallax{
    padding-top: 100px;
    padding-bottom: 30px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    overflow: visible;
}

.parallax01{
    background-image: url('img/pics/parallax01.jpg');
}

.parallax02{
    background-image: url('img/pics/parallax02.jpg');
}

.parallax03{
    background-image: url('img/pics/parallax03.jpg');
}

.parallax04{
    background-image: url('img/pics/parallax04.jpg');
}

.parallax05{
    background-image: url('img/pics/parallax05.jpg');
}

.page-content.dark h1,
.page-content.dark h2,
.page-content.dark h3,
.page-content.dark h4,
.page-content.dark h5,
.page-content.dark h6{
    color: #fff;
}


.page-content.dark p,
.page-content.dark span,
.page-content.dark li,
.page-content.dark a{
    color: #eee;
}

*[class^="col-"].custom-background{
    padding: 30px;
}

*[class^="col-"].custom-background.dark h1,
*[class^="col-"].custom-background.dark h2,
*[class^="col-"].custom-background.dark h3,
*[class^="col-"].custom-background.dark h4,
*[class^="col-"].custom-background.dark h5,
*[class^="col-"].custom-background.dark h6{
    color: #fff;
}

*[class^="col-"].custom-background.dark p,
*[class^="col-"].custom-background.dark a,
*[class^="col-"].custom-background.dark span,
*[class^="col-"].custom-background.dark li,
*[class^="col-"].custom-background.dark label{
    color: #eee;
}


/* ==========================================================================
    7. ELEMENTS
    ========================================================================= */

/*  7.1. ACCORDION
    ------------------------------------------------------------------------- */
.accordion{
    overflow: hidden;
}

.accordion .title {
    width: 100%;
    background-color: #f6f6f6;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 15px;
    float: left;
}

.accordion .title a{
    font-size: 15px;
    color: #333;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    position: relative;
    width: 100%;
    padding-left: 20px;
    display: block;
    float: left;
}

.accordion .title::before{
    content: "\f067";
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    display: block;
}

.accordion .title.active::before{
    content: "\f068";
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    display: block;
}

.accordion .title a::after{
    display: none;
}

.accordion.careers .title{
    padding: 15px 62px 15px 20px;
}

.accordion.careers .title a{
    padding-left: 0;
}

.accordion.careers .title::before{
    display: none;
}

.accordion.careers .title a span{
    color: #333;
    font-weight: 600;
    width: 30%;
    display: block;
    float: left;
    font-size: 13px;
}

.accordion .job-position,
.accordion .job-end-date{
    text-transform: uppercase;
}

.accordion.careers .title::after{
    position: absolute;
    content: "";
    display: block;
    width: 52px;
    height: 100%;
    background-color: #e6e6e6;
    background-image: url('img/accordion-closed.png');
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.accordion.careers .title.active::after{
    background-image: url('img/accordion-opened.png');
    background-repeat: no-repeat;
    background-position: center;
}

.accordion.careers .title:hover::after{
    background-image: url('img/accordion-opened.png');
    background-repeat: no-repeat;
    background-position: center;
}

.accordion .content {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
    overflow: hidden;
    clear: both;
}



/*
    7.2. BLOCKQUOTE
    ------------------------------------------------------------------------- */
blockquote,
q{
    margin-left: 30px;
    border-left: 3px solid;
    padding: 15px 20px;
    font-size: 18px;
    line-height: 25px;
    font-style: italic;
    color: #333;
    background-color: #fcfcfc;
}


/*  7.3. BUTTONS
    ------------------------------------------------------------------------- */
.btn {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    display: inline-block;
    backface-visibility: hidden;
    float: right;
    border: none;

    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.btn span {
    color: #fff;
}

.dark .btn span{
    color: #fff;
}

.btn-big {
    padding: 12px 60px;
    font-size: 12px;
}

.btn-medium {
    padding: 10px 40px;
    font-size: 12px;
}

.btn-small {
    padding: 4px 20px;
    font-size: 11px;
}

.btn-yellow,
.btn.yellow{
    background-color: #fac312 !important;
}

.btn-centered{
    float: none;
    display: table;
    margin: 0 auto;
}
.btn.float-left {
    float: left;
}
.btn-yellow:hover,
.btn.yellow:hover{
    background-color: #fcc820 !important;
}

.btn.aqua{
    background-color: #27b9c6;
}

.btn.blue{
    background-color: #006db7;
}

.btn.green{
    background-color: #a0cc0e;
}

.btn.orange{
    background-color: #fd9b00;
}

.btn.red{
    background-color: #d6393a;
}

.btn.aqua:hover{
    background-color: #27b9c6;
}

.btn.blue:hover{
    background-color: #006db7;
}

.btn.green:hover{
    background-color: #a0cc0e;
}

.btn.orange:hover{
    background-color: #fd9b00;
}

.btn.red:hover{
    background-color: #d6393a;
}

/*  7.4. CALL TO ACTION
    ------------------------------------------------------------------------- */
.call-to-action .text{
    width: 70%;
    float: left;
}

.call-to-action .btn{
    float: right;
    position: relative;
    top: 30px;
}



/*
    7.5. CLIENT CAROUSEL
    ------------------------------------------------------------------------- */
#client-carousel .owl-item img{
    opacity: 0.7;

    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

#client-carousel .owl-item:hover img{
    opacity: 1;
}


/*  7.6. CLIENT LIST
    ------------------------------------------------------------------------- */
.clients-li{
    width: 100%;
}

.clients-li li{
    list-style: none;
    float: left;
    width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #eee;
}

.clients-li li:first-child{
    padding-left: 0;
}

.clients-li:nth-child(3n){
    padding-right: 0;
}

.clients-li li img{
    opacity: 0.7;

    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;

    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.clients-li li:hover img{
    opacity: 1;
}

.col-md-6 .clients-li li{
    max-height: 92px;
}


/*  7.7. COMPANY TIMELINE
    ------------------------------------------------------------------------- */
.company-timeline{
    width: 100%;
}

.company-timeline li{
    list-style: none;
    float: left;
    width: 100%;
    position: relative;
}

.company-timeline li .timeline-item-details::before{
    position: absolute;
    content: "";
    display: block;
    left: 35px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    z-index: 1;
}

.company-timeline .icon-date-container{
    width: 70px;
    height: 70px;
    float: left;
    border: 2px solid #ddd;
    background-color: #fff;
    z-index: 2;
    position: relative;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.company-timeline .icon-date-container i{
    width: 70px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
}

.company-timeline .timeline-item-details{
    padding-left: 100px;
    position: relative;
    padding-bottom: 30px;
}

.company-timeline .timeline-item-details h3 span{
    color: #252525;
}

.company-timeline li:last-child .timeline-item-details{
    padding-bottom: 0;
}


/*
    7.8. CUSTOM HEADING
    ------------------------------------------------------------------------- */
.row .custom-heading:only-child{
    margin-bottom: -70px;
}

.custom-heading{
    position: relative;
    width: 100%;
    display: block;
    padding-top: 12px;
    text-transform: uppercase;
}

.custom-heading::after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    left: 0;
    top: 0;
}

.custom-heading.centered{
    text-align: center;
}

.custom-heading.centered:after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    left: 50%;
    margin-left: -20px;
    top: 0;
}

.custom-heading h2{
    margin-bottom: 20px;
}

/*
    7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE
    ------------------------------------------------------------------------- */
.col-md-12 .custom-heading02:only-child{
    margin-bottom: 0;
}

.row .custom-heading02:only-child{
    margin-bottom: -30px;
}

.custom-heading02{
    position: relative;
    margin-bottom: 40px;
}

.custom-heading02 h1,
.custom-heading02 h2,
.custom-heading02 h3,
.custom-heading02 h4{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: none;
    text-align: center;
    margin-bottom: 0;
}

.custom-heading02 p{
    text-transform: uppercase;
    text-align: center;
}

.custom-heading02:after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}

.custom-heading02.simple h1,
.custom-heading02.simple h2,
.custom-heading02.simple h3,
.custom-heading02.simple h4{
    padding-bottom: 15px;
}

/*  7.10. DIVIDERS
    ------------------------------------------------------------------------- */
.hr-simple {
    display: block;
    position: relative;
    background-color: #ddd;
    height: 1px;
    width: 40%;
    margin: 0 auto;
}
.hr-simple-circle {
    position: absolute;
    background-color: #fff;
    left: 50%;
    margin-left: -5px;
    top: -5px;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    display: block;
    border-radius: 50%;
}
.hr-simple.full {
    width: 100%;
}
.hr-png-1 {
    width: 100%;
    background: url('img/divider1.png') repeat-x 0 0;
    height: 9px;
}
.hr-png-2 {
    width: 100%;
    background: url('img/divider2.png') repeat-x 0 0;
    height: 5px;
}
.hr-png-3 {
    width: 100%;
    background: url('img/divider3.png') repeat-x 0 0;
    height: 7px;
}
.hr-png-4 {
    width: 100%;
    background: url('img/divider4.png') repeat-x 0 0;
    height: 3px;
}
.hr-png-5 {
    width: 100%;
    background: url('img/divider5.png') repeat-x 0 0;
    height: 3px;
}
.hr-png-6 {
    width: 100%;
    background: url('img/divider6.png') repeat-x 0 0;
    height: 4px;
}
.hr-png-7 {
    width: 100%;
    background: url('img/divider7.png') repeat-x 0 0;
    height: 2px;
}
.hr-png-8 {
    width: 100%;
    background: url('img/divider8.png') repeat-x 0 0;
    height: 5px;
}
.hr-png-9 {
    width: 100%;
    background: url('img/divider9.png') repeat-x 0 0;
    height: 4px;
}
.hr-png-10 {
    width: 100%;
    background: url('img/divider10.png') repeat-x 0 0;
    height: 13px;
}


/*  7.11. DRIVER APPLICATION
    ------------------------------------------------------------------------- */
.driver-app-form fieldset{
    width: 33.33333333%;
    padding-right: 15px;
    float: left;
}

.driver-app-form fieldset:nth-of-type(3n){
    padding-right: 0;
}

.driver-app-form .wpcf7-select{
    max-height: 34px;
}

/*
    7.12. EVENTS
    ------------------------------------------------------------------------- */
.table-responsive{
    overflow-y: hidden;
}

.events-table thead{
    border-bottom: 1px solid #e6e6e6;
}

.events-table thead th{
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 10px;
}

.events-table thead th:first-child{
    padding-left: 0;
}

.events-table tbody td{
    padding: 0 15px;
    vertical-align: middle;
}

.events-table .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.events-table .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.events-table h1,
.events-table h2,
.events-table h3,
.events-table h4,
.events-table h5,
.events-table h6{
    margin-bottom: 5px;
    text-align: left;
}

.events-table p{
    text-align: left;
}

.events-table h4{
    font-size: 15px;
}

/*  7.13. INTRO TITLE
    ------------------------------------------------------------------------- */
.intro-title{
    width: 100%;
}

.intro-title p{
    font-size: 24px;
    line-height: 30px;
    color: #333;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    text-align: center;
}



/*  7.14. LATEST POSTS STYLE 01
    ------------------------------------------------------------------------- */
.pi-latest-posts li{
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.pi-latest-posts li:last-child{
    margin-bottom: 0;
}

.pi-latest-posts li .post-media{
    width: 100px;
    height: 100px;
    float: left;
    margin-bottom: 0;
}

.pi-latest-posts li .post-details{
    padding-left: 120px;
}

.pi-latest-posts li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.pi-latest-posts .post-date i{
    padding-right: 3px;
}


/*  7.15. LATEST POSTS STYLE 02
    ------------------------------------------------------------------------- */
.pi-latest-posts02 li{
    width: 30%;
    float: left;
    margin-right: 30px;
    list-style: none;
}

.col-md-8 .pi-latest-posts02 li,
.col-md-9 .pi-latest-posts02 li{
    width: 46%;
}


.col-md-6 .pi-latest-posts02 li,
.col-md-4 .pi-latest-posts02 li,
.col-md-3 .pi-latest-posts02 li{
    width: 100%;
    margin-bottom: 20px;
}

.pi-latest-posts02 li:nth-child(3n){
    padding-right: 0;
}

.pi-latest-posts02 .post-date,
.pi-latest-posts02 .post-date{
    width: 100px;
    float: left;
}

.pi-latest-posts02 .post-date .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.pi-latest-posts02 .post-date .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.pi-latest-posts02 .post-details{
    padding-left: 120px;
}

.pi-latest-posts02 li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts02 .post-category p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.pi-latest-posts02 .post-category i{
    padding-right: 3px;
}



/*  7.16. LATEST POSTS STYLE 03
    ------------------------------------------------------------------------- */
.pi-latest-posts03 li{
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.pi-latest-posts03 li:last-child{
    margin-bottom: 0;
}

.pi-latest-posts03 li .post-media{
    width: 60px;
    height: 60px;
    float: left;
    margin-bottom: 0;
}

.pi-latest-posts03 li .post-media i{
    font-size: 36px;
}

.pi-latest-posts03 li .post-details{
    padding-left: 70px;
}

.pi-latest-posts03 li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts03 .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.col-md-8 .pi-latest-posts03 li,
.col-md-9 .pi-latest-posts03 li{
    margin-right: 30px;
    width: 48%;
}

.col-md-8 .pi-latest-posts03 li:nth-child(2n),
.col-md-9 .pi-latest-posts03 li:nth-child(2n){
    margin-right: 0;
}

.col-md-6 .pi-latest-posts03 li,
.col-md-4 .pi-latest-posts03 li,
.col-md-3 .pi-latest-posts03 li{
    width: 100%;
    margin-bottom: 20px;
}




/*   7.17. LIST WITH ICONS
    ------------------------------------------------------------------------- */
.fa-ul li i{
    line-height: 20px;
}

.fa-ul.large-icons{
    margin-left: 0;
}

.fa-ul.large-icons li{
    margin-bottom: 0;
}

.fa-ul.large-icons li:last-child{
    margin-bottom: 0;
}

.fa-ul.large-icons li i{
    font-size: 24px;
    width: 30px;
    height: 30px;
}

.fa-ul.large-icons .icon-container{
    float: left;
    width: 30px;
    height: 30px;
}

.fa-ul.large-icons .li-content{
    padding-left: 40px;
}

.fa-ul.large-icons .li-content h4{
    margin-bottom: 8px;
    padding-top: 1px;
}



/*  7.18. NUMBERS COUNTER
    ------------------------------------------------------------------------- */
.numbers-counter{
    padding: 20px;
    background-color: #fcfcfc;
}

.numbers-counter .counter-container{
    width: 100%;
    font-size: 40px;
    font-weight: 800;
    position: relative;
    margin-bottom: 5px;
    color: #333;
    text-align: center;
}

.numbers-counter .counter-container::after{
    position: absolute;
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}

.numbers-counter .number{
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    text-align: center;
    color: #333;
    width: 100%;
    display: inline;
    margin-bottom: 5px;
}

.numbers-counter p{
    text-align: center;
}




/*  7.19. PROMO BOXES
    ------------------------------------------------------------------------- */
.promo-box{
    padding: 90px 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.promo-box02{
    padding: 30px 30px 90px 30px;
    background-repeat: no-repeat;
    background-size: cover;
}

.promo-box02 p{
    text-align: center;
}

.promo-box h4,
.promo-box p{
    text-align: center;
}

.promo-box .btn{
    float: none;
    margin: 0 auto;
    display: table;
}

/*
    7.20. SERVICES FEATURE BOX
    ------------------------------------------------------------------------- */
.services-negative-top .col-md-4{
    margin-top: -316px;
}

.custom-background .service-feature-box,
.parallax .service-feature-box{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

.service-feature-box{
    box-shadow: 1px 0px 3px 0 #ddd;
    -webkit-box-shadow: 1px 0px 3px 0 #ddd;
    -moz-box-shadow: 1px 0px 3px 0 #ddd;
    border: 1px solid #eee;
}

.service-feature-box .service-media{
    position: relative;
    overflow: hidden;
}

.service-feature-box .service-media img{
    width: 100%;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;

    opacity: 1;
}

.service-feature-box .service-media:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);

    opacity: 0.7
}

.service-feature-box .service-media a{
    background-color: #1b2936;
    position: absolute;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
}

.service-feature-box .service-media span{
    color: #fff;
    padding-left: 20px;
    font-weight: 600;
}

.service-feature-box .service-media i{
    background-color: #2f3840;
    padding: 5px 10px;
    font-size: 10px;
    line-height: 22px;
    margin-left: 20px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.service-feature-box .service-body{
    background-color: #fff;
    padding: 20px;
}


/*
    7.21. SERVICES GALLERY
    ------------------------------------------------------------------------- */
.services-gallery .col-md-3{
    padding: 0;
    list-style: none;
}

.service-item-container{
    position: relative;
    overflow: hidden;
}

.service-item-container .service-item{
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}

.service-item-container .service-item img{
    width: 100%;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;
}

.service-item-container .hover-mask-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(49, 57, 63, 0.5);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.service-item-container .service-item:hover .hover-mask-container{
    opacity: 1;
}

.service-item-container figcaption{
    position: absolute;
    width: 100%;
    top: 40px;
}

.service-item-container figcaption h1,
.service-item-container figcaption h2,
.service-item-container figcaption h3,
.service-item-container figcaption h4,
.service-item-container figcaption h5{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.service-item-container figcaption h1:after,
.service-item-container figcaption h2:after,
.service-item-container figcaption h3:after,
.service-item-container figcaption h4:after,
.service-item-container figcaption h5:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
}

.hover-mask-container .hover-details{
    position: absolute;
    bottom: 40px;
    left: 50%;

    transform: translate(0, 100px);
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.hover-mask-container .hover-details span{
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding: 10px 30px;
    border: 3px solid;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.service-item-container .service-item:hover .hover-details{
    transform: translate(0,0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.service-item-container .service-item:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

/*
    7.22. SERVICE ICON CENTER
    ------------------------------------------------------------------------- */
.service-icon-center .icon-container{
    width: 100px;
    height: 100px;
    display: table;
    margin: 0 auto 20px;
    background-color: #fcfcfc;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-icon-center .icon-container i{
    font-size: 36px;
    color: #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 100px;
}

.service-icon-center .icon-container img{
    width: 60px;
    height: 60px;
    position: relative;
    left: 50%;
    margin-top: 15px;
    margin-left: -30px;
}

.service-icon-center h1,
.service-icon-center h2,
.service-icon-center h3,
.service-icon-center h4,
.service-icon-center h5{
    text-align: center;
    margin-bottom: 15px;
}

.service-icon-center p{
    text-align: center;
}


/*  7.23. SERVICE ICON CENTER BOXED
    ------------------------------------------------------------------------- */
.service-icon-center-boxed{
    width: 100%;
    background-color: #fcfcfc;
    padding: 30px 20px;
}

.service-icon-center-boxed .service-title{
    display: table;
    margin: 0 auto 10px;
}

.service-icon-center-boxed .service-title .icon-container{
    width: 60px;
    height: 60px;
    float: left;
}

.service-icon-center-boxed .service-title h4{
    padding-left: 70px;
    padding-top: 20px;
}

.service-icon-center-boxed p{
    text-align: center;
    padding-bottom: 0;
}

.service-icon-center-boxed .icon-container i{
    width: 60px;
    height: 60px;
    font-size: 46px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/*
    7.24. SERVICES ICON LEFT
    ------------------------------------------------------------------------- */
.service-icon-left{
    width: 100%;
    display: flex;
    align-items: center;
}

.service-icon-left .icon-container{
    float: left;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-icon-left .icon-container img,
.service-icon-left .icon-container svg{
    width: 60px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    height: 60px;
    position: relative;
    top: 20px;
}

.service-icon-left .service-details{
    padding-left: 30px;
    display: flex;
}

.service-icon-left .service-details h1,
.service-icon-left .service-details h2,
.service-icon-left .service-details h3,
.service-icon-left .service-details h4{
    margin-bottom: 0px;
    font-size:15px;
}

.service-icon-left .icon-container i{
    font-size: 20px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    width: 50px;
    color: red;
}

/*
    7.25. SERVICES ICON LEFT BOXED
    ------------------------------------------------------------------------- */
.service-icon-left-boxed{
    background-color: #fcfcfc;
    padding: 30px 40px;
}

.service-icon-left-boxed .icon-container{
    float: left;
    width: 100px;
}

.service-icon-left-boxed .service-details{
    padding-left: 120px;
}

.service-icon-left-boxed .service-details h1,
.service-icon-left-boxed .service-details h2,
.service-icon-left-boxed .service-details h3,
.service-icon-left-boxed .service-details h4{
    margin-bottom: 15px;
}

.service-icon-left-boxed .service-details p{
    padding-bottom: 0;
}

.col-md-3 .service-icon-left-boxed .icon-container{
    float: none;
    margin: 0 auto 20px;
}

.col-md-3 .service-icon-left-boxed .service-details{
    padding-left: 0;
}


.col-md-3 .service-icon-left-boxed .service-details h1,
.col-md-3 .service-icon-left-boxed .service-details h2,
.col-md-3 .service-icon-left-boxed .service-details h3,
.col-md-3 .service-icon-left-boxed .service-details h4,
.col-md-3 .service-icon-left-boxed .service-details p{
    text-align: center;
}

.service-icon-left-boxed i{
    font-size: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px;
}


/*  7.26. SERVICE LIST - small icons and text
    ------------------------------------------------------------------------- */
.service-list li{
    list-style: none;
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.service-list li:last-child{
    padding-bottom: 0;
}

.service-list li .icon-container{
    width: 70px;
    height: 70px;
    float: left;
}

.service-list li p,
.service-list li h4{
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    padding-top: 20px;
    padding-left: 95px;
    font-weight: 400;
}

.service-list li i{
    font-size: 46px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 70px;
}


/*  7.27. SERVICES LIST BIG ICONS
    ------------------------------------------------------------------------- */
.col-md-9 .service-list-big-icons li{
    width: 33.3%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.col-md-9 .service-list-big-icons li:nth-child(3n){
    padding-right: 0;
}

.col-md-9 .service-list-big-icons li:first-child{
    padding-left: 0;
}

.service-list-big-icons{
    width: 100%;
}

.service-list-big-icons li{
    list-style: none;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.service-list-big-icons li .icon-container{
    background-color: #fff;
    width: 80px;
    height: 80px;
    float: left;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


.service-list-big-icons .icon-container svg,
.service-list-big-icons .icon-container img{
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 100%;
}

.service-list-big-icons li h4{
    font-weight: normal;
    padding-left: 100px;
    padding-top: 30px;
}

.service-list-big-icons .icon-container i{
    font-size: 36px;
    width: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.page-content.dark .service-list-big-icons li{
    color: #777;
}


/*  7.28. SERVICES LIST BIG ICONS + DETAILS (text)
    ------------------------------------------------------------------------- */
.service-list-big-icons-details li{
    margin-bottom: 20px;
}

.col-md-9 .service-list-big-icons-details li{
    width: 33.3%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.col-md-9 .service-list-big-icons-details li:nth-child(3n){
    padding-right: 0;
}

.col-md-9 .service-list-big-icons-details li:first-child{
    padding-left: 0;
}

.service-list-big-icons-details{
    width: 100%;
}

.service-list-big-icons-details li{
    list-style: none;
    float: left;
}

.service-list-big-icons-details li .icon-container{
    background-color: #fff;
    width: 100px;
    height: 100px;
    float: left;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-list-big-icons-details li .icon-container svg,
.service-list-big-icons-details li .icon-container img{
    width: 60px;
    height: 100%;
    margin: 0 auto;
    display: block;
    vertical-align: middle;
}

.service-list-big-icons-details li .service-details{
    padding-left: 125px;
    padding-top: 10px;
}

.service-list-big-icons-details li .service-details h4{
    margin-bottom: 15px;
}

.service-list-big-icons-details .icon-container i{
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 50px;
}

.page-content.dark .service-list-big-icons-details li{
    color: #777;
}


/*
    7.29. SHIPPING QUOTE FORM
    ------------------------------------------------------------------------- */
.wpcf7 .shipping-quote{
    padding: 20px;
    background-color: #fcfcfc;
}

.wpcf7 .shipping-quote label{
    width: 50%;
    float: left;
    padding-top: 8px;
}

.wpcf7 .shipping-quote fieldset{
    width: 100%;
    margin-bottom: 5px;
}

.wpcf7 .shipping-quote input.wpcf7-text,
.wpcf7 .shipping-quote input.wpcf7-number{
    width: 50%;
    float: left;
    padding: 5px 15px;
}

.wpcf7 .shipping-quote .wpcf7-submit{
    padding: 8px 30px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}




/*   7.30. SLIDER - MASTER SLIDER
    ------------------------------------------------------------------------- */
.header-style01 + .master-slider{
    margin-top: -185px !important;
}

.master-slider .pi-caption01{
    color: #fff;
    font-size: 72px;
    font-weight: 800;
    text-transform: uppercase;
}

.master-slider .pi-text{
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 30px;
    color: #fff;
}

.master-slider{
    margin-bottom: 70px !important;
}

.master-slider.mb-0{
    margin-bottom: 0 !important;
}

.master-slider.mb-30{
    margin-bottom: 30px !important;
}

.master-slider .pi-caption02{
    font-size: 21px;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

.master-slider .pi-button{
    padding: 12px 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;

    border: 2px solid;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.master-slider .pi-caption-dark{
    color: #03253c;
}

.master-slider .ms-view{
    background: transparent;
}

.master-slider .tooltip-wrap h1,
.master-slider .tooltip-wrap h2,
.master-slider .tooltip-wrap h3,
.master-slider .tooltip-wrap h4,
.master-slider .tooltip-wrap h5,
.master-slider .tooltip-wrap h6{
    color: #333;
    text-transform: uppercase;
    margin-bottom: 5px;
    position: relative;
    padding-bottom: 10px;
}

.master-slider .tooltip-wrap h6::after{
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    bottom: 0;
    left: 0;
}

.master-slider .tooltip-wrap p,
.master-slider .tooltip-wrap span{
    color: #333;
}

.master-slider .tooltip-wrap img{
    float: left;
}

.master-slider .tooltip-text{
    padding-left: 85px;
}

.ms-skin-default .ms-tooltip{
    max-width: 300px;
}

.ms-btn-container a.ms-btn{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.ms-slide-info{
    display: none;
}


/*   7.31. STATEMENT ELEMENT
    ------------------------------------------------------------------------- */
.statement p{
    padding: 0 50px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}


/*
    7.32. TABLE
    ------------------------------------------------------------------------- */
table{
    width: 100%;
}

table caption{
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
    color: #333;
    text-transform: uppercase;
}

table thead{
    background-color: #f6f6f6;
}

table thead tr th{
    padding: 10px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
}

table thead tr th:first-child{
    text-align: left;
}

table tbody{
    background-color: #fcfcfc;
}

table tbody tr td{
    padding: 10px;
    text-align: center;
}

table tbody tr td:first-child{
    text-align: left;
    color: #333;
    font-weight: 700;
}



/*  7.33. TABS
    ------------------------------------------------------------------------- */
.tabs{
    overflow: hidden;
}

.tabs li{
    list-style: none;
    float: left;
    background-color: #fcfcfc;
    overflow: hidden;
    position: relative;
    padding: 0;
    line-height: 55px;
    list-style: none;
    top: 3px;
    cursor: pointer;
    margin-right: 2px;
}

.tabs li a{
    color: #333;
    padding: 0 30px;
    font-size: 15px;
    font-weight: 800;
    line-height: 55px;
    text-transform: uppercase;
    display: block;
}

.tab-content-wrap{
    width: 100%;
    overflow: hidden;
    float: left;
    padding-top: 30px;
}

.tabs li.active a{
    color: #fff;
}

.tabs li a i{
    margin-right: 10px;
}


/*
    7.34. TEAM MEMBERS
    ------------------------------------------------------------------------- */
.team-member img{
    margin-bottom: 20px;
}

.team-details{
    position: relative;
}

.team-details:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 0;
}

.team-details h1,
.team-details h2,
.team-details h3,
.team-details h4,
.team-details h5{
    margin-bottom: 0;
    text-transform: uppercase;
}

.team-details .position{
    font-style: italic;
}

/*
    7.35. TEAM MEMBERS LIST
    ------------------------------------------------------------------------- */
.team-horizontal{
    list-style: none;
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

.team-horizontal img{
    float: left;
    width: 263px;
}

.team-horizontal .team-details-container{
    padding-left: 293px;
}

.team-horizontal .team-details{
    margin-bottom: 20px;
}

.col-md-3 .team-horizontal img,
.col-md-4 .team-horizontal img{
    float: none;
    display: table;
    margin: 0 auto 20px;
    width: 100%;
}

.col-md-3 .team-horizontal .team-details-container,
.col-md-4 .team-horizontal .team-details-container{
    padding-left: 0;
}


/*
    7.36. TESTIMONIAL
    ------------------------------------------------------------------------- */
.testimonial{
    background-color: #fcfcfc;
    padding: 30px;
}

.testimonial p{
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    text-align: center;
}

.testimonial-author p{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    color: #333;
}




/*   7.37. TRACKING FORM
    ------------------------------------------------------------------------- */
.tracking{
    width: 100%;
    position: relative;
}

.tracking .package-id{
    padding: 5px 60px 5px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd;
    background-color: #fff;
    min-width: 100%;
}

.tracking .submit{
    width: 40px;
    height: 40px;
    background-image: url('img/tracking-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top:0;
    right: 0;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}


/*  7.38. VEHICLE GALLERY FULL
    ------------------------------------------------------------------------- */
.page-content.vehicles-container .container-fluid{
    padding: 0;
}

.vehicle-gallery .col-md-3{
    padding: 0;
    list-style: none;
}

.gallery-item-container{
    position: relative;
    overflow: hidden;
}

.gallery-item-container .gallery-item{
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}

.gallery-item-container .gallery-item img{
    width: 100%;
    height: auto;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.gallery-item-container .hover-mask-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(49, 57, 63, 0.5);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.gallery-item-container .gallery-item:hover .hover-mask-container{
    opacity: 1;
}

.gallery-item-container figcaption{
    position: absolute;
    width: 100%;
    top: 40px;
}

.gallery-item-container figcaption h1,
.gallery-item-container figcaption h2,
.gallery-item-container figcaption h3,
.gallery-item-container figcaption h4,
.gallery-item-container figcaption h5{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.gallery-item-container figcaption h1:after,
.gallery-item-container figcaption h2:after,
.gallery-item-container figcaption h3:after,
.gallery-item-container figcaption h4:after,
.gallery-item-container figcaption h5:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
}

.hover-mask-container .hover-zoom{
    position: absolute;
    bottom: 50%;
    left: 50%;

    width: 50px;
    height: 50px;

    margin-bottom: -25px;
    margin-left: -25px;

    transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;

    border: 2px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


.hover-mask-container .hover-zoom a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 18px;

    width: 50px;
    height: 50px;
}

.gallery-item-container .gallery-item:hover .hover-zoom{
    transform: translate(0,0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.gallery-item-container .gallery-item:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

/*  VEHICLE GALLERY GRID
    ------------------------------------------------------------------------- */
.vehicle-gallery .col-md-4{
    padding: 0;
    list-style: none;
}

.col-md-4 .gallery-item-container figcaption{
    top: 20px;
}

.hidden-gallery-image{
    display: none !important;
}

.vehicles-cta{
    padding-top: 100px;
}

/*  7.39. DROPCAPS
    ------------------------------------------------------------------------- */

.dropcap {
    margin-right: 10px;
    font-size: 18px;
    line-height: 12px;
    padding: 15px;
    position: relative;
    float: left;
    top: 7px;
    color: #fff;
}
span.dropcap.theme-bkg {
    color: #fff;
    line-height: 14px;
}
.dropcap.circled {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid transparent;
}
.dropcap.empty {
    background-color: transparent;
    color: #252525;
    border: 2px solid;
}
.dropcap.custom-background.dark {
    color: #fff;
    line-height: 14px;
}
.dropcap.custom-background.light {
    color: inherit;
}
.dropcap.custom-color.empty {
    border: 2px solid #8560a8;
    background-color: transparent;
}

/*  7.40. SOCIAL LINKS
    ------------------------------------------------------------------------- */

.social-links.presentation li {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin-right: 1px;
    margin-bottom: 1px;
    display: block;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.social-links.presentation li a {
    width: 50px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    color: #fff;
}

/*  7.41. SOCIAL PHOTO STREAM
    ------------------------------------------------------------------------- */
.widget.social-feed li {
    background: none;
    padding-left: 0;
    border: none;
    float: left;
    margin-bottom: 1px;
    padding-top: 0;
    padding-right: 1px;
    padding-bottom: 0px;
    width: 65px;
    height: auto;
    list-style: none;
    background-image: none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.widget.social-feed li:hover {
    opacity: 0.7;
}

.widget.social-feed li a{
    padding: 0;
    margin: 0;
}

.widget.social-feed li img {
    width: 65px;
    height: auto;
}

/* ==========================================================================
    8. HOME MINIMAL CUSTOM STYLES
    ========================================================================= */
.page-content.fixed.centered .container{
    position: absolute;
    top: 50%;
    left: 50%;
}

.page-content.fixed.centered .container .row{
    max-width: 100%;
}

.page-content.fixed.bottom .row{
    margin-bottom: 0;
    max-width: 100%;
}

.page-content.fixed.bottom .container{
    position: absolute;
    bottom: 0;
    left: 50%;
}

/* ==========================================================================
    9. BLOG
    ========================================================================= */

.blog-posts ul,
.blog-posts ol{
    padding-left: 0;
}

.blog-posts ul ul,
.blog-posts ul ol,
.blog-posts ol ul,
.blog-posts ol ol{
    padding-left: 40px;
}

ul.blog-posts > li{
    list-style: none;
}

.pagination{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
    width: 100%;
}

.pagination ul{
    float: right;
}

.pagination li{
    float: left;
    background-color: #f5f9fc;
    border: 1px solid #ddd;
    list-style: none;
    margin-right: 5px;
    width: 30px;
    height: 30px;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pagination li a{
    display: table-cell;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.pagination li.active a,
.pagination li:hover a{
    color: #fff;
}

.blog-post .post-body h3{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-post blockquote{
    margin-left: 0;
}

.post-body .post-tags{
    position: relative;
    bottom: 8px;
}

.post-body .post-tags a{
    padding-left: 5px;

}

/*
    BLOG LIST
    ------------------------------------------------------------------------- */
.blog-posts.post-list .blog-post{
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #ddd;
    overflow: hidden;
}

.post-list .blog-post .post-date,
.post-single .blog-post .post-date{
    width: 100px;
    float: left;
}

.post-list .blog-post .post-date .day,
.post-single .blog-post .post-date .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.post-list .blog-post .post-date .month,
.post-single .blog-post .post-date .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.post-list .blog-post .post-body,
.post-single .blog-post .post-body{
    padding-left: 130px;
}

.post-list .blog-post .post-body h1,
.post-list .blog-post .post-body h2,
.post-list .blog-post .post-body h3,
.post-list .blog-post .post-body h4,
.post-list .blog-post .post-body h5,
.post-list .blog-post .post-body h6{
    margin-bottom: 8px;
}

.post-list .blog-post .post-body h3{

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/*
    BLOG STANDARD
    ------------------------------------------------------------------------- */

.post-media{
    width: 100%;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    margin-bottom: 25px;
}

.post-media .post-img img{
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
    opacity: 1;
}

.post-media .post-img:hover img{
    opacity: 0.7;

    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
}

.post-media iframe{
    width: 100%;
    min-height: 400px;;
}


/*
    BLOG MASONRY
    ------------------------------------------------------------------------- */
.blog-posts.isotope.masonry{
    padding: 0;
}

.blog-posts.isotope.masonry li.blog-post.isotope-item{
    margin-bottom: 30px;
    width: 30%;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #fff;
    float: left;
}

.blog-post.isotope-item .post-info{
    height: 36px;
    margin-bottom: 20px;
    overflow: hidden;
}

.blog-post.isotope-item .post-date{
    float: left;
    width: 50%;
}

.blog-post.isotope-item .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 0 0 20px;
}

.blog-post.isotope-item .post-date i{
    padding-right: 3px;
}

.blog-post.isotope-item .post-info .post-category{
    width: 50%;
    float: right;
    position: relative;
}

.blog-post.isotope-item .post-info .post-category a{
    text-transform: uppercase;
    color: #eee;
    background-color: #565f66;
    padding: 7px 15px;
    position: absolute;
    right: 0;
}

.blog-post.isotope-item .post-body{
    padding: 0 20px 15px 20px;
}

.blog-post.isotope-item .post-media{
    margin-bottom: 15px;
}

.blog-post.isotope-item .post-footer{
    padding: 0 15px 15px 20px;
}

.post-footer .post-meta{
    width: 50%;
    float: left;
    padding-top: 3px;
}

.post-footer .post-meta li{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #ddd;
}

.post-footer .post-meta li:first-child{
    padding-left: 0;
}

.post-footer .post-meta li:last-child{
    border-right: none;
}

.post-footer .post-meta li.comments a{
    padding-left: 3px;
}

.post-footer .post-meta li.post-like:before{
    float: right;
    position: relative;
    top: 6px;
}

.post-footer .post-meta li.post-like .box{
    position: relative;
    top: -12px;
    padding-top: 12px;
}

.post-footer .post-meta li.post-like .box a{
    padding-right: 15px;
}

.post-footer a.read-more span{
    text-transform: none;
    font-weight: normal;
}

.post-footer .post-meta li.post-like:hover:before{
    color: #ff0101;
}


/*
    BLOG SINGLE POST
    ------------------------------------------------------------------------- */

.single-post .blog-posts.post-list .blog-post{
    border-bottom: none;
}

.single-post .page-content .row{
    margin-bottom: 0;
}


/*  POST COMMENTS
    ------------------------------------------------------------------------- */
.post-comments {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.comments-li {
    float: left;
    margin-bottom: 30px;
    background: none;
    padding-left: 0;
    list-style: none;
    width: 100%;
}
.comments-li > li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    list-style: none;
    min-height: 75px;
}
.comments-li .comment {
    float: left;
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    width: 100%;
}

.post-comments .comment + .children {
    margin-top: 30px;
}
.post-comments .children + .children {
    margin-top: 30px;
}
.comment .avatar {
    width: 70px;
    height: 70px;
    margin-right: 30px;
    float: left;
    border: 3px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.comment-meta li {
    font-style: italic;
    list-style: none;
}
.comment-meta .author {
    font-size: 15px;
    font-family: 'Raleway', Arial, sans-serif;
    color: #252525;
    font-weight: 600;
    font-style: normal;
}
.comment .comment-body {
    margin-left: 100px;
    margin-top: 3px;
}
.comment .comment-reply-link {
    display: block;
    margin-top: 15px;
    background: url('img/blog/reply.png') no-repeat 0 center;
    padding-left: 22px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
}
.post-comments .children {
    margin-left: 10%;
    float: left;
    padding: 0 0 0 20px;
    width: calc(90%);
}
.post-comments .children > li:not(:last-child) {
    overflow: hidden;
    margin-bottom: 30px;
}
.post-comments .children li {
    list-style: none;
}

.post-comments li:last-child:not(:only-child) .comment {
    border: none;
    padding-bottom: 0;
}

/*  COMMENT FORM
    ------------------------------------------------------------------------ */
#reply-title{
    text-transform: uppercase;
    padding-top: 12px;
    position: relative;
}
#reply-title:after {
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    left: 0;
    top: 0;
}


.comment-form-container{
    width: 100%;
    float: left;
    margin-top: 50px;
}

.comment-form-container fieldset{
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.comment-form-container fieldset:nth-child(2n + 1){
    padding-right: 0;
}

.comment-form-container .wpcf7-message{
    width: 100%;
}

.comment-form-container label{
    width: 100%;
    margin-bottom: 5px;
    display: block;
}

.comment-reply{
    padding: 13px 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/* ==========================================================================
    COMMENT FORM
    ========================================================================= */
#commentform label {
    width: 100%;
    display: block;
    margin-bottom: 3px;
    color: #252525;
}
#commentform .comment-input-container {
    position: relative;
    display: block;
}
#commentform .comment-input-container::before {
    font-family: 'FontAwesome';
    position: absolute;
    display: block;
    font-size: 13px;
    top: 1px;
    left: 1px;
    width: 32px;
    height: 34px;
    padding-left: 10px;
    background-color: #f6fcfe;
    padding-top: 7px;
    border-radius: 3px;
}
#commentform input, #commentform textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 8px 15px;
    max-width: 100%;
    width: 100%;
}
#commentform textarea {
    width: 100%;
}
#commentform fieldset {
    width: 100%;
    margin-bottom: 15px;
}
#commentform #comment-reply {
    width: auto;
    padding: 13px 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#commentform .name-container,
#commentform .email-container{
    width: 50%;
}

#commentform .name-container{
    padding-right: 20px;
    clear: both;
}

.reguired-fields{
    float: left;
}

.comment-respond {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/*  SEARCH RESULTS
    ------------------------------------------------------------------------ */

.search-results #blog-post-large{
    list-style: none;
}

/* ==========================================================================
    10. LOCATIONS PAGE
    ========================================================================= */
.page-title-negative-top .locations-map{
    height: 800px;
    margin-top: -186px;
}

.locations-li > li{
    list-style: none;
    margin-bottom: 30px;
}

.locations-li > li h3{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.locations-li > li .fa-ul{
    margin-left: 20px;
}


/* ==========================================================================
    11. CONTACT
    ========================================================================= */
.wpcf7 fieldset{
    margin-bottom: 15px;
}

.wpcf7 label{
    width: 100%;
    padding-bottom: 10px;
}

.wpcf7-text,
.wpcf7-number,
.wpcf7-select,
.wpcf7-textarea{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 8px 15px;
}

.wpcf7 .wpcf7-submit{
    padding: 13px 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.map-canvas,
.locations-map{
    width: 100%;
    height: 450px;
    margin-bottom: 20px;
}

.map-canvas img,
.locations-map{
    max-width: none;
}

/* ==========================================================================
    12. WIDGETS
    ========================================================================= */
.aside-widgets > li{
    list-style: none;
}

.widget{
    display: block;
    width: 100%;
    margin-bottom: 45px;
}

.page-content .row .cma-wp-widget.widget{
    margin-bottom: 0;
}

.widget .title h3{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
}

.widget ul > li{
    background-image: url('img/arrow.png');
    background-repeat: no-repeat;
    background-position: 0 center;
    list-style: none;
    padding-left: 15px;
}

.widget li a{
    padding-top: 5px;
    display: block;
}

/*
   ASIDE SEARCH WIDGET
   -------------------------------------------------------------------------- */
.widget_search form {
    position: relative;
}
.widget_search .a_search {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    display: block;
    color: #777;
    font-style: italic;
    left: 0;
    top: 0;
    padding: 10px 60px 10px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget_search .search-submit {
    background-image: url('img/search.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 100%;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    min-height: 40px;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
}

#footer-wrapper.footer-dark .widget_search input {
  background: #565f66;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  color: #bcc0c4;
}

#footer-wrapper.footer-dark .widget_search input::placeholder {
  color: #bcc0c4;
}

#footer-wrapper.footer-light .widget_search input.search-submit,
#footer-wrapper.footer-dark .widget_search input.search-submit {
  background-color: #006db7;
  background-image: url('img/search.png');
  background-position: center;
  background-repeat: no-repeat;
}

#footer-wrapper.footer-light .widget_search input {
  background: #f4f4f4;
  color: #444;
}

/*
    LATEST POSTS WIDGET 01
    ------------------------------------------------------------------------- */
.widget_recent_entries ul > li{
    position: relative;
    background: none;
    background-image: none !important;
    padding-left: 18px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.widget_recent_entries ul > li::before{
    position: absolute;
    display: block;
    content: "\f073";
    font-family: 'FontAwesome';
    font-size: 11px;
    top: 5px;
    left: 0;
}

.widget_recent_entries ul > li:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.widget_recent_entries li h4{
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#footer-wrapper.footer-dark .widget.widget_rss ul li {
  border-bottom: 1px solid #384653;
}

/*  NAV MENU WIDGET
    ------------------------------------------------------------------------- */
.aside_widgets .widget_nav_menu ul li{
    background-position: right center;
    padding-left: 0;
    border-bottom: 1px dotted #ddd;
}

.aside_widgets .widget_nav_menu ul li:last-child{
    border-bottom: none;
}

.aside_widgets .widget_nav_menu .menu .menu-item {
    width: 100%;
    list-style: none;
}

.aside_widgets .widget_nav_menu .menu .menu-item:last-child {
    border-bottom: 1px solid #eee;
}

.aside_widgets .widget_nav_menu .menu .menu-item.menu-item-has-children {
    padding-bottom: 0;
    background-position-y: 10px;
}

.aside_widgets .widget_nav_menu .sub-menu .menu-item {
    border-top: none;
    padding: 0 0 10px 20px;
    margin-top: 5px;
    background-repeat: no-repeat;
    background-position: right center;
    border-bottom: 1px dotted #ddd;
}

.aside_widgets .widget_nav_menu .menu .sub-menu .menu-item:last-child {
    border-bottom: none;
}

.aside_widgets .widget_nav_menu .menu .menu-item.menu-item-has-children > a{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

#footer-wrapper.footer-light .widget.widget_nav_menu ul > li,
#footer-wrapper.footer-dark .widget.widget_nav_menu ul > li {
  background-position: 0 11px;
  padding-bottom: 0;
}

/*
    NEWSLETTER WIDGET
    ------------------------------------------------------------------------- */
.widget_newsletterwidget .tnp-widget{
    width: 100%;
    float: left;
    position: relative;
}

.widget_newsletterwidget .tnp-widget .tnp-email{
    padding: 5px 60px 5px 15px;
    font-style: italic;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd;
    min-width: 100%;
}

.footer-dark .footer-widget-container .tnp-widget .tnp-email{
    color: #bcc0c4;
    background-color: #565f66;
    border: none;
}

.footer-dark .footer-widget-container .tnp-widget label{
    color: #bcc0c4;
}

.tnp-widget input.tnp-submit{
    width: 40px;
    height: 40px;
    background-image: url('img/subscribe.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 22px;
    right: 0;
    border: none;
    text-indent: -9999px;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}


/*  NEWS CAROUSEL
    ------------------------------------------------------------------------- */
.news-carousel-container .icon-title{
    float: left;
    border-right: 3px solid #1f2830;
    padding-right: 20px;
    margin-right: 20px;
    padding-top: 25px;
    padding-left: 15px;
    min-height: 80px;
}

.news-carousel-container .icon-title i,
.news-carousel-container .icon-title h3{
    float: left;
    font-size: 24px;
}

.news-carousel-container .icon-title i{
    padding-right: 10px;
}

.news-carousel-container .owl-item {
    padding-top: 5px;
}

.news-carousel-container .owl-item h4{
    margin-bottom: 5px;
}

.news-carousel-container .owl-item span{
    text-transform: uppercase;
}

*[class^="col-"].custom-background .news-carousel-container{
    margin: -15px;
}

/*  SIMPLE SHARE BUTTON ADDER
    ------------------------------------------------------------------------- */

.ssba.ssba-wrap a{
    margin-right: 5px;
}

/*  WIDGET - TEXT
    ------------------------------------------------------------------------- */
.widget_text li{
    border-bottom: 0;
    background: none;
    padding: 0;
}

.widget_text select{
    max-width: 100%;
}

#footer-wrapper.footer-dark .widget_text select {
  background: #565f66;
  height: 40px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  color: #bcc0c4;
  padding-left: 15px;
}

.aside_widgets .widget_text select,
#footer-wrapper.footer-light .widget_text select {
  background: #f4f4f4;
  height: 40px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #ddd;
  color: #444;
  padding-left: 15px;
}

.aside_widgets .widget_text select {
  background: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

/*  WIDGET - CALENDAR
    ------------------------------------------------------------------------- */

.widget.widget_calendar #wp-calendar{
    width: 100%;
}

.widget.widget_calendar #wp-calendar caption{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.widget.widget_calendar #wp-calendar thead{
    background: #ececec;
}

.widget.widget_calendar #wp-calendar tfoot{
    background: #fafafa;
    padding-top: 5px;
}

.widget.widget_calendar #wp-calendar tfoot #prev{
    text-align: left;
}

.widget.widget_calendar #wp-calendar tfoot #next{
    text-align: right;
}

.widget.widget_calendar #wp-calendar td,
.widget.widget_calendar #wp-calendar th{
    text-align: center;
}

.widget.widget_calendar #wp-calendar #today {
    color: #fff;
}

.widget.widget_calendar #wp-calendar #today a{
    color: #fff;
    padding: 5px;
}

#footer-wrapper.footer-dark .widget.widget_calendar table caption {
  color: #bcc0c4;
}

#footer-wrapper.footer-dark .widget.widget_calendar #wp-calendar thead {
  background: #006db7;
}

#footer-wrapper.footer-dark .widget.widget_calendar #wp-calendar tfoot,
#footer-wrapper.footer-dark .widget.widget_calendar #wp-calendar tbody {
  background: #565f66;
}

#footer-wrapper.footer-dark .widget.widget_calendar #wp-calendar #today,
#footer-wrapper.footer-dark .widget.widget_calendar #wp-calendar tbody tr td:first-child,
#footer-wrapper.footer-dark .widget.widget_calendar #wp-calendar thead tr th,
#footer-wrapper.footer-dark .widget.widget_calendar #wp-calendar td a {
  color: #fff;
}

#footer-wrapper.footer-dark .widget.widget_calendar #wp-calendar td {
  color: #bcc0c4;
}

/*  WIDGET - ARCHIVE
    ------------------------------------------------------------------------- */

.widget_archive select{
    width: 100%;
}

.widget_archive ul{
    padding-left: 0;
}

.widget_archive ul li a{
    display: inline;
}

#footer-wrapper.footer-dark .widget_archive select[name="archive-dropdown"] {
  background: #565f66;
  height: 40px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  color: #bcc0c4;
  padding-left: 15px;
}

.aside_widgets .widget_archive select[name="archive-dropdown"],
#footer-wrapper.footer-light .widget_archive select[name="archive-dropdown"] {
  background: #f4f4f4;
  height: 40px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #ddd;
  color: #444;
  padding-left: 15px;
}

.aside_widgets .widget_archive select[name="archive-dropdown"] {
  background: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

/*  WIDGET - CATEGORIES
    ------------------------------------------------------------------------- */

.widget_categories select{
    width: 100%;
}

.widget_categories ul li a{
    display: inline;
}

.widget_categories .children{
    background: none;
}

.widget_categories ul > li{
    background-position: 0 6px
}

.widget_categories ul > li:last-child{
    padding-bottom: 0;
}

#footer-wrapper.footer-dark .widget_categories select[name="cat"] {
  background: #565f66;
  height: 40px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  color: #bcc0c4;
  padding-left: 15px;
}

.aside_widgets .widget_categories select[name="cat"],
#footer-wrapper.footer-light .widget_categories select[name="cat"] {
  background: #f4f4f4;
  height: 40px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #ddd;
  color: #444;
  padding-left: 15px;
}

.aside_widgets .widget_categories select[name="cat"] {
  background: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

/*  WIDGET - PAGES
    ------------------------------------------------------------------------- */

.widget.widget_pages .children li{
    margin-bottom: 0;
    list-style: none;
}

.widget.widget_pages li.page_item_has_children{
    background-position: left 12px;
}

/*  WIDGETS - TAG CLOUD WIDGET
    ------------------------------------------------------------------------- */
.widget_tag_cloud a {
    background: #f6fcfe;
    color: #777;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 2px;
}

.footer-widget-container .widget_tag_cloud a {
    background: #40484d;
    color: #bbb;
    font-size: 12px;
}

/* WIDGETS - RECENT COMMENTS
    ------------------------------------------------------------------------- */
.widget_recent_comments ul li {
    list-style: none;
    border-bottom: 1px solid #eee;
    background-position: 0 11px;
}
.widget_recent_comments ul li .date {
    padding: 2px 10px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}
.recentcomments{
    font-weight: bold;
}
.widget_recent_comments .recentcomments a {
    font-style: italic;
    font-weight: normal;
}
.recentcomments span{
    font-weight: normal;
}
.widget_recent_comments .recentcomments a:hover {
    text-decoration: underline;
}

#footer-wrapper.footer-dark .widget_recent_comments ul li {
  border-bottom: 1px solid #384653;
  background-position: 0 7px;
}

#footer-wrapper.footer-light .widget_recent_comments ul li {
  background-position: 0 7px;
}

.aside_widgets .widget_recent_comments ul li {
  background-position: 0 7px;
}

/* WIDGETS - RSS
    ------------------------------------------------------------------------- */

.widget_rss ul li{
    border-bottom: 1px solid #eee;
    background-position: 0 11px;
}

/* WIDGETS - CONTACT INFO
    ------------------------------------------------------------------------- */

.contact-info-list li a{
    display: inline;
}

/* ==========================================================================
     13. FOOTER
    ========================================================================= */
#footer .row{
    margin-bottom: 25px;
}

#footer-wrapper{
    padding-top: 70px;
    position: relative;
    background-image: url('img/footer-bkg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#footer-wrapper.footer-dark{
    background-color: #25272e;
}

#footer-wrapper.footer-light{
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.footer-dark .footer-widget-container .text-big{
    color: #fff;
}

.footer-dark .footer-widget-container .widget .title h3{
    color: #fff;
}

.footer-widget-container > li{
    list-style: none;
}

.footer-dark .footer-widget-container p,
.footer-dark .footer-widget-container a,
.footer-dark .footer-widget-container address,
.footer-dark .footer-widget-container span,
.footer-dark .copyright-container p,
.footer-dark .copyright-container a,
.footer-dark .copyright-container span{
    color: #bcc0c4;
}

.footer-social-icons{
    margin-top: 15px;
}

.footer-social-icons > li{
    list-style: none !important;
    background-image: none !important;
    float: left;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    padding: 0 !important;
}

.footer-social-icons li a{
    width: 30px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    text-align: center;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.footer-social-icons li a:hover{
    color: #fff;
}

.footer-dark .footer-social-icons li a{
    background-color: #565f66;
    color: #fff;
}

.footer-light .footer-social-icons li a{
    background-color: #f6f6f6;
}

.copyright-container .row{
    margin-bottom: 0;
}

.footer-dark .copyright-container .row{
    border-top: 1px solid #384653;
    padding: 15px 0 10px 0;
}

.footer-light .copyright-container .row{
    border-top: 1px solid #ddd;
    padding: 15px 0 10px 0;
}

.copyright-container a,
.copyright-container p,
.copyright-container span{
    font-size: 11px;
}

#footer-wrapper.footer-light .copyright-container .copyright-right{
    text-align: right;
}

.copyright-container .copyright-right p{
    text-align: right;
}

/* Footer menu */

.copyright-container .breadcrumb{
    background: none;
    float: right;
    padding-right: 0;
}

.copyright-container .breadcrumb li:nth-child(2)::before{
    color: #000;
}

#footer-wrapper.footer-light .copyright-container .breadcrumb li a{
    color: #777;
}



/*
    SCROLL UP
    ------------------------------------------------------------------------- */
.scroll-up {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 15px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background-image: url('img/to-top.png');
    background-repeat: no-repeat;
    background-color: #252525;
    z-index: 100;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* reset list paddings */

.widget ul,
.service-list,
.pi-latest-posts,
.pi-latest-posts02,
.services-gallery,
.tabs,
.clients-li,
.pi-latest-posts03,
.aside_widgets,
.company-timeline,
.service-list-big-icons,
.service-list-big-icons-details,
.vehicle-gallery,
.locations-li,
.post-meta{
    padding-left: 0;
}

.wp-block-separator.is-style-dots {
  border-style: dotted;
}

.wp-block-columns.has-2-columns,
.wp-block-columns.has-3-columns,
.wp-block-columns.has-4-columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wp-block-columns.has-2-columns .wp-block-column {
  width: 50%;
  padding: 0 5px;
}
.wp-block-columns.has-3-columns .wp-block-column {
  width: 33.33%;
  padding: 0 5px;
}
.wp-block-columns.has-4-columns .wp-block-column {
  width: 25%;
  padding: 0 5px;
}

.columns-2,
.columns-3,
.columns-4,
.columns-5 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

  list-style: none;
}
.blocks-gallery-item {
  padding: 0 5px;
  margin-bottom: 5px;
}
.columns-2 .blocks-gallery-item { width: 50%; }
.columns-3 .blocks-gallery-item { width: 33.3%; }
.columns-4 .blocks-gallery-item { width: 25%; }
.columns-5 .blocks-gallery-item { width: 20%; }
.profileDirector{margin-top: 50px; display: flex;flex-wrap: wrap;justify-content: space-between;}
.profileDirector1{width: 60%;}
.profileDirector2{width: 38%; 
		 display: flex;
    flex-direction: column;
    align-items: center;}
.profileDirector2 .titles{
    color: #fac312;
	padding-top:10px;
	font-size: 18px;
	padding-bottom: 0px;
}
.profileDirector p{
    text-align: justify;
}
.director-para{
    text-align: justify;
}
.profileDirector img{
   border: 2px solid #fac312;
   border-radius: 5px;
}
.pt-title {
    background: gray;
}
.join-skyways-section {
  background-color: #f7f7f7;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
}

.left-content {
  flex: 1 1 500px;
}

.left-content h2 {
  font-size: 24px;
  font-weight: bold;
  color: #1a1a1a;
}

.underline {
  width: 50px;
  height: 3px;
  background-color: #f9be00;
  margin: 10px 0 20px 0;
}

.left-content p {
  color: #444;
  line-height: 1.7;
  margin-bottom: 16px;
}

.right-image {
  flex: 1 1 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.right-image img {
  max-width: 100%;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.awaits-section {
  background-color: #f7f7f7;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
}


.text-section {
  flex: 1 1 500px;
}

.text-section h2 {
  font-size: 24px;
  font-weight: bold;
  color: #1a1a1a;
}

.underline {
  width: 50px;
  height: 3px;
  background-color: #f9be00;
  margin: 10px 0 20px 0;
}

.text-section p {
  color: #444;
  line-height: 1.7;
  margin-bottom: 16px;
}

.italic-highlight {
  font-style: italic;
  font-weight: 600;
  color: #333;
}

.highlight-box {
  background-color: #d9d9d9;
  padding: 16px 20px;
  border-radius: 4px;
  color: #222;
}

.highlight-box a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.image-section {
  flex: 1 1 400px;
  display: flex;
  justify-content: center;
}

.image-section img {
  max-width: 100%;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.careers-content{
	 display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 600px){
    .service-icon-left .icon-container i{
        text-align : start;
    }
	.service-icon-left .service-details{
		padding-left: 10px!important;
}