/*
Theme Name: SpicePress
Theme URI: https://spicethemes.com/spicepress-wordpress-theme/
Author: spicethemes.com
Author URI: https://spicethemes.com
Description: SpicePress is a responsive and fully customizable business template. It is a perfect solution for creative and corporate websites, restaurants, wedding planners, law firms, finance, consulting, travel, photography, recipes, design, sport/medical shops, startups, online agencies, portfolios, E-commerce (WooCommerce), and freelancers. The advanced admin panel will enable you to personalize SpicePress without any technical information. SpicePress is translation ready and supports popular plugins like WPML, Polylang, WooCommerce and Contact Form 7. Check out also SpicePress PRO, the premium version, which has a lot more to offer.
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, translation-ready 
Version: 1.4.6
License URI: spicethemes.com
License: GNU General Public License v3 or later
Text Domain: spicepress 
*/

html { font-size: 14px; } 
@media(min-width:60em) { html { font-size: 16px; } }

body {
	background: #f5f5f5; 
	color: #64646d;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 0.9375rem; /*=15px*/
	line-height: 1.6;
	font-weight: 400;
	padding: 0;
	background-attachment: fixed;
	text-rendering: optimizeLegibility;
}
h1, .h1 { font-size: 2rem; }       /* =32px */
h2, .h2 { font-size: 1.875rem; }   /* =30px */
h3, .h3 { font-size: 1.5rem; }     /* =24px */
h4, .h4 { font-size: 1.25rem; }    /* =20px */
h5, .h5 { font-size: 1.125rem; }   /* =18px */
h6, .h6 { font-size: 1rem; }       /* =16px */
h1, .h1, h2, .h2, h3, .h3, 
h4, .h4, h5, .h5, h6, .h6 { color: #0f0f16; margin: 0px 0 20px; font-weight: 600; word-wrap: break-word; }
p { margin: 20px 0 0px; color: #64646d; }
p:first-child { margin-top: 0px; }
img { max-width: 100%; display: block; height: auto; }
#wrapper { 
	background: #f5f5f5; 
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); 
	margin: 0 auto; 
	position: relative; 
	transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; 
}

/*===================================================================================*/
/*	HEADER CONTACT INFORMATION 
/*===================================================================================*/

.header-sidebar { background-color: #21202e; padding: 0; font-weight: 400; }
.header-contact-info { margin: 0px; padding: 10px 0; display: block; list-style: none outside; }
.header-contact-info li { padding: 0; color: #ffffff; }
.header-contact-info li a { color: #fff; }
.header-contact-info a:hover, .header-contact-info a:focus { color: #ffffff; }
.header-contact-info i { padding-right: 7px; padding-left: 1px; }
.header-sidebar .widget.graphite_header_topbar_info_widget { margin: 0; }
.header-sidebar .col-md-6:nth-child(2) ul.header-contact-info { text-align: right; }

/*===================================================================================*/
/*	CUSTOM SOCIAL ICONS 
/*===================================================================================*/

.custom-social-icons { margin: 0; padding: 0; }
.custom-social-icons li {
	color: #fafafa;
    background-color: #ffffff;
    border: 1px solid #21202e;
	border-radius: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    min-height: 1.876rem;
    min-width: 1.876rem;
    margin: 2px 0;
    padding: 0px;
    text-align: center;
    transition: background 0.2s ease-in-out 0s;
}
.custom-social-icons li:first-child { padding: 0; }
.custom-social-icons li.facebook:hover { background-color: #4c66a4; border: 1px solid #4c66a4; }
.custom-social-icons li.twitter:hover { background-color: #15b4c9; border: 1px solid #15b4c9; }
.custom-social-icons li.googleplus:hover { background-color: #DD4B39; border: 1px solid #DD4B39; }
.custom-social-icons li.linkedin:hover { background-color: #006599; border: 1px solid #006599; }
.custom-social-icons li.skype:hover { background-color: #40beee; border: 1px solid #40beee; }
.custom-social-icons li.dribbble:hover { background-color: #c7366f; border: 1px solid #c7366f; }
.custom-social-icons li.youtube:hover { background-color: #cc2423; border: 1px solid #cc2423; }
.custom-social-icons li.vimeo:hover { background-color: #20b9eb; border: 1px solid #20b9eb; }
.custom-social-icons li.pagelines:hover { background-color: #364146; border: 1px solid #364146; }
.custom-social-icons li.instagram:hover { background-color: #8a3ab9; border: 1px solid #8a3ab9; }
.custom-social-icons li > a:before { display: none; }
.custom-social-icons li > a {
	font-size: 0.875rem;
	line-height: 2;
	padding-right: 0 !important;
	color: #0f0f16;
	transition: 0.2s ease-in-out 0s;
}
.custom-social-icons li:hover a, .custom-social-icons li:focus a { color: #fff; }
.custom-social-icons li a i { padding: 0; }
.sidebar .sm-cont-widget .custom-social-icons { padding: 0; }

/*===================================================================================*/
/*	CART ICON 
/*===================================================================================*/
.cart-header {
	width: 30px;
	height: 30px;
	line-height: 45px;
	text-align: center;
	background: transparent;
	position: relative;
	float: right;
	margin: 30px 4px 30px 20px;
}
.cart-header > a {
    -wekbit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    font-size: 1.250rem;
    color: #202020;
    width: 100%;
    height: 100%;
}
.cart-header > a .cart-total {
    font-family: 'Open Sans', Sans-serif;
    font-size: 0.688rem;
	line-height: 1.7;
    color: #ffffff;
	font-weight: 600;
    position: absolute;
    right: -4px;
    top: 2px;
    width: 1.125rem;
    height: 1.125rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	-wekbit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cart-header:hover > a .cart-total {
    background: #202020;
}


/*===================================================================================*/
/*	CUSTOM HEADER SECTION
/*===================================================================================*/

.custom-header {
	display: block;
	height: auto;	
	width: 100%;
	position: relative;
}
.wp-custom-header { position: relative; }

.wp-custom-header::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
.wp-custom-header img {
	margin: 0 auto;
}
@media (max-width: 480px) {
.wp-custom-header img {
	height: 250px;
}
}
.header-content {
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header-content h1, .header-content h2, .header-content h3, 
.header-content h4, .header-content h5, .header-content h6, 
.header-content p, .header-content ul, .header-content ol, 
.header-content li, .header-content a { color: #fff; margin: 0 0 10px; }




/*===================================================================================*/
/*	HOMEPAGE OWL CAROUSEL SLIDER SECTION
/*===================================================================================*/

.slider .overlay {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0; 
}

.page-seperate { background: url("images/page-shadow.png") no-repeat center bottom; padding-bottom: 70px; margin: 0px; }
#slider-carousel { margin: 0px; }
#slider-carousel .item::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
/*Standard Format*/
.format-standard {
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 50%;
	z-index: 1;	
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.slide-text-bg1 {
    background-color: rgba(18, 4, 1, 0.8);
    float: left;
    text-align: left;
    margin: 0px;
    padding: 17px 20px 20px 20px;
    position: relative;
    width: 70%;
    z-index: 773;
}
.slide-text-bg1 h1 {
	color: #ffffff; 
	text-shadow: 0 0px 1px rgba(155, 155, 155, 0.7);
	border-radius: 2px;
	padding: 0 0 10px;
	display: inline-block;
	letter-spacing: 0;
	margin: 0px;
}
.slide-text-bg1 p {
	color: #ffffff; 
	text-shadow: 0 0px 1px rgba(155, 155, 155, 0.7);
	font-size: 1.063rem;
	font-weight: 400;
	display: inline-block;
	border-radius: 2px;
	padding: 0;
	margin: 0 0 0px;
}
.slide-btn-area-sm { margin: 0px 0 0px; float: left; width: 80%; }
.slide-btn-sm {
    min-width: 11rem;
    display: inline-block;
    font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
	font-size: 0.875rem;
	letter-spacing: 0.083rem;
    padding: .8rem 1.4rem;
    padding-right: 4.7rem;
    background: #191919;
	text-align: center;
    border: none;
    color: #fff;
    transition: .2s;
}
.slide-btn-sm:hover, .slide-btn-sm:focus { color: #fff; }
.slide-btn-sm:before { background: rgba(0, 0, 0, 0.1); }
.slide-btn-sm:before, .slide-btn-sm:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2.8rem;
    content: "\00a0";
    font-family: 'FontAwesome', sans-serif;
    text-align: center;
    transition: .2s;
    transform-origin: 50% 60%;
}
.slide-btn-sm:after { content: "\F054"; }
@media (max-width: 380px) {
.slide-btn-sm { min-width: 13rem; }
}
/*Video Format*/
#slider-carousel .format-video h1 {	color: #ffffff; text-shadow: 1px 1px 2px #000; }
#slider-carousel .format-video p {  }
.format-video-btn-sm {
	color: #ffffff;
	box-shadow: 0 3px 0 0 #9a0e1c;
}
.format-video-btn-sm:hover { color: #ffffff; }
/*Status Format*/
#slider-carousel .format-status {
	background-color: rgba(18, 4, 1, 0.8);
	height: auto;
	left: 0;
	margin: 0px auto;
	padding: 15px 20px;
	position: absolute;
	text-align: center;
	right: 0;
	width: 50%;
	z-index: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#slider-carousel .format-status h1 {
	color: #ffffff;
	border-radius: 2px;
	padding: 0 0 10px;
	letter-spacing: 0;
	margin: 0px;
}
#slider-carousel .format-status p {
	color: #ffffff;
	font-size: 	1.063rem;
	border-radius: 2px;
	letter-spacing: 1px;
	padding: 0 0 5px;
	margin: 0px;
}
.format-status-btn-sm {
	color: #ffffff;
	border-radius: 2px;
    cursor: pointer;
    display: inline-block;
	transition: all 0.3s ease-in-out 0s;
	font-size: 	0.813rem;
    font-weight: 600;
    padding: 6px 11px;
	margin: 15px 0 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.format-status-btn-sm:hover { color: #ffffff; }
/*Aside Format*/
#slider-carousel .format-aside {
	background-color: rgba(18, 4, 1, 0.8);
	height: auto;
	left: 0;
	margin: 0px auto;
	padding: 15px 20px;
	position: absolute;
	right: 0;
	width: 50%;
	z-index: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#slider-carousel .format-aside p {
	color: #ffffff;
	font-size: 1.125rem;
	position: relative;
	padding: 15px 35px 10px;
	margin: 0 0 0px;
}
#slider-carousel .format-aside p:before, #slider-carousel .format-aside p:after {
	position: absolute;
	width: 30px;
	height: 30px;
	font-size: 3.750rem;
	line-height: 1;
}
#slider-carousel .format-aside p:before { top: 0; left: 0; content: "\201C"; }
#slider-carousel .format-aside p:after { top: 0; right: 0; content: "\201D"; text-align: right; }
/*Quote Format*/
#slider-carousel .format-quote {
	background-color: rgba(18, 4, 1, 0.8); 
	color: #ffffff;
	height: auto;
	left: 0;
	margin: 0px auto;
	padding: 15px 20px;
	position: absolute;
	right: 0;
	width: 50%;
	z-index: 0;
	font-weight: 500;
	font-size: 1.000rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#slider-carousel .format-quote:before {
	font-family: 'FontAwesome';
	content: "\f10d";
	font-size: 1.2rem;
	line-height: 0.1rem;
	margin-right: 0.40rem;
	vertical-align: 0rem;
	position: relative;
	top: -2px;
} 
#slider-carousel .format-quote small { display: block; font-size: 0.938rem; font-weight: 500; padding: 10px 0 0; }
#slider-carousel .format-quote small:before { content: '— '; }
/*Video Format*/
#slider-carousel .format-video {
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#slider-carousel .video-frame { 
	margin: 0px 0px 0px 0px;  
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px; height: 0; overflow: hidden;
	border: 5px solid #fff;
}
#slider-carousel .video-frame iframe { 
	width:100%; 
	height:300px; 
	border: 0 none; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#slider-carousel .video-content { display: block; margin: 10px 0px 0px 0px; }
#slider-carousel .format-video h1 {
	color: #ffffff; 
	text-shadow: 1px 1px 2px #000;
	border-radius: 2px;
	padding: 0 0 15px;
	letter-spacing: 0;
	margin: 0px;
}
#slider-carousel .format-video p {
	color: #ffffff; 
	text-shadow: 1px 1px 2px #000;
	font-size: 1.063rem;
	font-weight: 400;
	border-radius: 2px;
	padding: 0 0 10px;
	margin: 0 0 0px;
}
.format-video-btn-sm {
	color: #ffffff;
	border-radius: 2px;
    cursor: pointer;
    display: inline-block;
	transition: all 0.3s ease-in-out 0s;
	font-size: 0.813rem;
    font-weight: 600;
    padding: 6px 15px;
	margin: 15px 0 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.format-video-btn-sm:hover { color: #ffffff; }
/* Slider Nav Css*/
#slider-carousel .owl-prev, #slider-carousel .owl-next { 
	display: inline-block;
	background-color: #ffffff; 
	color: #000; 
	font-size: 2.000rem; 
	line-height: normal;  
	padding: 3px 7px 3px !important;
	margin: 0px;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px;
	opacity: 0.8;
	
	width: 40px;
    height: 55px;
	position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
	text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#slider-carousel .owl-prev { left: 15px; }
#slider-carousel .owl-next { right: 15px; }
#slider-carousel .owl-prev:hover { left: 25px; opacity: 1; }
#slider-carousel .owl-next:hover { right: 25px; opacity: 1; }
@media only screen and (max-width: 767px) and (min-width: 200px) {
#slider-carousel .owl-prev, #slider-carousel .owl-next { font-size: 24px; width: 32px; height: 40px; }
#slider-carousel .owl-prev, #slider-carousel .owl-prev:hover { left: 10px; }
#slider-carousel .owl-next, #slider-carousel .owl-next:hover { right: 10px; }
}
.slide-shadow { padding-bottom: 21px; margin: 0 0 60px; }


/*===================================================================================*/
/*	OWL SLIDER DOTS PAGINATION
/*===================================================================================*/

.owl-theme .owl-nav.disabled+.owl-dots { margin: 0px 0px 10px !important; }
.owl-theme .owl-dots .owl-dot span { 
	width: 20px !important;
    height: 6px !important;
    background-color: transparent !important;
    border: 1px solid #0f0f16 !important;
    transition: opacity .2s ease;
    border-radius: 0px !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #0f0f16 !important;
}

/*===================================================================================*/
/*	HOMEPAGE OWL CAROUSEL SLIDER NEXT-PREV
/*===================================================================================*/

.horizontal-nav .owl-nav { text-align: center; margin: 10px 0px 40px; }
.horizontal-nav .owl-prev, .horizontal-nav .owl-next { 
	display: inline-block;
	background-color: #0f0f16; 
	color: #fff; 
	font-size: 0.9375rem; 
	line-height: normal;  
	paddin