/*
Theme Name: Ottro
Theme URI: http://promo-theme.com/ottro/
Author: Promo Theme
Author URI: https://themeforest.net/user/ypromo
Description: Ottro is the High-powered WordPress Theme for Creative portfolio, Agency, Apps, and Corporate. The theme includes all Homepages with personal creative design and features. One-click installation and demo content imported make the site work easy. All the necessary plugins are bundled.
Version: 1.0.0
Text Domain: ottro
License: GNU General Public License v2 or later
License URI: LICENSE
Template: ottro

*/

.coming-soon-banner .banner-item .bg-overlay .color,
.coming-soon-banner .bottom .site-logo{ display:none;}
.coming-soon-banner .address .social { display:flex; align-items:center; justify-content: center;}
.coming-soon-banner .address .social a { margin:0 10px;}

.site-header.fixed.light-color { background-color: #f1f1f1 !important; }
.site-header .site-logo { transition: all 0.3s ease-out; }
.site-header.fixed .site-logo { width: 115px !important; }


.message-cloud {  background-color: #282828 !important;  }
.message-cloud > svg { fill: #282828 !important;  }

.message-cloud.min.accent.right { background-color: #fc0000 !important;}
.message-cloud.min.accent.right a.button-style2 { color: #fff !important; }
.message-cloud.min.accent.right > svg { fill: #fc0000 !important;}

.button-style1 { background-color: #fc0000 !important; }
.site-footer { background-color: #282828 !important; }

.contact-form-style3 input.wpcf7-mask { height: 50px; padding: 5px 20px; background-color: #F2F2F3; width: 100%; font-size: 14px;
    font-weight: 400;}
.navigation li:not(.mega-menu-col) > .sub-menu, .navigation li:not(.mega-menu-col) > .children { width: 340px !important; }
.navigation li:not(.mega-menu-col) > .sub-menu li a { position: relative; } 
/*.navigation li:not(.mega-menu-col) > .sub-menu li a:before { content: "-"; position: absolute; left: -11px; }*/
.site-header .tagline { font-size: 13px; font-weight: 500; line-height: 1.2; }
.page-id-4072 .heading-block h4.h a { color: #fe0000; }

.product-banner-block .bn-bottom.with-fill, .banner-area .bn-bottom.with-fill { width: 305px !important; }
.product-banner-block .bn-bottom.with-fill.light .wrap, .banner-area .bn-bottom.with-fill.light .wrap { background-color: rgba(247,241,237,0.5) !important; }

.maillik a { color: #fe0000; }



@media only screen and (max-width: 1100px) {
.site-header .tagline { width: 118px; }	
}