@import "../../../firma/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */

.top-bar .pull-right .widget-title > span{ color:#217cb3 ; font-style:normal; font-family:serif;  position:relative; font-size:18px;}
.top-bar .pull-right .widget-title > span:after{position:absolute; right:-35px;  top:-5px; content:""; display:block; background: transparent url(../images/phone-icon.png) no-repeat scroll 0 0; width:25px; height:23px;}


#menu-main li.current-menu-ancestor, 
#menu-main li.current-menu-parent{ background-color:#ac0d02; }


.sf-menu a, .mobile-menu a, .sf-menu a:hover, 
.sf-menu li.active a, .sf-menu li.current-menu-item > a, 
.sf-menu .sfHover > a, .sf-menu .sfHover > li.current-menu-item > a, 
.sf-menu li.current-menu-ancestor > a, .mobile-menu a:hover, 
.mobile-menu li.current-menu-item > a{
	line-height:50px !important;
    
	}
#menu-main > li a{
color: #b9b9b9 !important;
    position: relative;
}
#menu-main > li a:before{
    background-color: #8e8e8e;
    content: " ";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 16px;
    width: 3px;
}

#menu-main li.current-menu-parent a:before{
    background-color:  transparent ;
}
#menu-main li.current-menu-parent + li a:before{ background-color: transparent !important;}

.nav-main .sf-menu .sub-menu li a span{ color: #fff !important;}

.sub-menu > li a::before { background-color: transparent !important;}
 
#menu-main li.current-menu-ancestor a,
#menu-main li.current-menu-parent a,
.nav-main .sub-menu li a{ color: #fff !important;}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
	top:50px !important;
	}
.sticky-header .sf-menu li:hover ul,
.sticky-header .sf-menu li.sfHover ul{
	top:80px !important;
	}
.sticky-header .sf-menu a, .sticky-header .mobile-menu a, .sticky-header .sf-menu a:hover, 
.sticky-header .sf-menu li.active a, .sticky-header .sf-menu li.current-menu-item > a, 
.sticky-header .sf-menu .sfHover > a, .sticky-header .sf-menu .sfHover > li.current-menu-item > a, 
.sticky-header .sf-menu li.current-menu-ancestor > a, .sticky-header .mobile-menu a:hover, 
.sticky-header .mobile-menu li.current-menu-item > a{
	line-height:80px !important;}
		
#menu-main li.sf-with-ul a{color:#2f3550 !important;}
#menu-main li.sf-with-ul a:hover{color:#ac0d02 !important;}

#menu-main li.current-menu-ancestor a, 
#menu-main li.current-menu-parent a{color:#fff;}

.nav-main, .sticky-header .sticky-header-inner, 
.media:hover .image-link, 
.grid-item:hover .inbox .caption, 
li.product:hover .image-link{
	border-color: #ac0d02 !important;
	}

.sf-menu > li.current-menu-ancestor > a span::after,
.sf-menu > li.current-menu-parent > a span::after,
.sf-menu > li.current-menu-ancestor > a span::before,
.sf-menu > li.current-menu-parent > a span::before{ content:" ";}
	

.sticky-header .sf-menu .sub-menu li,
.sticky-header .sf-menu .sub-menu li a{
    background-color: #ae1515;
}
.nav-main .sf-menu .sub-menu li{
    background-color: #ae1515;
}	
.sf-menu .sub-menu li > a{ border-color: #FFFFFF !important;}
.nav-main .sf-menu .sub-menu li:hover > a, 
.nav-main .sf-menu .sub-menu li.current-menu-item > a{
	background-color: #b03636 !important;
	}

.recent-post .inbox .caption {
    border-color: #ac0d02 !important;
}
.recent-post .inbox .caption .entry-meta{display:none;}
.recent-post .inbox .caption .grid-heading{ color:#217cb3; font-size:26px;}
.recent-post .inbox .caption .read-more{ color:#ac0d02;}

#builder-section-1 {padding-bottom: 0 !important;}
.section .index-bg-blue > div{ background: #217cb3 url(../images/index-blue-bg.png) no-repeat scroll right 0; padding:50px 0;}
.section .index-bg-blue p{ text-align:center; margin:20px 0; color:#fff; font-size:28px;}
.section  h4{color:#217cb3;}

#footer,
#footer h5,
#copyright{ background-color:#444 !important; color:#8a8a8a !important;}

#footer section:first-of-type .textwidget p{ font-size:24px;}
#footer h5{ font-size:26px !important;}


.index-form h2{
	text-align:center;
	color:#444444;
	}
	

.index-form .wpcf7-form > div br{ display:none;}
.index-form .wpcf7-form > div label,
.index-form .wpcf7-form > div span{ display:inline-block; width:55%;}
.index-form .wpcf7-form > div label{ 
	background-color: #444444;
    color: #fff;
    float: right;
    height: 48px;
    margin: 0 3px;
    padding: 10px 20px;
    width: 40%;
	}
.index-form .wpcf7-form > div span { border:1px solid #a4a4a4;}
.index-form .wpcf7-form #submit{ 
	background-color: #217cb3;
    border: medium none;
    border-radius: 10px;
    color: #fff;
    float: left;
    font-size: 24px;
    margin-left: 15px;
    margin-top: 30px;
    padding: 15px 60px;
}