/**
 * Theme options CSS.
 *
 * The old horseclub theme printed these rules inline in the <head>, built
 * from its options panel plus the site's custom CSS box, after the skin
 * stylesheet. They are reproduced here in the same order and load in the
 * same cascade position (after skins/purple.css, before typography.css).
 *
 * Changes from the inline original:
 * - The `.megabg_2 ul` rule is dropped: it pointed at an http:// upload and no
 *   element on the site uses the class.
 * - Formatting only; selectors, values and order are unchanged.
 */


/**
 * Header and menu options.
 */

#logo {
	margin-top: 10px;
}

.topclass.topclass-shrink #logo #uplogo img {
	margin-top: 12px;
}

#logo {
	padding-bottom: 0;
}

#logo {
	margin-left: 0;
}

.normal.light .topclass {
	background: rgba(202, 200, 200, 0.6) !important;
}

#logo {
	margin-right: 0;
}

.topclass {
	background-color: #cac8c8 !important;
}

.normal .topclass.topclass-shrink {
	background: rgba(202, 200, 200, 1) !important;
}

.topbarmenu ul li.menu_icon a i {
	font-size: 15px;
}

#nav-main,
.search_menu,
.shop_icon,
.popup_menuo {
	margin-top: 0;
}

#nav-main ul.sf-menu li.current_page_item > a {
	color: #001970 !important;
}

.topclass-shrink #nav-main ul.sf-menu a {
	color: #fff !important;
}

.topclass.topclass-shrink #nav-main,
.topclass.topclass-shrink .shop_icon,
.topclass.topclass-shrink .search_menu,
.topclass.topclass-shrink .popup_menuo {
	margin-top: 0;
}

.top-bar-section {
	background: #222;
}

.topbarmenu ul li {
	margin-right: 17px;
}

ul.sf-dropdown-menu {
	margin-top: 0 !important;
}

.spinner,
.spinner.sp_2 > div,
.cube1,
.cube2,
.spinner.sp_4 > div {
	background-color: #a3a3a3;
}

.topbarmenu ul li {
	font-family: Marcellus;
}

.mobileclass {
	background: #222;
}

.search_menu i,
.shop_icon a,
.search_menu i {
	color: #fff !important;
}

.nav-trigger-case .up-menu-icon i {
	color: #fff !important;
}

#toggle-menu span {
	background: #fff !important;
}


/**
 * Custom CSS from the options panel.
 */

.all-work a {
	opacity: 0;
}

.threehundred {
	width: 300px !important;
	border: 2px solid #cac8c8;
}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h3 {
	font-family: Marcellus !important;
}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date {
	display: none;
}

.sf-menu ul {
	background-color: rgb(202, 200, 200) !important;
}

.flexslider .slides,
.flexslider.testimonial.tcenter {
	height: initial !important;
}

ul.slides li {
	display: none !important;
}

ul.slides li.flex-active-slide {
	display: block !important;
}

a,
#nav-main ul.sf-menu ul li a:hover,
.product_price ins .amount,
.price ins .amount,
.color_primary,
.primary-color,
#logo a.brand,
#nav-main ul.sf-menu a:hover,
.woocommerce-message:before,
.woocommerce-info:before,
#nav-second ul.sf-menu a:hover,
.footerclass a:hover,
.footer_up_wrap.light #up_footerwrap.footerclass a:hover,
.posttags a:hover,
.subhead a:hover,
.nav-trigger-case:hover .up-menu-icon,
.nav-trigger-case .up-menu-icon i:hover,
.normal.white .shop_icon a:hover,
.shop_icon a:hover,
#wp-calendar a,
.author_share a i:hover {
	color: #252e6a;
}

.product-category.grid_item a:hover h5,
.woocommerce-message .button,
.widget_layered_nav_filters ul li a,
.widget_layered_nav ul li.chosen a,
.wpcf7 input.wpcf7-submit,
.portfolionav a:hover,
.home-iconmenu a:hover,
#commentform .form-submit #submit,
.login .form-row .button,
.up-button {
	background: #252e6a;
}

.circle-text {
	color: #252e6a;
}

.topclass-shrink #nav-main ul.sf-menu a {
	font-size: 14px;
}

.testimonials-carousel-thumbnail img {
	display: none !important;
}

.portfolio img {
	width: 100%;
}

.wp-pagenavi .current {
	background: #232c68;
}

.flexslider.testimonial.tcenter .flex-direction-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 158px;
	margin-left: 0;
}

.flexslider.testimonial.tcenter .testimonials-carousel-content {
	width: 80%;
	margin: 0 auto;
}

.white {
	color: #fff !important;
}

.white h4 {
	color: #fff;
}

h1.vc_custom_heading.text.space.dark-blue {
	color: #232c68 !important;
}

.ih-item.square.effect4 .info h3 {
	color: #232c68;
	font-size: 13px;
	line-height: 120%;
	margin-bottom: 5px;
}

.ih-item.square.effect4 .info {
	background: #cac8c8;
}

.ih-item.square.effect4 .info p {
	color: #232c68;
	font-size: 12px;
	line-height: 120%;
}

h3,
.text.space {
	letter-spacing: 2px;
}

.uppercase {
	text-transform: uppercase;
}

.vc_custom_1455797881712 {
	padding-top: 6px;
}

.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
	background: rgba(35, 44, 104, 0.7);
}

.ih-item.square.effect4 a:hover .info {
	width: 100% !important;
}


/**
 * Media queries (kept in their original position in the cascade: the custom
 * CSS box declared this block between `.sf-menu ul` and `.flexslider`, and
 * nothing after it overrides the same properties, so grouping it at the end
 * changes no computed value).
 */

@media (max-width: 600px) {

	.threehundred {
		width: 100% !important;
		border: 2px solid #cac8c8;
	}

	.vc_separator {
		display: none;
	}

	i.right_nav_slider.testi,
	i.left_nav_slider.testi {
		display: none;
	}

	.videofit {
		max-width: initial !important;
	}
}