/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 

.zerogridh{ width: 620px; position: relative; margin: 0 auto; padding: 0px; background-image:url(../images/main-bg.jpg);
background-position: 50% 0; background-repeat:no-repeat; }
.zerogridh:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.zerogridh .col-full{width:100%;}
.zerogridh .col-top{float:left; display: inline-block;}
.zerogridh .col-top{width:47%; margin-left:2%;}



.zerogrid{ width: 620px; position: relative; margin: 0 auto; padding: 0px;  }
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }


.zerogrid .row1{background-color:#7b0502;
			border-bottom:0px solid #990400;
			height:auto%;}
.zerogrid .row1:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row1:after{clear: both; }
.zerogrid .row1{zoom: 1;}


.zerogrid .row2{background-color:#6b0401;}
.zerogrid .row2:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row2:after{clear: both; }
.zerogrid .row2{zoom: 1;}

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}


.zerogrid .wrap-col{margin:0 5px 0 10px;}
.zerogrid .wrap-colL{margin:0 5px 0 10px;}
.zerogrid .wrap-colR{margin:0 10px 0 5px;}
.zerogrid .wrap-colM{margin:0 10px 0 10px;}


.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6 .col-11 .col-12{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}
.zerogrid .col-fullapp{width:100%; background-image:url(../images/bg-appdownload.png); background-repeat:no-repeat;}
.zerogrid .col-fullapp p { font-family: 'Open Sans', sans-serif;
             font-size:16px;
             color:#fdf1b3;
			 text-align:center;
             padding:0 50px 0 50px;
			 line-height:20px;
			 
			
}
.zerogrid .col-fullappbar{width:100%; height:51px; background-image:url(../images/appdownload-bar.png); background-repeat:no-repeat;}
.zerogrid .col-fullappbar .textbar { font-family: 'Open Sans', sans-serif;
             font-size:20px;
             color:#000;
			 text-align:left;
             padding: 20px 0 0 30px;
			 line-height:50px;
			 
			
}

.zerogrid .col-fullappbody{width:100%; background-color:#500406;  }


.btnapp {

   border-top: 1px solid #ffde03;

    background-color: #FFEEB5;
    /* For WebKit (Safari, Chrome, etc) */
    background: #FFEEB5 -webkit-gradient(linear, left top, left bottom, from(#AE8913), to(#FFEEB5)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;


   padding: 10px 20px;

   -webkit-border-radius: 4px;

   -moz-border-radius: 4px;

   border-radius: 4px;

   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;

   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;

   box-shadow: rgba(0,0,0,1) 0 1px 0;

   color: #ffffff;

   font-size: 17px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
   letter-spacing:1px;

   }

.btnapp:hover {

    background-color: #D46037;
    /* For WebKit (Safari, Chrome, etc) */
    background: #D46037 -webkit-gradient(linear, left top, left bottom, from(#D4C937), to(#D46037)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #D46037 -moz-linear-gradient(top, #D4C937, #D46037) no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D4C937, endColorstr=#D46037) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D4C937, endColorstr=#D4C937)" no-repeat;
}











.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:50%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:40%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:60%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:49.50%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:50%;}
.zerogrid .col-5-6{width:48%;}
.zerogrid .col-11{width:55%;}
.zerogrid .col-12{width:100%;}
@media only screen and (min-width: 620px){
	.zerogrid{width:620px;}
	.zerogridh{width:620px;}
}


@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid{width:100%;}
	.zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6,  .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	
	.zerogrid .col-3-4{width:100%;}
	.zerogrid .col-1-4{width:100%;}
	
	
.zerogridh{width:100%;}
.zerogridh .col-top{width:47%; margin-left:2%;}
	
	
	
	#copy{
    position:relative;
    padding:0;
    clear: both;
    width: 100%;
    margin: 0 auto;
}

#footer  {
    position:relative;
    clear: both;
    width: 100%;
    height:130px;
    margin: 0 auto;
}
.footer_box{float:left;   min-height:100px; width:100%; padding-left:15px; border:none;  margin:10px 0 10px 10px;
text-align: center;}
}

@media only screen and (max-width: 479px) {
	.zerogridh{width:100%;}
	.zerogridh .col-top{width:47%; margin-left:2%;}
	.zerogrid{width:100%;}
	 .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6, .zerogrid  .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	.zerogrid .col-3-4{width:100%;}
	.zerogrid .col-1-4{width:100%;}
	
	
h2 {
    font-size: 14px;
	text-transform:none;
}	

.pro-a h1{
    font-size:15px;
}	
	
#copy{
    position:relative;
    padding:0;
    clear: both;
    width: 100%;
    margin: 0 auto;
}

#footer  {
    position:relative;
    clear: both;
    width: 100%;
    height:130px;
    margin: 0 auto;
}
.footer_box{float:left;   min-height:100px; width:100%; padding-left:15px; border:none;  margin:10px 0 10px 10px;
text-align: center;}
}