*, body {margin: 0;padding: 0;outline: none;font-family: 'Roboto', sans-serif;}
html, body {height: 100%;min-height: 100%;min-width: 300px;}
body {font-size: 100%;background: #fff;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;color: #16193B;}
h1 {font-size: 2em;margin-bottom: 1em;}
h1 a {font-size: 2em}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;margin: 10px 0;}
p, li {font-family:'Open Sans', sans-serif;color: #16193B;font-size: 1.1em;line-height: 1.4}
p {margin-bottom: 10px;}
hr {display: block;width: 150px;height: 1px;border: 0;outline: none;background: #b4D335;margin: 10px 0;}
ul {list-style:none;}
img {border: none;max-width:100%;}
input[type="submit"], input[type="reset"], img {color: #000;outline: none;text-decoration: none;-moz-transition: background-color .4s, border .4s, color .4s;-webkit-transition: background-color .4s, border .4s, color .4s;-ms-transition: background-color .4s, border .4s, color .4s;-o-transition: background-color .4s, border .4s, color .4s;transition: background-color .4s, border .4s, color .4s;}
a {color: #16193B;font-size: 16px;outline: none;}
a:hover {color:#fff;}

.margin-top-15p{
	    margin-top: 15%;
}
.main-slider .item .captions h1

#preload {display: none;}
span.approved {display: inline-block;font-size: 16px;color: #E5A04D;}
.error, #form label.error, label.error, .error p, .error li {display: inline-block;font-size: 16px;color: #B10D29;}
#form input[type=text].error, #form input[type=tel].error, #form input[type=email].error, #form input[type=password].error, input.error, textarea.error, #form select.error, select.error {border: 1px solid #B10D29;}
#msg_box {font-size: 16px;color: #FFF;}
.opacity, .opacity_2 {position: absolute;left: 0;top: 0;bottom: 0;right: 0;opacity: 0.8;filter: alpha(opacity=0.8);}
.opacity {background-color: #FFF;}
.opacity_2 {background-color: #000;}
.button {color: #16193B;margin: 3% auto 0 auto;padding: 5px;display: inline-block;cursor:pointer;border: 1px solid #16193b;font-weight: normal;font-size:16px;text-decoration:none;}
.button:hover {font-weight: normal;color:#FFF;background: #16193b;}
#admin_buttons {padding: 10px 0;margin-bottom: 1%;}
/* Template Initialization Start */
#header_wrapper {position: relative;width: 100%;max-width: 1040px;margin: 0 auto;}
#banner_wrapper > div {width:100%;margin:0 auto;}
#header_wrapper > div, #footer_wrapper > div {position: relative;margin: 0 1%;}
#header_wrapper .header_container, #footer_wrapper .footer_container {position: relative;padding: 0px 1%;}
#content_wrapper {position:relative;padding:0 2%;}
#content_wrapper > div {position:relative;max-width:1040px;margin:0 auto;}
#content_wrapper . content_container {position:relative;}
div {position:relative;}
#back_to_top {position:fixed;right:0;bottom:0;z-index:9;}
/* Template Initialization End */
/* Form Start */
#form {position:relative;font-size: 16px;}
#form div {position:relative;margin: 10px 0 10px 0;}
#form div a.register {position: absolute;top: 0;right: 0;}
#form label {display: inline-block;color: #231F20;width: 100%;margin-bottom: 5px;}
#form div input[type=text], #form div input[type=tel], #form div input[type=email], #form div input[type=password], #form div select { border: 1px solid #CCC; border-radius: 3px; width: 100%; min-width: 150px; display: inline-block; vertical-align: top; padding: 1%; box-shadow: 0px 0px 1px 0px #000;}
#form textarea {width:100%;resize: none;height: 100px; box-shadow: 0px 0px 1px 0px #000;}
#form select {width: 100%;padding: 1%;border: 0px;}
#form input[type=submit] {background: #79000F;width: auto;color: #FFF;padding: 5px 25px;cursor: pointer;}
#form .remember_me input {width: auto;display: inline-block;}
#form .remember_me p {display: inline-block;margin-left: 5px;}
/* Form End */
/* Loading Container Start */
#loading_container {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;z-index: 9999;opacity: 0.5;}
#loading_container img {height: 20px;position: absolute;top: 40%;left: 50%;}
/* Loading Container End */
/* Timepicker Start */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
/* Timepicker End */
/* Standard Column Styles Start */
#columns_div .columns_2, #columns_div .columns_3, #columns_div .columns_4, #columns_div .columns_5 {position: relative;display: inline-block;vertical-align: top;}
@media (min-width: 451px) {#columns_div .columns_2 {width: 48.3%;margin-right: 2%;}}
@media (max-width: 450px) {#columns_div .columns_2, #columns_div .columns_4 {	width: 100%;}}
@media (min-width: 551px) {#columns_div .columns_3 {width: 30.4%;margin-right: 3%;}}
@media (max-width: 550px) {#columns_div .columns_3 {width: 100%;}}
@media (min-width: 651px) {#columns_div .columns_4 {width: 23.5%;margin-right: 2%;}#columns_div .columns_4:nth-child(4n) {margin-right: 0;}}
@media (max-width: 650px) and (min-width: 451px) {#columns_div .columns_4 {width: 48.3%;margin-right: 2%;}#columns_div .columns_4:nth-child(2n) {	margin-right: 0;}}
@media (min-width: 751px) {#columns_div .columns_5 {width: 18.4%;margin-right: 2%;}}
@media (max-width: 750px) {#columns_div .columns_5 {width: 100%;}}
#columns_div .columns_2:nth-child(2n), #columns_div .columns_3:nth-child(3n), #columns_div .columns_5:nth-child(5n) {margin-right: 0;}
textarea {font-family:Arial, Helvetica, sans-serif;padding:1%;}
/* Standar Column Styles End */
/* Index Top Start */
#index_home {
	height: 100%;
	background:url(../images/large/landing_page_bg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.logo_big {max-width:50%;margin:2% auto 0;}
#index_home > div {max-width: 1040px;text-align: center;;top: 0;bottom: 0;left: 0;right: 0;margin: auto;display:block;height:100%;width:100%;}
#index_home h1 {font-family: 'Oswald', sans-serif;font-size: 3em;font-weight:normal;color: #fff;text-shadow: 0px 0px 15px #000;padding: 0 2%;}
@media screen and (max-device-width:830px), screen and (max-width:830px) {#index_home h1 {font-size:2.8em;}}
@media screen and (max-device-width:775px), screen and (max-width:775px) {#index_home h1 {font-size:2.6em;}}
@media screen and (max-device-width:720px), screen and (max-width:720px) {#index_home h1 {font-size:2.4em;}}
@media screen and (max-device-width:665px), screen and (max-width:665px) {#index_home h1 {font-size:2.2em;}}
@media screen and (max-device-width:615px), screen and (max-width:615px) {#index_home h1 {font-size:2em;}}
@media screen and (max-device-width:560px), screen and (max-width:560px) {#index_home h1 {font-size:1.8em;}}
@media screen and (max-device-width:500px), screen and (max-width:500px) {#index_home h1 {font-size:1.6em;}}
@media screen and (max-device-width:450px), screen and (max-width:450px) {#index_home h1 {font-size:1.4em;}}
@media screen and (max-device-width:400px), screen and (max-width:400px) {#index_home h1 {font-size:1.2em;}}
@media screen and (max-device-width:345px), screen and (max-width:345px) {#index_home h1 {font-size:1em;}}
html[data-useragent*='MSIE 9.0'] #index_home h1 {filter: dropshadow(color=#000000, offx=1, offy=1);}
#index_home .down_arrow {text-align: center;z-index:10;}
#index_home .down_arrow a {height:75px;width:75px;display:inline-block;background:url(../images/arrow_down.png) no-repeat;background-size:contain;}
p.index {color: #fff;font-size: 16px;line-height: 22px;text-shadow: 0px 0px 5px #000;}
#index_table {display: table;width: 100%;height: 100%;top: 0;position: absolute;left: 0;}
#index_table > div {display: table-cell;vertical-align: middle;}
/* Index Top End */
/* Header Start */
#background_image_container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
#background_image_container img {
	width: 100%;
	height: 100%;
}
#header_wrapper {text-align:center;}
#logo {max-width: 100%;margin: 0 auto;display: block;}
.language_switcher {color: #fff;font-size: 1.5em;position: absolute!important;right: 0!important;top: 2%!important;text-align:right!important;z-index:1;}
.language_switcher a {color:#16193B;}
.language_switcher a:hover {color:#fff;}
#header_wrapper .language_switcher {position:initial!important;display:block;}
	/* Web Nav Start */
	#nav {}
	#nav ul.menu {position: relative;margin: 0%;}
	#nav ul.menu ul {display: none;opacity: 0;position: absolute;margin: 0%;}
	#nav ul.menu li {position: relative;display: inline-block;z-index: 100;padding: 10px;}
	#nav ul.menu li a {text-decoration: none;font-family: 'Play', sans-serif;font-size: 20px;color: #fff;text-shadow: 0px 1px 1px #000;font-weight: bold;}
	#nav ul.level-0 > li:first-child > a {padding-left:0%;}
	#nav ul.level-0 ul {margin:10px 0% 0% 0%;padding:0%;}
	#nav ul.level-0 ul li {background-color: #E39919;color: #000;white-space: nowrap;width: 100%;padding: 0%;}
	#nav ul.level-0 ul li a {display:block;color:#000;}
	#nav ul.level-0 ul li a:hover {color:#16193B;}
	#nav ul.level-0 ul.level-1 ul {top: 0%;margin: 0%;left: 100%;}
	/* Web Nav End */
	/* Mobile Nav Start */
	/*.mobile_nav_icon {text-align:right;}
	#mobile_nav_icon {display:none;height:44px;width:44px;background:url(../images/menu_button.png) no-repeat;z-index:10;}
	*/
	#mobile_nav {position:absolute;z-index:999;top:100%;width:100%;right:0%;overflow:hidden;}
	#mobile_nav ul {position:absolute;top:0%;width:100%;right:-100%;display:none;opacity:0;}
	#mobile_nav ul li {background-color: #fff;color:#16193B;border-bottom:1px solid #16193B;text-align:center;}
	#mobile_nav ul li.parent div {position:relative;}
	#mobile_nav ul li a {display:block;padding: 5px;color:#16193B;text-decoration:none;}
	#mobile_nav ul li a.children, #mobile_nav ul li a.go_back span {position:absolute;top:0%;right:0%;bottom:0%;width:44px;padding:0%;background:url(../images/mobile_arrow.png) no-repeat center center;-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	#mobile_nav ul li a.go_back {}
	#mobile_nav ul.level-0 ul {right:-100%;}
	/* Mobile Nav Start */
/* Header End */
/* Banner Start */
#banner_wrapper {padding:0px;}
@media (max-width:580px) {#banner_wrapper {margin: 0px 10px;}}
#banner_wrapper .slider-wrapper {/*margin: 10px auto 35px;*/}
#banner_wrapper a.button {
	position: absolute;
	top: 0;
	z-index: 100;
	right: 0;
	border-bottom-left-radius: 8px;
}
 /* Sub Banners Start */
 #banner_wrapper .sub_banner {
	  max-height: 300px;
	  height: 100%;
	  overflow: hidden;
	  width: 100%;
  }
  #banner_wrapper .sub_banner img {
	  display: block;
	  width: 100%;
	  height: 300px;
  }
 /* Sub Banners End */
/* Banner End */
/* Content Start */
#content_wrapper .content_container {z-index: 1;}
#content_wrapper .content_container > div {padding:1%;}
h1.brands_scroller {color:#fff;}
#scroller_button .button {position: absolute;right: 8.5%;z-index: 1;color:#fff;border:1px solid #fff;}
#scroller_button .button:hover {color:#16193B;background:#fff;}
.map iframe {max-width:100%;}
	/* Product Browse Start */	
	#filters {display:inline-block;width:25%;margin-right:5%;vertical-align:top;z-index:1;margin-top:10px;}
	.filter_options {margin-top: 1.6%;}
	@media screen and (max-width:768px), screen and (max-device-width:768px) {.filter_options {padding:5px 0;}}
		.filter_options label:hover {color:#ADD5F7;}
	#product_search {height: 28px;margin-bottom:4%;}
	#product_search input {height:100%;width:96%;padding-left: 1.6%;}
	#product_search .product_search{background:url(../images/search_tool.png);width: 21px;display: inline-block;position: absolute;top: 0;bottom: 0;background-repeat: no-repeat;background-position: center;right: 5%;padding: 2%;margin-top: 1%;}
	#product_sort select {padding: 5px;font-family: 'Open Sans', sans-serif;}
	#browse_products {display:inline-block;width:70%;vertical-align:top;z-index:1;margin-top:10px;}
	
	@media (min-width:481px) {.product_tools {margin-bottom:7%;}}
	@media (max-width:480px) {.product_tools {text-align:right;margin-bottom:45px;}}
	@media (min-width:701px) {.product_tools .add_all_cart {position: absolute;top: 0;margin: 0;left:0;white-space:nowrap;}}
	@media (max-width:700px) {.product_tools .add_all_cart {margin-top:0;}}
	@media (min-width:701px) {.product_tools form {position: absolute;right: 132px;height:32px;}}
	@media (max-width:700px) {.product_tools form {margin-top:10px;}}
	.product_tools form select {height:100%}
	.paginator_list {display:block;border: 1px solid #000;}
	@media (min-width:481px) {.paginator_list {right:0;position:absolute;top:0;}}
	@media (max-width:480px) {.paginator_list {position:absolute;right:0;margin-top:10px;}}
	.paginator_list span {display:inline-block;position:relative;}
	.paginator_list > div {display: inline-block;padding:5px;}
	.paginator_list input[type='text'] {max-width: 20px;text-align: center;}
	.paginator_list a {display: inline;border-left: 1px solid #000;padding: 5px;border-bottom: none !important;font-size: 1em !important;}
	.paginator_list a:hover {color:#ADD5F7;}
	.paginator_list > span {border-left: 1px solid #000;padding: 5px;opacity: 0.5;}
	
	.product {text-align:center;}
	.product_details .change_qty {color: #16193B;border: 1px solid #16193b;height: 23px;display: inline-block;vertical-align: top;line-height: 23px;padding: 0 7.5px;cursor: pointer;}
	.product_details .button {display:inline-block;margin: 10px auto 10px auto;background:none;color:#16193B;border:1px solid #16193b;}
	.product_details .button:hover {background:#16193b;color:#fff;}
	.product_details input {max-width: 15%;text-align: center;padding: 1.6%;}
	.product_details .product_status {color:red;margin-bottom:5px;}
	select.user_order {padding:5px;font-family:'Open Sans', sans-serif;}
	#product_browse .product .product_image img {height: 200px;}
		/* Cart Message Start */
		.store_search input, .store_search select,  .lead_id{width: 100%;display: block;padding: 5px;box-sizing: border-box;}
		.store_search .update_store_list {margin-bottom: 10px;}
		#message_overlay {position: fixed;top: 0%;bottom: 0;left: 0;right: 0;z-index: 999;text-align: center;}
		#message_overlay span {height:100%;vertical-align: middle;display:inline-block;}
		#message_overlay .cart_message {padding:2%;max-width: 100%;max-height: 100%;background-color: #FFF;vertical-align: middle;display: inline-block;}
		#message_overlay .close_cart_message, #message_overlay .handle_cart_message {display:inline-block;
		margin: 3% auto 0 auto;background: none;color: #16193B;border: 1px solid #16193b;padding:5px;cursor:pointer;font-size:16px;}
		#message_overlay .close_cart_message:hover {background:#16193b;color:#fff;}
		/* Cart Message End */
	/* Product Browse End */
/* Content End */
/*Footer Start */
#footer_wrapper {left:0;right:0;margin-top:15%;}
#footer_wrapper .footer_container {max-width:1040px;margin:0 auto;}
#footer_wrapper #watermark {position:absolute;bottom:0;right:0;}
#menu_footer {display:inline-table;}
@media screen and (max-width:700px), screen and (max-device-width:700px) {#menu_footer {display:block;}}
#menu_footer li {display:inline-block;}
#menu_footer li a {font-size: 15px;margin-right: 10px;color:#fff;}
#copyright {display:inline-table;float:right;}
#copyright span {font-size:15px;}
#copyright span a {color:#c7e500;font-size:15px;}
#copyright span a:hover {color:#fff;}
#footer_wrapper .footer_container #copyright {text-align:right;}
#footer_wrapper .footer_container #copyright p {font-size: 15px;line-height: 16px;color:#fff;}


/* Footer End */

.logo-small img {
    width: 35%;
}

.phone:hover {color:#ADD5F7;}

#admin_buttons .admin_btn {
		background: url('../images/banner_large.png') no-repeat bottom;
		background-size: cover;
		margin-right: 1%;
		width: 24%;
		color: #000;
		float:left;
		vertical-align: top;
		text-align: center;
		overflow: hidden;
		
	}
	#admin_buttons .admin_btn:nth-child(4n) {
		margin-right: 0;
	}
	#admin_buttons .admin_btn a {
		display: block;
		color: #000;
		padding: 15% 20px 30%;
	}
.cart_message1 .user_order1 {padding: 5px;font-family: 'Open Sans', sans-serif;}
.popup {display:none;}

#edit_featured #form .sale_section .sale_item { margin: 0px 20px; padding: 10px; border-top: 1px dotted #c7e500; border-bottom: 1px dotted #c7e500;}
/*template styles*/

.specials_container {text-align: center;vertical-align: top;}
.specials_container .special_item{width:24%;display:inline-block;margin-top: 5px;    vertical-align: top;}
.specials_container h2 {margin-bottom:1%;}
.specials_container .fixed {max-height: 150px;}
.specials_container .special_header {width: 100%; margin-top: 5px;}
.error{color:#F00 !important;}
.container_contained .appointment_form #form .form_div .inner_div{display: inline-block;vertical-align: top;}
.container_contained .appointment_form #form .form_div .inner_div:last-child{margin-left:2%;}
.container_contained .appointment_form #form .message .event_msg .success_msg{color:#393;font-size:2em;}
/* =======================Event Calendar Start ==========================*/
	#calendar {margin:1em 0;}
	#calendar .month_selector .inner_month_selector {clear:both;}
	#calendar .month_selector .prev_month, #calendar .month_selector .next_month {background:url(../images/arrow_black.png) no-repeat center center;display:inline-block;width:12px;height:12px;border: 1px solid #999;text-decoration: none;padding:5px;background-size:60%;}
	#calendar .month_selector .prev_month {transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	#calendar .month_selector h2 {display:inline-block;padding:0 10px;margin:0;}
	#calendar .calendar_month {display:table;width:100%;border-collapse:collapse;}
	#calendar .calendar_month .calendar_month_headers, #calendar .calendar_month .calendar_month_week {display:table-row;width:100%;}
	#calendar .calendar_month .calendar_month_headers .calendar_month_day, #calendar .calendar_month .calendar_month_week .calendar_month_day {display:table-cell;width: 14.285%;min-width:25px;}
	#calendar .calendar_month .calendar_month_headers {}
	#calendar .calendar_month .calendar_month_headers .calendar_month_day {text-align:center;padding:0px 3px 3px 0;vertical-align:top;}
	#calendar .calendar_month .calendar_month_headers .calendar_month_day:last-of-type {padding-right:0px;}
	#calendar .calendar_month .calendar_month_headers .calendar_month_day p {color:#fff;}
	#calendar .calendar_month .calendar_month_headers .calendar_month_day > div {background:#C2C2C2 ;padding:5px 0;}
	#calendar .calendar_month .calendar_month_week {}
	#calendar .calendar_month .calendar_month_week .calendar_prev_month {opacity:0.5}
	#calendar .calendar_month .calendar_month_week .calendar_next_month {opacity:0.5}
	#calendar .calendar_month .calendar_month_week .calendar_month_day {padding:25px 9px 3px 0;vertical-align:top;}
	#calendar .calendar_month .calendar_month_week .calendar_month_day:last-of-type {padding-right:0px;}
	#calendar .calendar_month .calendar_month_week .calendar_month_day > div {border: 1px solid #999;height:130px;}
	#calendar .calendar_month .calendar_month_week .calendar_month_day .month_day {border-bottom:1px solid #999;border-left:1px solid #999;float:right;padding: 3px;width: 25px;text-align: center;z-index:5;color:#19a9e2;font-family:Tahoma, Geneva, sans-serif;}
	#calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event {text-align:center;padding: 48px 0;}
	#calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event a.button {padding: 5px;font-size:0.75em;font-weight:normal;margin-top: 5px;}
	@media screen and (max-width:580px), screen and (max-device-width:580px) {
		.calendar_event p {display:none;}
		#calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event a.button {font-size:0.6em;background:none;border:none;padding:0;}
		#calendar .calendar_month .calendar_month_week .calendar_month_day {padding:15px 3px 15px 0;}
		#calendar .calendar_month .calendar_month_week .calendar_month_day > div {border:none;height:initial;}
		html[data-useragent*='MSIE 9.0'] #calendar .calendar_month .calendar_month_week .calendar_month_day > div, html[data-useragent*='MSIE 10.0'] #calendar .calendar_month .calendar_month_week .calendar_month_day > div, html[data-useragent*='rv:11.0'] #calendar .calendar_month .calendar_month_week .calendar_month_day > div {height:90px;}
		#calendar .calendar_month .calendar_month_week .calendar_month_day .month_day {border:none;position:initial;width: 100%;text-align: center;display:block;}
		#calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event {padding-top:0;}
		html[data-useragent*='MSIE 9.0'] #calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event, html[data-useragent*='MSIE 10.0'] #calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event, html[data-useragent*='rv:11.0'] #calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event {position:absolute;bottom:0;}
		#calendar .calendar_month .calendar_month_week {border-bottom:1px solid #999;}
	}


	/* Event Calendar End */
	/* Event Day Calendar Start */
		#calendar_day{margin-bottom:10px;}
		.legend {float:right;clear: right;}
		.legend span {background: #003C77;width: 10px;height: 10px;display: inline-block;}
		.event_search_container {float:right;}
		.booked {background:#003C77;}
		.calendar_blocks{border-style: solid;border-width: 1px;border-color: black;}
		.calendar_blocks .row {padding: 0.5em;text-align:center;}
		.calendar_blocks .row:nth-child(3n+1) {border-color: black;border-style: solid;border-width: 0.5px;border-left: none;border-right: none;}
		.calendar_blocks .row:nth-child(3n-1) {border-bottom:dashed;border-bottom-width: 0.5px;border-color: gray;}
		.calendar_blocks .row:nth-child(3n) {border-top:dashed;border-top-width: 0.5px;border-color: gray;}
		.calendar_blocks .row:first-child{border-top:none;}
		.calendar_blocks .row:last-child{border-bottom:none;}
		.suggest_event {margin-bottom: 1em;}
		/* Event search for day page and search Start */
		#calendar .month_selector, #calendar_day .month_selector, #event_search .search_tools {margin-bottom:1.4em;}
		#calendar .month_selector, #calendar_day .month_selector {text-align:center;clear: right;}
		@media (min-width:801px) and (max-width:935px) {
			#calendar .month_selector {text-align:left;}
		}
		@media (min-width:421px) and (max-width:605px) {
			#calendar .month_selector {text-align:left;}
		}
		#calendar .month_selector .event_search_container input, #calendar_day .month_selector .event_search_container input, #event_search .search_tools .event_search_container input {padding:5px;margin-right:5px;}
		#calendar .month_selector .event_search_container span, #calendar_day .month_selector .event_search_container span, #event_search .search_tools .event_search_container span {display: inline-block;height: 29px;vertical-align: top;width: 29px;cursor:pointer;background:url(../images/search_button.png) no-repeat center center;  background-size: contain;}
		#event_search .search_tools .event_search_container {position:absolute;right:0;bottom:0;}
		/* Event search for day page and search End */
	#calendar_day .month_selector .go_back {position:absolute;left:0;bottom:0;top:0;}
	#calendar .month_selector .event_search_container, #calendar_day .month_selector .event_search_container {float:left;}
	#calendar_day .month_selector .inner_month_selector {display:inline-block;}
	@media screen and (max-width:1085px), screen and (max-device-width:1085px) {
		#calendar_day .month_selector {text-align:left;margin-top:75px;}
		#calendar_day .month_selector .go_back {top:-45px;}
		#calendar_day .month_selector .inner_month_selector {margin:0;}
	}
	@media (min-width:801px) and (max-width:940px) {
		#calendar_day .month_selector .event_search_container {top:-56px;}
		#calendar_day .month_selector .inner_month_selector {display:block;text-align:center;}
	}
	@media (max-width:600px) {
		#calendar_day .month_selector .event_search_container {top:-56px;}
		#calendar_day .month_selector .inner_month_selector {display:block;text-align:center;}
	}
	@media (max-width:420px) {
		#calendar_day .month_selector .go_back {display: block;text-align: center;position: relative;top: initial;margin-bottom: 15px;}
		#calendar .month_selector .event_search_container, #calendar_day .month_selector .event_search_container {position: relative;display: block;text-align: center;top: initial;margin-bottom: 15px;}
		#calendar_day .month_selector {margin-top:35px;}
		#calendar_day .month_selector h2 {vertical-align:top;}
	}
	@media (max-width:370px) {#calendar .month_selector h2, #calendar_day .month_selector h2 {font-size:1.675em;}}
	@media (max-width:340px) {#calendar .month_selector h2, #calendar_day .month_selector h2 {font-size:1.475em;}}
	@media (max-width:330px) {#calendar .month_selector h2, #calendar_day .month_selector h2 {font-size:1.275em;}}
	@media (max-width:300px) {#calendar .month_selector h2, #calendar_day .month_selector h2 {font-size:1.075em;}}
	#calendar_day .month_selector .prev_month, #calendar_day .month_selector .next_month {background:url(../images/arrow_black.png) no-repeat center center;display:inline-block;width:12px;height:12px;border: 1px solid #999;text-decoration: none;padding:5px;background-size:60%;}
	#calendar_day .month_selector .prev_month {transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	#calendar_day .month_selector h2 {display:inline-block;padding:0 10px;margin:0;}
	
		/* Event display for day page and search Start */
		#calendar_day .events {padding-top: 1em;}
		#calendar_day .event, #event_search .event {}
		#calendar_day .event .accordion_header, #event_search .event .accordion_header {text-align:center;border-bottom:1px solid #999;padding:10px 0;}
		#calendar_day .event .accordion_header .clock, #event_search .event .accordion_header .clock {background: url(../images/clock_icon.png) no-repeat;width: 32px;height: 32px;display: inline-block;background-size: contain;vertical-align: middle;margin-right: 10px;}
		#calendar_day .event .accordion_header h2, #event_search .event .accordion_header h2 {}
		#calendar_day .event .accordion_header .auctioneer_logo {text-align:center;margin:0.5em 0;}
		#calendar_day .event .accordion_header .auctioneer_logo img {margin: 0 auto;max-height: 150px;max-width:150px;}
		#calendar_day .event .accordion_header .event_time, #event_search .event .accordion_header .event_time {}
		#calendar_day .event .accordion_header .month, #event_search .event .accordion_header .month {text-transform: uppercase;}
		#calendar_day .event .accordion_header .day_abrev, #event_search .event .accordion_header .day_abrev {}
		#calendar_day .event .accordion_header .show_info, #event_search .event .accordion_header .show_info {padding-right:32px;position:relative;}
		#calendar_day .event .accordion_header .show_info .accordion_arrow, #event_search .event .accordion_header .show_info .accordion_arrow {background:url(../images/arrow_black.png) no-repeat center center;transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;height:12px;width:12px;background-size:100%;position:absolute;right:10px;top:50%;margin-top:-6px;}
		#calendar_day .event .accordion_content, #event_search .event .accordion_content {border-bottom:1px solid #999;}
		#calendar_day .event .accordion_content .event_content, #event_search .event .accordion_content .event_content {padding:1%;}
		#calendar_day .event .accordion_content .event_content .image_container {margin-left: 1em;min-width:250px;min-height:200px;float:right;z-index: 1;}
		#calendar_day .event .accordion_content .event_content .image_container .slider_nav {display:none;}
		#calendar_day .event .accordion_content .event_content .event_description {clear:both;}
		#calendar_day .event .accordion_content ul, #event_search .event .accordion_content ul {margin:0 0 1.4em;list-style:none;}
		#calendar_day .event .accordion_content p, #event_search .event .accordion_content p {margin-bottom: 1.4em}
		#calendar_day .event .accordion_content p.event_location {margin-bottom:0.5em;}
		@media screen and (max-width:580px), screen and (max-device-width:580px) {
			#calendar_day .event .accordion_header h2, #event_search .event .accordion_header h2 {margin:0;display:block;}
			#calendar_day .event .accordion_header .event_time, #event_search .event .accordion_header .event_time {display:block;margin:15px 0 0 0;}
			#calendar_day .event .accordion_header .show_info, #event_search .event .accordion_header  .show_info {position:relative;margin-top:15px;}
		}

#calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event a.button {    width: 100%;
    margin-top: 30px;
    border-radius: 0;
transition:all 200ms ease-in-out;-webkit-transition:all 200ms ease-in-out;}

#calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event{transition:all 200ms ease-in-out;-webkit-transition:all 200ms ease-in-out;z-index:2;}

#calendar .calendar_month .calendar_month_week .calendar_month_day:hover .calendar_event {background-color: #DDDDDD;}


@media(max-width:860px){#calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event a.button {
    margin-top: 15px;
}
}

@media(max-width:580px){
#calendar .calendar_month .calendar_month_week .calendar_month_day .calendar_event a.button {
    margin-top: 2px;
    padding: 4px;
    padding-bottom: 7px;
	color:#505050;
}
}
/*.container {
    overflow: hidden;
   
    font-family: Arial;
	opacity: 0.9;
    
	-webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.container a {
    float: right;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}*/

.dropdown {
    float: right;
    overflow: hidden;
}

.dropdown .dropbtn {
    cursor: pointer;
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
}

.container a:hover, .dropdown:hover .dropbtn {
    background-color: transparent;
    text-decoration: none;
	
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color:#002560;
}

.show {
    display: block;
}
		/* Event display for day page and search End */
	/* Event Day Calendar End */



	/* Event Search Start */
	
	/* Event Search End */

/* New template CSS*/


@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');



body{
    font-family: 'Roboto', sans-serif;
    background:#fff;
    font-weight:normal;
    color:#231f20;
    font-size: 16px;
    }
a:focus,
a:hover{
    outline:none;
    text-decoration: none;
}

h1{
    font-size:45px;
    margin: 0;

}
h2{
    font-size:40px;
    color: #231f20;
    margin: 0;
    text-transform: uppercase;
}
h3{
    font-size:20px;
    color: #231f20;
    margin: 0;
    text-transform: uppercase;
}
h4{
    font-size:18px;
    margin: 0;
    text-transform: uppercase;

}
.heading{
    text-align: center;
    max-width: 800px;
    width: 100%;
    margin: 0 auto 50px;
}

input{
    margin:10px 0;
}
.navbar-brand{
    padding:0px;
}
.blut-btn, .blut-btn2{
    background: #add5f7;
    color: #fff !important;
    text-transform: uppercase;
    padding: 10px 19px;
    border-radius: 25px;
    min-width: 30px;
    display: inline-block;
    font-size: 16px !important;
    transition: all 0.3s;
}
.blut-btn2{
    background: #35478c !important;
    font-size: 20px !important;
}
.blut-btn2:hover{
    background: #add5f7 !important;
}
.blut-btn:hover {
    background: #35478c !important;
    transition: all 0.3s;
}
/********* Start top Header************/
header {
    position: relative;
    width: 100%;
    transition: 0.3s ease-in-out;
    background: #1a2c3a;
}
.sticky {
    position: sticky;
    top: 0;
    width: 100%;
    left: 0;
    box-shadow: 2px 2px 10px #00000087;
    background: #000;
    transition: 0.3s ease-in-out;
    z-index: 999999;
    animation:slide-down 0.7s;
}               
.sticky .fa-gg {                  
    transform: rotate(360deg);      
}
.top_head {
    background: #fff;
}
.logo {
    padding: 10px 0;
}
.top-menu {
    position: relative;
    text-align: right;
    margin-top: 10px;
    display: block;
    clear: both;
}
.top-menu ul {
    margin: 0;
    float: none !important;
    display: block;
}
.top-menu ul li {
     display: inline-block;
    margin: 0 10px;
    float: none;
    vertical-align: middle;
    font-weight: bold;
}
.top-menu ul li a {
    color: #231f20;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
            padding: 7px 11px;
    font-size: smaller !important;
}
.top-menu ul li a:hover{
    color: #add5f7;
}
.lengu{
	    text-transform: uppercase;
	        margin-top: -9px;
}
.lengu a{
	padding: 0 !important;
}

.lengu span {
    width: 2px;
    font-size: 20px;
    padding: 0 5px;
}
.top-social {
    position: relative;
    z-index: 9;
    margin-top: 8px;
    text-align: right;
}
.top-social ul{
	margin-bottom: 0;
}
.top-social li {
    list-style: none;
    display: inline-block;
   padding: 5px 10px;
}
.top-social a .fa {
    font-size: 25px;
    color: #add5f7;
    border-radius: 5px;
    transition: all 0.3s;
}
.top-social a:hover .fa{
    color: #364591;
    transition: all 0.3s;
}
.top-social li .call {
    font-size: 23px;
    color: #000;
    text-decoration: none;
}
.top-social li .call a {
    color: #000;
    font-size: 20px;
    text-decoration: none;
}
.menu-bar {
    background: #fff;
    text-align: left;
}
/********* End top Header************/
/********* start main menu************/
.menu-bar {
    background: #fff;
    text-align: left;
}
#cssmenu{
border:0;
list-style:none;
display:block;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding: 0;
}
.menu-bar #cssmenu ul {
    margin: 0;
}
.menu-bar #cssmenu ul li:first-child{
	padding-left: 0;
}
#cssmenu > ul > li {
    display: inline-block;
    line-height: 50px;
    padding: 10px 10px;
    position: relative;
}
.menu-bar #cssmenu li a {
    text-transform: uppercase;
    font-size: 18px;
    color: #231f20;
    font-weight: 400;
}
.frVer .menu-bar #cssmenu li a{
    font-size: 15px;
}
#cssmenu ul li > a {
    font-size: 16px;
    text-decoration: none;
    color: #231f20;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    transition-delay: 0.3s;
    padding: 0;
    font-weight: bold;
    line-height: 30px;
    border-bottom: 2px solid transparent;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active a{
    color: #afd4fa;
    transition: 0.3s ease-in-out;
    /*border-bottom: 2px solid #afd4fa;*/
    background-color: transparent;

}
/********* end main menu************/
/*-----------------------aabout us--------------------*/
.intro {
    position: relative;
    padding: 50px 0; 
}
.heading {
    position: relative;
    text-align: center;
}
.heading h1{
    font-size: 57px;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: lighter;
    font-style: italic;
}
.heading h2{
    position: relative;
    font-size: 40px;
    color: #1a1a1a;
    font-weight: bold;
        font-style: italic;
        margin-top: 0;
}
.heading h2:after{
    position: absolute;
    content: "";
    background: #35478c;
    height: 3px;
    left: 0;
    right: 0;
    top: 60px;
    margin: 0 auto;
    width:150px;
}
.intro{
    text-align: center;
}
.intro p{
    font-size: 20px;
    color: #1a1a1a;
    margin-bottom: 30px;
}
.intro .blut-btn{

}

/*-----------------------End aabout us--------------------*/

/*-----------------------featura product=---------------*/
.featura-product{
    background:url(../images/feature-bg-lemon.jpg) no-repeat;
    padding: 100px 0 0;
    background-size: cover; 
    position: relative;
    background-attachment: fixed;
}
.featura-product .prod-img img{
    padding: 20px;
    width: 100%;
}
.prod-content{
    margin-top: 50px;
    position: relative;
    background: #fff;
    padding:30px 30px;
    text-align: center;
}
.prod-content h2{
    font-weight: bold;
    font-size: 40px;
    font-style: italic;
}
.prod-content h2:after{
    top: 65px;
    background: #add5f7;

}
.prod-content .surety{
    background: url(../images/tag-icon.png) no-repeat;
    position: absolute;
    right: -10px;
    top: -30px;
    width: 70px;
    height: 70px;
    background-size: 70px;
}
.prod-content h5{
    font-size: 30px;
    color: #1a1a1a;
    font-style: italic;
}
.prod-content p {
    margin-bottom: 30px;
}


/*-----------------------End featura product=---------------*/

/*------------------about-apex----------------------*/
.about-apex{
    padding: 0px 0;
}
.about-apex .heading{
    text-align: left;
}
.about-apex .heading h2:after{
    right: auto;
    left:0;
}
.about-apex .heading h3{
    font-size: 40px;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    font-style: italic;
}
.about-apex .about-text{
    margin-bottom: 30px;
}


/*------------------about-apex----------------------*/
/*-------------------------our brand--------------------*/
.our-brand{
    padding: 20px 0 70px;
    /*background:url(../images/melis-red-pepper.jpg) no-repeat;
    background-size: cover; 
    margin-bottom: 50px;*/
        background: #e6e6e6;
}
.our-brand h2{
        position: relative;
    font-size: 40px;
    color: #1a1a1a;
    font-weight: bold;
    font-style: italic;
    margin-top: 0;
    text-align: center;
        margin-bottom: 50px;
}
.our-brand.background-transparent h2{
	  font-size: 20px;
	  text-align: center;
    min-height: 50px;
    margin-bottom: 30px;
}

.our-brand.background-transparent h2:after{
	  top: 45px;
}
.our-brand.background-transparent .blut-btn2{
	    margin: 20px 0px;
    font-size: medium !important;
}
.our-brand h2:after {
    position: absolute;
    content: "";
    background: 'none';
    height: 3px;
    left: 0;
    right: 0;
    top: 60px;
    margin: 0 auto;
    width: 150px;
}
.our-brand .bx-wrapper .bx-controls-direction{
	width: 150px;
    margin: 0 auto;
} 
.our-brand .bx-wrapper .bx-controls-direction a{
	text-indent: 0px;
    top: 10px;
    /*border: 1px solid #333;*/
    padding: 6px;
    text-align: center;
    font-weight: 100;
    font-size: 25px;
}
.our-brand .bx-wrapper img{
	object-fit: scale-down;
	/*max-width: 180px;*/
}


.img-box{
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height:250px;
    /*height: 200px;  <-- Sarah changed it so product pictures on front end of site wouldn't get cutoff 05/06/2020*/
    justify-content: center;
    display: flex;
    background:#fff; 
    align-items: center;
}

.img-box:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background:#35478c8f;
    transition: all 0.3s;
    opacity: 0;
}
/*.img-box:hover:before,  .img-box:hover .box_data{
    opacity: 1;
    transition: all 0.3s;
}*/
.img-box:hover img {
    object-fit: contain !important;
    transform: scale(1);
    transition: 0.3s all;
}
.img-box img {
    width: 100%;
    object-fit: scale-down;
    transform: scale(0.7);
    transition: 0.3s all;
}
/*-------------------------End our brand--------------------*/
/*-------------------------start our brand products--------------------*/
.background-transparent{
background:transparent !important;
padding: 0;
}
/*-------------------------end our brand products--------------------*/

/*---------------------Footer---------------------*/
footer{
    text-align: center;
    clear: both;
}
footer img{
    text-align: center;
}


footer .foo-text{
    border-top: 1px solid #000;
    padding:30px 0;
    text-align: center;
}
footer .foo-text p{
    font-size: 10px;
    color: #231f20;
}
.footer-bottom{
    text-align: left;
}
.footer-bottom h6{
    font-size: 14px;
    color: #1a1a1a;
    font-weight: 600;
}
.footer-bottom ul{
    list-style: none;
    padding: 0;
}
.footer-bottom ul a{
    color: #1a1a1a;
    padding: 10px 0;
    font-size: 14px;
    line-height: 23px;
    transition: all 0.3s;
}
.footer-bottom ul a:hover{
    color: #add5f7;
    transition: all 0.3s;
    background: transparent;
    text-decoration: none;
}
.footer-bottom address{
    font-size: 14px;
    margin:0 0 5px;
    line-height: 23px; 
}
.footer-bottom ul li .fa{
    font-size: 15px;
    text-align: center;
    color: #add5f7;
    width: 20px;
}

.copy-right{
    padding: 50px 0 10px;
    text-align: center;
    font-size: 11px;
}
.copy-right p{
    margin-bottom: 0;
}
.copy-right a {font-size: 11px;}
/* New template CSS*/
.footer-intro .heading h2 {
    font-size: xx-large;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: lighter;
    font-style: italic;
}
.footer-intro .heading {
    margin: 0 auto 10px;
}
.footer-intro .heading h3 {
 position: relative;
        font-size: x-large;
    color: #1a1a1a;
    font-weight: bold;
    font-style: italic;
    margin-top: 0;
}
.footer-intro p {
    font-size: 20px;
    color: #1a1a1a;
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
}
.footer-intro {
    text-align: center;
}
.footer-intro .heading h2:after{
	background:transparent;
}
.line-break {
    border-top: 3px solid #35478c;
    margin: 35px auto;
    width: 150px;
}
.nivo-controlNav a.active{
	display: none;
}
.margin-top-50{
	margin-top:40px; 
}
.margin-bottom-30{
	margin-bottom: 30px; 
}
#product_browse .product h2{
font-style: inherit;
    font-size: large;
    margin-bottom: 10px;
}
#product_browse .product h2:after{
	background: none;
}
.nivo-directionNav{
	display: none;
}
.nivo-prevNav {
    left: 10px !important;
}
.nivo-nextNav {
    right: 10px !important;
}
.nivo-controlNav{
   
        margin: 0 auto;
    text-align: center;
    margin-top: -40px;
    z-index: 999;
}
.nivo-control {
    display: inline-block;
    color: transparent;
    height: 5px;
    width: 50px;
    margin-right: 10px;
    background-color: #fff;
}
.nivo-control:hover{
    color: transparent;
}
.product-accrodian-icon{
	font-size: 34px !important;
    position: relative;
    top: 4px;
    font-weight: bold;
    color: #35478b;
}
.product-details{
text-align: left;
}
.nivo-caption {    text-align: center;
    bottom: 0px;
    top: 45% !important;
    width: 100%;
    z-index: 8;
    overflow: hidden;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    font-size: 40px !important;
    color: #fff !important;
    font-weight: bold;
    font-style: italic;
    
}
#mobile_nav_icon {
	height: 44px;
    width: 100%;
    background-color: #35478b;
    z-index: 10;
    display: none;
        margin-bottom: 10px;
}

#mobile_nav_icon span {position:relative;background-color: #fff;width: 33px;height: 3px;display: block;margin: 0 auto;}

#mobile_nav_icon span:nth-child(1) {top:11px;}

#mobile_nav_icon span:nth-child(2) {top:18px;}

#mobile_nav_icon span:nth-child(3) {top:25px;}
.margin-top-40{
   margin-top: 40px;
}
/*------------------------------media------------------------------------*/
@media (min-width:992px) and (max-width: 1199px) {}
@media (min-width:768px) and (max-width: 991px) {
	#cssmenu > ul > li{
		    padding: 10px 15px;
	}
	.heading h1{
		font-size: 40px;
	}
	.heading h2{
		    font-size: 29px;
	}
	.intro p{
		font-size: 16px;
	}
	.blut-btn2{
		font-size: 15px !important;
		    padding: 8px 15px;
	}
	.our-brand h2{
		font-size: 30px;
	}
	.our-brand h2:after{
		top: 50px;
	}
	.prod-content h2:after{
		top: 45px;
	}
	.heading{
		    margin: 0 auto 35px;
	}
	.heading h2:after{
		top: 40px;
	}
}
@media (max-width: 767px) {
	.top-menu ul, .top-social{
		text-align: center;
	}
	#cssmenu{
		display: none;
	}
	#mobile_nav_icon{
		display: block;
	}
	select.user_order{
		border: 1px solid;
    width: 100%;
	}
.landingPage .our-brand .img-box {
    max-width: 300px !important;
    margin: 0 auto 40px !important;
}
.landingPage .about-apex h2 {
    text-align: center;
}

}
@media (max-width: 600px) {}
@media (max-width: 500px) {
    .landingPage .community{
        
    }
	.brand-slider{
		margin-left:0%;
	}
	.prod-content h2{
		font-size: 30px; 
	}
	.prod-content h2:after{
		top: 40px;
	}
	.prod-content h5{
		font-size: 25px;
	}
	.heading{
		margin: 0 auto 10px;
	}
	.blut-btn2{
		font-size: 15px !important;
		    padding: 8px 15px;
	}
	.top-menu ul {
    text-align: center;
    margin-top: 10px;
}

.top-social ul{
	text-align: center;
}
.menu-bar #cssmenu li a{
	font-size: 15px;
}
#cssmenu > ul > li{
	padding: 5px 10px;
	line-height: 0px;
}
.menu-bar #cssmenu ul{
	text-align: center;
}
.heading h1{
	    font-size: 32px;
}
.heading h2{
	font-size: 21px;
}
.intro p{
	font-size: 16px;
}
.our-brand h2{
	    font-size: 30px;
}
.our-brand h2:after{
	    top: 45px;
	    background: none !important;
}
.heading h2:after{
	top: 38px;
}
}
@media (max-width: 360px) {
 .top-menu ul li{
 	margin: 0 5px;
 }
 .heading h1{
 	font-size: 25px;
 }
 .heading h2{
 	font-size: 17px;
 }

}
@media (min-width: 1700px) {
	.intro{
		margin-top: 10%;
	}
}

@media print {
    .top-social,.top-social li,.logo{
            margin: 0;
            padding:0;
    }
    .go-in {
    position: fixed !important;
    right: 20px;
}
  a[href]:after {
    content: none !important;
  }

footer,.copy-right,.menu-bar,.navbar-nav,.top-menu,.top-social ul li a[target]{
    display:none !important;
}
}

/*landing pages css*/
.landingPage * {
font-family: 'Montserrat', sans-serif;
}
/*---------------------Slider-CSS--------------------*/
.landingPage .main-banner{
    position: relative;
    overflow: hidden;
}
.landingPage .main-banner .full-box-img {
    width: 100%;
}

.landingPage .main-slider{
    position: relative;
    height: 450px;
}
.landingPage .main-slider .item {
    height: 470px;
    display: flex;
    justify-content: center;
    position: relative;
}

.landingPage .main-slider .item img{
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.landingPage .main-slider .item .captions{
    padding: 100px 0;
}
.landingPage .main-slider .item .captions h1{
    color: #fff;
    font-size: 50px;
    font-style: italic;
    font-weight: bold;
}


/*-----------------------aabout us--------------------*/
.landingPage .intro {
    position: relative;
    padding: 80px 0; 
    text-align: left;
}
.landingPage .heading h2:after{
        content: none;
}
.landingPage .heading {
    position: relative;
    text-align: left;
}

.landingPage .heading h2{
    position: relative;
    font-size: 30px;
    color: #6b6b6b;
    font-weight: bold;
    font-style: italic;
    text-transform: none;
    margin: 0 0 30px;
}

.landingPage .intro .text{
    padding-right: 50px; 
    max-width: 90%;
}
.landingPage .intro img{
    width: 100%;
    max-width: 300px;
    transform: none;
}
.landingPage .intro p{
    font-size: 16px;
    color: #6b6b6b;
    margin-bottom: 30px;
    color: #6b6b6b;
    line-height: 30px;
}
.landingPage .intro .blut-btn{
text-align: center;
}

.landingPage .intro .img-box{
margin-top: 40%; 
}

/*-----------------------End aabout us--------------------*/


/*-------------------------our brand--------------------*/
.landingPage .our-brand{
    padding: 80px 0;
    background: #35478c;
}
.landingPage .our-brand h2{
    text-align: center;
    margin-bottom: 40px;
    font-style: italic;
    color: #fff;
    text-transform: none;
    font-size: 30px;
}
.landingPage .our-brand h2 span{
    display: block;
}



.landingPage .our-brand .img-box{
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    max-width: 230px;
    margin: 0 auto 80px;
    border-radius: 15px;
    height: auto;
}

.landingPage .our-brand .img-box:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background:#35478c8f;
    transition: all 0.3s;
    opacity: 0;
}
.landingPage .our-brand .img-box:hover:before,  .img-box:hover .box_data{
    opacity: 1;
    transition: all 0.3s;
}

.landingPage .our-brand .img-box img{
    width: 100%;
    transform: none;
}
.landingPage .our-brand .last a{
    background: #fff;
    border-radius: 15px;
    padding: 20px 50px;
    font-size: 41px;
    display: block;
    text-align: center;
    line-height: 65px;
    color: #35478c;
    font-weight: bold;
}
.landingPage .our-brand .last a:hover{
    opacity: 0.9;
    transition: all 0.3s;
}


/*-------------------------End our brand--------------------*/

/*-----------------------featura product=---------------*/
.landingPage .community{
    background:#fff;
    padding: 100px 0; 
    position: relative;
}
.landingPage .community h2{
    margin: 0 0 50px;
    font-weight: bold;
    color: #35478c;
}
.landingPage .logo-plus{
    display: flex;
    justify-content: space-around;
       margin: 50px 20px 50px 0;
}
.landingPage .logo-plus img{
    width: 120px;
    height: 100%;

}
.landingPage .logo-plus span{
    font-weight: bold;
    font-size: 60px;
    color: #35478c;
    margin: 0 20px;
}
.landingPage .community .img-box{
    text-align: center;
}
.landingPage .community .img-box img{
    text-align: center;
    width: 100%;
max-width: 300px;
    margin: 0  auto;
    transform: none;
}



.landingPage .community p {
    margin-bottom: 30px;
    color: #6b6b6b;
    line-height: 30px;
}


/*-----------------------End featura product=---------------*/

/*------------------about-apex----------------------*/
.landingPage .about-apex{
    padding: 100px 0;
    background:#35478c; 
    color: #fff;
}
.landingPage .about-apex .container-fluid{
padding-left: 8%; 
}


.landingPage .about-apex h2{
    font-size: 35px;
    font-style: italic;
    color: #fff;
}
.landingPage .about-apex p{
    margin: 0 0 30px;
    color: #fff;
}



.landingPage .about-apex .about-text p {
    line-height: 30px;
}
.landingPage .about-apex .about-text strong{
    font-size: 30px;
    font-weight: 100;
    line-height: 30px;
    font-style: italic;
}
.landingPage .about-apex .img-box{
        margin-right: -10px; 
        height: auto;
        background: none;
}
.landingPage .about-apex .img-box img{
    width: 100%;
    object-fit: contain;
    transform: none;
    transition: none;

}





/*------------------about-apex----------------------*/
.landingPage .product-catalog{
    position: relative;
}
.landingPage .product-catalog .img-row {
    height: 430px;
    overflow: hidden;
    display: flex;
}
.landingPage .product-catalog .img-row .img-box {
 width: 33.33%;
 position: relative;
 background: #35478c;
 height: auto;
    margin-bottom: 0;
    display: unset;
}

.landingPage .product-catalog .img-row .img-box a{
    display: block;
    position: relative;
    z-index: 11;

}

.landingPage .product-catalog .img-row .img-box:hover img{
    opacity: 0.8;
    transition: all 0.3s;
}


.landingPage .product-catalog .img-row .img-box img{
    object-fit: cover;
    width: 100%;
       transition: all 0.3s;
       transform: none;
}
.landingPage .product-catalog .blut-btn2{
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    width: 450px;
    margin: 0 auto;
    padding-top: 20px;
    border-radius: 0 0 15px 15px;
    text-transform: none;
    text-align: center;
    z-index: 111;
}



/*------------------------------news letter----------------------*/
.landingPage .newsletter-sec{
    position: relative;
    background:#35478c; 
}
.landingPage .newsletter-sec .container-fluid, .landingPage .newsletter-sec .row, 
.landingPage .newsletter-sec [class*="col"]{
    padding: 0;
    margin: 0;
}

.landingPage .newsletter-sec .text{
    padding:70px 50px;
    text-align: center;
}
.landingPage .newsletter-sec .text h3{
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    text-transform: none;
    position: relative;
    line-height: 35px
}
.landingPage .newsletter-sec .text:after{
    position: absolute;
    content: "";
    background:url(../img/arrow-icon.png) no-repeat;
    width: 100px;
    height: 20px;
    left:auto;
    right: 60px; 
}

.landingPage .form-box {
    height: 100%;
    padding: 60px 80px;
    background: #fff;
    margin: 5px;
}
.landingPage .form-box input{
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #707070; 
    border-radius: 0;
    text-align: center;
    margin: 0 0 30px;
}
.landingPage .form-box input::placeholder{
    text-align: center;
    font-style: italic;
}
.landingPage .form-box .blut-btn2 {
    position: absolute;
    left: 0;
    right: 0;
    width: 200px;
    margin: 0 auto;
    border-radius: 15px 15px 0 0;
    bottom: 0;
}
.landingPage .form-box textarea{
    border: 0;
    box-shadow: none;
    border: 1px solid #707070; 
    border-radius: 0;
    text-align: center;
    margin: 0 0 30px;
    height: 300px;
}




.landingPage .popup-row.fr .blut-btn{
    right: -75px;
}
.landingPage .popup-row .blut-btn{
    border: 1px solid;
    background: #fff;
    color: #35478c !important;
    position: fixed;
    right: -55px;
    top: 50%;
    transform: rotate(270deg);
    border-radius: 15px 15px 0 0;
    font-style: italic;
    padding: 20px;
    z-index: 999;
}
.landingPage .popup-row .blut-btn:hover{
    color:#fff !important;
}
.landingPage .popup-row .blut-btn:focus{
    box-shadow: none;
    outline: none;
    border: none;
}

.landingPage .popup-row h4{
    color: #000;
    font-weight: bold;text-transform: none;
}


.landingPage .popup-row .modal-content{
    background: #fff;
    border-radius: 0;
    padding: 20px;
    text-align: center;
}
.landingPage .popup-row .form-box{
    padding: 50px;
    text-align: center;
}
.landingPage .popup-row .modal-header{
    border: none;
}
.landingPage .popup-row .modal-header .close{
    width: 40px;
    height: 40px;
    border: 2px solid #7f7f7f;
    border-radius: 50%;
    font-size: 40px;
    font-weight: 100;
}
.landingPage .popup-row .form-box .blut-btn2{
    position: relative;
    border-radius: 15px;
}
@media (min-width: 992px){
.landingPage .container {
    width: 970px !important;
}
}
/*end landing pages*/

/*------------------------------media------------------------------------*/
@media (max-width: 1360px) {
    .product-catalog .img-row {
    height: 390px;
}
}

@media (min-width:992px) and (max-width: 1199px) {
.product-catalog .img-row {
    height: 320px;
}



}
@media  (max-width: 991px) {
    
.main-slider .item .captions h1 {
    font-size: 40px !important;
    text-align: center;
}
.intro, .intro .heading, .intro .text p{
    text-align: center;
}
.intro .text {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    max-width: 100% !important;
}
.intro .img-box {
    margin: 60px 0 !important;
}

.community {
    text-align: center;
}
.community .img-box {
    text-align: center;
    margin: 0 0 50px;
}
.about-apex .container-fluid {
    padding: 0 10px !important;
}
.about-apex .img-box {
    margin-right: auto;
}
.product-catalog .img-row {
    height: 250px !important;
}

.newsletter-sec .text:after {
    position: absolute;
    content: "";
    background: url(../img/arrow-icon.png) no-repeat;
    width: 100px;
    height: 20px;
    left: 0;
    right: 0;
    transform: rotate(90deg);
    left: 0;
    margin: 0 auto;
        background-size: 70px;
    bottom: 30px;
}
.newsletter-sec .text {
    padding: 0px !important;
    margin: 30px 0;
}
.landingPage .our-brand .last a {
    font-size: 30px  !important;
}

}
@media (max-width: 767px) {
.intro .heading h1{
    font-size: 34px;
}
.intro .heading h2{
	font-size: 24px;
}

.intro .heading h2:after {
    top: 35px;
}
.intro .heading {
    margin: 0 auto 50px;
}
.logo {
    text-align: center;
}
.logo img {
    
    display: block;
    text-align: center;
    margin: 0 auto;
}
.about-apex{
    text-align: center;
}
.landingPage .about-apex .img-box img {
    width: auto;
}
.landingPage .our-brand .last a {
    font-size: 20px !important;
    padding: 15px 10px;
    line-height: initial;
}
.landingPage .community {
    padding: 50px 0;
}
}
@media (max-width: 600px) {
    .ProductsArea h4{
        font-size: 15px;
        line-height: 22px;
    }
    .ProductsArea .item p {
        font-size: 13px !important;
    }
.landingPage .newsletter-sec .text:after {
    display:none;
}
h2, .h2 {
    font-size: 24px;
}
.landingPage .about-apex h2 {
    text-align: center;
    font-size: 30px;
    margin: 0 0 20px !important;
}
.landingPage .our-brand h2 {
    margin-bottom: 20px;
    font-size: 20px;
}
    .landingPage .intro .text {
    padding-right: 0px;
    max-width: 100%;
}
.landingPage .intro .img-box{
    margin-top: 0%;
}
.landingPage .about-apex h2 {
    text-align: center;
}
.landingPage .about-apex {

        padding: 20px 0;
}
    .landingPage .our-brand{
        padding:30px 0;
    }
 h2, .heading h2, .our-brand h2, .newsletter-sec .text h3{
    font-size: 20px;
 }
    .product-catalog .img-row{
        display: block !important;
    overflow: visible !important;
    height: auto !important;

    }
.product-catalog .img-row .img-box {
    width: 100% !important;
    padding: 20px;
    text-align: center;
}

.landingPage .product-catalog .img-row .img-box {
    width: 100%;
    display: block;
}
.landingPage .product-catalog .img-row .img-box img {
    width: auto;
}
.product-catalog .blut-btn2{
    max-width: 100%;
}
.landingPage .product-catalog .blut-btn2 {
    width: 300px;
    padding-top: 10px;
    border-radius: 0;
    text-align: center;
    font-size: 20px !important;
    z-index: 111;
    border: 1px solid #fff;
}
.main-slider .item .captions h1{
    font-size: 24px !important;
}
.our-brand .last a {
    font-size: 30px;
    line-height: 35px;
}
.about-apex .about-text strong {
    font-size: 20px; 
}
.form-box {
    padding: 50px 10px;
}

}
div#myModal {
    z-index: 999999;
}
@media (max-width: 500px) {
.intro .heading h1 {
    font-size: 24px;
}
.intro .heading h2 {
    font-size: 18px;
}
}
.thankyouPage{
    position: relative;
    padding: 80px 0;
    text-align: center;
}
.thankyouPage h1 {
    margin: 0 0 50px;
        font-size: 50px;
    font-style: italic;
    font-weight: bold;
    color: #35478c;
}
.thankyouPage p{
    width: 50%;
    margin: 0 auto;
}
.thankyouPage .blut-btn2{
 margin-top: 50px;
}
@media screen and (min-width: 1700px) {
  h1.aboutUsHeading {
    margin-top: 7%;
}
}
@media screen and (max-width: 2299px) and (min-width: 1800px) {
   h1.aboutUsHeading {
    margin-top: 18%;
}
}
@media screen and (max-width: 2561px) and (min-width: 2300px) {
   h1.aboutUsHeading {
    margin-top: 25%;
}
}
.brand{
	text-align: center;
}
.recipes p{
      font-family: 'Roboto', sans-serif;
    font-weight: lighter;
}
.headingSection {
    text-transform: uppercase;
}
.buttonSection .btn-group .btn{
    background: transparent;
    border: 1px solid #add5f7;
    border-radius: 0px;
    padding: 10px 20px;
}
.pointsTable .subHeading h2{
    font-size: 20px;
}
.pointsTable .subHeading{
    border-bottom: 1px solid;
}
.pointsTable h3{
    font-size: 17px;
}
.pointsTable ul li{
        font-family: 'Roboto', sans-serif;
    font-weight: normal;
    line-height: 25px;
}
.recipeSingle p{
      font-family: 'Roboto', sans-serif;
    font-weight: normal;
}
.recipes_browse h2{
    min-height: 0px !important;
}
.recipeSingle {
    margin-top: 50px;
}
.rightSection {
    text-align: right;
}
.rightSection .printButton{
        margin: 80px 0px;
}
.rightSection .printButton{
        background: #add5f7;
    color: #000 !important;
    font-size: 18px;
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    border-radius: 25px;
    padding: 10px;
}
.rightSection .printButton:hover{
    color:#fff;
}
.recipes .heading {
    margin: 0 auto 20px !important;
}
.recipes {
    padding:20px 0 !important;
}
.printButton:before {
    font-family: FontAwesome;
    content: "\f02f";
    margin-right: 10px;
}
.btn-group .preparation:before, .btn-group .servings:before {
    font-family: FontAwesome;
    content: "\f0f5";
    margin-right: 10px;
}