/*--
	Theme Name: theme53590
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 3.8.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.5
--*/

/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */


body {font-weight:300!important}
.textwidget {background: #fff;padding: 25px 25px 10px;}
.textwidget img {border:1px solid #ebebeb; margin:5px}
.footer-widgets h4 {color:#fff}


embed, iframe, object, video {border: 1px solid #ebebeb;}

.home #menu-item-2259,.logo,#menu-item-2321, .footerlogo,#responsive-menu-pro-item-2259 {display:none}

.home .footerlogo {float:left; margin-right:50px; display:inherit}
.home .logo {display:inherit}
.home  #menu-item-2321 {display:table-cell}

.sf-menu > li:nth-of-type(1) {width:300px}
.sf-menu > li#menu-item-2259 > a {padding:5px 20px;}
.sf-menu > li#menu-item-2259 > a:after {background:none}
.sf-menu > li > a:after {background:none!important;}

.sf-menu > li> a:hover {color:#999 !important; background:none}

.parallax-box__style-4 { margin:50px 0 77px 0!important; }
.parallax-slider {margin-bottom: 70px;}

.hero-unit h1 {color: #BB1A0A !important; background-color: rgba(255, 255, 255, 0.6); padding: 35px 50px!important; text-align: center; border-radius:5px}

.sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a {color: #fff!important; background:#444444!important}
.sf-menu > li.current-menu-item > a:hover, .sf-menu > li.current_page_item > a:hover {color: #999!important; background:#4D4D4D!important}
.sf-menu li li.current-menu-item > a, .sf-menu li li.current_page_item > a {color: #fff!important; background:#444444!important}

h2 {margin: 0!important;}

#responsive-menu-pro-header #responsive-menu-pro-header-bar-logo img {margin-left: 50px;}
#responsive-menu-pro-container #responsive-menu-pro-wrapper {margin: 20px 0 0 20px; border: 1px solid #666;}
.responsive-menu-pro-open button#responsive-menu-pro-button {background: #BB1A0A!important; margin-top:10px}


.hero-unit h2 {
    color: #bb1a0a !important;
    background-color: rgba(255,255,255,.6);
    padding: 35px 50px !important;
    text-align: center;
    border-radius: 5px;
    margin: 15px 0;
    font-size: 60px!important;

}


.head {
font: normal 35px/50px Open Sans;
 font-weight: normal;
color: #bb1a0a;
text-transform: uppercase;
font-weight:300
}
@media (max-width:768px) {
.hero-unit h2 {font-size: 36px!important;} 
.head {font-size: 26px!important;}
}

@media (max-width:480px) {
.parallax-content .hero-unit h2 {font-size: 32px !important;padding: 25px !important;}
.parallax-slider {margin-bottom: 20px;}
}


@media (max-width:1024px) {
.sf-menu > li:nth-of-type(1) {width:200px}


}
@media (min-width:480px) {
.slider_caption h2 span {display:block}
}

@media (max-width:480px) {
body {font-size:14px!important}
.home .footer {padding:15px 0!important;}
.home .footerlogo, .footer-widgets {display:none}
.spacer {height:5px!important}
.slider_caption h2  {font-size:20px!important}
.hero-unit h1 {font-size: 30px; padding: 25px 10px !important;background-color: rgba(255, 255, 255, 0.8)}
.span12 h2 {font-size:20px!important;margin: 0!important}
.hero-unit { padding: 0px!important; margin-bottom: 0px!important;}
.parallax-box__style-4 { margin: 50px 0 20px 0 !important;}
.footer-widgets {display: inherit!important;}
.footer-widgets h4 {text-align: center;font-size: 15px;}
.textwidget {padding: 20px;text-align: center;}
}

