@charset "UTF-8";
/* CSS Document */


@media screen and (min-width: 10px) and (max-width: 768px) {

.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12
{margin-top:20px;}


#dot2 {
	background-image: none;
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 47.05% !important;}


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product  {width: 100% !important;}



.bio-holder {
	display: block;
	float: left;
	width: 100%;margin-right: 0%;
}


.bio-p {
	display: block;
	float: left;
	width: 100%;

}





.bio-pic2 {
	display: block;
	float: left;
	width: 12.5%;
	margin-right: 1.5%;
}

.bio-pic2 img {
	height: auto;
	width: 100%;
}







.bio-bike img {
	height: auto;
	width: 100%;
}

.bio-box {
	float: right;
width: 100%;
margin-left: 0%;
margin-top: -5px;
}





.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 0 2% 2.992em 0;
min-height: 0px;}

#menu {display:none}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin-left: 1%;
margin-right: 1%;
	
	width: 48%;
	height: auto;
	
	text-align: center;
	cursor: pointer;
}

#site-generator {
	
	font-size: 21px;
	
	
}

#content img {max-width:100%;height: auto;}

.jumbo {height: 36.2vw;}

.extra-large-header {
	font-size: 7.5vw;
	line-height: 7.5vw;
	letter-spacing: 0px;
}


button.navbar-toggle {border-width: 0 !important;
background-color: transparent !important;
padding: 0px !important;}




ul.nav.navbar-nav.choma-menu {margin: 0 0 0px 0em;}


.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
          transition: height .35s ease;
}

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}




/* menu icon */

#menu-trigger {
cursor: pointer;
display: block;
height: 40px;

}

.choma-menu:after {
content: '';
position: absolute;
left: 25px;
top: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;

}

.choma-menu a:hover, .choma-menu a:focus {
color: #4e0000 !important;

}

.choma-menu li:hover > a {
color: #380101;
text-decoration: none;

}



.choma-menu ul {
position: static;
visibility: visible;
opacity: 1;
margin: 0;
background: none;
border: none;


}

.choma-menu ul ul {
margin: 0 0 0 20px !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;

}

.choma-menu li {
	box-shadow: none;
	width: 100%;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #4d4d4d;
	

}

.choma-menu ul li {
text-align: center;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;

}

.choma-menu a {
display: block;
float: none;
padding: 0px 15px !important;
color: #fff;text-decoration: none;

}

.choma-menu a:hover, .choma-menu a:focus {
color: #fafafa;

}

.choma-menu ul a {
padding: 0;
width: auto;

}

.choma-menu ul a:hover {
background: none;

}

.choma-menu ul li:first-child a:after, .choma-menu ul ul li:first-child a:after {
border: 0;

}

.choma-menu li {
float: left !important;
position: relative;

}

.choma-menu ul li a {
text-align: center;

}

.choma-menu ul li {
background: none;

}

.choma-menu li> a {
color: #4E0000;

}

.choma-menu li> a:hover {
color: #4E0000;

}

header .margin-top-bottom-2 {
margin-bottom: 0px !important;

}




.choma-menu a {
	color: #CCC !important;
	
}
.choma-menu a:hover, .choma-menu a:focus {
	color: #fafafa !important;
}

.choma-menu ul li a:hover, .choma-menu ul li a:focus, .choma-menu ul li a:active {
	color: #E8E8E8 !important;
	
}
.choma-menu ul li a {color: #CCC !important;font-size: 90%;}


.choma-menu li a:hover {background-color: #000 !important;}

.choma-menu li a{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	background-color: #222222 !important;
	font-size: 120%;
}

.choma-menu ul li a{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	background-color: #3C3C3C !important;
	font-size: 110%;
}




h2.tribe-events-page-title {font-size: 22px !important;text-align: left !important;}



#content h1 {
	font-size: 22px;	
	
}

#content h2 {
	font-size: 20px;	
	
}
#content h3 {
	font-size: 18px;	
	
}
#content h4 {
	font-size: 14px;	
	
}
#content h5 {
	font-size: 14px;	
	
}
#content h6 {
	
	
}

.extra-large-header {font-size: 36px;
line-height: 36px;margin-top: 24vw;}



.jumbo {height: 44vw;
width: 100%;
max-width: 1920px;
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
top: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
background-attachment: scroll;
background-color: #000;}


.jumbo2 {height: 44vw;}


#blackOverlay {height: 18vh;}



.inside-arrow {font-family: lato;
font-size: 16px;
line-height: 23px;
font-weight: 600;
color: #FFF;
display: block;
width: 88%;
margin-left: 6%;
margin-top: 30px;

text-align: left;}


.home-arrow {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	width: 100%;
	position: absolute;
	margin-left: 0%;
	margin-top: 265px;
	background-color:rgba(0,0,0,0.7);
}


.gray-button3 a {margin-bottom: 30px;}

#hello {display: none;}


#bg {background-position: -550px top;}



.cta-content-left {background-repeat: no-repeat;
background-position: right top;
height: auto;
width: 100%;
padding-right: 0%;
display: block;
float: left;
text-align: left;
padding-top: 30px;}


.cta-content-right {background-repeat: no-repeat;
background-position: right top;
height: auto;
width: 100%;
padding-left: 0%;
display: block;
float: left;
text-align: left;
padding-top: 30px;}

.cta-blue {height: auto;
width: 100%;padding-bottom: 30px;}

.one-third {width: 100%;
margin-right: 0%;}


.cta-button-right {display: block;
float: left;
width: 100%;
padding-left: 0%;
margin-top: 33px;}


.cta-button-left {display: block;
float: left;
width: 100%;
padding-left: 0%;
margin-top:0px;}

.gray-button2 a {margin-bottom:30px;}


.texture2 img {
	height: auto;
	max-width: 100%;
}


.one-third-box {width: 98%;}
.one-fourth-box {width: 98%;}

.spacer-slider {
	display: block;
	height: 140px;
	width: 100px;
}

.sixty {width: 100%;}

.padding-box {padding-top: 33px;
padding-right: 0px;
padding-bottom: 36px;
padding-left: 0px;
display: block;
float: left;}

.home-bmw {background-image: url(images/home-bmw-phone.jpg);
background-position: center top;
display: block;
float: left;
height: auto;
width: 100%;
padding-top: 60vw;
overflow: hidden;
position: relative;
background-size: cover;
font-size: 100%;
line-height: 120%;
color: #000;
padding-bottom:30px;}



.home-bmw .header1 {color:#000 !important;}
.home-bmw .header2 {color:#000 !important;}

.forty {width: 100%;}

.margin-3 {margin-right: 0%;}

#content {margin-bottom: 0px;}

#main-inside {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}

.mobile-icon a{
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.mobile-icon a:hover{
	color: #ccc;
	
}

.btn-hamburger {

top: 12px !important;
left: 12px !important;
}


.half-box1 {
	float: left;
	width: 100%;
	margin-right: 0%;
}

.half-box2 {
	float: left;
	width: 100%;
	margin-left: 0%;
}


#sdrn_bar .bar_logo {border:0px;
border:none;
margin:0px;
padding:0px;
margin-top: -13px;
padding-left: 8px;
padding-right: 8px;
width:auto;
height: 29px!important;
position: absolute;
left: auto;
right:auto;
top:50%;}

#sdrn_bar {
	background-color: transparent !important;
	background-image: url(img/menu-bg.png)!important;
	background-repeat: no-repeat!important;
	background-position: 10px 5px!important;
}


.slideout-open, .slideout-open body, .slideout-open .slideout-panel {overflow: visible;}




#footer-widget-area #first {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	padding: 0px;	
	
}

#footer-widget-area #second {
width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;	
}



#footer-widget-area #third {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;	
}

#footer-widget-area #fourth {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;	
}





.home-box {
	background-color: #FFF;
	display: block;
	float: left;
	width: 42%;
	margin-right: 0%;
	margin-left: 6%;
	box-shadow: 0px 0px 4px #999;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	color: #4c4d52;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	height: auto;
}

.home-box img {
	height: auto;
	width: 100%;
}


.home-box-title {
	padding-right: 2%;
	padding-left: 2%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	color: #4c4d52;
	font-size: 14px;
	line-height: 14px;
	display: block;
	width: 96%;
	height: auto;
	margin-top:5px;
	margin-bottom: 5px;
	float: left;
}




.view {
  width: 100%;
   height: 130px;
   margin: 0px;
   float: left;
 
   overflow: hidden;
   position: relative;
   text-align: center;
  
   cursor: default;
  
}
.view .mask,.view .content {
  width: 100%;
   height: 130px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view a.info {width: 100%;}

#header nav
{
	display: none;
}



#masthead {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


#page-wrapper /* viewport |_| */
{
	position: absolute;
	width: 100%;
	left: 0px;
	overflow: hidden;
	z-index:0;
	background-color: #13171a;
	background-image: none;
}

#header /* ******* */
{
	width: 100%;
	position: relative;
	height: 170px;
	background-repeat: repeat;
	background-position: center top;
}
#content-wrapper
{
	background-color: #13171a;
}

#content-wrapper.moved
{
	-webkit-transform: perspective(0) translate(200px, 0);
    -moz-transform: translate(200px, 0);	
    -ms-transform: translate(200px, 0);	
    -o-transform:  translate(200px, 0);	
    transform: translate(200px, 0);	
}

.phone {
	font-size: 21px;
	line-height: 28px;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-top: -20px;
	margin-bottom: 30px;
}

.phone a {color: #fff;}

.display-web {
	display: none;
}
#access .menu-header,
div.menu,

#branding,

#wrapper {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper {
	margin-top: 0px;
	background-color: #13171a;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
	overflow: hidden;
	padding: 0px;
	margin-bottom: 0px;
}

#container {
	float: left;
	
	width: 100%;
	
	
}
#content {
	float: left;
	
	width: 100%;
	
}

.one-column #content {
	float: left;
	
	width: 100%;
	
}

.hentry {
	width: 100%;	
}

#main {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}

#primary,
#secondary {
	
	display: none;
}
.logo-mobile {
	height: auto;
	width: 215px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;

}
	
	

#footer{
	width: 100%;
	
}

#colophon{
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;	
	
}

#site-info {
	
	width: 100%;
	
}
#site-generator {
	width: 100%;
	margin-top: 20px;
}



.display-phone {
	display: block;
}

.display-web {
	display: none;
}


}

@media screen and (max-width: 380px){
	
	
	
	}

@media screen and (min-width: 381px) and (max-width: 580px) {
	
	

}


#a-menu { display: block; height: 28px; }
#a-menu img { width: 32px;   }
#a-menu img:hover { opacity: 0.9; }

#header_left {position: absolute; left: 10px; top: 9px; display: block;}
#header_right {
	position: absolute;
	right: 10px;
	top: 9px;
	display: block;
}

#header_right img {
	
	height: 29px;
	width: 32px;
}

#header_title
{
	display: inline-block;	
	text-align: center;
	margin: 0 auto;
	width: 100%;
	margin-top: 21px;
}

#header_title h1
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #c2c2c2;
	line-height: 0;
	font-size: 25px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0px 1px rgba(0,0,0,0.75);
}

/* -------------- Menu -------------------- */
	
#menu
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -100000000000 !important;
	height: 100%;
	
	color: #d1d5da;
	overflow-x: auto;
	overflow-y: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
		background: #2d3134;overflow-x: hidden;
}

/* #menu.activeState {
    -webkit-transform: perspective(0) translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
} */

#menu h4
{
	display: block;
	font-size: 12px;
	text-shadow: 0 -1px #000;
	padding-top: 2px;

	border-bottom: 1px solid rgba(0,0,0,0.5);
	-moz-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	box-shadow: inset 0 1px 0px rgba(255,255,255,0.15);
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#menu ul
{
	margin: 0px;
	padding: 0px;
}

#menu ul a 
{
	color: #d1d5da;
	font-size: 14px;
	text-decoration: none;
}

#menu ul img
{
	height: 18px; 
	opacity: 0.75;	
	vertical-align: middle;
}

#menu ul span
{
	margin-left: 10px;	
	font-size: 12px;
	margin-top: 2px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 20px;
}

#menu ul li
{
	border-bottom: 1px solid rgba(0,0,0,0.25);
	-moz-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	box-shadow: inset 0 1px 0px rgba(255,255,255,0.15);
	
	background-repeat: no-repeat;
	background-position: right;
	background-size: 26px;
	display: block;
	width: 100%;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}

#menu ul li.item2
{
	border-bottom: 1px solid rgba(0,0,0,0.25);
	-moz-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	box-shadow: inset 0 1px 0px rgba(255,255,255,0.15);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 26px;
	display: block;
	text-indent: 10px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 11px;
}


#menu ul li a
{
	display: block;	
}

#menu ul li.active, #menu ul li:hover
{
	background-color: #666;
	color: #fff;
	border: none;
}



@media screen and (min-width: 760px) and (max-width: 6000px) {
	
	
#menu {position: absolute;
left: 0px;
top: 0px;
z-index: 0 !important;
height: 100%;
width: 255px;
color: #d1d5da;
overflow-x: auto;
overflow-y: auto;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background: #2d3134;
overflow-x: hidden;}

#menu .mobile-icon {
	font-size: 28px;
	margin-left: 10px;
	margin-top: 10px;
}


}

@media screen and (min-width: 767px) and (max-width: 768px) {
	
	.one-third-box {width: 48%;}
.one-fourth-box {width: 48%;}



.sixty {width: 100%;}


}


@media screen and (min-width: 769px) and (max-width: 1200px) {





.home-bmw .half-box2 {float: left;
width: 50%;
margin-left: 0%;
margin-right: 0%;}

.padding-ipad {
	padding-right: 20px;
	padding-left: 20px;
}

.btn-hamburger {display:none;}


.padding-box {
	padding-top: 33px;
	padding-right: 0px;
	padding-bottom: 36px;
	padding-left: 0px;
	display: block;
float: left;
}


.home-bmw {font-size: 90%;}

.first-blue {font-size: 100%;
line-height: 120%;}

#mini {width:80%}

.home-arrow {margin-left: 42%;}

.photos-title {font-size: 13px;}

#access a {line-height: 51px;font-size: 18px;}

#menu {display:none}


}




@media screen and (min-width: 768px) and (max-width: 768px) {



	
}











@media screen and (min-width: 800px) and (max-width: 1366px) {

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: right;
width: 90% !important;
position: relative;
clear: none;}

#mini {width:80%}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs:after, .woocommerce #content div.product div.thumbnails a.first, .woocommerce #content div.product div.thumbnails:after, .woocommerce .cart-collaterals:after, .woocommerce .col2-set:after, .woocommerce .woocommerce-pagination ul.page-numbers:after, .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs ul.tabs:after, .woocommerce div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails:after, .woocommerce ul.products, .woocommerce ul.products li.first, .woocommerce ul.products:after, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails:after, .woocommerce-page .cart-collaterals:after, .woocommerce-page .col2-set:after, .woocommerce-page .woocommerce-pagination ul.page-numbers:after, .woocommerce-page div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails:after, .woocommerce-page ul.products, .woocommerce-page ul.products li.first, .woocommerce-page ul.products:after

{float: right !important;
width: 90% !important;
position: relative;
clear: none !important;}


#masthead {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


#container {
	
	width: 90%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#main-inside {width: 90%;}


form#icpsignup12415 {
	background-color: #000;
	padding: 20px;
	border: 1px solid #000;
	border-radius: 8px;
	width: 90%;
}


#footer-inside {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	font-family: "Droid Sans";
}


#container {
	
	width: 90%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}


}




















h1.main,p.demos {
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s;
}
.sp-container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 90%;
	height: 100%;
	z-index: 0;
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));
	background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));
	background: -ms-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));
	background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));
	padding-right: 5%;
	padding-left: 5%;
}
.sp-content {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
}
.sp-container h2 {
	position: relative;
	top: 50%;
	line-height: 80px;
	height: 90px;
	margin-top: -70px;
	font-size: 70px;
	width: 100%;
	text-align: center;
	color: transparent;
	-webkit-animation: blurFadeInOut 3s ease-in backwards;
	-moz-animation: blurFadeInOut 3s ease-in backwards;
	-ms-animation: blurFadeInOut 3s ease-in backwards;
	animation: blurFadeInOut 3s ease-in backwards;
	font-weight: 800;
	text-transform: uppercase;
}
.sp-container h2.frame-1 {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}
.sp-container h2.frame-2 {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}
.sp-container h2.frame-3 {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.sp-container h2.frame-4 {
	font-size: 125px;
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	-ms-animation-delay: 9s;
	animation-delay: 9s;
}
.sp-container h2.frame-5 {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
	color: transparent;
	text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-5 span {
	-webkit-animation: blurFadeIn 3s ease-in 12s backwards;
	-moz-animation: blurFadeIn 1s ease-in 12s backwards;
	-ms-animation: blurFadeIn 3s ease-in 12s backwards;
	animation: blurFadeIn 3s ease-in 12s backwards;
	color: transparent;
	text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-5 span:nth-child(2) {
	-webkit-animation-delay: 13s;
	-moz-animation-delay: 13s;
	-ms-animation-delay: 13s;
	animation-delay: 13s;
}
.sp-container h2.frame-5 span:nth-child(3) {
	-webkit-animation-delay: 14s;
	-moz-animation-delay: 14s;
	-ms-animation-delay: 14s;
	animation-delay: 14s;
}

/**/
@-webkit-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1.1);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes fadeInBack{
	0%{
		opacity: 0;
		-webkit-transform: scale(0);
	}
	50%{
		opacity: 0.4;
		-webkit-transform: scale(2);
	}
	100%{
		opacity: 0.2;
		-webkit-transform: scale(5);
	}
}
@-webkit-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-webkit-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
	}
}
/**/
@-moz-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-moz-transform: scale(0);
	}
}
@-moz-keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
}
@-moz-keyframes fadeInBack{
	0%{
		opacity: 0;
		-moz-transform: scale(0);
	}
	50%{
		opacity: 0.4;
		-moz-transform: scale(2);
	}
	100%{
		opacity: 0.2;
		-moz-transform: scale(5);
	}
}
@-moz-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-moz-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-moz-transform: scale(1) rotate(0deg);
	}
}
/**/
@keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		transform: scale(0);
	}
}
@keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		transform: scale(1.1);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
}
@keyframes fadeInBack{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 0.4;
		transform: scale(2);
	}
	100%{
		opacity: 0.2;
		transform: scale(5);
	}
}
@keyframes fadeInRotate{
	0%{
		opacity: 0;
		transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}





#home {background-attachment: scroll;}

