/*
Theme Name: Logistic - Child
Theme URI: http://logistic.freevision.me/
Author: freevision
Author URI: http://themeforest.net/user/freevision/portfolio
Description: Logistic is a premium responsive Wordpress theme created especially for logistic & transportation companies, offices.
Version: 2.0
Text Domain: vp_textdomain
Domain Path: /lang
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, white, yellow, tan, light, one-column, two-columns, right-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Template: logistic
*/

/*@import url("../logistic/style.css");*/
@import url("./style_parent.css");
@import url("./fonts/climacons-font.css");
@import url("./lightbox.css");

p strong{color:#3a5099}
a{text-decoration:underline}
a:hover{text-decoration:none}
#head-mobile{pointer-events:none;}
#top-menu > ul > li > a{letter-spacing:0}
body #content .wpb_column.vc_column_container .ozy-iabox h2.heading{font-size:30px;font-weight:600!important;font-style:italic}
body #content .wpb_column.vc_column_container .ozy-iabox h2.heading + div{font-size:16px!important}
#request-a-rate h1{font-weight:700;font-style:italic;font-size:24px;line-height:1.5em}
.wpcf7-form-control.wpcf7-submit{background-color:#000;border:none;height:44px;line-height:22px;font-weight:700;font-style:italic;font-size:13px;padding:0 17px;letter-spacing:0!important}
.wpcf7-form-control.wpcf7-submit:hover{border:none}
#to-top-button>span{color:#3a5099}
body #to-top-button{background-color:rgba(255,255,255,1)}
#to-top-button:hover{background-color:rgba(58,80,153,1);border:1px solid rgba(255,255,255,1)}
#to-top-button:hover > span{color:rgba(255,255,255,1)}
body .custom_sidebar h4{font-size:16px!important;text-transform:uppercase}
.wpb_wrapper li{list-style:none}
.wpb_wrapper li:before{content:"";position:relative;left:-15px;top:-3px;background-color:#6186ff;display:inline-block;width:4px;height:4px;border-radius:50%}
span.line{border-color:#4c69c8!important}
.ozy-content-divider{border-top-color:#4c69c8!important}
.gallery{margin-left:-15px!important;margin-right:-15px!important}
.gallery-icon{background-repeat:no-repeat;background-position:center center;background-size:cover;height:214px}
.galleryOverlay{height:100%;background-color:rgba(58,80,153,.8);opacity:0;-webkit-opacity:0;transition:all .4s;-webkit-transition:all .4s}
.galleryOverlay:hover{opacity:1;-webkit-opacity:1}
.galleryOverlay > span{position:absolute;color:#fff!important;font-size:32px;width:42px;height:42px;line-height:42px;text-align:center;top:50%;left:50%;margin-top:-21px;margin-left:-21px}
blockquote{border:none;margin:0 -20px;font-family:'Roboto',sans-serif}
.wpb_text_column.wpb_content_element{padding-bottom:20px}
#weather_box.preloader{background-image:url(./imgs/preload.gif);background-position:center center;background-repeat:no-repeat;background-color:#6186ff}
.weather_widget #weather_box{height:100%;width:100%;position:absolute}
.weather_widget .weather{height:100%}
.weather .icon,.weather .wind,.weather .upcoming_day,.weather .current_day .wind div{display:inline-block}
.weather .current_day .wind{position:absolute;bottom:30px}
.weather .current_day .wind .wind_icon{vertical-align:middle;content:url(./imgs/wind.png);height:32px;width:32px}
.weather_widget{padding:0!important}
.weather_widget .current_day{background-color:#6186ff;height:62%;padding:40px 20px 40px 40px;position:relative}
.weather_widget .upcoming{background-color:#4c69c8;height:38%;padding:40px 20px 40px 40px}
.weather{color:#FFF}
.weather .current_day .climacon{font-size:200px;padding-right:50px}
.weather .upcoming .climacon{font-size:55px}
#content .weather .weather-title{font-size:30px;font-weight:600;font-style:italic;padding-top:0;padding-bottom:30px}
#content .weather .current_day .weather-title{padding-bottom:25px}
.weather .wind_dir_text{vertical-align:middle;font-size:26px;font-weight:600;font-style:italic;padding-right:30px}
.weather .wind_speed_text{font-size:26px;font-weight:300}
.weather .upcoming_day .icon{padding-right:10px;vertical-align:middle}
.weather .upcoming_day .wind{padding-right:20px;vertical-align:sub}
.weather .upcoming .upcoming_day:last-of-type .wind{padding-right:0}
#content .weather .upcoming .weather-title{padding-bottom:20px}
#content .weather .upcoming_day .wind p{font-size:17px;height:26px}
#content .weather .upcoming_day .up_windspeed{padding-bottom:0}
#content .weather .upcoming_day .up_windkmh{padding-top:0}
#content h5.contact-name{color:#3a5096}
body #content a.contact-mail{text-decoration:underline;color:#000}
#content .contact-mail:hover{text-decoration:none}
#content h6.wpb_toggle.contact-more{font-size:14px;text-transform:uppercase;font-weight:500;font-style:italic}
.wpb_toggle,#content h4.wpb_toggle{background:url(./imgs/plus.png) no-repeat left center;padding-left:25px;clear:both;padding-top:1px}
.wpb_toggle_title_active,#content h4.wpb_toggle_title_active{background:url(./imgs/minus.png) no-repeat left center}
.contact-image{height:200px;background-position:center top;background-repeat:no-repeat;background-size:cover}
.custom_sidebar .widget .contact{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid;border-color:rgba(240,240,240,1)}
.custom_sidebar .widget .contact:last-of-type{border-color:transparent}
.custom_sidebar .widget .contact p a.contact-mail{text-decoration:underline;color:#000!important}
.custom_sidebar .widget .contact a:hover{text-decoration:none}
.custom_sidebar .contact h5.contact-name{color:#3a5096!important}
.imgd{display:inline-block}
.imgd.file_img{margin-left:-4px}
.imgd .file_data{text-transform:capitalize;font-size:17px;color:#000}
.file_col{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid;border-color:rgba(240,240,240,1)}
.file_info{position:absolute}
#sidebar .widget>h4{border-bottom:none;padding-bottom:0!important}
#google-maps-info-box,.map-image{height:192px;display:inline-block;vertical-align:middle}
.map-image{width:150px;background-position:top center;background-size:contain;background-repeat:no-repeat;margin-right:10px}
#google-maps-info-box p{padding:0}
#google-maps-info-box p.location-title{font-weight:600;font-style:italic;font-size:16px;line-height:1.5em;color:#3a5096}
#cookie-notice #cn-notice-text,#cookie-notice .button.bootstrap{font-family:Arial;text-shadow:0 0 0 rgba(255,255,255,0.75)}
#cookie-notice #cn-accept-cookie{background-color:transparent;background-image:-moz-linear-gradient(top,#007f00,#007f00);background-image:-webkit-gradient(linear,0 0,0 100%,from(#007f00),to(#007f00));background-image:-webkit-linear-gradient(top,#007f00,#007f00);background-image:-o-linear-gradient(top,#007f00,#007f00);background-image:linear-gradient(to bottom,#007f00,#007f00)}
#cookie-notice #cn-more-info{color:#000;background-color:transparent;background-image:-moz-linear-gradient(top,#FFF,#FFF);background-image:-webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#FFF));background-image:-webkit-linear-gradient(top,#FFF,#FFF);background-image:-o-linear-gradient(top,#FFF,#FFF);background-image:linear-gradient(to bottom,#FFF,#FFF)}
#cookie-notice .button.bootstrap:hover,#cookie-notice .button.bootstrap:focus{background-color:transparent;background-position:0 0}
body #footer-wrapper .widget h4{font-size:18px;text-transform:uppercase;font-style:italic}
#footer-wrapper{background-image:url(./imgs/footer_globe.png);background-position:center center;background-repeat:no-repeat;background-size:contain}
.footer-mail{text-decoration:underline}
.footer-mail:hover{text-decoration:none}
#footer .container .authors{text-align:right}
#footer .container .authors a{text-decoration:underline}
#footer .container .authors a:hover{text-decoration:none}
.footer_notice{text-align:center;padding:10px 20px;font-family:'Roboto',sans-serif;font-size:12px}
#footer .container>div,#footer .container,#footer{height:auto!important}
#footer .container>div{padding-right:0;padding-left:0}
.copyright,.authors{overflow:overlay!important}
@media (max-width: 479px) {
#footer .container>div,#footer .container,#footer{height:auto!important}
#footer>footer>.container>div{width:50%!important}
blockquote{margin:0 -10px}
#content .weather .weather-title{font-size:22px}
}
@media (max-width: 480px) {
.weather .current_day .climacon{font-size:130px;padding-right:20px}
.weather .current_day .wind{bottom:60px}
.weather .wind_dir_text,.weather .wind_speed_text{font-size:22px}
.weather .current_day .wind .wind_icon{height:28px;width:28px}
#content .weather .current_day .weather-title{padding-bottom:50px}
.weather .upcoming .climacon{font-size:40px}
#content .weather .upcoming_day .wind p{font-size:14px}
.weather .upcoming_day .wind{padding-right:10px}
.weather .upcoming_day .icon{padding-right:5px}
}
@media (max-width: 500px) {
#google-maps-info-box,.map-image{width:107px;height:168px}
}
@media (max-width:767px) {
.gallery-icon{height:350px}
#footer .container .top-social-icons{display:none}
.footer_notice{display:none}
}
@media (min-width:768px) and (max-width: 991px) {
.weather .current_day .climacon{font-size:130px;padding-right:20px}
.weather .current_day .wind{bottom:60px}
.weather .wind_dir_text,.weather .wind_speed_text{font-size:22px}
.weather .current_day .wind .wind_icon{height:28px;width:28px}
#content .weather .current_day .weather-title{padding-bottom:50px}
.weather .upcoming .climacon{font-size:30px}
#content .weather .upcoming_day .wind p{font-size:14px}
.weather .upcoming_day .wind{padding-right:10px}
.weather .upcoming_day .icon{padding-right:5px}
.weather_widget .current_day,.weather_widget .upcoming{padding:40px 10px 40px 30px}
}
@media (min-width: 480px) and (max-width: 1024px) {
#footer .container>div,#footer .container,#footer{height:auto!important}
}
@media (min-width: 769px) and (max-width: 1064px) {
#sidebar{width:100%;float:left;padding-left:15px;padding-right:15px}
}
@media (min-width: 1024px) and (max-width: 1064px) {
#sidebar{width:792px}
}
@media(min-width:1024px) {
.right-sidebar #content{width:792px}
}
@media screen and (max-width: 1120px) {
.logo > a > img{width:220px;height:auto}
}
@media(min-width:992px) and (max-width: 1199px) {
.weather_widget .upcoming,.weather_widget .current_day{padding:40px 10px 40px 30px}
.weather .upcoming .climacon{font-size:45px}
.weather .current_day .climacon{font-size:175px}
.weather .current_day .wind{bottom:50px}
.weather .upcoming_day .icon{padding-right:8px}
.weather .upcoming_day .wind{padding-right:15px}
}
@media(max-width:991px) {
#request-a-rate>div{width:100%!important;position:relative;top:55px}
}
@media(max-width:1300px) {
#request-a-rate>div{width:88%}
}


#menu-primary-menu > li:last-child {
    background-color: #000;
    border-radius: 35px;      
}

#menu-primary-menu > li:last-child a {
    color: #fff;
}