/* CSS Document */

/*
*/

h2.product-free-shipping{
	background:red;
	padding:4px;
	color:#fff;
	font-size:14pt;
	font-family: 'Oswald', sans-serif;
}

div.fixcenter{
	position:relative;
}

html{
	height:100%;
}

.main img,.helipal.modal img{
	max-width: 100%;
}

.main table img,.helipal.modal table img{
	max-width:none !important;
}

.helipal.inline-video{
	width:100%;
	position:relative;
}

.helipal.video-wrapper{
	position:relative;
	width:100%;
}

.helipal.video-wrapper .title-panel{
	position:absolute;
}

.helipal.video-wrapper .overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.helipal.video-wrapper .overlay img{
	width:100%;
	height:100%;
}

.helipal.video-wrapper .title-panel.left{
	left:20px;
}

.helipal.video-wrapper .title-panel.bottom{
	bottom:20px;
}

.helipal.video-wrapper .title-panel.top{
	top:20px;
}

.helipal.video-wrapper .title-panel.right{
	right:20px;
}

.helipal.video-wrapper .title-panel.center{
	left:50%;
}

.helipal.video-wrapper .title-panel.center .wrapper{
	position:relative;
	left:-50%;
}

.helipal.video-wrapper .title-panel.middle{
	top:50%;
}

.helipal.video-wrapper .title-panel.middle .wrapper{
	position:relative;
	top:-50%;
}

.helipal.sub-logo{
	margin:0px auto;
	width:1000px;
	position:relative;
	text-align:left;
}

.helipal.bg-ad{
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
	min-width: 990px;
	background:url('http://image.helipal.com/storm-racing-drone-v2a-bg.jpg') 50% 0 no-repeat;
	background-color:#000;
	background-position-x:center;
	background-position-y:top;
	background-size:contain;
	top:0;
	left:0;
}

.helipal.bg-ad.body-white{
	background-color:#fff;
}

/*
*/

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #fff;
    background-color: rgba(255, 0, 0, 0.80);
    font-size: 18px;
    padding:0.5em 1em;
    display: none;
	font-family: 'Oswald', sans-serif;
}

.back-to-top:hover {    
    background-color: rgba(235, 135, 135, 0.50);
}


/*dialog
*/

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 630px;
    margin: 40px auto;
    position: relative
}

.helipal.modal{
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}

.helipal.modal h1{
	font-family: 'Oswald', sans-serif;
	font-weight:700;
}

.helipal.modal .button{
	border:none;
	background:#ddd;
	padding:5px 15px;
	font-weight:400;
	font-family: 'Oswald', sans-serif;
	font-size:14pt;
	cursor:hand;
}

.helipal.main-image img{
	width:100%;
}

.helipal.modal .modal-main-image{
	width:100%;
}

.helipal.modal .add-to-cart-button{
	background:#002288;
	color:#fff;
}

.helipal.modal .add-to-cart-button:hover{
	background:#113399;
	color:#fff;
}

.helipal.modal .modal-prices{
	float:right;
}

.helipal.modal .modal-prices .original{
	font-weight:300;
	font-size:10pt;
	text-decoration:line-through;
	color:#888;
}

.helipal.modal .modal-prices .price{
	font-weight:700;
	font-size:18pt;
	color:red;
}

/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0.01;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
/*
add to cart
*/
.ui-pnotify-text{
	font-size:10pt;
}
/*
product list
*/

.helipal.grid{
	list-style:none;
	margin:0;
	padding:0;
}

.helipal.grid:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.helipal.grid li{
	float:left;
	display:block;
	padding:0;
	margin:15px 0;
	height:240px;
}

.ui-widget-content .ui-state-highlight, .ui-state-highlight{
	background:#ff0 !important; 
}

.helipal.grid li a.button{
	display:block;
	padding:2px 10px;
	text-align:center;
	background:#ccc;
	font-family:'Oswald';

}


#freeShippingBox h2{
	font-size:16pt;
	border-bottom:1px solid #aaa;
	font-family:'Oswald';
}

#freeShippingBox .parts-button{
	padding:5px;
}

#freeShippingMiniBox .parts-button{
	padding:5px 0;
	
}

#freeShippingBox .css_btn_class{
	font-size:10pt;
	margin-left:5px;
	font-family:'Oswald';
}

#freeShippingMiniBox .css_btn_class{
	font-size:10pt;
	padding:4px 10px;
	font-family:'Oswald';
	display:block;
	margin:2px 0;
}

.helipal.grid li a.button:hover{
	background:red;
	color:#fff;
}


.helipal.grid p{
	margin:0;
	padding:5px;
	height:60px;
}

.helipal.grid.col-3 li{
	width:33.3%;
}

.helipal.grid.col-4 li{
	width:25%;
}

.helipal.grid li img{
	max-width:100%;
	width:100%;
}

.helipal.grid li h4{
	height:40px;
}



.helipal.wide-image{
	width:980px;
	height:450px;
	margin-top:10px;
}

.helipal.wide-image img{
	width:100%;
}

.helipal.main-content h4,
.helipal.main-content h5{
	font-family: 'Oswald', sans-serif;
}

.helipal.main-content h4{
	font-size:16pt;
	font-weight:500;
	margin-bottom:5px;
}

.helipal.main-content h5{
	font-size:14pt;
	font-weight:300;
	margin-top:5px;
	margin-bottom:5px;
}

.helipal.main-content .image-caption{
	position:relative;
	margin:10px 0 20px;
}

.helipal.main-content .image-caption h5{
	margin:0;
	padding:5px 1%;
	position:absolute;
	display:block;
	width:98%;
	bottom:0;
	color:#fff;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}

.srd-filter-wrapper{
	width:100%;
	height:100%;
}

.srd-filter{
	width:16.66%;
	height:100%;
	float:left;
	background:#888;
}

.srd-filter-item{
	background:#888;
	transition: 0.5s;
	transition-property:background-color,color;
	padding:18px 0 2px;
	cursor: pointer; 
	color:white;
}

.srd-filter-item:hover{
	background:#DD0000;
}

.srd-filter-item.selected{
	background:#F00;
}

.srd-filter-item.heading.selected{
	background:#555;
}

.srd-filter-item.blur{
	color:#999;
	cursor: default; 
}


.srd-filter-item .title{
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:24px;
	text-align:center;
}

.srd-filter-item .title.big{
	font-size:54px;
}

.srd-filter-item .subtitle{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px;
	text-align:center;
}

.srd-filter-item.heading{
	color:white;
	padding:0px 10px;
	height:50px;
}

.srd-filter-item.row-5{
	height:60px;
}

.srd-filter-item.row-4{
	height:80px;
}



.srd-filter-item.row-3 .title{
	padding-top:15px;
}

.srd-filter-item.row-3 .title.big{
	padding-top:0px;
}

.srd-filter-item.row-3{
	height:113.33px;
}

.srd-filter-item.row-2{
	height:160px;
}

.srd-filter-item.row-2 .title{
	padding-top:20px;
}

.srd-filter .heading .title{
	font-family: 'Oswald', sans-serif;
	float:left;
	width:40%;
	font-size:36px;
	font-weight:700;
	color:#ddd;
}

.srd-filter .heading .subtitle{
	font-family: 'Oswald', sans-serif;
	text-align:left;
	padding-top:5px;
	float:left;
	font-size:14px;
	color:#ddd;
	width:60%;
}




.srd-filter .wrapper{
	border-left:1px solid #aaa;
	height:100%;
}

.srd-filter .wrapper:last-child(){
	border-left:0px;
	height:100%;
}



.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.helipal.slide-btn.active{
	background:#DC2200;
	color:#fff;
}