@charset "utf-8";
/* CSS Document */

/* Grid System */

#wrapper{
        width: 100%;
		padding-top:70px;
   }
   
.grid-container-full {width:100%;}

.grid-container{
        width: 100%; 
        max-width: 1200px;
		margin:auto;
padding:0 1%;		
   }
   
   .grid-container-nav{
        width: 100%; 
        max-width: 100%;
		margin:auto;
		position:fixed;
		background-color:#fff;
		top:0px;
		z-index:999;
			
   }
   
  .logo-con {float:left;margin:auto;width:12.5%;}
  .mainnav-con {float:left;margin:auto;width:37.5%;}

.col-1-12 {float:left;margin:auto;width:8.333%;}

.col-2-12 {float:left;margin:auto;width:16.666%;}

.col-3-12 {float:left;margin:auto;width:24.999%;}

.col-4-12 {float:left;margin:auto;width:33.33%;}

.col-5-12 {float:left;margin:auto;width:41.66%;}

.col-6-12 {float:left;margin:auto;width:49.99%;}

.col-7-12 {float:left;margin:auto;width:58.33%;}

.col-8-12 {float:left;margin:auto;width:66.66%;}

.col-9-12 {float:left;margin:auto;width:74.99%;}

.col-10-12 {float:left;margin:auto;width:83.33%;}

.col-11-12 {float:left;margin:auto;width:91.66%;}

.col-12-12 {float:left;margin:auto;width:100%;}

.center {margin:auto;}

.mob-only {display:none;}

@media screen and (max-width: 1200px) {
.small-1-1 {float:left;margin:auto;width:100%;}
.small-1-12 {float:left;margin:auto;width:8.333%;}

.small-2-12 {float:left;margin:auto;width:16.666%;}

.small-3-12 {float:left;margin:auto;width:24.999%;}

.small-4-12 {float:left;margin:auto;width:33.33%;}

.small-5-12 {float:left;margin:auto;width:41.66%;}

.small-6-12 {float:left;margin:auto;width:49.99%;}

.small-7-12 {float:left;margin:auto;width:58.33%;}

.small-8-12 {float:left;margin:auto;width:66.66%;}

.small-9-12 {float:left;margin:auto;width:74.99%;}

.small-10-12 {float:left;margin:auto;width:83.33%;}

.small-11-12 {float:left;margin:auto;width:91.66%;}

.small-12-12 {float:left;margin:auto;width:100%;}
.mid-1-2 {width:50%!important;float:left;}
}

@media screen and (max-width: 799px) {
.mob-only {display:block;}
.mob-hide {display:none;}
.mob-1-3 {width:33.333%!important;float:left;}
.mob-1-2 {width:50%!important;float:left;}
.mob-1-1 {margin:auto;width:100%!important;}
.mob-1-4 {margin:auto;width:25%!important;}
.mob-1-5 {margin:auto;width:20%!important;}
.mob-2-5 {margin:auto;width:40%!important;}
.mob-3-5 {margin:auto;width:60%!important;}
.mob-4-5 {margin:auto;width:80%!important;}

.footer-1,.footer-2,.footer-3,.footer-4 {margin-bottom:15px;}
}

@media screen and (min-width: 500px) and (max-width: 799px) {
.footer-1,.footer-2,.footer-3,.footer-4 {width:50%;}
}