@charset "UTF-8";
@import url("webfonts/raleway_black/stylesheet.css");
@import url("webfonts/raleway_bold/stylesheet.css");
@import url("webfonts/raleway_regular/stylesheet.css");
body {
	padding: 0;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 97%;
	line-height: 1.7;
	background-color: #101010;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 960px;
	/* [disabled]background: #FFF; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	/* [disabled]padding-right: 15px; */
	/* [disabled]padding-left: 15px; */ /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
h2 {
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	text-align: left;
	margin: 0px;
	padding-right: 0px;
	/* [disabled]padding-bottom: 5px; */
	/* [disabled]padding-left: 3px; */
	/* [disabled]line-height: 1px; */
	font-weight: bold;
	/* [disabled]padding-top: 5px; */
	width: auto;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
.content3 .thumbnail img {
	border-style: solid;
	border-width: medium;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 27px;
	margin-top: 0px;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #FFFFFF;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
	text-align: center;
}

/*~~ This grouped selector gives the lists in the .content area space ~~ */
.content2 ul 
{
	color: #FFF;
	padding-left: 26px;
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	float: left;
	margin-bottom: 5px;
}
#ad_top {
	float: left;
	width: 728px;
	height: 90px;
	padding-right: 116px;
	padding-left: 116px;
	padding-bottom: 15px;
	padding-top: 15px;
}
/*menu vertical*/
.urbangreymenu{
	width: 190px;
}

.urbangreymenu .headerbar{
	font: bold 13px;
	color: white;
	background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*31px is left indentation of header text*/
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 8px;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
	color: black;
	background: #E9E9E9;
	display: block;
	padding: 5px 0;
	line-height: 29px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	/* [disabled]font-size: 12px; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
.urbangreymenu ul li .current {
	background-color: #999;
	color: #FFF;}
/*end menu vertical*/

.solidblockmenu{
	padding: 0;
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0em;
	background-image: url(images/nav.jpg);
	background-repeat: repeat-x;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	font-family: 'Play', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	font-style: italic;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
	float: left;
	color: #000;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}

.solidblockmenu li a:visited{
	/* [disabled]color: #999; */
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: #333;
	background-color: transparent;
	background-image: url(images/nav_over.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, iwill be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.

*/
.sidebar1 {
	float: right;
	width: 320px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
.sidebar2 {
	float: left;
	width: 200px;

	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 10px;
}
.sidebar3 {
	float: left;
	width: 300px;

	}
.content {
    width: 630px;
    float: left;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: left;
}
.content2 {
	width: 750px;
	float: left;
	/* [disabled]background-color: #FFF; */
	/* [disabled]margin-right: 10px; */
	padding-top: 0px;
	padding-right: 0px;
	/* [disabled]padding-bottom: 10px; */
	padding-left: 0;
	margin-top: 10px;
	/* [disabled]margin-bottom: 10px; */
}
.content3 {
	width: 960px;
	float: left;
	/* [disabled]background-color: #FFF; */
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0;
}
.content4 h1 {
	font-family : "raleway_black";
	font-size : 94px;
	line-height : 74.47px;
	text-transform : uppercase;
	color : #000000;
	color : rgb(0, 0, 0);
	float: left;
	width: 456px;
	margin-top: -37px;
	margin-bottom: 0px;
	padding-left: 24px;
	padding-right: 474px;
}
.content4 {
    width: 960px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    background-image: url(images/vehicle-wraps-advertising-background.jpg);
    height: 1426px;
}
.content4 h2 {
	font-family : "raleway_bold";
	font-size : 56px;
	line-height : 50.37px;
	text-transform : uppercase;
	color : #FFF100;
	color : rgb(255, 241, 0);
	float: left;
	margin-top: 20px;
	margin-left: 37px;
}
.content4 h3 {
	font-family : "raleway_bold";
	font-size : 53px;
	line-height : 47.3px;
	text-transform : uppercase;
	color : #000000;
	color : rgb(0, 0, 0);
	float: right;
	text-align: right;
	margin-top: 20px;
	margin-right: 28px;
}

.content5 {
    width:650px;
    float: left;
}
.title_section {
	float: left;
	width: 331px;
	height: 157px;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	/* [disabled]border-top: 1px solid #666; */
	width: 960px;
	float: left;
	background-image: url(images/nav.jpg);
	background-repeat: repeat;
	height: 49px;
	font-weight: bold;
	font-size: 19px;
}
ul.nav li {
	/* [disabled]border-bottom: 1px solid #666; */ /* this creates the button separation */
	float: left;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	/* [disabled]background: #C6D580; */
	text-align: center;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 15px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #ADB96E;
	color: #FFF;
}

/* ~~ The footer ~~ */
.top {
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0;
	clear: both;
	background-repeat: no-repeat;
	height: 20px;
	border-bottom: 1px solid #CADA28;
	width: 200px;
	float: left;
	padding-left: 760px;
	margin-bottom: -10px;
	/* [disabled]margin-top: -1px; */
}

/* ~~ The footer ~~ */
.footer {
    position: relative;
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 11px;
    padding-left: 0;
    clear: both;
    background-repeat: no-repeat;
    height: 20px;
    border-top: 1px solid #CADA28;
    border-bottom: 1px solid #CADA28;
    margin-top: 10px;
}
.footer2 {
	text-align: center;
	color: #FFF;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 0.7px;
	text-shadow: 1px 1px #000000;
}
.footer p {
	padding-top: 0px;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0.8px;
	text-shadow: 1px 1px #000000;
	margin-top: -3px;
}
.logos {
    float: left;
    width: 960px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 120px;
    margin-bottom: 21px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(142,142,142,1.00) 99.96%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(142,142,142,1.00) 99.96%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(142,142,142,1.00) 99.96%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(142,142,142,1.00) 99.96%);
    margin-top: 14px;
}
.block1 {
	height: 120px;
	width: 219px;
	 float: left;
}
.block2 {
	height: 120px;
	width: 222px;
	 float: left;
}

.mimaki {
    width: 213px;
    height: 120px;
    float: left;
}
.graphtec {
    height: 54px;
    width: 219px;
  ;
    float: left; 
}
.royal_sovereign {
    width: 219px;
    height: 66px;
  
    float: left;    
}
.xerox {
    height: 120px;
    width: 196px;
    float: left;
}
.arlon {
    height: 120px;
    width: 110px;
	float: left;

}
.avery_dennison {
 height: 69px;
    width: 222px;
   
	float: left;

}
.wrapfilms {
    width: 119px;
    height: 51px;
    float: left;
}	
.apa {
float: left;
    width: 98px;
    height: 51px;
	
}
.logos2 {
	float: left;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 2px solid #CADA28;
	border-bottom: 2px solid #CADA28;
	margin-top: 10px;
	margin-bottom: 10px;
}
.text_brokers {
	font-family: Eurostile;
	color: #ff6a06;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	padding-top: 21px;
	padding-bottom: 21px;
	text-shadow: 1px 1px #000000;
	text-transform: uppercase;
}
.welcome
{
	float: left;
	width: 310px;
	height: 87px;
	background-image: url(images/lights%20copy.png);
}
#follow {
	/* [disabled]clear: both; */
	float: right;
	height: 40px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}.logo {
	height: auto;
	width: auto;
	float: left;
}
.address {
	width: 250px;
	text-align: left;
	color: #FFF;
	z-index:10;
	position:absolute;
	box-sizing:border-box;
	padding-top:5px;
}
.address h2 {
    float: left;
	display:inline-block;
	width: auto;
	font-size:20px;
	margin-top: opx;
	margin-right: 5px;
	padding-left: 0;
}
.address a {
	display:inline-block;
	vertical-align:middle;
}
.address img {
	width:28px;
	height:auto;
}
.address p {
	padding-top: 24px;
	font-weight: 300;
	text-align: right;
	text-shadow: 2px 2px 3px #000;
}
.address2 {
	float: right;
	width: 350px;
	padding-right: 15px;
	height: auto;
	text-align: right;
	color: #FFF;
	box-sizing:border-box;
}
.address2 p {
	padding-top: 24px;
	text-align: right;
	text-shadow: 2px 2px 3px #000;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}
.content_bottom {
	float: left;
	width: 960px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.sidebar1 p {
	text-align: center;
	margin-top: 7px;
	margin-bottom: 21px;
	height: 25px;
}
.security {
	/* fallback */
  background-color: #848484;
  background-repeat: repeat-x;
  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#848484), to(#cfcfcf));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #848484, #cfcfcf);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #848484, #cfcfcf);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #848484, #cfcfcf);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #848484, #cfcfcf);
	float: left;
	width: 980px;
	background-color: #EDEDED;
}
.block {
	float: left;
	width: 315px;
}
.block {
	float: left;
	height: 160px;
	width: 315px;
	margin-right: 5px;
}
.phone {
	font-size: 17px;
	/* [disabled]font-weight: 700; */
}
p {
    color: #FFF;
    font-weight: 14px;
    letter-spacing: 0.02em;
    margin-top: 0px;
    line-height: 25px;
}
.container #Services p {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
h1 {
	font-family: 'Oswald', sans-serif;
	color: #B6C824;
	font-size: 40px;
	margin-bottom: 14px;
	text-transform: uppercase;
	text-shadow: 0px 0px;
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 48px;
	margin-top: 14px;
}
.bottom_specials h1 {
	font-family: 'Montserrat', sans-serif;
	width: 960PX;
	background-color: #FF0004;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-top: 9px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 67px;
	text-shadow: 0px 0px;
	color: #FFFFFF;
	float: left;
	font-weight: 700;
}
.block h1 {
	margin: 0px;
	padding: 0px;
}
h1 img {
	margin: 0px;
	padding: 0px;
}
.domain {
	float: right;
	/* [disabled]width: 155px; */
}
.left_link {
	float: left;
	padding-bottom: 10px;
	width: 468px;
}
.links {
	float: left;
	width: 100%;
	padding-top: 10px;
}
#form_inside {
	float: left;
	/* [disabled]margin-right: auto; */
	margin-top: 20px;
	background-color: #CCC;
}
.img_formulario {
	padding-bottom: 3px;
}
h3 {
	color: #B6C824;
	font-family: 'Oswald', sans-serif;
	text-shadow: 1px 1px #000000;
	font-size: 29px;
	font-weight: 400;
	text-align: left;
	line-height: 33px;
}
.car_wraps h3 {
	margin-bottom: 6px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 320px;
	text-align: center;
	text-shadow: 0px 0px #FFFFFF;
	color: #FFFFFF;
}
#princing h3 {
	margin-bottom: 12px;
	margin-top: 7px;
	text-align: center;
	margin-left: -8px;
}
.beat_Bg p {
	margin-left: 10px;
	margin-top: 4px;
}
h4 {
	color: #FFFFFF;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#customers
{
	width:100%;
	border-collapse:collapse;
	float: left;
	margin-top: 15px;
	margin-bottom: 20px;
}
#customers2 {
	width:100%;
	border-collapse:collapse;
	float: left;
	margin-top: 15px;
	margin-bottom: 20px;
}
#customers td, #customers th 
{
	font-size:1em;
	border:1px solid #98bf21;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 7px;
}
#customers2 td, #customers2 th {
	font-size:1em;
	border:1px solid #98bf21;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 7px;
}
#customers th 
{
	font-size:1.1em;
	/* [disabled]text-align:left; */
	padding-top:5px;
	padding-bottom:4px;
	background-color:#bed22a;
	color:#FFFFFF;
}
#customers2 th {
	font-size: 1.1em;
	text-align: left;
	/* [disabled]background-color:#bed22a; */
	color: #FFFFFF;
}
#customers tr.alt td 
{
	color:#000000;
	background-color:#f6ffb6;
}
#customers2 tr.alt td {
	/* [disabled]color:#000000; */
	/* [disabled]background-color:#f6ffb6; */
}
#customers tr td {
	color: #FFF;
}
#customers2 tr td {
	color: #FFF;
}
.content iframe {
	float: left;
}
.pagination-list {
    margin: 50px 0;
    text-align: center;
}
.pagination-list > li {
    border: medium none;
    border-bottom: 1px solid transparent;
    color: #000000;
    display: inline-block;
    font-size: 18px;
    line-height: normal;
    margin: 0 8px;
    text-align: center;
    padding-bottom: 5px;

    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.pagination-list > li:last-child{
    margin-right: 0;
}
.pagination-list > li a{
    color: #999999;
}
.pagination-list > li a:hover{
    color: #000;
}
.pagination-list > li.active, .pagination-list > li:hover {
    border-bottom: 1px solid #000000;
}
/*----------------------------- 
    8.1 Pagination Style-1 Ends 
------------------------------ */

/*----------------------------- 
    8.2 Pagination Style-2 Starts 
------------------------------ */
.pagination-1 {
    margin: 50px 0;
    text-align: center;
}
.pagination-1 > li {
	border: medium none;
	color: #B6C824;
	display: inline-block;
	font-size: 18px;
	line-height: normal;
	margin: 0 8px;
	text-align: center;
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}
.pagination-1 > li:last-child{
    margin-right: 0;
}
.pagination-1 > li a {
    border: 1px solid #999999;
    color: #FFFFFF;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width: 35px;
    background-color: #B6C824;
}
.pagination-1 > li a:hover, .pagination-1 > li a:focus, .pagination-1 > li a.active {
    background-color: #999999;
    /* [disabled]border-color: #B6C824; */
    color: #ffffff;
}

.arrow_carrot-2left_alt2:before {
	content: "\40";
}
.arrow_carrot-2right_alt2:before {
	content: "\41";
}
.logo a img {
	padding-top: 35px;
	padding-left: 15px;
	width: 262px;
}
.beat_Bg {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(0, 0, 0);
    border-radius: 30px;
    background-image: -moz-linear-gradient(90deg,rgba(0,0,0,1.00) 0%,rgba(73,73,73,1.00) 57.47%);
    background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,1.00) 0%,rgba(73,73,73,1.00) 57.47%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(73,73,73) 100%);
    width: 310px;
    float: left;
    height: 167px;
    background-image: -o-linear-gradient(90deg,rgba(0,0,0,1.00) 0%,rgba(73,73,73,1.00) 57.47%);
    background-image: linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(73,73,73,1.00) 57.47%);
    padding-left: 0px;
}
.beat_Bg H2 {
    text-align: center;
    font-size: 50px;
    line-height: 52px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #FFFE03;
	}
#princing {
    width: 310px;
    /* [disabled]margin-right: 10px; */
    background-color: #31ABE2;
    border-radius: 22px;
    height: 167px;
    margin-left: 9px;
    float: left;
    background-image: -webkit-linear-gradient(270deg,rgba(77,193,246,1.00) 0.04%,rgba(32,111,147,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(77,193,246,1.00) 0.04%,rgba(32,111,147,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(77,193,246,1.00) 0.04%,rgba(32,111,147,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(77,193,246,1.00) 0.04%,rgba(32,111,147,1.00) 100%);
}
#sameday {
	width: 320px;
	float: left;
	/* [disabled]margin-right: 10px; */
	background-color: #31ABE2;
	border-radius: 22px;
	height: 124px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 27px;
	margin-bottom: 10px;
}
#speed {
    width: 310px;
    background-color: #EC148E;
    border-radius: 22px;
    height: 167px;
    float: left;
    margin-left: 13px;
    background-image: -webkit-linear-gradient(270deg,rgba(244,71,169,1.00) 0%,rgba(174,47,119,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(244,71,169,1.00) 0%,rgba(174,47,119,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(244,71,169,1.00) 0%,rgba(174,47,119,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(244,71,169,1.00) 0%,rgba(174,47,119,1.00) 100%);
}
#speed2 {
	width: 289px;
	background-color: #EC148E;
	border-radius: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 123px;
	float: left;
	margin-left: 10px;
	margin-right: 18px;
	text-align: center;
}
#speed2 h3 {
	text-align: center;
}
#installation {
	float: right;
	width: 320px;
	/* [disabled]margin-left: 10px; */
	border-radius: 22px;
	background-color: #FFFE03;
	height: 98px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#princing h3 img {
	padding-bottom: 15px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#speed h3 img {
    padding-bottom: 8px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 11px;
}
#speed h3 {
	text-align: center;
}
#installation h3 img {
	padding-bottom: 15px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#front_text {
	float: left;
	width: 960px;
	height: auto;
	padding-top: 0px;
}
#front_text h2 {
	color: #CADA28;    
}
#social {
	float: right;
	margin-top: -3px;
}
.footer #social p {
	color: #FFFFFF;
	margin-top: 6px;
	font-size: 20px;
}
#request_quote {
	float: left;
	width: 887px;
	height: 40px;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(223, 142, 25);
	border-radius: 20px;
	background-image: -moz-linear-gradient( 90deg, rgb(225,74,0) 0%, rgb(248,140,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(225,74,0) 0%, rgb(248,140,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(225,74,0) 0%, rgb(248,140,0) 100%);
	padding-top: 18px;
	padding-right: 35px;
	padding-bottom: 14px;
	padding-left: 35px;
	margin-top: 8px;
}

.Button_Bg {
	border-style: solid;
	border-width: 2px;
	border-color: rgb(0, 0, 0);
	border-radius: 10px;
	background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(73,73,73) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(73,73,73) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(73,73,73) 100%);
	width: 241px;
	height: 38px;
	display: block;
	float: right;
	margin-top: -5px;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	padding-top: 9px;
	margin-right: 336px;
	padding-bottom: 0px;
}
#request_quote h2 {
	width: 780px;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 19px;
	margin-top: -17px;
	text-shadow: 1px 1px #000000;
	font-weight: bold;
}
#request_quote .Button_Bg p {
	/* [disabled]margin-top: 1px; */
	font-size: 28px;
	float: none;
	text-align: center;
	font-weight: 900;
}
#front_text ul li {
	color: #FFFFFF;
	padding-left: 0px;
	margin-left: 57px;
	margin-bottom: 4px;
}
.left_cont {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	width: 630px;
}
.center_cont {
	float: left;
	padding: 0px;
	padding-bottom: 10px;
}
.right_cont {
	/* [disabled]padding-left: 7px; */
	/* [disabled]padding-bottom: 10px; */
	float: right;
}
.bottom_specials {
	float: left;
	width: 960px;
	border-bottom: thick solid #CADA28;
	/* [disabled]border-top-color: #CADA28; */
	/* [disabled]border-top-style: solid; */
	/* [disabled]border-top-width: thick; */
	padding-bottom: 25px;
}
.bottom_specials h2 {
	font-family: 'Montserrat', sans-serif;
	width: 960PX;
	background-color: #D5DD23;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 18px;
	color: #151515;
	float: left;
	font-weight: 600;
	line-height: 22px;
}
.front_bottom {
	float: left;
	width: 960px;
	margin-bottom: 22px;
	border-top: thin solid #CADA28;
	padding-top: 8px;
}
.left_bottom {
	float: left;
	width: 251px;
	margin-top: 16px;
	margin-right: 5px;
	padding-left: 11px;
}
.left_bottom2 {
	float: left;
	width: 271px;
	margin-left: 10px;
	margin-right: 18px;
	margin-bottom: 9px;
	padding-right: 10px;
	padding-left: 9px;
	padding-bottom: 13px;
	border-radius: 26px;
	margin-top: 10px;
	background-color: #31ABE2;
	/* [disabled]list-style-type: none; */
	font-size: medium;
}
.Left1 {
	float: left;
	width: 317px;
	border-radius: 26px;
}
.left_bottom2 p {
	color: #000000;
	font-size: 15px;
	margin-left: 21px;
}	
	.left_bottom2 h2 {
	color: #000000;
	font-size: 29px;
	margin-left: 25px;
	line-height: 34px;
	margin-top: 7px;
}
.left_bottom3 {
	float: left;
	width: 271px;
	margin-left: 10px;
	margin-right: 18px;
	margin-bottom: 9px;
	padding-right: 10px;
	padding-left: 9px;
	padding-bottom: 13px;
	border-radius: 26px;
	margin-top: 10px;
	background-color: #31ABE2;
}
.front_bottom .left_bottom2 lu {
    font-size: 17px;
    line-height: 39px;
    list-style-type: none;
}
.right_bottom3 {
	float: left;
	width: 195px;
	padding-left: 22px;
	border-left: thin solid #9A9A9A;
	padding-right: 22px;
}
.right_bottom3 ul li {
	color: #FFFFFF;
	margin-top: 0px;
	list-style-type: none;
	text-shadow: 0px 0px;
}
.right_bottom3 ul li a {
	color: #FFFFFF;
	text-shadow: 0px 0px;
}
.right_bottom3 h2 {
	margin-left: -1px;
	margin-bottom: 7px;
	color: #CADA28;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	text-align: left;
	text-shadow: 0px 0px;
	font-weight: 100;
}
.right_bottom32 {
	float: left;
	width: 195px;
	padding-left: 22px;
	padding-right: 22px;
}
.right_bottom32 ul li {
	color: #FFFFFF;
	margin-top: 0px;
	list-style-type: none;
	text-shadow: 0px 0px;
}
.right_bottom32 ul li a {
	color: #F8F8F8;
}
.right_bottom32 h2 {
	margin-left: -1px;
	margin-bottom: 7px;
	color: #CADA28;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	text-align: left;
	text-shadow: 0px 0px;
	font-weight: 100;
}
.right_bottom {
	float: left;
	width: 169px;
	padding-left: 22px;
	border-left: thin solid #9A9A9A;
	padding-right: 22px;
}
.right_bottom ul li {
	color: #FFFFFF;
	margin-top: 0px;
	list-style-type: none;
	text-shadow: 0px 0px;
}
.right_bottom ul li a {
	color: #FFFFFF;
	text-shadow: 0px 0px;
}
.right_bottom h2 {
	margin-left: -1px;
	margin-bottom: 7px;
	color: #CADA28;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	text-align: left;
	text-shadow: 0px 0px;
	font-weight: 100;
}
.right_bottom2 {
	float: left;
	width: 195px;
	padding-left: 22px;
	padding-right: 22px;
}
.right_bottom2 ul li {
	color: #FFFFFF;
	/* [disabled]margin-left: 14px; */
	margin-top: 0px;
	list-style-type: none;
	text-shadow: 0px 0px;
}
.right_bottom2 ul li a {
	color: #F8F8F8;
}
.right_bottom2 h2 {
	margin-left: -1px;
	margin-bottom: 7px;
	color: #CADA28;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	text-align: left;
	text-shadow: 0px 0px;
	font-weight: 100;
}
.left_bottom2 h3 {
	margin-left: 21px;
	margin-bottom: 10px;
	color: #000000;
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	text-align: left;
	font-weight: 400;
	text-shadow: 0px 0px;
	margin-top: 24px;
}
.cnc_video {
	float: left;
	width: 960px;
	/* [disabled]margin-bottom: 15px; */
	padding-bottom: 30px;
}
[class^="hvr-"] {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	/* [disabled]letter-spacing: 0px; */
}

[class^="hvr-"] {
	/*display: inline-block;*/
  /*vertical-align: middle;*/
	margin: .4em;
	padding: 1em;
	cursor: pointer;
	background-color: #6E6B6B;
	text-decoration: none;
	color: #666;
	/* Prevent highlight colour when element is tapped */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 9px;
}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.container .hvr-grow-rotate {
	background-color: #FF00BD;
	font-size: 24px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 7px;
	text-align: center;
	letter-spacing: 1px;
	word-spacing: 19px;
	margin-left: 309px;
}
#princing h4 {
	text-align: center;
	line-height: 21px;
	font-size: 18px;
	padding-top: 2px;
}
#ad_middle {
	padding-top: 26px;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 9px;
	float: left;
	height: 250px;
	width: 300px;
}
#Services {
	width: 926px;
	/* [disabled]height: 40px; */
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	/* [disabled]padding-bottom: 15px; */
	padding-left: 15px;
	/* [disabled]margin-top: 9px; */
	background-color: #B6C824;
	margin-bottom: 18px;
	text-align: center;
}
.container #Services h2 {
	color: #333333;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 7px;
}
.getacode {
    background: #fcbd58;
    background-image: -webkit-linear-gradient(270deg,rgba(219,52,52,1.00) 0%,rgba(113,4,4,1.00) 99.91%);
    background-image: -moz-linear-gradient(270deg,rgba(219,52,52,1.00) 0%,rgba(113,4,4,1.00) 99.91%);
    background-image: -ms-linear-gradient(top, #fcbd58, #c78502);
    background-image: -o-linear-gradient(270deg,rgba(219,52,52,1.00) 0%,rgba(113,4,4,1.00) 99.91%);
    background-image: linear-gradient(180deg,rgba(219,52,52,1.00) 0%,rgba(113,4,4,1.00) 99.91%);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    text-shadow: 0px 2px 0px #000000;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #000000;
    text-decoration: none;
    padding-right: 20px;
    padding-left: 20px;
    display: inline-block;
    margin-left: 332px;
    margin-top: 11px;
}

.getacode:hover {
    background-image: -webkit-linear-gradient(270deg,rgba(113,4,4,1.00) 0.22%,rgba(219,52,52,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(113,4,4,1.00) 0.22%,rgba(219,52,52,1.00) 100%);
    background-image: -ms-linear-gradient(top, #c78502, #fcbd58);
    background-image: -o-linear-gradient(270deg,rgba(113,4,4,1.00) 0.22%,rgba(219,52,52,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(113,4,4,1.00) 0.22%,rgba(219,52,52,1.00) 100%);
    text-decoration: none;
    z-index: auto;
}
******************************* 
    6 - SIDEBAR CSS STARTS 
********************************/

/*********** SIDEBAR SLIDER RANGE STYLES STARTS *********/
/*----------------------------------- 
    6.1 Price Range Style-1 Starts
------------------------------------- */
.slider-range-1 .slider-range {
    margin: 25px 0 20px;
}
.slider-range-1 #slider-range {
    background-color: #e4e3e3;
    background-image: none;
    border-color: #e4e3e3;
    border-radius: 0;
    height: 4px;
    margin: 25px 0 20px;
}
.slider-range-1 .amount {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
}
.slider-range-1 #amount {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #000000;
    font-size: 13px;
    width: 150px;
    margin-bottom: 10px;
}
.slider-range-1 #slider-range .ui-widget-header {
    background-image: none;
    background-color: #000000;
}
.slider-range-1 #slider-range .ui-slider-handle {
    background-color: #cccccc;
    background-image: none;
    border: medium none;
    border-radius: 0;
    height: 27px;
    margin-left: 0;
    top: -12px;
    width: 3px;
}
/*----------------------------------- 
    6.1 Price Range Style-1 Ends
------------------------------------- */

/*----------------------------------- 
    6.2 Price Range Style-2 Starts
------------------------------------- */
.slider-range-2 .slider-range {
    margin: 25px 0 20px;
}
.slider-range-2 #slider-range {
    background-color: #e4e3e3;
    background-image: none;
    border-color: #e4e3e3;
    border-radius: 0;
    height: 4px;
    margin: 25px 0 20px;
}
.slider-range-2 .amount {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
}
.slider-range-2 #amount {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e4e3e3;
    color: #000000;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: center;
    width: 100px;
}
.slider-range-2 #slider-range .ui-widget-header {
    background-image: none;
    background-color: #000000;
}
.slider-range-2 #slider-range .ui-slider-handle {
    background-color: #ffffff;
    background-image: none;
    border: 3px solid #000000;
    border-radius: 1em;
    height: 12px;
    top: -5px;
    width: 12px;
}
/*----------------------------------- 
    6.2 Price Range Style-2 Ends
------------------------------------- */

/*----------------------------------- 
    6.3 Price Range Style-3 Starts
------------------------------------- */
.slider-range-3 .slider-range {
    margin: 25px 0 20px;
}
.slider-range-3 #slider-range {
    background-color: #e4e3e3;
    background-image: none;
    border-color: #e4e3e3;
    border-radius: 0;
    height: 4px;
    margin: 25px 0 20px;
}
.slider-range-3 .amount {
    float: none;
}
.slider-range-3 #amount {
    background: transparent;
    border: none;
    color: #000000;
    font-size: 13px;
    margin: 10px 0;
    text-align: center;
    width: 100px;
    float: right;
    font-weight: 600;
}
.slider-range-3 #slider-range .ui-widget-header {
    background-image: none;
    background-color: #000000;
}
.slider-range-3 #slider-range .ui-slider-handle {
    background-color: #000;
    background-image: none;
    border: medium none;
    border-radius: 0;
    height: 8px;
    top: -3px;
    margin: 0;
    width: 8px;
}
.slider-range-3 #slider-range .ui-slider-handle:before{
    content: "";
    position: absolute;
    top: -8px;
    left: -1px;    
    width: 0;
    height: 0;
    border-radius: 3px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
}
.slider-range-3 .btn {
    height: 40px;
    line-height: 40px;
    min-width: auto;
    width: auto;
}
/*----------------------------------- 
    6.3 Price Range Style-3 Ends
------------------------------------- */

/*********** SIDEBAR SLIDER RANGE STYLES ENDS *********/


/*********** SIDEBAR STYLES STARTS *********/
/*----------------------------------------- 
    6.4 Product Sidebar Style-1 Starts 
------------------------------------------- */

/*--- Common css ---*/ 

.sidebar-1 .widget-content .title {
    font-size: 16px;  
}
.sidebar-1.with-border .widget-title {       
    padding-bottom: 20px;
}
.sidebar-1 .widget-wrap {
    margin-bottom: 30px;
}
.with-border .widget-title, .with-border .widget-content li, .with-border .widget-content .recent-wrap {
    border-bottom: 1px dashed #cccccc;
}
.with-border .widget-content {
    padding-left: 25px;
}
.sidebar-1 .widget-content ul {
    margin-bottom: 0;
}
.sidebar-1 .widget-content li {
    display: inline-block;
    margin-bottom: 6px;
    padding-bottom: 10px;
    vertical-align: middle;
    width: 100%;
}
.sidebar-1 .widget-content li:last-child, .sidebar-1 .widget-content .recent-wrap:last-child {
    border-bottom: none;
}
.sidebar-1 .widget-content li i {
    display: inline-block;
    vertical-align: middle;
    width: 6%;
}
.with-border .widget-content li > a {
    font-size: 13px;
}
.sidebar-1 .widget-content li > a {
    color: #666;
    display: inline-block;
    font-size: 14px;
    width: 90%;
}
.sidebar-1 .widget-content li > a:hover, .sidebar-1 .widget-content li > a:focus,
.sidebar-1 .widget-content li > a:hover span, .sidebar-1 .widget-content li > a:focus span {
    color: #000;
}
.sidebar-1 .widget-content li > a span {
    color: #999999;
    float: right;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
/*--- Common css ---*/ 

/*--- Recent Product Widget ---*/ 
.sidebar-1 .widget-content .recent-wrap {    
    margin-bottom: 8px;
    padding-bottom: 18px;
}
.sidebar-1 .recent-wrap {
    display: inline-block; width: 100%;
}
.sidebar-1 .recent-slide-des, .sidebar-1 .recent-slide-img{
    padding-left: 0;
}
.sidebar-1 .caption-title > a {
    font-size: 14px;
}
.sidebar-1 .recent-slide-img img {
    border: 1px solid transparent;
    margin-top: 5px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.sidebar-1 .recent-wrap:hover .recent-slide-img img{ border-color: #000; }
.sidebar-1 .recent-wrap .caption-text {
    padding-top: 5px;
}
.sidebar-1 .recent-wrap:hover .caption-title a, .sidebar-1 .recent-wrap:focus .caption-title a {color: #999;}
/*--- ./ Recent Product Widget ---*/ 

/*------- Responsive ------*/
@media (max-width:767px) {
    .sidebar-1 .recent-slide-img {
        display: inline-block;
    }
    .sidebar-1 .recent-slide-des {
        display: inline-block;
        vertical-align: top;
    }
}
/*------- ./Responsive ------*/

/*------------------------------------ 
    6.4 Product Sidebar Style-1 Ends 
-------------------------------------- */

/*---------------------------------- 
    6.5 Product Sidebar Style-2 Starts 
------------------------------------ */

/*--- Common css ---*/ 
widget-wrap {
    background-color: #f2f2f2;
    border-radius: 3px;    
    margin-bottom: 35px;
    position: relative;
}
.widget-title {
	background-color: #B6C824;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #ffffff;
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	width: 320px;
	margin: 0;
	font-size: 26px;
	font-weight: 300;
	text-transform: uppercase;
}
.widget-wrap .scroll {
    max-height: 215px;
}
.widget-wrap .scroll .mCSB_scrollTools {
    width: 3px;
}
.widget-content {
    padding: 15px 15px 20px;
}
.widget-colors [type="checkbox"], . [type="checkbox"]{
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.checkbox-inline {
    margin: 0;
    padding-left: 0;
    vertical-align: -moz-middle-with-baseline;
    width: 100%;
}
.checkbox-inline > span + span {
    float: right;
}
.widget-colors [type="checkbox"] + span,  [type="checkbox"] + span {
    cursor: pointer;
}
[type="checkbox"] + span::before{   
    color: #666666;
    content: "\f096";
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}
[type="checkbox"]:checked + span:before {  
    content: "\f046";
    font-family: FontAwesome;
    color: #000;
}
[type="checkbox"]:checked + span, 
[type="checkbox"]:checked + span + span {
    color: #000;
}
.widget-colors li {
    float: left;
    width: 50%;
}
.widget-colors [type="checkbox"] + span::before {
    content: "\f111";
    font-size: 16px;
    font-family: FontAwesome;
    margin-right: 10px;
    vertical-align: top;
}
.widget-colors [type="checkbox"]:checked + span::before{    
    content: "\f058";
    font-family: FontAwesome;
}
.widget-colors #brown[type="checkbox"] + span::before{
    color: #e5c890;
}
.widget-colors #light[type="checkbox"] + span::before{
    color: #e4e4e4;
}
.widget-colors #dark[type="checkbox"] + span::before{
    color: #2a2a2a;
}
.widget-colors #orange[type="checkbox"] + span::before{
    color: #f87e1d;
}
.widget-colors #blue[type="checkbox"] + span::before{
    color: #00c1f9;
}
.widget-colors #yellow[type="checkbox"] + span::before{
    color: #f8e300;
}
.widget-colors #green[type="checkbox"] + span::before{
    color: #7ac70b;
}
.widget-colors #white[type="checkbox"] + span::before{
    color: #fff;
}
/*--- Common css ---*/ 

/*--- Tag Cloud Widget ---*/ 
.tag-cloud > a {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #000000;
    display: inline-block;
    font-size: 13px;
    margin: 4px 3px 4px 0;
    padding: 5px 8px;
    text-transform: capitalize;
}
.tag-cloud > a:hover, .tag-cloud > a:focus {
    background-color: #000;
    color: #fff;
}
/*--- ./Tag Cloud Widget ---*/ 

/*--- Recent Product Widget ---*/ 
.recent-wrap {
    display: inline-block;
    margin: 10px 0;
    vertical-align: middle;
    width: 100%;
}
.recent-slide-des,  .recent-slide-img{
    padding-left: 0;
}
.caption-title > a {
	font-size: 21px;
}
.recent-slide-img img {
    border: 1px solid transparent;
    margin-top: 5px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.recent-wrap:hover .recent-slide-img img{ border-color: #000; }
.recent-wrap .caption-text {
    padding-top: 5px;
}
.recent-wrap:hover .caption-title a, .recent-wrap:focus .caption-title a {color: #999;} 
/*--- ./Recent Product Widget ---*/ 

/*------- Responsive ------*/
@media (max-width:767px) {
.recent-slide-img {
        display: inline-block;
    }
.recent-slide-des {
        display: inline-block;
        vertical-align: top;
    }
}
/*------- ./Responsive ------*/

/*---------------------------------- 
    6.5 Product Sidebar Style-2 Ends 
------------------------------------ */

/*----------------------------------------- 
    6.6 Product Sidebar Style-3 Starts 
------------------------------------------- */

/*--- Search Widget ---*/
.sidebar-3 .widget-search input {
    border: none;
}
.widget-search button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    bottom: 0;
    font-size: 18px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
}
.widget-search {
    position: relative;
}
/*--- ./Search Widget ---*/ 

/*--- Common css ---*/ 
.sidebar-3 .widget-title {
    border-bottom: 1px solid #e7e8ec;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 15px;
    text-transform: uppercase;
}
.sidebar-3 .widget-wrap {
    margin-bottom: 35px;
    border: 3px solid #e9e9e9;
    position: relative;
    overflow: hidden;
}
.sidebar-3 .widget-content {
    display: inline-block; vertical-align: middle; width: 100%;
}
.sidebar-3 .widget-content ul {
    margin-bottom: 0;
}
.sidebar-3 .widget-wrap ul li span {
    float: right;
}
.sidebar-3 .widget-content li > a:hover, .sidebar-3 .widget-content li > a:focus,
.sidebar-3 .widget-content li > a:hover span, .sidebar-3 .widget-content li > a:focus span {
    color: #000;
}
.widget-content.slider-range-3 {
    padding: 15px;
}
.slider-range-3 .title {
    margin: 0;
}
/*--- ./Common css ---*/ 

/*--- Category Widget ---*/ 
.panel-style-1 .panel {
    border-bottom: 1px solid #e7e8ec;
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
}
.panel-style-1 .panel + .panel {
    margin: 0;
}
.panel-style-1 .panel:last-child {
    border-bottom: none;
}
.panel-style-1 {
    margin-bottom: 0;
}
.panel-style-1 .indicator {
    float: right;
    font-size: 24px;
    font-weight: normal;
    line-height: 18px;
    vertical-align: middle;
}
.panel-style-1 ul {
    padding-left: 30px;
    margin-bottom: 0;
}
.sidebar-3 .panel-style-1 ul li {
    padding: 5px 15px 5px 0;
    border-bottom: 1px solid #e7e8ec;
}
.sidebar-3 .panel-style-1 ul li:last-child {
    border-bottom: medium none;
}
/*--- ./Category Widget ---*/ 

/*--- Color Widget ---*/ 
.sidebar-3 .widget-colors a {    
    border: 3px solid #e9e9e9;
    display: inline-block;
    height: 35px;
    padding: 3px;
    width: 35px;
    margin: 4px 3px 4px 0;
    vertical-align: middle;
}
.sidebar-3 .widget-colors a:hover, .sidebar-3 .widget-colors a:focus {
    border-color: #000;
}
.sidebar-3 .widget-colors {
    padding: 15px;
}
.sidebar-3 .widget-colors span  {
    display: block;
    height: 23px;
    width: 23px;
}
.sidebar-3 .widget-colors .white span  {
    background-color: #f8f8f8;
}
.sidebar-3 .widget-colors .black span  {
    background-color: #000;
}
.sidebar-3 .widget-colors .orange span  {
    background-color: #e74c3c;
}
.sidebar-3 .widget-colors .violet span  {
    background-color: #783ce7;
}
.sidebar-3 .widget-colors .blue span  {
    background-color: #3498db;
}
.sidebar-3 .widget-colors .green span  {
    background-color: #00a847;
}
.sidebar-3 .widget-colors .pink span  {
    background-color: #fa17bc;
}
.sidebar-3 .widget-colors .gray span  {
    background-color: gray;
}
/*--- ./Color Widget ---*/ 

/*--- Tags Widget ---*/ 
.sidebar-3 .tag-cloud {
    padding: 15px;
}
.sidebar-3 .tag-cloud a {    
    border: 3px solid #e9e9e9;
    display: inline-block;
    padding: 5px 7px;
    margin: 4px 3px 4px 0;
    vertical-align: middle;
    text-transform: capitalize;
}
.sidebar-3 .tag-cloud a:hover, .sidebar-3 .tag-cloud a:focus{
    border-color: #000;
}
/*--- ./ Tags Widget ---*/ 

/*--- Recent Product Widget ---*/ 
.sidebar-3  .recent-prod-slider {
    padding: 15px;
    text-align: center;
}
.sidebar-3 .hover-style1 li a {
    padding: 0 15px;
}
.sidebar-3 .thumbnail-wrap .thumbnail {
    margin: 0 auto 20px;
}
.sidebar-3 .thumbnail .rating {
    margin-bottom: 10px;
}
.sidebar-3 .hover-style1 li:first-child {
    float: none;
}
.sidebar-3 .hover-style1 {
    text-align: center;
}
/*--- ./Recent Product Widget ---*/ 

/*--- Offer Product ---*/ 
.sidebar-3 .tab-content {
    padding: 15px;
}
.sidebar-tabs > li {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-left: -4px;
    text-align: center;
    text-transform: uppercase;
    width: 33.84%;
}
.sidebar-tabs {
    border-bottom: 1px solid #e7e8ec;
}
.sidebar-tabs li a {
    color: #000000;
    display: inline-block;
    padding: 12px 0;
    width: 100%;
}
.sidebar-tabs li a:hover, .sidebar-tabs li.active a {
    background-color: #e9e9e9;
}
.sidebar-3 .recent-wrap {
    display: inline-block;
    margin: 5px 0;
    vertical-align: middle;
    width: 100%;
}
.recent-slide-des, .sidebar-3 .recent-slide-img{
    padding-left: 0;
}
.sidebar-3 .caption-title > a {
    font-size: 12px;
}
.sidebar-3 .recent-slide-img img {
    border: 1px solid transparent;
    margin-top: 5px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.sidebar-3 .recent-wrap:hover .recent-slide-img img{ border-color: #000; }
.sidebar-3 .recent-wrap .caption-text {
    padding-top: 5px;
}
.sidebar-3 .recent-wrap:hover .caption-title a, .sidebar-3 .recent-wrap:focus .caption-title a {color: #999;}

/*--- ./Offer Product ---*/ 

/*------- Responsive ------*/
@media (min-width:768px) and (max-width: 991px) {
    .sidebar-tabs > li {
        font-size: 12px;
    }
}
@media (max-width:767px) {
    .sidebar-3 .recent-slide-img {
        display: inline-block;
    }
    .sidebar-3 .recent-slide-des {
        display: inline-block;
        vertical-align: top;
    }
    .sidebar-tabs > li {
        width: 33.55%;
    }
}
/*------- ./Responsive ------*/

/*------------------------------------ 
    6.6 Product Sidebar Style-3 Ends 
-------------------------------------- */

/*********** SIDEBAR STYLES ENDS *********/

/******************************* 
    6 - SIDEBAR CSS ENDS 
********************************/
                    

/* EDITED */

/*
.but-quote {
	text-decoration:none !important;
	display: block;
	position:absolute;
	padding:5px 30px;
	color: #000 !important;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	background-color:#b2ca2e;
	border-bottom:solid 5px #669900;
	border-left:solid 5px #336600;
	background-image:url(images/ico-check.png);
	background-position:left 5px center;
	background-size: auto 67%;
	background-repeat:no-repeat;
	top:2px;
}

.but-quote:hover {
	transition:0.3s;
	background-color: #9C3;
	color:#FF3;
	text-decoration:none !important;
}
*/

.but-box {
    display: inline-block;
    box-sizing: border-box;
    padding-left: 78px;
    padding-top: 45px;
}

.but-quote {
	background: #ff1736;
	background-image: -webkit-linear-gradient(top, #ff1736, #a30d0d);
	background-image: -moz-linear-gradient(top, #ff1736, #a30d0d);
	background-image: -ms-linear-gradient(top, #ff1736, #a30d0d);
	background-image: -o-linear-gradient(top, #ff1736, #a30d0d);
	background-image: linear-gradient(to bottom, #ff1736, #a30d0d);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 25px;
	-webkit-box-shadow: 0px 1px 10px #ffffff;
	-moz-box-shadow: 0px 1px 3px #ffffff;
	box-shadow: 0px 1px 10px #ffffff;
	font-family: Arial;
	color: #ffffff;
	font-size: 22px;
	padding-top: 11px;
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 12px;
	text-decoration: none;
}

.but-quote:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(270deg,rgba(113,4,4,1.00) 0.04%,rgba(219,52,52,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(113,4,4,1.00) 0.04%,rgba(219,52,52,1.00) 100%);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(270deg,rgba(113,4,4,1.00) 0.04%,rgba(219,52,52,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(113,4,4,1.00) 0.04%,rgba(219,52,52,1.00) 100%);
	text-decoration: underline;
}

.gallery {
	text-align:center;
	width:100%;
}

.gallery li {
	margin:0 !important;
}

.gallery a {
	outline:none;
	padding:0 !important;
	border: none !important;
	display: inline-block !important;
}

.gallery img {
	display:inline-block !important;
	height:225px;
	width:300px;
	margin:15px 5px !important;
	border:solid 3px #fff !important;
	padding:0 !important;
	outline:none;
}

.hidephp {
	display:none;
	position:absolute;
	bottom:0;
	z-index:0;
	visibility:hidden;
	width:1px;
	height:1px;
	overflow:hidden;
}
.hours {
    width: 960px;
    padding-top: 8px;
    margin-top: 11px;
    margin-bottom: 10px;
    float: left;
}
.car_wraps {
	width: 320px;
	float: left;
	margin-top: 12px;
	margin-bottom: 27px;
}
.shop_text {
    width: 200px;
    height: 200px;
    margin-left: 207px;
    margin-right: 24px;
    float: right;
    margin-top: 26px;
}
.magnets {
    width: 400px;
    float: left;
    text-align: center;
    background-image: url(images/shop/images/CarMagnet.jpg);
    height: 300px;
    min-width: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
}
.stepandrepeat {
    width: 400px;
    float: left;
    text-align: center;
    background-image: url(images/shop/images/StepAndRepeat.jpg);
    height: 300px;
    min-width: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
}
.a-frame {
    width: 400px;
    float: left;
    text-align: center;
    background-image: url(images/shop/images/A-Frame.jpg);
    height: 300px;
    min-width: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
}
.roll-up {
    width: 400px;
    float: left;
    text-align: center;
    background-image: url(images/shop/images/RollUp.jpg);
    height: 300px;
    min-width: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
}
.flags {
    width: 400px;
    float: left;
    text-align: center;
    background-image: url(images/shop/images/Flags.jpg);
    height: 300px;
    min-width: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 40px;
    margin-left: 40px;
}
.number_left {
	font-family : "raleway_bold";
	font-size : 69px;
	line-height : 80.39px;
	text-transform : uppercase;
	color : #FF0000;
	color : rgb(255, 0, 0);
	text-shadow : -2px 1px 0px rgba(255, 255, 255, 1);
	width: 129px;
	margin-top: 33px;
	margin-bottom: 0px;
	margin-left: 202px;
	float: left;
	margin-right: 128px;
}
.number_center {
	font-family : "raleway_bold";
	font-size : 69px;
	line-height : 80.39px;
	text-transform : uppercase;
	color : #FF0000;
	color : rgb(255, 0, 0);
	text-shadow : -2px 1px 0px rgba(255, 255, 255, 1);
	width: 135px;
	margin-top: -22px;
	margin-bottom: 0px;
	margin-left: 52px;
	float: left;
	margin-right: 153px;
}
.number_right {
	font-family : "raleway_bold";
	font-size : 69px;
	line-height : 80.39px;
	text-transform : uppercase;
	color : #FF0000;
	color : rgb(255, 0, 0);
	text-shadow : -2px 1px 0px rgba(255, 255, 255, 1);
	width: 140px;
	margin-top: -25px;
	margin-bottom: 0px;
	margin-left: 2px;
	float: left;
}
.notice_left {
	font-family : "raleway_bold";
	font-size : 20px;
	line-height : 23.02px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
	text-shadow : 0px 1.35px 0px rgba(2,2,2,0.75);
	float: left;
	width: 145px;
	height: 91px;
	margin-left: -841px;
	text-align: right;
	margin-top: 72px;
	/* [disabled]margin-right: 153px; */
}
.notice_center {
	font-family : "raleway_bold";
	font-size : 20px;
	line-height : 23.02px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
	text-shadow : 0px 1.35px 0px rgba(2,2,2,0.75);
	float: left;
	width: 145px;
	height: 116px;
	margin-left: -55px;
	text-align: right;
	margin-right: 177px;
	margin-top: 0px;
}
.notice_right {
	font-family : "raleway_bold";
	font-size : 20px;
	line-height : 23.02px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
	text-shadow : 0px 1.35px 0px rgba(2,2,2,0.75);
	float: left;
	width: 145px;
	height: 117px;
	margin-left: -16px;
	text-align: right;
	margin-top: 0px;
}
.american {
	font-family : "raleway_black";
	font-size : 39px;
	line-height : 41.91px;
	text-transform : uppercase;
	color : #FF0000;
	color : rgb(255, 0, 0);
	text-shadow : 0px 0.76px 0px rgba(255, 255, 255, 1);
	width: 449px;
	float: left;
	margin-top: 43px;
	margin-bottom: 0px;
	margin-left: 11px;
}
.remember {
	font-family : "raleway_black";
	font-size : 136px;
	line-height : 158.45px;
	text-transform : uppercase;
	color : #FF0000;
	color : rgb(255, 0, 0);
	text-shadow : 0px 3.03px 0px rgba(255, 255, 255, 0.75);
	margin-bottom: -14px;
	float: right;
	margin-top: 58px;
	margin-right: 34px;
	padding-bottom: 0px;
}
.remember_text {
    font-family : "raleway_black";
    font-size : 45px;
    line-height : 43.96px;
    color : #000000;
    color : rgb(0, 0, 0);
    text-shadow : 0px 1px 0px rgba(255, 255, 255, 0.75);
    float: right;
    margin-top: 0px;
    margin-left: 446px;
    text-align: right;
    margin-right: 14px;
}
.vs {
    font-family : "raleway_black";
    font-size : 84px;
    line-height : 97.7px;
    text-transform : uppercase;
    color : #FF0000;
    color : rgb(0, 0, 0);
    text-shadow : 0px 1.87px 0px rgba(255, 255, 255, 0.75);
    float: left;
    margin-top: -47px;
    margin-left: 642px;
}
.billboards {
    font-family : "raleway_black";
    font-size : 136px;
    line-height : 158.45px;
    text-transform : uppercase;
    color : #FF0000;
    color : rgb(255, 0, 0);
    text-shadow : 0px 1px 0px rgba(255, 255, 255, 1);
    margin-top: -47px;
    float: left;
    margin-left: 681px;
}
.billboards_text {
    font-family : "raleway_black";
    font-size : 39px;
    line-height : 38.4px;
    color : #000000;
    color : rgb(0, 0, 0);
    text-shadow : 0px 0.87px 0px rgba(255, 255, 255, 0.75);
    margin-top: 9px;
    float: right;
    margin-right: 11px;
}
.wraps {
    font-family : "raleway_regular";
    font-size : 29px;
    line-height : 31.05px;
    color : #000000;
    color : rgb(0, 0, 0);
    text-shadow : 0px 1.82px 0px rgba(255, 255, 255, 0.75);
    margin-top: 12px;
    float: right;
    text-align: right;
    margin-left: 650px;
    margin-right: 14px;
}
.reaches {
	float: left;
	text-align: left;
	font-family : "raleway_black";
	font-size : 38px;
	line-height : 46.8px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
	text-shadow : 0px 1.18px 0px rgba(0, 0, 0, 0.75);
	margin-left: 47px;
	margin-top: -121px;
	margin-right: 628px;
}
.more_info
{
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    text-shadow: 0px 2px 0px #000000;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #E7A40F;
    text-decoration: none;
    padding-right: 20px;
    padding-left: 20px;
    display: inline-block;
    margin-left: 332px;
    margin-top: 11px;
    background-image: -webkit-linear-gradient(270deg,rgba(244,204,62,1.00) 0%,rgba(232,149,12,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(244,204,62,1.00) 0%,rgba(232,149,12,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(244,204,62,1.00) 0%,rgba(232,149,12,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(244,204,62,1.00) 0%,rgba(232,149,12,1.00) 100%);
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.shop_price {
    font-size: 55px;
    font-family: "Arial";
    color: rgb(207, 50, 50);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.291;
    text-align: right;
}
.shop_description 
{
    font-size: 20px;
    font-family: "Arial";
    color: rgb(135, 135, 135);
    line-height: 1.4;
    text-align: right;
    font-weight: normal;
}
.shop_button {
    display: inline-block;
    border-radius: 18px;
    border: medium solid #AE0407;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 3px;
    width: 107px;
    transition: all 0.5s;
    cursor: pointer;
    margin-top: 11px;
    margin-right: 5px;
    margin-left: 73px;
    margin-bottom: 5px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,0,0,1.00) 0%,rgba(133,3,5,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,0,0,1.00) 0%,rgba(133,3,5,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,0,0,1.00) 0%,rgba(133,3,5,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,0,0,1.00) 0%,rgba(133,3,5,1.00) 100%);
    -webkit-box-shadow: 1px 2px 4px #000000;
    box-shadow: 1px 2px 4px #000000;
}

.shop_button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.shop_button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.shop_button:hover span {
  padding-right: 25px;
}

.shop_button:hover span:after {
  opacity: 1;
  right: 0;
}
.img_shop {
	width: 394px;
	height: 600px;
	margin-left: 56px;
	margin-bottom: 32px;
	float: left;
	margin-right: 49px;
}
.price {
	font-size: 55px;
	font-family: "Arial";
	color: rgb(207, 50, 50);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.291;
	text-align: Left;
	float: left;
	width: 455px;
}
.fast {
	font-size: 20px;
	font-weight: bold;
	color: #5FD4FD;
	float: left;
	width: 455px;
}
.also_recommended {
	float: left;
	width: 960px;
}
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 18px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding-right: 18px;
    padding-left: 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    /* [disabled]margin-bottom: -6px; */
}
.panel p {
    color: #000000;
    margin-top: 0px;
    line-height: 20px;
    font-size: 13px;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}