@font-face {
    font-family: 'gothic';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype'),
         url('../fonts/gothic.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;         
}
@font-face {
	font-family: 'thin';
	src: url('../fonts/Existence-Light/Existence-Light.eot?') format('eot'), 
	     url('../fonts/Existence-Light/Existence-Light.otf')  format('opentype'),
	     url('../fonts/Existence-Light/Existence-Light.woff') format('woff'), 
	     url('../fonts/Existence-Light/Existence-Light.ttf')  format('truetype'),
	     url('../fonts/Existence-Light/Existence-Light.svg#Existence-Light') format('svg');
}

@font-face {
    font-family: 'unisans';
    src: url('../fonts/uni-sans-light-webfont.eot');
    src: url('../fonts/uni-sans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/uni-sans-light-webfont.woff') format('woff'),
         url('../fonts/uni-sans-light-webfont.ttf') format('truetype'),
         url('../fonts/uni-sans-light-webfont.svg#uni_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'league';
    src: url('../fonts/leaguegothic-condensedregular-webfont.eot');
    src: url('../fonts/leaguegothic-condensedregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-condensedregular-webfont.woff2') format('woff2'),
         url('../fonts/leaguegothic-condensedregular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-condensedregular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-condensedregular-webfont.svg#league_gothicCnRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{height:100%}
body{background:#E0E0E0;margin:0px;overflow-x:hidden}

a:link{COLOR: #359CF4;text-decoration: none}
a{COLOR: #359CF4;text-decoration: none}
a:hover{COLOR: #1379B0;}

img {border:0px;}

input, textarea, select{
font-family:gothic;
background: #f2f2f2;
color:#494949;
padding:7px;
font-size:10pt;
border: 1px solid #CBCBCB;
}

input:focus, textarea:focus, select:focus{
background: #DADADA;
border: 1px solid transparent;}

input[type="submit"] {
background:#00A5D7;padding:7px;color:#fff;font-family:thin;font-size:18px;text-align:center;cursor:pointer;
}

input[type="submit"]:hover {
background:#2D2D2D;
}

input:hover, textarea:hover, select:hover{
background:#DADADA
}

input[placeholder], [placeholder], *[placeholder] {
   color:#000;
}



h1,h2,h3,h4,h5,h6{font-family:league;font-weight:normal;}
h1{
font-size:65px;
color:#DD3A3A;
line-height:35px;
letter-spacing:0px;
padding:0px;margin:0px;
margin-bottom:20px;
}

h2{
font-size:50px;
color:#000;
line-height:30px;
letter-spacing:0px;
padding:0px;margin:0px;
margin-bottom:20px;
}

h3{
font-family:gothic;
font-size:30px;
color:#000;
line-height:35px;
letter-spacing:0px;
font-weight:normal;
padding:0px;
margin:0px;
}

h4{
font-family:gothic;
font-size:25px;
color:#DD3A3A;
line-height:35px;
letter-spacing:0px;
font-weight:normal;
padding:0px;
margin:0px;
}

h5{
font-family:gothic;
font-size:30px;
color:#fff;
line-height:35px;
letter-spacing:0px;
font-weight:normal;
padding:0px;
margin:0px;
}

//fieldset{border:1px solid #CFCFCF;background:#F2F2F2};
//legend{background:#CFCFCF;padding:7px;border-radius:7px;float:none;font-family:geekfont;font-size:18px;letter-spacing:-1px}
fieldset{background:#F2F2F2;border:0px;margin:0px;padding:0px;padding-bottom:25px;}
legend{background:#F2F2F2;padding:17px;float:none;font-family:geekfont;font-size:18px;letter-spacing:0px;font-family:unisans}



#wrapper{width:85%;position:relative;margin:0 auto;padding:0px;}
#topheader{position:absolute;z-index:4;top:0px;background:rgba(0,161,207,.7);width:100%;height:40px;text-align:right;margin:0px;color:#080808;
//border-radius:300px 0px 0 0px;
}
#middleheader{position:absolute;z-index:3;top:0px;background:#fff url(../images/pattern.png);width:100%;height:132px;text-align:right;margin:0px;
font-family:league;
font-size:55px;
padding:50px 0px 0px 0px;
color:#A92625;
}
#mdleh-01,#mdleh-02{float:left;}
#mdleh-01{
width:60%;
border-left:210px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
text-align:left;
}
#mdleh-02{width:40%;
text-align:right
}


#slider-01,#slider-02{float:left;min-height:380px;margin-bottom:10px;}

#slider-01{width:29%;
background:#fff;
margin-left:1%;
border:20px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family:gothic;
font-size:14px;
}

#slider-02{width:70%;background:#fff;}

#slider{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;padding:0px;margin:0px}

#menuheader{position:absolute;z-index:9999999;top:131px;background:rgba(255,255,255,.4);width:100%;text-align:right;margin:0px;}

#logo{width:200px;height:200px;position:absolute;margin-left:-14px;z-index:99999999;background:url(../images/logo.png) center no-repeat;}

#headerline{text-align:right;position:relative;padding:3px;dmargin-top:20px;font-family:unisans;font-size:14px;}
#headerline #helpline{float:right;width:auto;
padding-right:9px;
padding-top:2px;
padding:10px;
padding-left:20px;
margin-right:10px;
color:#fff;
}

#headerline #toplinks{float:right;width:auto;padding:10px;}
#headerline #socials{float:right;width:auto;padding:0px;padding-right:0px;}
#social{list-style-type: none;margin-top:0px;padding-left:10px}
#socials a:link{padding:0px;color:#000;}
#socials a:hover{background:none;padding:0px}
#social li {display: inline;background:transparent;padding:0px;padding-bottom:0px;font-family:gothic}
#social img{vertical-align:middle}

/* menu starts */
    .header{padding:0px;margin:0px;padding-left:210px}
	.header > h1 { text-align: center; }
	.header .nav {margin-top:-17px;margin-bottom:-17px;padding:0px}
	.header ul { list-style: none; padding: 0px; font-weight: normal; position: relative; text-align:left; font-family:arial;font-size:17px;letter-dspacing:-1px}
	.header .nav > ul:after { content: ""; clear: both; display: block; transition: all 0.5s ease-in-out;}
	.header ul li { display: inline-block; text-align: left;margin:0px;transition: all 0.5s ease-in-out;}
	.header ul li a{ display: block; padding: 15px 13px; text-decoration: none;color:#000}	
	.header ul li .current{background:#A92625;color:#fff}	
	.header ul ul li a{ display: block; padding: 10px 10px; text-decoration: none; color: #fff; }	
	.header ul li a:hover { background:rgba(0,161,207,.9);color:#fff; }
	.header ul li:hover a{ background:#A92625;color:#fff;}
	.header ul ul { display: none; position: absolute;width:220px;z-index:9999;}
	.header ul li:hover > ul { display: block;transition: all 0.9s ease-in-out;}
	.header ul ul li:hover a{background:#901312;color:#fff}
	.header ul ul li { float: none; display: block; position: relative; margin-left:0px;font-size:15px;}
	.header ul ul li:hover a{ float: none; display: block; position: relative; margin-left:0px;color:#fff}
	.header ul ul ul { position: absolute; left: 100%; width:200px;}
	.header ul ul ul li a {background:#005A65;}
	.header ul ul ul li:hover a {background:#005A65;}
	.tinynav { display: none; margin: 0 auto; width:100%;}

/* menu ends */

#contents,#contentsinside{position:relative;margin-top:190px;z-index:9;width:100%;float:left;}
#contentscontacts{position:relative;margin-top:43%;z-index:9;width:100%;float:left;}

#homebox-01,#homebox-02{float:left;min-height:775px;font-family:gothic;font-size:13px}
#homebox-01{width:70%;background:#eee;}
#homebox-02{width:30%;background:#eee;}
#contents #warranty{width:100%;height:220px; background: url(../images/warranty.png) no-repeat center;margin-top:-80px}
#contentsinside #warranty{width:100%;height:220px; background: url(../images/warranty.png) no-repeat center;margin-top:-50px}

#hmbx-01,#hmbx-02,#hmbx-03,#hmbx-04,#hmbx-05{float:left;
margin-top:20px;
border:20px solid transparent;border-bottom:10px solid transparent;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
font-family:gothic;
font-size:14px;
}


#hmbx-01,#hmbx-03{width:55%;}
#hmbx-02,#hmbx-04{width:45%;background:#eee}
#hmbx-01,#hmbx-02{height:110px;}
#hmbx-03,#hmbx-04{height:310px;}
#hmbx-05{width:100%;}

#hmbx-01{background:url(../images/bluearrow.png) right no-repeat;}

#readmore{background:#00A5D7;padding:7px;color:#fff;font-family:thin;font-size:18px;width:90px;text-align:center;cursor:pointer;margin-top:10px;}
#readmore:hover{background:#2D2D2D;}

#colors{padding:20px;margin:0px;background:#D0D0D0;text-align:center;}
#colors h3{text-align:left;}
#colors img{margin-left:5px;padding:5px;width:130px}
#colors #blue{background:url(../images/spectrum_color1.png) center no-repeat;}
#colors #red{background:url(../images/spectrum_color2.png) center no-repeat;}
#colors #dgreen{background:url(../images/spectrum_color3.png) center no-repeat;}
#colors #lgreen{background:url(../images/spectrum_color4.png) center no-repeat;}

#footerbottom{float:left;height:40px;background:#1F0808;width:100%;}


#footer{background:#A92625;width:100%;paddingd-bottom:20px;margin-top:0px;float:left;line-height:15px}
#footer img{opacity:.8}
#footer_1,#footer_2,#footer_3{height:auto;font-size:30px;font-weight:normal;font-family:thin;color:white;}
#footer_1{width:32%;margin-right:1%;float:left;margin-top:1%;}
#footer_2{width:34%;margin-right:1%;float:left;margin-top:1%;}
#footer_3{width:32%;float:left;margin-top:1%;}
#footer-note-01,#footer-note-02{background:#000;padding:0px;color:#8C8C8C;float:left;font-family:arial;font-size:12px}
#footer-note-01{width:70%;text-align:left;}
#footer-note-02{width:30%;text-align:right;}
#social-bottom img{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border:2px solid #fff}


#pageheader{font-size:33px;font-family:gothic,arial;padding-top:7px;padding-bottom:5px;color:#000;}

#pagecontent{margin-right:30px;background:#fff;padding:20px;font-family:arial;font-size:14px;text-align:left;min-height:770px}

#pagecontent #linknav {text-align:left;border-bottom:1px solid #e3e3e3;color:gray;padding:10px;padding-left:0px;font-size:12px;;margin-bottom:20px;}


@media screen and (max-width : 1120px) {
		*{dtransition: all 0.5s ease-in-out;}
		#wrapper{width:90%}
		#contentscontacts{margin-top:45%;}
}

@media screen and (max-width : 1000px) {
		*{dtransition: all 0.5s ease-in-out;}
		#wrapper{width:100%}
		#logo{margin-left:0px}
		#mdleh-01{padding-top:10px;font-size:40px;width:60%}
		#mdleh-02{width:40%}
		.header .nav {margin-top:-15px;margin-bottom:-15px;}
		.header ul {font-size:14px;}
		.header ul li a{padding: 17px 10px;}
		#contents, #contentsinside {margin-top:181px}
		#contentscontacts{margin-top:55%;}
		#colors h3{text-align:center;}
		#colors img{margin-left:5px;padding:5px;width:100px}
		#slider-01,#slider-02{min-height:353px}			
}

@media screen and (max-width : 768px) {
body{background:#fff}
	*{dtransition: all 0.5s ease-in-out;}
	#wrapper{width:100%}
	#topheader{display:none}
	#menuheader{position:fixed;top:0px;z-index:99;
	}
	#contents #warranty{margin-top:auto}
	#contentsinside #warranty{margin-top:0px}
	
	.header{padding-left:0px}	
	.header .nav {margin:0px;margin-top:0px;background: #A92625 url(../images/menu_res.png) no-repeat 96%;position:fixed;top:0px;width:100%;z-index:1000;
			-moz-box-shadow: 0 0 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
	box-shadow: 0 0 15px rgba(0,0,0,.5);
	border-left:0px;
	}
	.tinynav { display: block; }
	.dropdown { display: none }
	#menuheader select{
	padding:10px;
	color:#fff;
	background:transparent;
	font-size:20px;
	border:0px;
	font-family:unisans;
	width:100%;
	text-indent:5px; 
	line-height:38px;
	-webkit-appearance: listbox;
	}	
#middleheader{top:40px;height:auto;}	
#mdleh-01,#mdleh-02{float:left;width:100%;border-left:0px;text-align:center;}	
#mdleh-01{margin-top:160px;padding-top:0px;font-size:45px;}
#mdleh-02{display:none;}
#slider-01,#slider-02{float:right;width:100%;margin:0%;min-height:auto;text-align:center}	
#logo{position:relative;width:100%;margin-top:50px;z-index:99;margin-left:0px}

	#slider{position:relative;top:0px;height:450px;}
	#contents{margin-top:70px}
	#contentscontacts{margin-top:0%;}
	#contentsinside{margin-top:70px;}
	#homebox-01,#homebox-02{width:100%;min-height:auto;text-align:center}
	#hmbx-01,#hmbx-02,#hmbx-03,#hmbx-04{width:100%;float:left;height:auto;text-align:center;background:#eee;	-moz-box-shadow: 0 0 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
	box-shadow: 0 0 15px rgba(0,0,0,.5);}
	
	#pagecontent{padding:20px;margin:0px;min-height:auto}
	
	#footer{height:auto;padding:0px;margin:0px}
	#footer_1,#footer_2,#footer_3{height:auto;width:100%;margin:0px;text-align:center;}
	#footer_2{background:#BD3737}
	#footer-note-01,#footer-note-02{width:100%;text-align:center}
}

@media screen and (max-width : 450px) {
	#hmbx-01,#hmbx-02,#hmbx-03,#hmbx-04{width:100%;}
	#slider{height:450px}
}