/*-- body{ background-color:#f5f5f5; }  --*/

.wrapper{
	max-width:1200px;
	margin:0 auto;
	padding:0px;
	min-width:320px;}
.header{
	width:100%;
	display:block;
	min-height:48px;
	padding-top:0px;
	background:url(../images/6.jpg) top center no-repeat;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	}
.logo{
	padding:10px 0px;
	margin:0 auto;
	text-align:center;
	}
	
/*-- .show-grid{background-color:#fff; } --*/


@-webkit-keyframes rotating  {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}


.buttoncolor{
	color: #fff;
    display: block;
    font-size:13px;
    padding:10px 15px;
    text-decoration: none;
    transition: background 0.3s linear 0s;
    width:100%;
	float:left;
	text-align:center;
	margin:0px 0px;
}
.buttoncolor:hover{ color:#fff; text-decoration:none;}
.buttoncolor:focus{ color:#fff; text-decoration:none;}

.headertlt{ width:100%; padding:40px 0px 15px 0px; letter-spacing:-0.5px; font-size:22px; font-family: 'archivo_narrowregular'; color:#424242;}


.green{background:#74a52e; color:#fff;}


.green-grdt{
	background: #86ba3d;
	background: -moz-linear-gradient(top,  #86ba3d 0%, #74a52e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86ba3d), color-stop(100%,#74a52e));
	background: -webkit-linear-gradient(top,  #86ba3d 0%,#74a52e 100%);
	background: -o-linear-gradient(top,  #86ba3d 0%,#74a52e 100%);
	background: -ms-linear-gradient(top,  #86ba3d 0%,#74a52e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86ba3d', endColorstr='#74a52e',GradientType=0 );
	color:#fff;}	

			
.colorlink{width:50%; float:left; margin:0px 0px; }

.buttoncolor02{
	color: #fff;
    display: block;
    font-size:12px;
    padding:10px 15px;
    text-decoration: none;
    transition: background 0.3s linear 0s;
    width:33.33%;
	float:left;
	text-align:center;
	margin:0px 0px;
	background-color:#535353;
	cursor:pointer;
	border-right: solid 1px #707070;
	text-align:center !important; 
	text-decoration:none !important;
}
.buttoncolor02:hover{ background-color:#424242;}

/*Color Demo*/
.pop-up {
	position:fixed;
	z-index:101;
	top:25%;
	right:0px;
	overflow:hidden;
	width:287px;
	height:342px;
	text-align:right;
	background:#DA4B38;
	-webkit-transition:all 300ms cubic-bezier(.6, -0.3, .3, 1.3);
	transition:all 300ms cubic-bezier(.6, -0.3, .3, 1.3);
	-moz-box-shadow:0px 2px 10px 0px rgba(0,0,0,.16);
	-webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,.16);
	box-shadow:0px 2px 10px 0px rgba(0,0,0,.16);
	border-radius:3px 0px 0px 3px;
}
.pop-up:hover{
	-moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,.16);
	-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.16);
	box-shadow: 0 8px 17px 0 rgba(0,0,0,.16);
}
.pop-up.inactive{
	width:0px;
	height:0px;
	padding:20px;
	border-radius:4px 0px 0px 4px;
}
.pop-up a {
	display: inline-block;
	color: #fff;
	text-align:left;
}
.pop-up > a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.pop-up .toggle {
	position: absolute;
	top:0px;
	right:0px;
	font-size:20px;
	text-align: center;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	color:#fff;
	padding:10px;
	background-color:#DA4B38;
}

.pop-up.inactive .toggle {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.pop-up ul {
	position: absolute;
	 width:100%;
	opacity: 1;
	list-style: none;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}
.pop-up.inactive ul {
	opacity: 0;
}
.pop-up li{	 
	margin-bottom:0px;
	-webkit-transition:all 600ms;
	transition:all 600ms;
	width:50%;
	float:left;
}

.main-content {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
} 



@media only screen and (min-width: 230px) and (max-width:780px) {
.wrapper { width:96%; margin:0% 2%; }
	
/*.header{min-height:240px;}*/

}

@media only screen and (min-width: 781px) and (max-width:1200px) {
.wrapper { width:96%; margin:0% 2%; }
}