/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo2 {
	position: relative;
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	line-height: 100%;
	margin-right: 40px;
}

#header.full-header #logo2 {
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid #EEE;
}

#header.transparent-header.full-header #logo2 { border-right-color: rgba(0,0,0,0.1); }

#logo2 a {
	display: block;
	color: #000;
}

#logo2 img {
	display: block;
	max-width: 100%;
}

#logo2 a.standard-logo { display: none; }

#logo2 a.retina-logo { display: none; }

#primary-menu.style-2 {
    border-top: none !important;
}

/* ----------------------------------------------------------------
	Sticky Header
-----------------------------------------------------------------*/

#header,
#header-wrap,
#logo2 img {
	height: 100px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
	display: block !important;
}



body:not(.top-search-open) #header-wrap #logo2,
body:not(.top-search-open) #primary-menu > ul,
body:not(.top-search-open) #primary-menu > .container > ul,
body:not(.top-search-open) #top-cart,
body:not(.top-search-open) #side-panel-trigger,
body:not(.top-search-open) #top-account {
	opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

body.top-search-open #header-wrap #logo2,
body.top-search-open #primary-menu > ul,
body.top-search-open #primary-menu > .container > ul,
body.top-search-open #top-cart,
body.top-search-open #side-panel-trigger,
body.top-search-open #top-account { opacity: 0; }


#header.sticky-header:not(.static-sticky):not(.sticky-style-3) #logo2 a.standard-logo { display: block; }
#header.sticky-header:not(.static-sticky):not(.sticky-style-3) #logo2 img { height: 100px; }

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo2 img { height: 100px; }

/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/


.swiper-slide .dots {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(127, 127, 127, 0.5);
	background-image: radial-gradient(black 33%, transparent 33%);
	background-size: 2px 2px;
}

/* ----------------------------------------------------------------
	services menu icon
-----------------------------------------------------------------*/


.feature-box.fbox-light .fbox-icon i, .feature-box.fbox-light .fbox-icon img {
    color: darkred !important;
}







