@import url("../twentytwelve/style.css");

@font-face {
	font-family: Avenir;
	font-weight: 800;
	src: url('fonts/Avenir-Heavy-05.woff') format('WOFF');
}


/*
Theme Name:     Twenty Twelve Child
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Twelve theme
Author:         Adam Cooper
Author URI:     http://example.com/about/
Template:       twentytwelve                             
Version:        0.1.0
*/


/***** COLORS *****

#e62330 logo red
b11d1f dk red
#aeaeae menu grey
#f4f4f4 body bg grey
202020 logo black


/*******************/

*
{
box-sizing: border-box;
}

html 
{
margin-right: 0px;	
}

body, body .entry-content, body p, table, td, .default
{
font-size: 20px;
line-height: 30px;
font-family: sans-serif, open sans, arial, verdana, helvetica, geneva, sans-serif !important;
color: #202020;	
padding: 0px !important;
margin: 0px !important;
padding-top: 0px;	
text-align: left;
/*background-color: #fff;*/
border: 0px !important;
}

body.mceContentBody /* set the bg color of the editor area in wp admin */
{
background-color: #fff;
}	

body.overflow {
	overflow: hidden;
	height: 100vh;
	position: relative;
}

table, table td, table tr /*overdides default table css that screws up table content */
{
vertical-align: top;	
}

.entry-content table, .comment-content table
{
color: inherit;	
}

p
{
margin: 0px 0px 20px 0px!important;
}

body
{
text-align: left;
background-color: #fff;
}

.alt_color
{
color: #e62330;
}

/* Generic heading styling */
h1, h2, h3, h4,
h1 a, h2 a, h3 a,
.entry-content h1 a, .entry-content h2 a, .entry-content h3 a,
h1 a:link, h2 a:link, h3 a:link,
.entry-content h1 a:link, .entry-content h2 a:link, .entry-content h3 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, 
.entry-content h1 a:visited, .entry-content h2 a:visited, .entry-content h3 a:visited
{
/*font-family: arial, verdana, helvetica, geneva, sans-serif;*/
font-family: sans-serif, montserrat, roboto, oswald,'Montserrat', sans-serif;
color: #202020;
padding-bottom: 4px;
font-weight: bold !important;
}
/****************************************************/
h1, h1.entry-content, h1.page-title
{
font-size: 40px !important;;
line-height: 50px !important;;
margin-bottom: 0px;
/*display: inline-block;*/
display: block;
border-bottom: 0px solid #d1d1d1;	
}
	
	/****** these 2 styles are only here to get rid of the unnecessary default padding below the main title ******/
	header.entry-header
	{
	margin-bottom: 0px;	
	}
	
	footer.entry-meta 
	{
	display: none;
	}
   /**********************/
	
.home h1.entry-title /* The default 'Home' title that will be displayed on the HOME page. Insert a custom one via the editor if needed */
{
font-size: 24px !important;
margin-bottom: 10px;
position: relative;
top: 0px;
left: 0px;

text-shadow: none;
display: none;
}

	.home h1.entry-title .dark
	{
	color: #404040;	
	}
	
h1.entry-title /* The default h1 title that will be displayed on ALL pages. Shut off here if needed.  */
{
font-size: 40px !important;
line-height: 60px !important;
margin-top: 0px;
margin-bottom: 40px;
border: 0px solid #d1d1d1;	
text-align: center;
}

.page-id-323 h1.entry-title /* quote page */
{
display: none;	
}

.page-id-1068 h1.entry-title /* shipping container landing page */
{
display: none;	
}

.page-id-133 h1.entry-title /* moving page (title is in there manually) */
{
display: none;	
}

.page-id-137 h1.entry-title /* Container description page (title is in there manually) */
{
display: none;	
}


.home h1 /* for the custom title on homepage. entered via the wp editor */
{
/*font-size: 18px !important;
line-height: 24px !important;
margin-top: 0px;
color: #FF300A;
text-shadow: none;
margin-bottom: 0px;*/
}
	
	
h2, h2.entry-content
{
font-size: 26px !important;
line-height: 38px !important;
/*display: inline-block;*/
display: block;
border: 0px solid yellow;
margin: 0px 0px 10px 0px !important;
}

.storage_promos h2
{
font-size: 40px !important;
line-height: 50px !important;
margin-bottom: 30px !important;
}

h3, h3.entry-content
{
font-size: 14px;
line-height: 18px;
border: 0px solid yellow;
}

h4
{
font-size: 14px;
line-height: 18px
}

/***** LISTS. Note! this is for lists WITHIN the content area. Anything outside the content area will need to be added using a unique id for the area/list ******/
.entry-content ul, .comment-content ul, .mu_register ul, .mceContentBody ul,
.entry-content ol, .comment-content ol, .mu_register ol, .mceContentBody ol  
{
margin-bottom: 20px;
margin-left: 40px;
margin-right: 40px;
}

	.entry-content li, .comment-content li, .mu_register li, .mceContentBody li
	{
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	}

	.entry-content ul li, .comment-content ul li, .mu_register ul li, .mceContentBody ul li
	{
	list-style: outside none disc;	
	}
	
	.entry-content ol li, .comment-content ol li, .mu_register ol li, .mceContentBody ol li
	{
	list-style: outside none decimal;	
	}

	/**** TO USE BULLETS ****/
	ul.use_bullets li, ol.use_bullets li
	{
	list-style-type: disc !important;
	list-style-position: outside;
	margin-left: 30px;
	}
	
/*******************************************/	




.default_color
{
color: #202020;	
}

.bold
{
font-weight: bold;
}

.small
{
font-size: 12px;	
}

.emphasis
{
font-style: italic;
/*font-size: 28px;*/
font-weight: bold;
}

.underline
{
margin-bottom: 10px;
border-bottom: 1px solid #FF300A ;	
display: block;	
}

.copyright
{
font-size: 14px;
}

/* LoVe HAte anchors */

a, .entry-content a {color: #e62330; text-decoration: none}
a:link, .entry-content a:link {color: #e62330; }
a:visited, .entry-content a:visited {color: #e62330; }
a:hover, .entry-content a:hover {color: #aeaeae;}
a:active, .entry-content a:active {color: #e62330; }

a img
{
border: 0px;
}

img /* gets rid of default wp img shadow */
{
box-shadow: none;	
vertical-align: middle;/* a fix used to get rid of margin at bottom of images */	
}

.responsive_image
{
max-width: 100%;
height: auto;	
}

img.alignright /* gets rid of default margin thats added when aligning images to the right in the editor */
{
margin: 0px;
margin-left: 60px;	
margin-bottom: 30px;
}					
					
.more, .more a, .less, .less a
{
cursor: pointer;
margin: 5px 0px 0px 0px;
padding: 0px;
/*color: #C93409;*/
display: block;
font-size: 12px;
line-height: 16px;
border: 0px solid yellow;
}					

.float_right
{
float: right;
}		
			
hr
{
color: #d1d1d1;
width: 90%;
height: 1px;
border: 1px solid #d1d1d1;
}
	
.clear_all
{
clear: both;
}
	
/* to remove round border and shadow froom images in the content area */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
   /* border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
	 border-radius: 6px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
	
.quote_text
{
font-size: 20px;	
line-height: 34px;
text-align: center;
}

a.rent_buy_button, .entry-content a.rent_buy_button
{
font-family: sans-serif, oswald,'Montserrat', sans-serif;
margin: 0 auto;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
padding: 20px 50px 20px 50px;
background-color: #e62330;
color: #fff;
font-weight: bold;
font-size: 24px;
border: 2px solid #f4f4f4;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;  
border-radius: 8px; 
display: inline-block;

-webkit-box-shadow: 2px 2px 25px #424242;
-moz-box-shadow: 2px 2px 25px #424242;
box-shadow: 2px 2px 25px #424242; 
}


a.call_to_action, .entry-content a.call_to_action
{
font-family: sans-serif, 'Montserrat',oswald, sans-serif;
margin: 0 auto;
padding: 20px 50px 20px 50px;
background-color: #e62330;
color: #fff;
font-weight: bold;
font-size: 28px;
border: 2px solid #f4f4f4;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;  
border-radius: 8px; 
display: inline-block;

-webkit-box-shadow: 2px 2px 25px #424242;
-moz-box-shadow: 2px 2px 25px #424242;
box-shadow: 2px 2px 25px #424242; 
}

a.call_to_action.higher, .entry-content a.call_to_action.higher
{
position: relative;
top: -40px;
}

@media (max-width: 767px) {
	a.call_to_action {
		font-size: 24px;
	}
}

.call_to_action_phone
{
font-size: 38px;
/*display: inline-block;*/
margin: 0 auto;
margin-top: 20px;
margin-bottom: 40px;
}

a .call_to_action_phone
{
color: #202020;
}

/**** MAIN LAYOUT ****/

#mobile_nav_bar
{	
/*padding-left: 20px;
padding-right: 20px;*/
border-top: 2px solid white;
border-bottom: 2px solid #fff;
/*background: #343434 url('images/tiling_bg_mobile.jpg') left top repeat-x;*/
background-color: #202020;	
position: fixed;
top: 0px;
z-index: 10000;
width: 100%;
height: 44px;
cursor: pointer;

-webkit-box-shadow: 0 8px 6px -6px #5a5a5a;
-moz-box-shadow: 0 8px 6px -6px #5a5a5a;
box-shadow: 0 8px 6px -6px #5a5a5a;

display: none;
}


	#mobile_nav_bar_2
	{
	height: 100%;
	font-size: 14px;
	line-height: 14px;
	background:transparent url('images/nav_icon.png') left 3px no-repeat;
	cursor: pointer;	
	border: 0px solid red;	
	/*width: 200px;*/
	position: absolute;
	left: 20px;			
	padding-left: 40px;
	/*float: right;*/
	
	display: none; /* hide nav icon if using responsive nav plugin */
	}
	
	#mobile_nav_bar a
	{
	color: #fff;
	position: relative;
	top: 22px;
	border: 0px solid yellow;
	height: 100%;
	}
	
		#open_nav_container_mobile, #close_nav_container_mobile
		{
		border: 0px solid yellow;	
		width: 90px;
		}

		#nav_tel_container_mobile
		{
		position: absolute;
		right: 30px;			
		top: 0px;
		font-size: 16px;
		/*width: 220px;*/
		display: block;			
		border: 0px solid #fff;	
		z-index: 20000;	
		}
		
			#nav_tel_container_mobile a
			{
			top: 0px;	
			background:transparent url('images/nav_icon_phone.png') left top no-repeat;
			width: 40px;
			height: 40px;
			display: block;		
			}
			
		#nav_email_container_mobile
		{
		position: absolute;
		right: 90px;			
		top: 1px;
		font-size: 16px;
		/*width: 220px;*/
		display: block;			
		z-index: 20000;	
		}
		
			#nav_email_container_mobile a
			{
			top: 0px;
			width: 40px;
			height: 40px;
			border: 0px solid #fff;	
			background:transparent url('images/nav_icon_email.png') left top no-repeat;			
			display: block;		
			}
	

#container_1
{
max-width: 9999px !important;
/*background:transparent url('images/tiling_bg_2_internal.jpg') left top repeat-x;*/
border: 0px solid red;
margin-top: 80px; /* this must match the height of any floating/fixed header */
}

@media (max-width: 1275px) {
	#container_1 {
		margin-top: 56px;
	}
}


.home #container_1
{
/*padding-top: 0px;*/
/*text-align: center;*/
/*margin: 0 auto;*/
/*background:transparent url('images/tiling_bg_2.jpg') left top repeat-x;*/
border: 0px solid yellow;
}

#container_2
{
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;	
text-align: center;
/*margin: 0 auto;*/
border: 0px solid yellow;
/*width: 100%;
height: 100%;*/
/*background:transparent url('images/sun_bg_lg.png') right top no-repeat;*/
}
				
		#header_1_container
		{			
		position: fixed;	
		top: 0px;	
		width: 100%;		
		background-color: #fff;
		/*border-bottom: 2px solid #202020;*/
		border-top: 35px solid #202020;
		border-bottom: 2px solid #ccc;
		z-index: 1000;		
		margin-bottom: 0px;			
		}	
		
		.home #header_1_container
		{
		/*border-bottom: 0px;	*/
		}
	
			#header_1
			{		
			position: relative;	
			left: 0px;	
			border: 0px solid blue;			
			/*width: 1200px;			*/
			height: 120px;	/* remember to change container 1 top margin to match overall header height */	
			text-align: left;		
			overflow: visible;		
			/*background-image: url(images/header.jpg); 
			background-repeat: no-repeat; 	*/
			z-index: 1000;
			/*background-color: #333;*/
			margin: 0 auto;
			
		   -webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
		   -ms-transition: all 0.3s;
		   -o-transition: all 0.3s;
		   transition: all 0.3s;
			}			
			

			#header_1_container.smaller #header_1
			{
			height: 55px;						
			}	
			
			#header_1_container.smaller #header_2_container
			{
			/*display: none;	*/
			}	
				
				#logo
				{		
				position: absolute;	
				left: 10px;
				top: 20px;	
				border: 0px solid #202020;
				width: 210px;
				height: 80px;	
				overflow: hidden;		
				display: block;	
				/*background-image: url(images/logo_for_site.png); 
				background-repeat: no-repeat; */
				
				-webkit-transition: all 0.3s;
		      -moz-transition: all 0.3s;
		      -ms-transition: all 0.3s;
		      -o-transition: all 0.3s;
		      transition: all 0.3s;
				}	
				
				.smaller #logo
				{			
				width: 105px;
				height: 40px;	
				top: 7px;
				}						
				
				
				#social_buttons_2
				{
				text-align: center;
				border: 0px solid blue;	
				display: block;	
				position: absolute;
				top: 30px;
				top: 18px;
				right: 280px;
				right: 430px;
				right: 0px;
				
				/*display: none;*/
				}
				
				#header_1_container.smaller #social_buttons_2
				{
				display: none;	
				}
					
					#social_buttons_2 #linked_in_link, #social_buttons_2 #facebook_link, #social_buttons_2 #twitter_link, #social_buttons_2 #youtube_link, #social_buttons_2 #instagram_link, #social_buttons_2 #google_plus_link
					{
					display: inline;	
					margin-right: 20px;
					}
			
				
				#vcard
				{			
				position: absolute;					
				top: -38px;				
				right: 20px;
				/*right: 170px;*/
				border: 1px solid red;
				font: 14px/20px arial, verdana, helvetica, geneva, sans-serif;
				/*width: 280px;	
				height: 80px;*/				
				color: #fff;			
				z-index: 1;
				display: block;
				}		
				
					#vcard a
					{
					color: #fff;	
					}
				
					#tel_container
					{
					min-width: 145px;
					position: absolute;
					top: 0px;
					right: 270px;
					font-size: 16px;
					/*width: 220px;*/
					display: block;	
					
					background-color: #E2D4C7; /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */				
					background-image: -webkit-linear-gradient(top, #E2D4C7, #ffffff); /* For Chrome and Safari */
					background-image:    -moz-linear-gradient(top, #E2D4C7, #ffffff); /* For old Fx (3.6 to 15) */
					background-image:     -ms-linear-gradient(top, #E2D4C7, #ffffff); /* For pre-releases of IE 10*/
					background-image:      -o-linear-gradient(top, #E2D4C7, #ffffff); /* For old Opera (11.1 to 12.0) */
					background-image:         linear-gradient(to bottom, #E2D4C7, #ffffff); /* Standard syntax; must be last */
					/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2D4C7', endColorstr='#ffffff');*/ /* for post 5.5 IE */				
										background-image: none;
										background-color: transparent;
					border: 0px solid #770122;
					
					}
				
						#vcard .tel
						{
						background-image: url(images/phone_icon_sm_wht.png); 
						background-repeat: no-repeat; 
						background-position: 10px 8px;
						overflow: visible;
						padding: 10px 0px 10px 45px;	
						display: block;					
						}
						
										
					#email_container
					{
					position: absolute;
					top: 40px;
					top: 0px;
					right: 0px;
					width: 250px;
					display: block;	
					
					background-color: #E2D4C7; /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */				
	
					background-image: -webkit-linear-gradient(top, #E2D4C7, #ffffff); /* For Chrome and Safari */
					background-image:    -moz-linear-gradient(top, #E2D4C7, #ffffff); /* For old Fx (3.6 to 15) */
					background-image:     -ms-linear-gradient(top, #E2D4C7, #ffffff); /* For pre-releases of IE 10*/
					background-image:      -o-linear-gradient(top, #E2D4C7, #ffffff); /* For old Opera (11.1 to 12.0) */
					background-image:         linear-gradient(to bottom, #E2D4C7, #ffffff); /* Standard syntax; must be last */
					/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2D4C7', endColorstr='#ffffff');*/ /* for post 5.5 IE */
										background-image: none;
										background-color: transparent;
					border: 0px solid #770122;				
					}
					
						#vcard .email
						{
						background-image: url(images/email_icon_sm_wht.png); 
						background-repeat: no-repeat; 
						background-position: 10px 8px;
						overflow: visible;
						padding: 10px 0px 10px 45px;	
						display: block;
						}
					
					#address
					{			
					position: absolute;
					top: 10px;
					right: 0px;
					padding-left: 30px;
					/*width: 250px;
					height: 60px;		*/
					border: 0px solid yellow;
					border-left: 1px solid #CCC;
					/*font: 13px/18px arial, verdana, helvetica, geneva, sans-serif;*/
					/*color: #fff;				*/
					/*width: 1200px;	
					height: 48px;	*/		
					display: none;
					}		
				
					#nav_container
					{
					/*width: 1000px;*/
					width: 100%;			
					position: absolute;
					/*position: relative;*/
					right: 0px;
					bottom: 0px;			
					border: 0px solid green;
					text-align: right;		
					/*background-image: url(images/nav_bg.png); 
					background-repeat: no-repeat; 
					background-color: #e62330;*/
					z-index: 200;	
					padding-right: 0px;	
					margin-top: 0px;
					margin-bottom: 0px;
					}								

					.smaller #nav_container
					{
					bottom: 0px;	
					}							
					
					#nav_container_mobile_wrapper		
					{			
					z-index: 10000;			
					}
				
					#nav_container_mobile	
					{
					position: fixed;	
					top: 50px;
					z-index: 10000;
					}				
		

			.self-storage {
				background-color: #EDEDED;
				padding: 48px 0;
				text-align: left;
				margin-top: 20px;
			}

			.self-storage-inner {
				max-width: 980px;
				padding: 0 20px;
				margin: 0 auto;
				display: flex;
				align-items: center;
			}

			@media (max-width: 991px) {
				.self-storage-inner {
					flex-direction: column;
				}
			}

			.self-storage-left {
				width: 100%;
				flex: 0 0 100%;
				max-width: 480px;
				margin-right: 48px;
			}

			@media (max-width: 991px) {
				.self-storage-left {
					margin-bottom: 20px;
					margin-right: 0;
				}
			}

			.self-storage-left img {
				max-width: 100%;
				height: auto;
			}

			.self-storage-title {
				font-family: Arial, sans-serif;
				font-weight: 700;
				font-size: 32px;
				line-height: 40px;
				margin-bottom: 16px;
			}

			@media (max-width: 991px) {
				.self-storage-title {
					text-align: center;
				}
			}

			.self-storage-descr {
				font-family: Arial, sans-serif;
				font-weight: 400;
				font-size: 16px;
				line-height: 24px;
				margin-bottom: 40px;
			}

			@media (max-width: 991px) {
				.self-storage-descr {
					text-align: center;
				}
			}

			.self-storage-descr p {
				font-family: Arial, sans-serif !important;
				font-weight: 400;
				font-size: 16px;
				line-height: 24px;
				margin-bottom: 8px !important;
			}

			@media (max-width: 991px) {
				.self-storage-descr p {
					text-align: center;
				}
			}

			@media (max-width: 991px) {
				.self-storage-button {
					display: flex;
					justify-content: center;
				}
			}

			#home_promo_text_container
			{
			border-top: 0px solid #202020;	
			border-bottom: 0px solid #202020;	
			text-align: center;		
			/*margin-top: 20px;			*/
			margin-bottom: 40px;			
			margin-bottom: 0px;		
			/*margin: 0 auto;*/
			text-align: center;
			background-color: #202020;		
			background-image: url(images/logo_lg_watermark_1150.png); 			
			background-repeat: no-repeat; 	
			background-size: contain;
			background-position: center; 
			background-attachment: fixed;
			}
		
				#home_promo_text
				{	
				border: 0px solid red;			
				text-align: center;					
				max-width: 700px;
				margin: 0 auto;					
				}
				
					#home_promo_text_padding
					{						
					padding: 60px 40px 60px 40px;
					}
					
						#home_promo_text h1
						{			
						color: #202020;
						color: #fff;
						font-size: 36px !important;
						font-weight: bold;
						line-height: 50px !important;
						/*text-transform: uppercase;*/
						margin-bottom: 40px;
						
						}
						
						#home_promo_text h2
						{			
						color: #202020;
						color: #fff;
						/*color: #e62330;*/
						font-size: 22px !important;
						line-height: 34px;
						margin-bottom: 0px !important;
						}
						

		#container_3
		{
		width: 100%;
		text-align: left;
		text-align: center;
		margin: 0 auto;
		border: 0px solid red;	
		margin-top: 0px;
		
		/*** added when the header was set to fixed ***/
		/*margin-top: 0px;
		top: 155px;*/
		}	
			
			
			.home #content_container
			{
			/*margin-top: 0px;*/
			}
	
			#content_container
			{
			position: relative;
			left: 0px;			
			border: 0px solid yellow;			
			padding-top: 0px;
			margin-bottom: 0px;	
			margin-top: 0px;		
			text-align: center;
			background-color: #f4f4f4;	
			background-color: #fff;
			}				
			
			#content_container_2 /* add content side spacing here */
			{
			/*width: 100%;*/
			border: 0px solid green;		
			padding-top: 0px;
			margin-bottom: 0px;	
			margin: 0 auto;	
			text-align: left;			
			/*padding-left: 20px;
			padding-right: 20px;*/
			/*width: 75%;*/
			}			
			
				#column_1
				{
				float: left;
				/*width: 344px;			*/
				text-align: left;
				border: 0px solid orange;				
				position: relative;					
				top: 0px;
				left: 0px;		
				display: block;	
				
				display: none;						
				}
				
					#column_1_padding
					{
					/*padding: 0px 0px 0px 26px;*/
					padding: 0px 0px 0px 0px;
					}		
								
						#second_level_nav_container
						{					
						position: relative;
						left: 0px;
						top: 0px;
						border: 0px solid #e62330;
						text-align: center;	
						/*background-color: #aeaeae;		*/
						border-right: 0px;
						border-left: 0px;
						margin-bottom: 20px;
						}
						
									
					
				#main_content
				{
				position: relative;	
				left: 0px;		
				float: left;							
				text-align: left;				
				/*width: 654px;*/
				border: 0px solid black;
				/*display: none;*/	
				/*background-color: #fff;*/
				
				width: 100%;			
				}		
				
			
					.main_content_padding
					{
					padding-left: 350px;
					padding-top: 50px;
					padding-right: 350px;
					padding-bottom: 60px;
					border: 0px solid red;
					}			
					
					.home .main_content_padding
					{						
					/*padding-top: 0px;					*/
					}			
					
					#quote_button_1
					{
					position: absolute;						
					border: 0px solid black;
					margin: 0 auto;
					width: 100%;					
					z-index: 1000;
					}
					
					   #quote_button_1 img
						{
						position: relative;
						top: -90px;	
						}
					
					.fitvid_video /* used to restrict the size of fitvid videos */
					{
					/*max-width: 500px; */
					margin: 0 auto; 
					border: 0px solid #202020;
					}
					
					
					/************* SIZE BOXES ****************/
					
					.size_boxes
					{
					/*background-color: #f5f5f5;	*/
					display: flex;
					justify-content: center;
					flex-wrap: wrap;
					padding: 0px;
					border: 0px solid #ccc;
					margin-bottom: 0px !important;					
					}					
					
						.size_boxes.container .columns, .size_boxes.container .column /* represents each box */
						{			
						/*width: 48.8%;	
						width: 49.9%;*/
						border: 0px solid #ccc;
						color: #7a7a7a;
						color: #202020;
						margin-bottom: 0px;
						/*background-color: #fff;	*/
						/*padding-bottom: 15px;
						padding-left: 15px;
						padding-right: 15px;*/
						}
						
						#dimensions.size_boxes.container .columns, #dimensions.size_boxes.container .column /* represents each box */
						{
						
						}
						
						#dimensions.size_boxes.container .column .column_margin, #dimensions.size_boxes.container .columns .column_margin /* represents each box */
						{
						margin: 15px;
						/*padding-bottom: 20px;*/
						/*background-color: #f4f4f4;	*/
						/*border-right: 1px solid #efefef;*/
						}

						.size_boxes_item_img
						{
							display: flex;
							height: 302px;
							align-items: center;
							justify-content: center;
							margin-top: 40px;
							margin-bottom: 20px;
						}
						
							.size_boxes div
							{
							text-align: center;
							}
							
							.size_boxes img
							{				
							max-height: 100%;			
							padding-bottom: 0px;
							}
							
							h2.size_boxes, .size_boxes .columns h2, .size_boxes .column h2, .size_boxes .column h2.entry-content
							{
							font-size: 32px !important;	
							font-weight: bold;
							margin-bottom: 20px !important;
							color: #7a7a7a;
							}
							
							#dimensions.size_boxes .columns h2, #dimensions.size_boxes .column h2, #dimensions.size_boxes .column h2.entry-content
							{
							margin-top: 40px !important;
							}							
							
							.size_cost
							{
							font-size: 28px;	
							margin-bottom: 0px;
							color: #121212;
							}
							.size_cost.new {
								color: #e62330;
							}
							.size_cost.old {
								font-size: 20px;
								text-decoration: line-through;
							}
							
								.size_cost .small
								{
								font-size: 14px;	
								}
							
							#dimensions.size_cost .small
							{							
							margin-bottom: 0px;							
							}							
							
									
							
					html .mceContentBody /* set the width of the editor area in wp admin */
					{
					width: 1000px;
					max-width: none; /* leave this here! */
					}				
				
									
						#title_container, #category_container
						{
						position: relative;
						left: 0px;
						top: 0px;
						/*width: 610px;*/
						border: 0px solid yellow;
						margin-top: 28px;
						margin-bottom: 50px;
						border-bottom: 0px solid #d1d1d1; /* use to add underline to main titles */
						}		
		
		
			#footer_promo_text_container
			{
			border-top: 0px solid #202020;	
			border-bottom: 0px solid #202020;	
			text-align: center;			
			margin-bottom: 2px;		
			/*margin: 0 auto;*/
			text-align: center;
			background-color: #202020;		
			background-image: url(images/logo_lg_watermark_1150.png); 			
			background-repeat: no-repeat; 	
			background-size: contain;
			background-position: center; 
			background-attachment: fixed;
			}
		
				#footer_promo_text
				{	
				color: #fff;
				border: 0px solid red;			
				text-align: center;					
				max-width: 800px;
				margin: 0 auto;					
				}
				
					#footer_promo_text_padding
					{						
					padding: 60px 20px 60px 20px;
					}
					
						#footer_promo_text h1
						{			
						color: #fff;
						font-size: 28px !important;
						line-height: 40px !important;
						text-transform: uppercase;
						margin-bottom: 15px;
						
						}
						
						#footer_promo_text h2
						{								
						color: #fff;
						font-size: 22px !important;
						line-height: 34px !important;
						margin-bottom: 0px !important;
						}							


		img#quote_image 
		{
		/*position: relative;*/
		left: 0px;
		top: 0px;
		border: 0px solid black;								
		/*display: none;	*/
		width: 100%;
		max-width: 271px;
		display: block;
		}
		
		#quote_container /* quote box */
		{
		background-color: #e62330;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 10px;
		padding-right: 10px;
		}
		
			#quote_title
			{
			font-size: 34px;
			color: #fff;	
			text-align: center;
			}
			
			#quote_instructions
			{
			color: #fff;
			text-align: center;	
			}
			
		#footer
		{
		position: relative;
		left: 0px;
		bottom: 0px;
		padding: 30px;
		text-align: center;		
		margin: 0 auto;	
		margin-top: 0px !important;		
		border-top: 8px solid #e62330;		
		/*height: 225px;*/
		/*width: 1000px;*/
		width: 100%;
		display: block;
		/*background:transparent url('images/footer_bg.jpg') center top no-repeat;	
		background-position: center top;				*/
		background-color: #202020;
		/*display: none;*/
		border: 0px solid red;
		}
		
		#footer_2
		{
		text-align: left;	
		border: 0px solid yellow; 
		}
		
		
			.footer_links
			{
			border: 0px solid blue; 
			max-width: 890px;
			/*margin: 0 auto;*/
			padding: 10px;
			text-align: left;	
			/*width: 980px;	
			width: 50%;	*/
			/*border: 0px solid #202020;*/			
			margin-bottom: 0px;
			position: relative;
			/*left: 20px;*/
			}
			
				.footer_links h2
				{
				color: #fff	
				}
			
				.footer_links ul
				{								
				list-style: none;
				margin: 0px;				
				padding: 0px;
				margin-bottom: 30px !important;	
				margin-right: 20px !important;		
				/*float: left;	*/
				/*width: 210px;*/
				border: 0px solid green;
				
				}
				
						.footer_links ul .last
						{								
						/*border-right: 1px dotted #939393;	*/
						}
				
					
					.footer_links ul li
					{								
					border: 0px solid red;
					}						
						
					.footer_links ul li a
					{								
					color: #aeaeae;	
					color: #fff !important;				
					font-size: 14px;
					/*text-shadow: 1px 1px 0px #000;*/
					}					

					.footer_links ul li a:hover
					{								
					color: #e62330;								
					text-shadow: 0 0 6px #fff;		
					transition: none 0s ease 0s;
					}
					
					/* second set of footer links */
					.footer_links.second ul li a
					{	
					color: #ccc !important;				
					font-size: 14px;
					border: 0px solid red;
					/*text-shadow: 1px 1px 0px #000;*/
					}
					
					
						
			#footer_logo
			{
			position: absolute;	
			right: 40px;
			top: 16px;	
			border: 0px solid #202020;
			width: 185px;
			height: 90px;						
			background-image: url(images/footer_logo_3.png); 
			background-repeat: no-repeat;
			background-size: cover;
			}

			.footer_social {
				position: relative;
				top: 114px;
				display: flex;
				gap: 16px;
				@media only screen and (max-width: 999px) {
					justify-content: center;
				}
			}
			.footer_social a {
				width: 40px;
				height: 40px;
				transition: all .3s;				
			}
			.footer_social a:hover {
				opacity: .8;
			}
			.footer_social a.fb {
				background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 37.5C40 38.88 38.88 40 37.5 40H2.5C1.12 40 0 38.88 0 37.5V2.5C0 1.12 1.12 0 2.5 0H37.5C38.88 0 40 1.12 40 2.5V37.5Z' fill='%233B5998'/%3E%3Cpath d='M27.5 40V25H32.5L33.75 18.75H27.5V16.25C27.5 13.75 28.7525 12.5 31.25 12.5H33.75V6.25C32.5 6.25 30.95 6.25 28.75 6.25C24.1562 6.25 21.25 9.85125 21.25 15V18.75H16.25V25H21.25V40H27.5Z' fill='white'/%3E%3C/svg%3E%0A");
			}
			.footer_social a.in {
				background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 37.5C40 38.88 38.88 40 37.5 40H2.5C1.12 40 0 38.88 0 37.5V2.5C0 1.12 1.12 0 2.5 0H37.5C38.88 0 40 1.12 40 2.5V37.5Z' fill='%23007BB5'/%3E%3Cpath d='M13.75 13.75H8.75V31.25H13.75V13.75Z' fill='white'/%3E%3Cpath d='M25.6238 13.75C22.135 13.75 21.535 15.0225 21.25 16.25V13.75H16.25V31.25H21.25V21.25C21.25 19.6287 22.1287 18.75 23.75 18.75C25.3325 18.75 26.25 19.61 26.25 21.25V31.25H31.25V22.5C31.25 17.5 30.5988 13.75 25.6238 13.75Z' fill='white'/%3E%3Cpath d='M11.25 12.5C12.6307 12.5 13.75 11.3807 13.75 10C13.75 8.61929 12.6307 7.5 11.25 7.5C9.86929 7.5 8.75 8.61929 8.75 10C8.75 11.3807 9.86929 12.5 11.25 12.5Z' fill='white'/%3E%3C/svg%3E%0A");
			}
			.footer_social a.insta {
                width: 40px;
                height: 40px;
                background-size: cover;
                background-image: url("./images/instagram.png");
			}
		
			#website_by
			{			
			/*position: absolute;
			top: 112px;
			left: 430px;*/
			font-size: 12px;
			border: 0px solid red;
			color: #a3a3a3;
			margin: 0 auto;	
			/*text-shadow: 1px 1px 0px #424242;	*/
			padding-bottom: 20px;
			text-align: center;
			}
			
				#website_by a
				{
				color: #959595;
				}


.delivery_requirements
{
font-size: 22px;
line-height: 34px;
font-weight: bold;
}

	.delivery_requirements .title
	{
	font-size: 32px;
	color: #e62330;
	margin-bottom: 20px;
	}


/******************* STATIC BANNER *****************/

#banner_images_wrapper /* wraps everything */
{
position: relative;
border: 2px solid #ccc;
border-left: 0px;
border-right: 0px;
border-top: 0px;
margin: 0 auto;	
z-index: 0;	
width: 100%;
padding: 0px;
margin-bottom: 10px;
text-align: center;
}

/* @media only screen and (max-width: 1100px) {
	#banner_images_wrapper .responsive_image {
		height: 480px;
		object-fit: cover;
		object-position: 33% 0;
	}
} */

#banner_images_wrapper .responsive_image_mobile {
	display: none;
	width: 100%;
	height: 480px;
	background-position: 33% 15px;
	background-size: cover;
}

@media only screen and (max-width: 1100px) {
	#banner_images_wrapper .responsive_image_mobile {
		display: block;		
	}
}


.page-id-1068 #banner_images_wrapper /* no banner on shipping ocntainer landing page */
{
display: none;	
}

	.banner_image /* wraps each individual banner and content */
	{
	position: absolute;
	top: 0;
	z-index: 1;		
	margin: 0 auto;
	text-align: center;
	width: 100%;	
	}
	
		#banner_images img.main_image /* actual main img */
		{
		
		}
	
		.banner_image .banner_content
		{
		position: relative;
		padding: 12px 40px 24px 40px;		
		/*margin: 30px 20px 0px 40px;		*/
		/*margin: 0 auto;*/
		font-family: Avenir, Arial, sans-serif;	
		/*font-family: 'Montserrat', sans-serif;*/
		font-weight: 300;	/* used to pick between 'light' or 'regular' font thickness. Look at include code in head to see options*/
		/*top: 0px;
		left: 0px;*/
		z-index: 100;			
		text-align: center;			
		/*background-color: rgba(0, 0, 0, 0.40);*/ /* used RGB so I can use opacity (0.30) */		
		color: #fff;
		border: 0px solid red;
		/*border-left: 4px solid #E82B29;	*/		
		display: block;	
		/*max-width: 750px;*/
		
		}
		
			
			.banner_content .title
			{	
			font-size: 48px;
			font-weight: 800;
			line-height: 56px;
			text-transform: uppercase;
			padding: 0px 0px 0px 0px;		
			margin: 0px 0px 20px 0px;		
			border: 0px solid yellow;				
			/* text-shadow: 1px 1px 1px #424242; */
			}
			
				.banner_content .alt_color
				{
					color: inherit;
				/*text-shadow: 0px 0px 50px #fff;	*/
				}
							
			.banner_content .title_2
			{				
			padding: 0px 0px 0px 0px;		
			margin: 0px 0px 0px 0px;		
			}
			
			.banner_content .details
			{	
			font-size: 26px;	
		   line-height: 34px;			
			padding: 0px 0px 0px 0px;		
			margin: 0px 0px 0px 0px;							
			border: 0px solid green;		
			/*background-color: rgba(250, 250, 250, 0.3);	
			background-color: rgba(0, 0, 0, 0.50);*/ /* used RGB so I can use opacity (0.30) */		
			}
			
				.banner_content .details ul li
				{
				padding: 15px 0px 15px 0px;		
				border-bottom: 1px solid #B0D7F6;	
				border-bottom: 1px solid #000;	
				border-bottom: 1px dotted #ddd;	
				}
				
				.banner_content .details ul li.last
				{				
				border-bottom: 0px solid #B0D7F6;	
				}
			
			.banner_content .call_to_action
			{
			width: 100%;
			font-size: 30px;
			line-height: 60px;
			background-color: #e62330;
			border: 2px solid #202020;
			color: #fff;
			text-align: center;
			margin-top: 20px;			
			}
			
				.banner_content a .call_to_action
				{				
				color: #fff;				
				}

/*********** RESPONSIVE FULL WIDTH PROMO BOXES **************/
					
		.responsive_promo_box_wrapper
		{
		/*background-color: #e2e2e2;	*/
		margin: 0px;
		padding: 0px;
		}
		
		.responsive_promo_box_wrapper.two
		{
		/*background-color: #e62330 !important;*/
		}
		
		.responsive_promo_box_wrapper.three
		{
		/*background-color: #dfae3d;*/
		}

				
		.responsive_promo_box
		{
		/*background-color: red;*/
		border: 0px solid blue;		
		margin: 0 auto;
		margin-bottom: 20px;
		padding: 0px;	
		/*width: 100%;*/
		max-width: none;
		
		/* This line is the setting to modify in media queries to reduce size of box and image. 
		!!! This needs to match the min-height of the .content class below. Also needs to keep matching in media queries */
		min-height: 400px; 		
		
		text-align: left;	
		position: relative;	
		overflow: hidden;
		}
		
			.responsive_promo_box .responsive_image /* image on right */
			{
			display: block;
			/*height: 100%;	*/
			position: absolute;
			top: 0px;
			right: 0px; /*REMOVE this for image reduction on RIGHT sides of image */
			left: auto;			
			border: 0px solid red;			
			/*min-height: 0px;*/
			
			/*min-width: 700px;*/ /* if using this, be sure to remove in media queries when going vertical */
			max-height: 700px;
			
			/*REPLACE these two lines for image reduction on RIGHT sides of image */
			/*margin: 0 0 0 0px; 
			/*left: 55%;	*/
			}
			
			.responsive_promo_box.image_left .responsive_image /* image on left */
			{			
			right: auto;
			left: 0px;
			
			/*left: 50%; /*REPLACE these two lines for image reduction on RIGHT sides of image */
			/*margin: 0 0 0 -650px;*/
			}
			
			.responsive_promo_box .content
			{	
			position: relative;					
			border: 0px solid yellow;
			color: #202020;								
			font-size: 20px;
			line-height: 32px;
			/*font-family: Museo Sans;*/
			/*margin: 0px;*/
			padding-top: 40px;			
			padding-left: 40px;
			padding-right: 40px;
			/*background-color: #007DC6;	*/
			max-width: 540px;
			
			
			/*!!! This needs to match the min-height of its container. Also needs to keep matching in media queries */
			/*!!! Remove if you want content in a smaller bar */
			min-height: 400px; 
			
			display: block;
			z-index: 100;
			/*left: 20%;*/			
			left: 50%;
			}
			
						
			.responsive_promo_box.image_left .content
			{		
			color: #fff;		
			margin: 0 0 0 20px; /* use this setting to move content left or right */
			max-width: 540px;
			background-color: #e62330;
			/*background: rgba(0, 0, 0, 0) linear-gradient(to right, transparent 0%, #e62330 20%) repeat scroll 0 0;*/
			/*display: none;*/
			}
			
			.responsive_promo_box.image_right .content
			{					
			margin: 0 0 0 -520px; /* use this setting to move content left or right */
			background-color: #fff;
			/*background: rgba(0, 0, 0, 0) linear-gradient(to left, transparent 0%, #e2e2e2 20%) repeat scroll 0 0;*/
			/*display: none;*/
			}
			
				.responsive_promo_box .content h2
				{						
				color: #fff;
				
				font-size: 42px !important;
				line-height: 52px !important;
				margin-bottom: 30px !important;
				/*text-shadow: 2px 2px 2px #000;*/
				}
				
				.responsive_promo_box.image_right .content h2
				{					
				color: #202020;
				
				}
				
				.responsive_promo_box .content a
				{						
				color: #fff;				
				}	
				
				.responsive_promo_box .content a:hover
				{						
				color: #fff;				
				}						
						
				
				.responsive_promo_box.image_left a.more
				{
				cursor: pointer;
				margin: 0px 0px 0px 0px;
				margin-top: 10px !important;
				padding: 10px;
				color: #fff;
				/*display: block;*/
				display: inline-block;
				font-size: 26px;
				line-height: 28px;
				border: 2px solid #fff;						
				background-color: #e62330;
				}
				
				.responsive_promo_box.image_right a.more
				{
				cursor: pointer;
				margin: 0px 0px 0px 0px;
				margin-top: 10px !important;
				padding: 10px;
				color: #202020;
				color: #fff;
				/*display: block;*/
				display: inline-block;
				font-size: 26px;
				line-height: 28px;
				border: 2px solid #fff;		
				background-color: #f1f1f1;
				background-color: #e62330; 
				}				
				
				
			  .responsive_promo_box a .phone_number
			  {
			  font-size: 24px;
			  color: #202020;
			  font-weight: bold;
			  }
			  
/*******************************************/
	
				


/****** BOX SETTINGS *****************/

.box_border
{
border: 1px solid #d1d1d1;	
}

.box_border_4
{
border: 1px solid #d1d1d1;	
}

.box_bottom_margin
{
margin-bottom: 20px;	
}

.box_padding
{
/*margin: 0px 0px 0px 0px;*/
padding: 20px;			
/*background-color: #ffffff;
height: 170px;*/
}
					
	.white
	{	
	background-color: #fff;
	}
	
	.box_sub_title
	{
	font-weight: bold;
	margin: 0px 0px 4px 0px;		
	}

.round_corners
{
border: 1px solid #d1d1d1;
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;  
border-radius: 6px;  	
}

img.round_image
{
border: 5px solid #ccc;
-moz-border-radius: 1000px;  
-webkit-border-radius: 1000px;  
border-radius: 1000px;  
}

.drop_shadow
{
-webkit-box-shadow: 2px 2px 3px #d1d1d1;
-moz-box-shadow: 2px 2px 3px #d1d1d1;
box-shadow: 2px 2px 3px #d1d1d1;
}

.drop_shadow_dark
{
-webkit-box-shadow: 2px 2px 3px #757575;
-moz-box-shadow: 2px 2px 3px #757575;
box-shadow: 2px 2px 3px #757575;
}

.box_shade_top
{
background-image: url(images/box_shade_top.png);
background-position: top left;
background-repeat: repeat-x;			
}

.box_shade_top_wht
{
background-image: url(images/box_shade_top_wht.png);
background-position: top left;
background-repeat: repeat-x;			
}

.box_shade_btm
{
background-image: url(images/box_shade_btm.png);
background-position: bottom left;
background-repeat: repeat-x;			
}

.box_shade_btm_tall
{
background-image: url(images/box_shade_btm_tall.png);
background-position: bottom left;
background-repeat: repeat-x;			
}


/******** ROW OF BOXES *********/

.row_of_boxes.container
{
list-style: none outside none;
/*width: 1000px;*/
border: 0px solid black;
border-top: 2px solid #fff;
margin: 0px;
margin-top: 0px;
display: block;
margin-bottom: 0px;
}

.row_of_boxes a
{
color: #202020;
}
		
	/*.row_of_boxes .column
	{		
	min-height: 300px;	
	position: relative;	
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px !important;
	}	*/
	
	.row_of_boxes.container .column, .row_of_boxes.container .columns /* represents each box */
	{			
	/*min-width: 275px !important;		*/
	/*min-height: 400px;	*/
	position: relative;	
	border: 0px solid orange;
	background-color: #fff;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 2px solid #f4f4f4;
	margin-right: 0px;
	text-align: left;
	}
	
	.row_of_boxes.container .column.last, .row_of_boxes.container .columns.last /* represents each box */
	{		
	/*border-right: 0px;	*/
	
	}

		.row_of_boxes .content
		{		
		position: relative;
		border: 0px solid red;	
		text-align: center;	
		border: 0px solid green;	
		}			
	
			.row_of_boxes .column .content_padding
			{			
			padding: 20px 50px 20px 50px;
			
			/*display: none;*/
			}	
	
				.row_of_boxes .content_padding h2
				{		
				/*font-weight: bold;*/
				font-size: 22px !important;
				line-height: 32px !important;
				color: #202020;
				}
	

		/*.row_of_boxes .promo_image
		{		
		margin: 0px !important;
		padding: 0px !important;		
		border: 0px solid green;	
		height: auto;
		z-index: 2;
		}	*/
	
		.row_of_boxes img.promo_image 
		{				
		width: 100%;	
		border: 0px solid red;	
		margin: 0px !important;
		padding: 0px !important;
		height: auto;
		border-top: 0px solid #4383B3;	
		border-bottom: 0px solid #4C938E;	
		/*border-right: 2px solid #23282E;*/
		}	
		
		.row_of_boxes .box_title_container
		{		
		z-index: 100;
		/*position: relative;*/
		position: absolute;		
		bottom: 0px;
		/*top: -5px;  this is to make up for the strange margin below the image. I cannot find the cause for it */				
		padding: 0px 0px 0px 20px;		
		text-align: left;		
		min-height: 60px;	
		width: 100%;	
		border-bottom: 0px solid #fff;	
		border-left: 0px solid #e62330;			
		/*background-color: #e62330;*/ /* red */		
		/*background-image: url(images/btn_arrow_2.png);
		background-position: 97% 50%;		
		background-repeat: no-repeat;	*/
		background-color: rgba(0, 0, 0, 0.70); /* used RGB so I can use opacity (0.30) */		
		}	
				
			.title_icon
			{	
			position: absolute;
			left: -10px;
			top: -4px;			
			width: 40px;
			height: 60px;			
			background:transparent url('images/box_icon.png') left top no-repeat;	
			display: none;		
			}							
		
			.box_title_container .box_title_alternate
			{			
			/*font-size: 16px;			
			color: #fff !important;*/ /* wht */	
			}
		
			.box_title_container a h2 
			{
			/*position: absolute;*/			
			left: 20px;
			font-size: 24px !important;
			line-height: 36px !important;
			/*font-weight: bold;*/
			/*color: #fff !important;*/
			color: #fff !important; /* wht */
			margin: 0px !important;		
			padding: 0px !important;
			/*text-transform: uppercase;*/
			/*text-shadow: 1px 1px 0px #000;*/
			}			
		




/****** TOOL TIPS *****************/

.tooltip_wrapper
{	
float: right;
border: 0px solid green;
cursor: pointer;
} 

	.info_btn
	{	
	border: 0px solid red;	
	cursor: pointer;
	float: left;
	background: url("images/info_icon.png") no-repeat scroll left top transparent;
	height: 36px;
	width: 32px;
	z-index: 1000;
	}
	
	.tooltip
	{		
	position: relative;	
	float: left;
	border: 0px solid yellow;
	left: 10px; /* to position content next to the icon */
	top: -19px;	
	z-index: 10000;		
	}		

		.tooltip_content
		{		
		background-color: #FFFFFF;		
		padding: 20px;
		position: absolute;				
		text-align: left;				
		border-size: 2px;
		display: none;	
		min-width: 250px;		
		}

		.tooltip_arrow 
		{
		background: url("images/bg-tooltip.png") no-repeat scroll left top transparent;
		display: block;
		height: 50px;
		top: 22px;
		left: -15px;
		border: 0px solid black;
		position: absolute;
		width: 15px;		
		}


/*********** responsive anything slider **************/


	#anything-slider 
	{	
	position: relative;
	border: 2px solid #e62330;
	border: 2px solid #ccc;
	border-left: 0px solid #e62330;
	border-right: 0px solid #FF300A;
	margin: 0 auto;	
	z-index: 0;	
	margin-bottom: 20px;
	/*max-width: 800px;*/
	/*display: none;*/
	width: 100%;
	max-width: 1200px;
		
	}
	
		#anything-slider div
		{	
		border: 0px solid red;
		/*padding: 0px !important;
		margin: 0px !important;*/
		}
	
			#anything-slider .as-slide
			{
			position: absolute;
			top: 0;
			z-index: 1;	
			}
		
				#anything-slider img {
				position: relative;
				max-width: 100%;
				z-index: 2;
				border: 0px solid green;				
				}



.carouselNav /* hide grey nav circles */
{
/*display: none;*/
}



/***** MOBILE PHONE AND EMAIL BUTTONS *****/

/***** COLORS *****

#FF300A logo red
#aeaeae logo orange

/*******************/
.page-id-7 #phone_button, .page-id-7 #email_button
{
position: relative;
top: -40px;	
}

#mobile_buttons_padding
{
padding-left: 20px;
padding-right: 20px;	
display: none;
}


.mobile_button
{
/*position: relative;*/
background-color: #FF300A; /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */
/*background-image: -webkit-linear-gradient(top, #E51937, #850316); 
background-image:    -moz-linear-gradient(top, #E51937, #850316);
background-image:     -ms-linear-gradient(top, #E51937, #850316);
background-image:      -o-linear-gradient(top, #E51937, #850316); 
background-image:         linear-gradient(to bottom, #E51937, #850316);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E51937', endColorstr='#850316'); */

background-color: #e62330; 
/*background-image: url(images/box_shade_btm.png);
background-position: bottom left;
background-repeat: repeat-x;		*/

border: 2px solid #f4f4f4;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;  
border-radius: 8px; 
max-width: 450px;
margin-right: 20px;
margin-left: 20px;
margin: 0 auto;
margin-bottom: 10px;
-webkit-box-shadow: 2px 2px 15px #424242;
-moz-box-shadow: 2px 2px 15px #424242;
box-shadow: 2px 2px 15px #424242; 
}
	
	.mobile_button a
	{
	font-size: 20px;
	line-height: 50px;	
	text-shadow: 0px 2px 2px #d1d1d1;	
	text-shadow: none;
	text-shadow: 1px 1px 1px #424242;	
	margin: 0 auto;
	color: #fff;
	}

#desktop_button.mobile_button
{
background-color: #969595;	
background-image: none;
text-shadow: none !important;
margin-bottom: 20px;
}

	#desktop_button.mobile_button a
	{
	text-shadow: none !important;	
	}

#desktop_button.mobile_button a
{
color: #fff !important;
}

#phone_button, #email_button, #appointment_button, #lens_order_button, #desktop_button, #quote_button
{
text-align: center;
display: none;
}

#phone_button_2
{
background-image: url(images/phone_icon.png); 
background-repeat: no-repeat; 
background-position: 20px 5px;
}

	#phone_button a
	{	
	padding-left: 25px;
	border: 0px solid black;
	}


#email_button
{
/*margin-bottom: 30px;*/
}

	#email_button_2
	{
	background-image: url(images/email_icon.png); 
	background-repeat: no-repeat; 
	background-position: 20px 5px;
	}
	
		#email_button a
		{
		font-size: 18px;
		padding-left: 20px;
		border: 0px solid black;
		}

#quote_button
{
margin-bottom: 30px;
}


/***** COLORS *****

#e62330 logo red
#aeaeae menu bg grey
#f4f4f4 body bg grey

/*******************/


/***** HOW IT WORKS boxes *****/


#how_it_works 
{
padding-top: 0px;
}

#how_it_works #slogan_box
{
/*background-color: #e3e3e3;*/
padding: 0px 0px 10px 0px;
margin-bottom: 10px;
}

	#how_it_works .slogan
	{
	font-size: 48px;
	line-height: 62px;
	/*font-weight: bold;*/
	/*margin-top: 20px;*/
	max-width: 800px;
	/*color: #7a7a7a;*/
	margin: 0 auto;
	
	}
	
		#how_it_works .slogan .alt_color
		{
		color: #ed2324;	
		font-weight: bold;
		}

#how_it_works .main_title
{
font-size: 38px;
line-height: 48px;
/*color: #7a7a7a;*/
/*font-weight: bold;*/
/*margin-top: 20px;*/
margin-bottom: 50px;
}

#how_it_works .columns
{
padding: 0px 20px 0px 20px;
}

	#how_it_works .columns .content
	{	
	border: 0px solid #000;	
	margin-bottom: 40px;
	}
	
	#how_it_works .columns .content .title_1 
	{	
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 10px;
	}
	
	#how_it_works .columns .content .title_2 
	{	
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	}
	
	#how_it_works img.round_image
	{
	border: 5px solid #ccc;
	-moz-border-radius: 1000px;  
	-webkit-border-radius: 1000px;  
	border-radius: 1000px;  
	margin-bottom: 20px;
	}

/*.containers_for_sale img*/
.containers_for_sale .right
{
padding-left: 40px;	
}

/*arcticmodal*/
.arcticmodal-overlay, .arcticmodal-container{
	z-index: 99999 !important;
}
.arcticmodal-container_i{
   margin: 0 auto !important;
}
.arcticmodal-container_i2{
	padding: 24px !important;
   margin: 0 !important;
   border: 0 !important;
}
.box-modal{
   background-color: #fff;
}
/*arcticmodal*/

/*modal delivery*/
.modal_delivery{
	padding-bottom: 40px;
	position: relative;
}
.modal_delivery.nopadd{
	padding-bottom: 0;
}
.modal_delivery .box-modal_close{
	cursor: pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -32px;
	right: -32px;
}
@media (max-width: 767px) {
	.modal_delivery .box-modal_close{
		right: 0;
	}
}
.modal_delivery_image{
	margin-bottom: 24px;
}
.modal_delivery_image img{
	max-width: 100%;
}
.modal_delivery_title{
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 16px;
	padding: 0 15px;
}
.modal_delivery_link{
	cursor: pointer;
	display: block;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF !important;
	background: #E62331;
	border-radius: 8px;
	padding: 17px 24px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	max-width: 194px;
	border: 2px solid #fff;
}
.modal_delivery_link:hover{
	color: #E62331 !important;
	background: #fff;
	border: 2px solid #E62331;
}
/*modal delivery*/

/* modalinfo */
.modal_info {
	padding: 0;
	position: relative;
	max-width: 40%;
	margin: 0 auto;
}
@media (max-width: 991px) {
	.modal_info {
		max-width: 90%;
	}
}
.modal_info .box-modal_close{
	cursor: pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -32px;
	right: -32px;
}
@media (max-width: 991px) {
	.modal_info .box-modal_close{
		right: 0;
	}
}
.modal_info_content {
	padding: 24px;
}
/* modalinfo */

/* modal redirect */
.modal_redirect {
    padding: 0;
    position: relative;
    max-width: 640px;
    margin: 0 auto;
    border-radius: 16px;
}
@media (max-width: 575px) {
    .modal_redirect {
        max-width: 100%;
    }
}
.modal_redirect .box-modal_close{
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -32px;
    right: -32px;
}
@media (max-width: 991px) {
    .modal_redirect .box-modal_close{
        right: 0;
    }
}
.modal_redirect_content_text_images {
    display: flex;
    justify-content: space-between;
}
.modal_redirect_content_text_images_item svg, .modal_redirect_content_text_images_item img {
    display: block;
    width: auto;
}
@media screen and (max-width: 767px) {
    .modal_redirect_content_text_images_item svg, .modal_redirect_content_text_images_item img {
        height: 40px;
    }
}
.modal_redirect_content {
    padding: 32px 40px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
}
@media screen and (max-width: 767px) {
    .modal_redirect_content {
        padding: 32px 24px;
    }
}
.modal_redirect_content_text {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 22px 0 0 !important;
}
@media screen and (max-width: 575px) {
    .modal_redirect_content_text {
        font-size: 14px;
        line-height: 22px;
    }
}
.modal_redirect_content_text_btns {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}
.modal_redirect_content_text_btns span {
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 24px;
    border: 1px solid #E62331;
    color: #E62331;
    border-radius: 8px;
    cursor: pointer;
}
@media screen and (max-width: 575px) {
    .modal_redirect_content_text_btns span {
        font-size: 14px;
    }
}
/* modal redirect */

/* banner */
.banner_img {
	display: block;
	margin: 10px auto;
}
.banner_img img {
	width: 100%;
	max-width: 100% !important;
	height: auto;
}
@media screen and (max-width: 1199px) {
	.banner_img {
		margin: 10px 0;
	} 
}
.banner_img_desktop {
	display: block;
}
.banner_img_desktop img {
	max-width: 1312px;
}
@media screen and (max-width: 1199px) {
	.banner_img_desktop {
		display: none;
	}
}
.banner_img_tablet {
	display: none;	
}
.banner_img_tablet img {
	max-width: 984px;
}
@media screen and (max-width: 1199px) {
	.banner_img_tablet{
		display: block;
	}	
}
@media screen and (max-width: 767px) {
	.banner_img_tablet{
		display: none;
	}
}
.banner_img_mobile {
	display: none;
}
.banner_img_mobile img {
	max-width: 768px;
}
@media screen and (max-width: 767px) {
	.banner_img_mobile{
		display: block;
	}	
}
/* banner */

/* new header */
.header_top {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	padding: 16px 0;	
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	background-color: #fff;
	z-index: 1000;
	@media screen and (max-width: 1275px) {
		padding: 8px 0;
	}
}
.header_top_container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1440px;
	padding: 0 40px;
	margin: 0 auto;
	position: relative;
	@media screen and (max-width: 1275px) {
		padding: 0 24px;
	}
}
.header_top_logo {
	display: block;
	max-width: 125px;	
}
.header_top_logo svg {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1199px) {
	.header_top_logo {
		max-width: 90px;
	}
}
@media screen and (max-width: 1275px) {
	.header_top_logo {
		max-width: 105px;
	}
}
.header_top_menu_container {
	margin-left: auto;
}
@media screen and (max-width: 1275px) {
	.header_top_menu_container {
		display: none;
	}
}
.header_top_menu {
	display: flex;
	align-items: center;
}
.header_top_menu li {
	margin: 0 12px;
}
@media screen and (max-width: 1199px) {
	.header_top_menu li {
		margin: 0 8px;
	}
}
.header_top_menu li a {
	color: #000;
	transition: all .3s;
}
.header_top_menu li a:hover {
	color: #E2222F;
}
.header_top_menu li.current_page_item a {
	color: #E2222F;
}
.header_top_phone {
	margin-left: auto;
	margin-right: 24px;
}
@media screen and (max-width: 1199px) {
	.header_top_phone {
		margin-right: 16px;
	}
}
@media screen and (max-width: 1275px) {
	.header_top_phone {
		display: none;
	}
}
.header_top_phone a {
	color: #000;
	display: flex;
	align-items: center;
	transition: all .3s;
}
.header_top_phone a::before {
	content: '';
	width: 16px;
	height: 16px;
	margin-right: 8px;
	transition: all .3s;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 3C1 2.46957 1.21071 1.96086 1.58579 1.58579C1.96086 1.21071 2.46957 1 3 1H3.91467C4.488 1 4.988 1.39067 5.12733 1.94667L5.864 4.89533C5.9237 5.134 5.91164 5.38497 5.82934 5.61682C5.74704 5.84866 5.59815 6.05106 5.40133 6.19867L4.53933 6.84533C4.44933 6.91267 4.43 7.01133 4.45533 7.08C4.83159 8.10323 5.42573 9.03247 6.19663 9.80337C6.96753 10.5743 7.89677 11.1684 8.92 11.5447C8.98867 11.57 9.08667 11.5507 9.15467 11.4607L9.80133 10.5987C9.94894 10.4018 10.1513 10.253 10.3832 10.1707C10.615 10.0884 10.866 10.0763 11.1047 10.136L14.0533 10.8727C14.6093 11.012 15 11.512 15 12.086V13C15 13.5304 14.7893 14.0391 14.4142 14.4142C14.0391 14.7893 13.5304 15 13 15H11.5C5.70133 15 1 10.2987 1 4.5V3Z' fill='black'/%3E%3C/svg%3E%0A");
}
.header_top_phone a:hover {
	color: #E2222F;
}
.header_top_phone a:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 3C1 2.46957 1.21071 1.96086 1.58579 1.58579C1.96086 1.21071 2.46957 1 3 1H3.91467C4.488 1 4.988 1.39067 5.12733 1.94667L5.864 4.89533C5.9237 5.134 5.91164 5.38497 5.82934 5.61682C5.74704 5.84866 5.59815 6.05106 5.40133 6.19867L4.53933 6.84533C4.44933 6.91267 4.43 7.01133 4.45533 7.08C4.83159 8.10323 5.42573 9.03247 6.19663 9.80337C6.96753 10.5743 7.89677 11.1684 8.92 11.5447C8.98867 11.57 9.08667 11.5507 9.15467 11.4607L9.80133 10.5987C9.94894 10.4018 10.1513 10.253 10.3832 10.1707C10.615 10.0884 10.866 10.0763 11.1047 10.136L14.0533 10.8727C14.6093 11.012 15 11.512 15 12.086V13C15 13.5304 14.7893 14.0391 14.4142 14.4142C14.0391 14.7893 13.5304 15 13 15H11.5C5.70133 15 1 10.2987 1 4.5V3Z' fill='%23E2222F'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1275px) {
	.header_top_menu_button {
		display: none;
	}
}
.header_top_menu_button a {
	background-color: #E62331;
	color: #fff;
	padding: 8px 24px;
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	border-radius: 8px;
}
.header_top_menu_burger {
	cursor: pointer;
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	right: 24px;
	width: 32px;
	height: 32px;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 9C4 8.73478 4.10536 8.48043 4.29289 8.29289C4.48043 8.10536 4.73478 8 5 8H27C27.2652 8 27.5196 8.10536 27.7071 8.29289C27.8946 8.48043 28 8.73478 28 9C28 9.26522 27.8946 9.51957 27.7071 9.70711C27.5196 9.89464 27.2652 10 27 10H5C4.73478 10 4.48043 9.89464 4.29289 9.70711C4.10536 9.51957 4 9.26522 4 9ZM4 16C4 15.7348 4.10536 15.4804 4.29289 15.2929C4.48043 15.1054 4.73478 15 5 15H27C27.2652 15 27.5196 15.1054 27.7071 15.2929C27.8946 15.4804 28 15.7348 28 16C28 16.2652 27.8946 16.5196 27.7071 16.7071C27.5196 16.8946 27.2652 17 27 17H5C4.73478 17 4.48043 16.8946 4.29289 16.7071C4.10536 16.5196 4 16.2652 4 16ZM4 23C4 22.7348 4.10536 22.4804 4.29289 22.2929C4.48043 22.1054 4.73478 22 5 22H27C27.2652 22 27.5196 22.1054 27.7071 22.2929C27.8946 22.4804 28 22.7348 28 23C28 23.2652 27.8946 23.5196 27.7071 23.7071C27.5196 23.8946 27.2652 24 27 24H5C4.73478 24 4.48043 23.8946 4.29289 23.7071C4.10536 23.5196 4 23.2652 4 23Z' fill='black'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1275px) {
	.header_top_menu_burger {
		display: block;
	}
}
.header_top_mobile {
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 1005;
	transition: all .3s;
	padding: 40px 24px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	overflow-y: auto;
}
.header_top_mobile.open {
	left: 0;
}
.header_top_mobile_close {
	display: block;
	position: absolute;
	top: 12px;
	right: 24px;
	cursor: pointer;
	width: 32px;
	height: 32px;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.29343 7.29337C7.48093 7.10611 7.7351 7.00092 8.0001 7.00092C8.2651 7.00092 8.51926 7.10611 8.70676 7.29337L16.0001 14.5867L23.2934 7.29337C23.385 7.19513 23.4954 7.11632 23.618 7.06167C23.7407 7.00701 23.8731 6.97762 24.0074 6.97525C24.1417 6.97288 24.275 6.99758 24.3996 7.04788C24.5241 7.09817 24.6372 7.17303 24.7321 7.26799C24.8271 7.36295 24.902 7.47606 24.9523 7.60058C25.0026 7.7251 25.0273 7.85847 25.0249 7.99274C25.0225 8.12701 24.9931 8.25943 24.9385 8.38209C24.8838 8.50476 24.805 8.61516 24.7068 8.70671L17.4134 16L24.7068 23.2934C24.805 23.3849 24.8838 23.4953 24.9385 23.618C24.9931 23.7407 25.0225 23.8731 25.0249 24.0073C25.0273 24.1416 25.0026 24.275 24.9523 24.3995C24.902 24.524 24.8271 24.6371 24.7321 24.7321C24.6372 24.827 24.5241 24.9019 24.3996 24.9522C24.275 25.0025 24.1417 25.0272 24.0074 25.0248C23.8731 25.0225 23.7407 24.9931 23.618 24.9384C23.4954 24.8838 23.385 24.805 23.2934 24.7067L16.0001 17.4134L8.70676 24.7067C8.5172 24.8833 8.26647 24.9795 8.0074 24.9749C7.74833 24.9704 7.50115 24.8654 7.31793 24.6822C7.13472 24.499 7.02977 24.2518 7.0252 23.9927C7.02063 23.7337 7.11679 23.4829 7.29343 23.2934L14.5868 16L7.29343 8.70671C7.10616 8.51921 7.00098 8.26504 7.00098 8.00004C7.00098 7.73504 7.10616 7.48088 7.29343 7.29337Z' fill='black'/%3E%3C/svg%3E%0A");
}
.header_top_mobile_menu {
	margin-bottom: 40px;
}
.header_top_mobile_menu li {
	margin-bottom: 24px;
}
.header_top_mobile_menu li a {
	color: #000;
}
.header_top_mobile_menu li.current_page_item a {
	color: #E2222F;
}
.header_top_mobile_contacts {
	margin-bottom: 24px;
}
.header_top_mobile_contacts_item {
	margin-bottom: 8px;
}
.header_top_mobile_contacts_item a {
	color: #000;
	display: flex;
	align-items: center;
}
.header_top_mobile_contacts_item a::before {
	content: '';
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
.header_top_mobile_contacts_item.phone a::before {	
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 3C1 2.46957 1.21071 1.96086 1.58579 1.58579C1.96086 1.21071 2.46957 1 3 1H3.91467C4.488 1 4.988 1.39067 5.12733 1.94667L5.864 4.89533C5.9237 5.134 5.91164 5.38497 5.82934 5.61682C5.74704 5.84866 5.59815 6.05106 5.40133 6.19867L4.53933 6.84533C4.44933 6.91267 4.43 7.01133 4.45533 7.08C4.83159 8.10323 5.42573 9.03247 6.19663 9.80337C6.96753 10.5743 7.89677 11.1684 8.92 11.5447C8.98867 11.57 9.08667 11.5507 9.15467 11.4607L9.80133 10.5987C9.94894 10.4018 10.1513 10.253 10.3832 10.1707C10.615 10.0884 10.866 10.0763 11.1047 10.136L14.0533 10.8727C14.6093 11.012 15 11.512 15 12.086V13C15 13.5304 14.7893 14.0391 14.4142 14.4142C14.0391 14.7893 13.5304 15 13 15H11.5C5.70133 15 1 10.2987 1 4.5V3Z' fill='black'/%3E%3C/svg%3E%0A");
}
.header_top_mobile_contacts_item.email a::before {	
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.77979V11.4998C1 12.0302 1.21071 12.5389 1.58579 12.914C1.96086 13.2891 2.46957 13.4998 3 13.4998H13C13.5304 13.4998 14.0391 13.2891 14.4142 12.914C14.7893 12.5389 15 12.0302 15 11.4998V5.77979L9.048 9.44178C8.73283 9.63569 8.37004 9.73835 8 9.73835C7.62996 9.73835 7.26717 9.63569 6.952 9.44178L1 5.77979Z' fill='black'/%3E%3Cpath d='M15 4.60533V4.5C15 3.96957 14.7893 3.46086 14.4142 3.08579C14.0391 2.71071 13.5304 2.5 13 2.5H3C2.46957 2.5 1.96086 2.71071 1.58579 3.08579C1.21071 3.46086 1 3.96957 1 4.5V4.60533L7.476 8.59067C7.63359 8.68762 7.81498 8.73895 8 8.73895C8.18502 8.73895 8.36641 8.68762 8.524 8.59067L15 4.60533Z' fill='black'/%3E%3C/svg%3E%0A");
}
.header_top_mobile_button a {
	background-color: #E62331;
	color: #fff;
	padding: 8px 24px;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	border-radius: 8px;
}
.header_top_mobile_social {
	margin-top: 40px;
	display: flex;
	align-items: center;
}
.header_top_mobile_social_item {
	width: 40px;
	height: 40px;
	margin-right: 16px;
}

.header_top_mobile_social_item.fb {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 37.5C40 38.88 38.88 40 37.5 40H2.5C1.12 40 0 38.88 0 37.5V2.5C0 1.12 1.12 0 2.5 0H37.5C38.88 0 40 1.12 40 2.5V37.5Z' fill='%233B5998'/%3E%3Cpath d='M27.5 40V25H32.5L33.75 18.75H27.5V16.25C27.5 13.75 28.7525 12.5 31.25 12.5H33.75V6.25C32.5 6.25 30.95 6.25 28.75 6.25C24.1562 6.25 21.25 9.85125 21.25 15V18.75H16.25V25H21.25V40H27.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
.header_top_mobile_social_item.in {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 37.5C40 38.88 38.88 40 37.5 40H2.5C1.12 40 0 38.88 0 37.5V2.5C0 1.12 1.12 0 2.5 0H37.5C38.88 0 40 1.12 40 2.5V37.5Z' fill='%23007BB5'/%3E%3Cpath d='M13.75 13.75H8.75V31.25H13.75V13.75Z' fill='white'/%3E%3Cpath d='M25.6238 13.75C22.135 13.75 21.535 15.0225 21.25 16.25V13.75H16.25V31.25H21.25V21.25C21.25 19.6287 22.1287 18.75 23.75 18.75C25.3325 18.75 26.25 19.61 26.25 21.25V31.25H31.25V22.5C31.25 17.5 30.5988 13.75 25.6238 13.75Z' fill='white'/%3E%3Cpath d='M11.25 12.5C12.6307 12.5 13.75 11.3807 13.75 10C13.75 8.61929 12.6307 7.5 11.25 7.5C9.86929 7.5 8.75 8.61929 8.75 10C8.75 11.3807 9.86929 12.5 11.25 12.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
.header_top_mobile_social_item.insta {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url("./images/instagram.png");
}

/* new header */

/* new main banner */
.main_banner {
	text-align: left;
	position: relative;
	max-width: 1920px;
	margin: 0 auto 24px;
	@media screen and (max-width: 767px) {
		height: 320px;
	}
}
.main_banner_container {
	position: absolute;
	top: 0;
	left: 50%;
  	transform: translateX(-50%);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	max-width: 1440px;
	padding: 0 40px;
	margin: 0 auto;
	@media screen and (max-width: 1100px) {
		padding: 0 24px;
	}
	@media screen and (max-width: 767px) {
		justify-content: center;
	}
}
.main_banner_image {
	width: 100%;
	@media screen and (max-width: 767px) {
		height: 100%;
		object-fit: cover;
	}
}
.main_banner_info {
	margin-right: 24px;
	max-width: 505px;
	background-color: rgba(0, 0, 0, 0.64);
	color: #fff;
	text-align: center;
	padding: 32px 24px;
	@media screen and (max-width: 767px) {
		padding: 24px 16px;
		margin-right: 0;
	}
}
.main_banner_info_title {
	font-family: Avenir, Arial, sans-serif;
	font-size: 48px;
	line-height: 56px;
	font-weight: 800;
	margin-bottom: 16px;
	@media screen and (max-width: 991px) {
		font-size: 32px;
		line-height: 40px;
	}
	@media screen and (max-width: 767px) {
		font-size: 24px;
		line-height: 32px;
	}
}
.main_banner_info_text {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	@media screen and (max-width: 991px) {
		font-size: 18px;
		line-height: 26px;
	}
	@media screen and (max-width: 767px) {
		font-size: 16px;
		line-height: 24px;
	}
}
/* new main banner */

/* address result */
.address-result {
	display: none;
	position: absolute;
	z-index: 2;
	background-color: #fff;
	border-radius: 3px;
	width: 100%;
	max-height: 274px;
	padding: 4px 0;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: -19px;
}
.address-result.preloader::before {
	display: block;
	content: '';
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23E62331' stroke='%23E62331' stroke-width='2' r='15' cx='40' cy='100'%3E%3Canimate attributeName='opacity' calcMode='spline' dur='2' values='1;0;1;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23E62331' stroke='%23E62331' stroke-width='2' r='15' cx='100' cy='100'%3E%3Canimate attributeName='opacity' calcMode='spline' dur='2' values='1;0;1;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23E62331' stroke='%23E62331' stroke-width='2' r='15' cx='160' cy='100'%3E%3Canimate attributeName='opacity' calcMode='spline' dur='2' values='1;0;1;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
}
.address-result-item {
	font-size: 14px;
	padding: 4px 15px;
	cursor: pointer;
}
.address-result-item:hover {
	background-color: #e6e6e6;
}
.address-result-item.arrow {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.address-result-item.arrow::after {
	content: '';
	width: 7px;
	height: 12px;
	margin-left: 16px;
	background-size: cover;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 21L11 11L1 1' stroke='%23080708' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.address-result-item span {
	font-style: italic;
}
/* address result */

/* promo slider */
.promo-slider {
	margin: 0 auto 20px;
	max-width: 1312px;
}
@media screen and (max-width: 1399px) {
	.promo-slider {
		padding: 0 60px;
	}
}
@media screen and (max-width: 767px) {
	.promo-slider {
		padding: 0 20px;
	}
}
.promo-slider.empty {
	display: none;
}
.promo-slider .slick-track, .promo-slider .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
	transition-delay: 5ms;
}
.promo-slider .slick-prev, .promo-slider .slick-next {
	width: 21px;
	height: 39px;
	z-index: 2;
}
.promo-slider .slick-prev {
	left: -40px;
}
@media screen and (max-width: 1399px) {
	.promo-slider .slick-prev {
		left: 20px;
	}
}
.promo-slider .slick-next {
	right: -40px;
}
@media screen and (max-width: 1399px) {
	.promo-slider .slick-next {
		right: 20px;
	}
}
.promo-slider .slick-prev:before, .promo-slider .slick-next:before {
	display: block;
	content: '';
	opacity: .8;
	width: 14px;
	height: 28px;
	background-size: cover;
}
.promo-slider .slick-prev:before {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='28' viewBox='0 0 14 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25 26.5L0.750001 14L13.25 1.5' stroke='%23202020' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.promo-slider .slick-next:before {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='28' viewBox='0 0 14 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 1.5L13.25 14L0.75 26.5' stroke='%23202020' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.promo-slider .slick-dots {
	left: 0
}
.promo-slider .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 5px;
}
.promo-slider .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
}
.promo-slider .slick-dots li button::before {
	opacity: 1;
	font-size: 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	border: 1px solid #3D3D3D;
}
.promo-slider .slick-dots li.slick-active button::before {
	background-color: #3D3D3D;
}
.promo-slider .slick-dots li:only-child {
	display: none;
}
/* promo slider */

/* services */
.services {
	background-color: #E62331;
	color: #ffffff;
	margin: 60px 0 0;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.services-inner {
	display: flex;
	max-width: 1457px;
	padding: 48px 16px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.services-inner {
		flex-wrap: wrap;
	}
}
.services-item {
	padding: 0 40px;
	width: 50%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.services-item {
		width: 100%;
		margin-bottom: 32px;
		padding: 0;
	}
}
.services-item:nth-child(2n+2) {
	border-left: 1px solid #ffffff;
}
@media screen and (max-width: 767px) {
	.services-item:nth-child(2n+2) {
		border-left: none;
		border-top: 1px solid #ffffff;
		padding-top: 32px;
	}
}
@media screen and (max-width: 767px) {
	.services-item:last-child {
		margin-bottom: 0;
	}
}
.services-item-icon {
	height: 80px;
	margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
	.services-item-icon {
		height: 60px;
	}
}
.services-item-icon svg, .services-item-icon img {
	display: block;
	max-height: 80px;
	width: auto;
}
@media screen and (max-width: 991px) {
	.services-item-icon svg, .services-item-icon img {
		max-height: 60px;
	}
}
.services-item-title {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;	
}
@media screen and (max-width: 991px) {
	.services-item-title {
		font-size: 32px;
		line-height: 40px;
	}
}
.services-item-price {
	font-size: 56px;
	line-height: 64px;
	font-weight: 700;
	margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
	.services-item-price {
		font-size: 48px;
		line-height: 56px;
	}
}
.services-item-descr {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
	.services-item-descr {
		font-size: 18px;
		line-height: 26px;
	}
}
.services-item-descr-title {
	font-weight: 700;
	margin-bottom: 8px;
}
.services-item-descr p {
	color: #ffffff;
	margin: 0;
	font-size: 20px;
	line-height: 28px;
}
@media screen and (max-width: 991px) {
	.services-item-descr p {
		font-size: 18px;
		line-height: 26px;
	}
}
.services-item-descr ul {
	margin: 0;
	list-style-type: disc;
	list-style-position: inside;
}
.services-item-descr ul li {
	margin-bottom: 8px;
}
.services-item-btn {
	display: flex;
	justify-content: center;
}
.services-item-btn a {
	display: inline-block;
	color: #E62331;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 9px 24px;
	background-color: #ffffff;
	border-radius: 4px;
}
@media screen and (max-width: 991px) {
	.services-item-btn a {
		font-size: 18px;
		line-height: 28px;
	}
}
.services-item-btn a:hover {
	background-color: #202020;
	color: #ffffff;
}
.services-item-disc {
	margin-top: 24px;
	font-size: 14px;
	line-height: 20px;
}
/* services */

/* brands */
.brands {
    margin: 64px 0;
}
@media (max-width: 767px) {
    .brands {
        margin: 40px 0;
    }
}
.brands-container {
    max-width: 1150px;
    padding: 0 20px;
    margin: 0 auto;
}
.brands-title {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
    font-size: 34px !important;
    line-height: 1.12 !important;
    font-weight: 700;
}
@media (max-width: 991px) {
    .brands-title {
        font-size: 32px !important;
    }
}
@media (max-width: 767px) {
    .brands-title {
        font-size: 30px !important;
    }
}
.brands-inner {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #D8D8D8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
@media (max-width: 991px) {
    .brands-inner {
        gap: 32px;
    }
}
@media (max-width: 767px) {
    .brands-inner {
        gap: 14px;
    }
}
.brands-item {
    display: block;
}
.brands-item:hover {
    opacity: 0.6;
}
.brands-item img {
    display: block;
    height: 48px;
}
@media (max-width: 991px) {
    .brands-item img {
        height: 32px;
    }
}
@media (max-width: 767px) {
    .brands-item img {
        height: 24px;
    }
}
/* brands */