@charset "utf-8";
/*======================================================================================================================= CUSTOM FONT */
@import url(http://fonts.googleapis.com/css?family=Oxygen:300,400,700);
/*======================================================================================================================= ICON FONT */
@import url(ionicons/css/ionicons.css);
/*======================================================================================================================= BASICS */
::-moz-selection { color:rgb(255,255,255); background:rgb(200,80,80); }
     ::selection { color:rgb(255,255,255); background:rgb(200,80,80); }

::-webkit-scrollbar              { background:rgb(220,220,220); width:10px; }
::-webkit-scrollbar-button       { }
::-webkit-scrollbar-track        { background:rgb(220,220,220); }
::-webkit-scrollbar-track-piece  { background:rgb(220,220,220); }
::-webkit-scrollbar-thumb        { background:rgb(150,150,150);	}
::-webkit-scrollbar-thumb:hover  { background:rgb(100,100,100);	}
::-webkit-scrollbar-corner       { background:rgb(220,220,220); }
::-webkit-resizer                { background:rgb(220,220,220);	}

@-webkit-keyframes CHANGE  {
    0%   	{ -webkit-filter: hue-rotate(0deg); 	}
    30%   	{ -webkit-filter: hue-rotate(280deg); 	}
	80%		{ -webkit-filter: hue-rotate(350deg);  	}
	100%   	{ -webkit-filter: hue-rotate(0deg);  	}
}

@-moz-keyframes  CHANGE  {
    0%   	{ -webkit-filter: hue-rotate(0deg); 	}
    30%   	{ -webkit-filter: hue-rotate(280deg); 	}
	80%		{ -webkit-filter: hue-rotate(350deg);  	}
	100%   	{ -webkit-filter: hue-rotate(0deg);  	}
}

@-ms-keyframes  CHANGE  {
    0%   	{ -webkit-filter: hue-rotate(0deg); 	}
    30%   	{ -webkit-filter: hue-rotate(280deg); 	}
	80%		{ -webkit-filter: hue-rotate(350deg);  	}
	100%   	{ -webkit-filter: hue-rotate(0deg);  	}
}

@-webkit-keyframes BOOOM-Change  {
    0%   	{ -webkit-filter: hue-rotate(0deg); 	}
    30%   	{ -webkit-filter: hue-rotate(280deg); 	}
	80%		{ -webkit-filter: hue-rotate(350deg);  	}
	100%   	{ -webkit-filter: hue-rotate(0deg);  	}
}

@-moz-keyframes  BOOOM-Change  {
    0%   	{ -webkit-filter: hue-rotate(0deg); 	}
    30%   	{ -webkit-filter: hue-rotate(280deg); 	}
	80%		{ -webkit-filter: hue-rotate(350deg);  	}
	100%   	{ -webkit-filter: hue-rotate(0deg);  	}
}

@-ms-keyframes  BOOOM-Change  {
    0%   	{ -webkit-filter: hue-rotate(0deg); 	}
    30%   	{ -webkit-filter: hue-rotate(280deg); 	}
	80%		{ -webkit-filter: hue-rotate(350deg);  	}
	100%   	{ -webkit-filter: hue-rotate(0deg);  	}
}


/*======================================================================================================================= BODY */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;	
}

body{
	font:400 14px/18px 'Oxygen', sans-serif;
	color:rgba(40,40,50,0.7);
	background:rgba(255,255,255,1);
	-webkit-font-smoothing: antialiased;
}

*{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;	
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

.WRAAAP{
	display:block;	
	padding:20px 0;	
	width:100%;
	max-width:1100px;
	margin:0 auto;
	overflow:hidden;
}

h1, h2, h3, h4, h5, h6{
	color:rgb(200,80,80);
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	text-transform:capitalize;
	font-weight:300 !important;
	display:block;
	border-bottom:1px solid rgba(40,40,50,0.15);
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
	color:rgb(200,80,80);
}

h1{ font: 30px/30px 'Oxygen', sans-serif; }
h2{ font: 28px/28px 'Oxygen', sans-serif; }
h3{	font: 26px/26px 'Oxygen', sans-serif; }
h4{ font: 24px/24px 'Oxygen', sans-serif; }
h5{ font: 22px/22px 'Oxygen', sans-serif; }
h6{ font: 20px/20px 'Oxygen', sans-serif; }

.clear{	clear:both !important; }

.Push_LEFT  { float:left !important; margin-left:0 !important; }
.Push_RIGHT { float:right !important; margin-right:0 !important; }

.Text_DARK	{ color:rgb(80,80,80);}
.Text_WHITE{ color:rgb(255,255,255);}
.Text_COLOUR{ color:rgba(200,80,80,1);}

header{
	color:rgba(255,255,255,1);
	
	width:100%;
	display:block;
	
	position:fixed;
	z-index:1000 !important;	
	top:0;
	background:rgb(40,40,50);
	
	opacity:0.9;
		
	/*
	-webkit-box-shadow: 0 5px 15px rgba(40,40,50,0.2);
	   -moz-box-shadow: 0 5px 15px rgba(40,40,50,0.2);
	    -ms-box-shadow: 0 5px 15px rgba(40,40,50,0.2);
	   	 -o-box-shadow: 0 5px 15px rgba(40,40,50,0.2);
	        box-shadow: 0 5px 15px rgba(40,40,50,0.2);
	*/
}
header:hover{
	opacity:1;
}
header ul{
	float:right;
	display:inline-block;
	list-style:none;
	overflow:hidden;
}
header ul li{
	float:left;	
}
header ul li a{
	color:rgba(255,255,255,1);
	padding:20px 25px;	
	display:inline-block;
	background:rgba(255,255,255,0.1);
	margin:0 0 0 1px;
}

/*header ul li:nth-child(odd){
	 background:rgba(255,255,255,0.05);
}*/

header ul li a:hover{
	background:rgba(255,255,255,0.2);
}
header ul li a:active{
	background:rgba(255,255,255,0.25);
}
header section{
	padding:11px 0 !important;
	display:block;
	width:100%;
	max-width:1100px;
	margin:0 auto;
	
	height:40px;
}
header section span{
	float:right;
}
header section a{	
	padding: 5px;
	margin:0;
	color:rgba(255,255,255,0.5);
	
	/*
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	    -ms-border-radius: 20px;
		 -o-border-radius: 20px;
		    border-radius: 20px;
	*/
}
header:hover section a{
	color:rgba(255,255,255,1);
}
header section a:hover{
	color:rgba(40,40,50,0.8);
}
header section a:active, header section a:active strong{
	color:rgba(255,255,255,1);
}

#logo img{
	float:left;
	display:inline-block;
	
	height:auto;
	width:250px;
	padding:10px 0;
	opacity:1;
		
	/*
	-webkit-animation: BG-Change 60s infinite;
	   -moz-animation: BG-Change 60s infinite;
	    -ms-animation: BG-Change 60s infinite;
		 -o-animation: BG-Change 60s infinite;
		    animation: BG-Change 60s infinite;
	*/
}
#logo img:hover{
	opacity:0.6;
}
#logo img:active{
	opacity:1;
}

footer{
	color:rgba(255,255,255,0.5);
	margin: -1px 0 0 0;
}
footer:hover p, footer:hover a{
	color:rgba(255,255,255,1);
}
footer p span{
	float:right;
}
footer a{
	color:rgba(255,255,255,0.5);
	padding:5px 10px;
	margin:0 5px;
	border:1px solid rgba(255,255,255,0.5);
	font-weight:700;
}
footer a:hover{
	color:rgba(40,40,50,1);
	background:rgba(255,255,255,1);
}
footer a:active{
	background:rgba(200,80,80,1);
	border:1px solid rgba(200,80,80,1);
}

a{
	text-decoration:none !important;
	cursor:pointer;
}
p{
	margin:20px 0;
}

strong, b{
	font-weight:700;
	color:rgba(40,40,50,0.9);
}

/*======================================================================================================================= SECTIONS */

.BG_1{
	background:rgba(255,255,255,1);
}
.BG_2{
	background:rgba(40,40,50,0.1);
}
.BG_3{
	background:rgb(200,80,80);
}
.BG_4{
	background:rgba(40,40,50,0.9);
}

.SMALL{
	width:100%;
	max-width:250px;
	height:250px;
	margin:0 20px 0 0;
	background:rgba(40,40,50,0.1);
}
.MEDIUM{
	width:100%;
	max-width:830px;
	margin:0 20px 0 0;
}

article{
	border-bottom:1px dashed rgba(40,40,50,0.2);
}
article:hover h3{
	color:rgb(200,80,80);
}
article:hover span{
	background:rgb(200,80,80);
}
article ul li, article ol li{
	margin:0 0 10px 20px;
	list-style:circle;
}
article h3{
	color:rgba(40,40,50,0.9);
}
article span{
	padding:10px 15px;
	position:relative;
	top:20px;
	color:rgba(255,255,255,1);
	background:rgba(40,40,50,0.3);
}
article img{
	width:100%;
	max-width:300px;
	height:250px;
	float:right;
	clear:both;
	margin:0 20px 20px 20px;
	border:none;
	background: url(../images/Pic.png) no-repeat center rgba(40,40,50,0.1);
	
	-webkit-box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
	   -moz-box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
	    -ms-box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
	   	 -o-box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
	        box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
}

/*============================= OTHER */

.SCALE img{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
		 -o-transform: scale(1);
        	transform: scale(1);
}
.SCALE img:hover{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
		 -o-transform: scale(1.05);
        	transform: scale(1.05);
}
.SCALE img:active{	
	-webkit-transform: scale(0.95);
	   -moz-transform: scale(0.95);
	    -ms-transform: scale(0.95);
		 -o-transform: scale(0.95);
        	transform: scale(0.95);
}

.Catergories{
	width:100%;
	max-width:250px;
	float:left;
	display:inline-block;
	height:auto;
	padding:20px;	
	background:rgba(40,40,50,1);
	
	position: absolute;
	margin:-300px 0 0 0;
	top:418px;
	z-index:800 !important;
}
.Catergories h4{
	text-align:center;
	margin-bottom:20px;
}
.Catergories ul{
	list-style:none;
}
.Catergories li a{
	text-align:center;
	display:block;
	padding: 8.55px;
	margin:1px 0;
	color:rgba(255,255,255,0.5);
	background:rgba(255,255,255,0.1);
}
.Catergories li a strong{
	color:rgba(255,255,255,1);
}
.Catergories li a:hover{
	background:rgb(200,80,80);
}
.Catergories li a:active{
	background:rgba(200,80,80,0);
}
.Catergories_SELECT{
	display:none;
	margin:20px 0 0 0;
}

#Current{
	background:rgb(200,80,80);
}

.INTRO{
	width: 100%;
	padding:20px 0 0 270px;
}
.INTRO ul{
	margin-left:20px;	
}

.Slider{
	display:block;
	width:100%;
	height: 345px !important;
	background:rgba(40,40,50,0.1);
	
	position:relative;
	z-index:700 !important;
}
#slider {
  width:830px;
  height: 330px !important;
  text-align: center;
  margin: 0 auto;
}
#slider img{
	width:100%;
	height:auto;
}

#overflow {
  width: 100%;
  overflow: hidden;
}

#slides .inner {
  width: 400%;
}

#slides .inner {
  -webkit-transform: translateZ(0);
   	 -moz-transform: translateZ(0);
	  -ms-transform: translateZ(0);
  	   -o-transform: translateZ(0);
	      transform: translateZ(0);

  -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  	 -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	  -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  	   -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	   	  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  	 -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  	  -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  	   -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	   	  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#slides .inner article img{
	width:830px !important;
	max-width:830px !important;
	min-width:830px !important;
	background:none !important;
	height:325px;
	margin:0 !important;
	
	-webkit-filter: brightness(100%);
	
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	   	 -o-box-shadow: none;
	        box-shadow: none;
}
#slides .inner article a img:hover{
	-webkit-filter: brightness(120%);
}
#slides .inner article a img:active{
	-webkit-filter: brightness(80%);
}

#slides article {
  width: 25%;
  float: left;
  border-bottom:none !important;
}

#slide1:checked ~ #slides .inner {
  margin-left: 0;
}

#slide2:checked ~ #slides .inner {
  margin-left: -100%;
}

#slide3:checked ~ #slides .inner {
  margin-left: -200%;
}

#slide4:checked ~ #slides .inner {
  margin-left: -300%;
}

input[type="radio"] {
  display: none;
}

label {
  background: rgba(40,40,50,0.5);
  display: inline-block;
  float:left;
  cursor: pointer;
  width: 276.5px;
  height: 7.5px;
  position:relative;
  margin:0;
}
label:hover {
	background: rgba(40,40,50,1);
}

#slide1:checked ~ label[for="slide1"],
#slide2:checked ~ label[for="slide2"],
#slide3:checked ~ label[for="slide3"],
#slide4:checked ~ label[for="slide4"] {
  background: rgba(200,80,80,1);
}

.GALLERY img{
	width:100%;
	max-width:170px;
	height:142px;
	border:none;
	margin:10px 10px 0 0;
	background:rgba(255,255,255,1);
	
	-webkit-box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
	   -moz-box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
	    -ms-box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
	   	 -o-box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
	        box-shadow: 0 5px 15px -5px rgba(40,40,50,0.5);
}

.Gmap{
	width:100%;
	max-width:100%;
	min-width:100%;
	height:350px;	
	display:block;
}

.COLUMNS{
	width:100%;
	padding:20px 0;
	margin:20px 0 20px 0 !important;
	height:274px;
	
	border-top:1px solid rgba(40,40,50,0.2);
	border-bottom:1px solid rgba(40,40,50,0.2);
	
	-webkit-columns:3;
	   -moz-columns:3;
	    -ms-columns:3;
		 -o-columns:3;
     	    columns:3;
}
.COLUMNS li{
	margin:0;
	padding:20px;
	list-style:none;
	/*list-style-position:inside;*/
}
.COLUMNS li:nth-child(odd){
	 background:rgba(40,40,50,0.1);
}
.COLUMNS:hover li:nth-child(odd){
	 background:rgba(40,40,50,0);
}
.COLUMNS:hover li:nth-child(even){
	 background:rgba(40,40,50,0.1);
}
.COLUMNS li a{
	color:rgba(40,40,50,0.9);
	display:block;
}
.COLUMNS li a:hover, .COLUMNS li a:hover strong{
	color:rgba(200,80,80,1) !important;
}

.Btn_NORMAL{
	padding:10px 15px;
	color:rgba(40,40,50,0.8);
	background:rgba(40,40,50,0.1);
	border-bottom:2px solid rgba(40,40,50,0.1);
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
		 -o-border-radius: 4px;
		    border-radius: 4px;
}

.Btn_NORMAL:hover{
	background:rgba(40,40,50,0.2);
	border-bottom:2px solid rgba(40,40,50,0.2);
}
.Btn_NORMAL:active{
	background:rgba(40,40,50,0.3);
	border-bottom:2px solid rgba(40,40,50,0.3);
}

.Btn_BIG{
	text-align:center;
	text-transform:uppercase;
	color:rgba(255,255,255,1);
	display:block;
	padding:20px;
	background:rgba(40,40,50,0.35);
}
.Btn_BIG strong, .Btn_BIG strong b{
	color:rgba(255,255,255,1);
}
.Btn_BIG:hover{
	background:rgba(200,80,80,1);	
}
.Btn_BIG:active{
	background:rgba(40,40,50,1);
}
	
/*======================================================================================================================= FORMS */
input, select, textarea{
	color:rgb(100,100,110);
	font:400 14px/18px 'Oxygen', sans-serif;
	outline:none;
	border:1px solid rgba(40,40,50,0.2);
	
	display:block;
	
	width:100%;
	min-width:100%;
	max-width:100%;
	
	padding:15px;
	margin:10px 0;
}
textarea{
	font:400 14px 'Oxygen', sans-serif;
}
input:hover, textarea:hover{
	border:1px solid rgb(100,100,100);
}
input:focus, textarea:focus{
	border:1px solid rgb(100,100,100);
}

input[type=file] {}
input[type=checkbox] {}

input[type=button] {}

input[type=submit] {
	cursor:pointer;
	border:none;
}

/*======================================================================================================================= FIXES */

.header_FIX	{ margin-top:98px !important; }

.PRODUCTS{
	height:332px;
}

.SPACE_20	{ height:20px; }
.SPACE_50	{ height:50px; }
.SPACE_60	{ height:60px; }

.MARGIN_O	{ margin:0 !important; }

.PADDING_O	{ padding:0 !important; }
.PADDING_1O { padding:10px !important; }
.PADDING_2O { padding:20px !important; }