@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
@charset "utf-8";
/* CSS Document */

html, body{margin:0; padding:0; width:100%; height:100%;}
body, div, td, th {font-family:Arial,Verdana,Helvetica,sans-serif; font-size:15px; line-height:1.2em; color:#222;}
h1,h2,h3,h4,h5,h6,h7{font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0; width:100%;}
h1{margin:0 0 40px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-size:2em; font-weight:700; line-height:1.2em; text-transform:uppercase; text-align:center;}
a{text-decoration:none; color:#0a8eff;}
a:hover{text-decoration:underline;}
a img{border:0;}
.clearfloat{clear:both; height:0; font-size:1px; line-height:0px;}
.textboxes, .textareas{font-family:Arial,Verdana,Helvetica,sans-serif; font-size:1em; line-height:1em; color:#222; background:#FFF; border:none;}
.textboxes{padding:10px 10px;}
.textareas{padding:10px 10px;}
.buttons{display:inline-block; padding:10px 30px 12px; background:#1a1a1a; color:#FFF; font-family:"Oswald",Arial,Verdana,Helvetica,sans-serif; font-weight:300; text-transform:uppercase; border:none;}
.buttons:hover{background:#666; color:#FFF; text-decoration:none;}
.inline_warning{color:#F00; font-size:12px;}
.error{float:left; width:100%; margin:100px 0 140px; padding:10px 0; background:#F0F0F0; text-align:center;}
.wrapper1{float:left; width:100%;}
.wrapper2{width:100%;}
.wrapper3{float:left; width:100%; height:100%; background:#FFF; position:absolute; z-index:2;}
.wrapper4{float:left; width:100%; height:100%; background:#FFF; background-size:100% auto; opacity:0.0; overflow:hidden;}
.intro-top{width:100%; text-align:center; opacity:0.0; z-index:4; top:-80px; position:absolute;}
.intro-top img{max-width:70%; height:auto;}
.intro-bottom{width:100%; text-align:center; opacity:0.0; z-index:3; bottom:0px; position:absolute;}
.top1{float:left; width:100%; background:#002958; padding:5px 0;}
.top2{width:1010px; margin:auto; text-align:right;}
.top2 a{margin:0 0 0 10px; padding:0 18px 0 0; color:#FFF; font-size:0.8125em; font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:300; background:url(../images/front/icon-login.png) no-repeat right;}
.top2 a:hover{text-decoration:none; opacity:0.7;}

.header1{float:left; width:100%; z-index:2; position:absolute;}
.header2{width:1000px; height:200px; margin:auto;}
.logo{float:left; width:240px; margin:40px 0 0;}
.logo img{max-width:100%; height:auto;}

.mobile-header{float:left; width:100%; padding:10px 0; background:#FFF; border-bottom:solid 1px #E0E0E0; display:none; position:absolute; z-index:13;}
.mobile-logo{float:left; width:70%; margin-left:10px;}
.mobile-logo img{max-width:100%; max-height:50px;}
.mobile-textlogo{float:left; margin-left:10px; font-weight:700; font-size:1.5em; line-height:50px;}
.mobile-textlogo a:hover{text-decoration:none; color:#666;}
.mobile-shortcut{float:right; width:20%; margin:10px 10px 0 0; text-align:right;}
.mobile-shortcut img{width:26px; height:20px; background:url(../images/front/mobile-shortcut.png) no-repeat left top;}
.mobile-shortcut img:hover{opacity:0.8;}
.mobile-search{display:none;}

.mobile_menu1{width:100%; height:auto; padding:0; display:none; position:absolute; z-index:12; top:65px; box-shadow:0px 5px 5px rgba(0,0,0,0.05);}
.mobile_cart{float:left; width:100%; margin:0 0 1px 0; background:FFF;}
.mobile_cart .icon{float:left; width:0; height:0;}
.mobile_cart .text{float:left; width:100%;}
.mobile_menu{float:left; width:100%; margin:0; padding:0; list-style:none; background:#E0E0E0;}
.mobile_menu>li{float:left; width:100%; margin:0; padding:0;}
.mobile_menu>li a{width:96%; padding:10px 2%; font-size:0.875em; display:block; background:#FFF; color:#333;}
.mobile_menu>li a:hover{background:#E0E0E0; text-decoration:none;}
.mobile_menu>li>a{margin:0 0 1px;}
.mobile_menu>li>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.mobile_menu>li>ul>li{float:left; width:100%; margin:0; padding:0;}
.mobile_menu>li>ul>li a{width:94%; margin:0 0 1px; padding:10px 2% 10px 4%; font-size:0.875em; display:block; background:#F0F0F0; color:#333;}
.mobile_menu>li>ul>li a:hover{background:#E0E0E0; text-decoration:none;}

ul.menu{float:right; height:20px; margin:0; padding:0; list-style:none;}
ul.menu li{float:left; margin:0 1px 0; padding:0; display:inline-block;}
ul.menu a{float:left; height:20px; margin:35px 0 0; padding:53px 12px 53px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-size:1em; font-weight:700; line-height:1em; text-transform:uppercase; color:#d8d7d8;}
ul.menu a:hover, ul.menu a.active{color:#1041a0; text-decoration:none;}

.slideshow{float:left; width:100%; height:200px; text-align:center; background:#FFF url(../images/front/slideshow-bg.jpg) no-repeat 780px -100px;}
.slider{position:absolute; list-style:none; margin:0; padding:0; text-align:center;}

.body1{float:left; width:100%;}
.body2{width:700px; min-height:200px; height:auto !important; height:200px; margin:50px auto 100px; padding:0; line-height:1.75em;}

/* INDEX */
.index .header2{width:1200px;}
.index .logo{width:320px; margin:120px 0 0 100px;}
.index .slideshow{height:768px; background:#FFF;}
.intro1{float:left; width:100%; padding:40px 0 50px; background:#dfdfdf url(../images/front/liner1.gif) repeat-x left top;}
.intro2{width:1000px; height:130px; margin:auto;}
.intro2 h1{margin:0;}
.intro2 ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.intro2 li{float:left; width:20%; margin:0; padding:50px 0 0; text-align:center;}
.intro2 a{margin:10px;}
.intro2 a img{width:75%; height:auto;}
.intro2 h2{margin:30px 0 0; font-family:"Oswald", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.2em; line-height:1.5em;}
.intro2 p{margin:0; font-family:"Oswald", Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:300; text-transform:uppercase;}

.intro3{float:left; width:100%; padding:30px 0 40px; background:#FFF url(../images/front/water1.jpg) no-repeat center bottom; border-top:solid 1px #FFF; border-bottom:solid 1px #FFF;}
.intro4{width:1000px; margin:0 auto;}
.intro4>h2{float:left; font-family:"Oswald", Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.5em; text-align:center; color:#126299;}
.intro7{float:left; width:1000px; margin:20px auto 0; background:url(../images/front/blue.png); color:#000;}
.intro4 .col1{float:left; width:40%; margin:0 5%; padding:25px 0; text-align:justify; vertical-align:top;}
.intro4 .col2{float:left; width:40%; margin:0 5%; padding:25px 0; text-align:justify; vertical-align:top;}
.intro7 h2{margin:0 0 20px; padding:3px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:400; line-height:1.2em; background:#20b0ea; color:#FFF;}
.intro4 .col1 p{line-height:1.5em; font-size:0.825em;}
.intro4 .col2 p{line-height:1.5em; font-size:0.825em;}
.intro7 .more{margin:10px 0 0; text-transform:uppercase; color:#000;}

.intro5{float:left; width:100%; padding:50px 0 50px; background:#bdddfe url(../images/front/water2.jpg) no-repeat center top;}
.intro6{width:1000px; margin:0 auto;}
.intro6 ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.intro6 li{float:left; width:30%; margin:0 5% 0 0; padding:0; font-size:0.875em;}
.intro6 li:last-child{margin-right:0;}
.intro6>h2{margin:0 0 40px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-size:2em; font-weight:700; line-height:1.2em; text-transform:uppercase; color:#126299; text-align:center;}
.intro6 h3{height:80px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.6125em; line-height:1em;}
.intro6 a{color:#222;}
.intro6 a img{width:100%; height:200px; object-fit:cover;}

/* ABOUT */
.about .body2 h1{color:#126299;}
.about .body2 h2{float:left; margin:40px 0 20px; text-align:left; text-transform:uppercase; font-family:"Oswald", Arial, Helvetica, sans-serif;}
.about .body2 p{text-align:justify;}

/* NEWS */
.news h1{color:#126299;}
.news_archieve{float:left; width:700px; margin:0 0 20px; padding:0 0 20px; border-bottom:solid 1px #CCC; clear:both;}
.na_img{float:left; width:100px; height:100px; margin:0 20px 0 0; padding:5px; background:#FFF; border:solid 1px #e4e2d7;}
.na_date{float:none; margin:0 0 5px 0; font-size:0.75em;}
.na_title{float:none; margin:0 0 5px 0;}
.na_title a{font-size:1em; font-weight:bold; line-height:1.2em; color:#126299;}

/* NEWS DETAIL */
.nd h1{text-align:left; color:#126299;}
.nd_img{margin:0 0 20px;}
/*.nd_gallery{width:100%; margin:0 0 20px 0;}
.ndg_label{width:100%; margin:0 0 2px 0; font-weight:bold;}
.ndg_list{width:550px; height:54px; padding:4px 0 0 0; background:url(../images/front/ndg_bg.jpg) no-repeat left top; text-align:center;}
.ndg_list img{margin:0 1px 0 0; float:none; display:inline;}*/
.nd_content{line-height:1.75em; text-align:justify;}
.nd_content .buttons{margin-top:20px;}

/* SERVICE */
.service h1{color:#126299;}
.service_archieve{float:left; width:700px; margin:0 0 20px; padding:0 0 20px; border-bottom:solid 1px #CCC; clear:both;}
.sa_img{float:left; width:100px; height:100px; margin:0 20px 0 0; padding:5px; background:#FFF; border:solid 1px #e4e2d7; display:none;}
.sa_date{float:none; margin:0 0 5px 0; font-size:0.75em;}
.sa_title{float:none; margin:0 0 5px 0;}
.sa_title a{font-size:1em; font-weight:bold; line-height:1.2em; color:#126299;}

/* SERVICE DETAIL */
.service_detail{margin:0 0 100px;}
.sd h1{margin:0 0 20px; text-align:left; color:#126299;}
.sd_img{float:left; width:31%; margin:0 1% 20px;}
.sd_img img{width:100%; height:200px; object-fit:cover;}
.sd_content table{width:100%; margin:0 0 10px; background-color:#000 !important;}
.sd_content th{padding:4px; background-color:#0a8eff; border:solid 1px #000; color:#FFF; font-size:0.75em;}
.sd_content td{padding:4px; background-color:#FFF; border:solid 1px #333; font-size:0.75em;}
.sd_content small{font-size:0.75em; line-height:1.2em;}
.sd_content{line-height:1.75em; text-align:justify;}
.sd_content .buttons{margin-top:20px;}
.accordion h2{margin:0 0 15px; color:#0a8eff;}
.accordion h3{margin:0 0 15px;}
.accordion .panel a, .subaccordion .subpanel a{color:#0a8eff;}

/* PRODUCTS */
/*.product_list{float:left; width:100%; margin:0; padding:0; list-style:none;}
.product_list li{float:left; width:33.333333%; height:150px; margin:0; padding:0; text-align:center;}
.product_list li img{max-width:70%; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:translateY(-50%);}*/

.products_archieve h1{font-family:Oswald, Arial, Helvetica, sans-serif;}
.pa1{float:left; width:100%;}
.pa2{width:1200px; margin:30px auto 30px;}
.pa2 .store_left{float:left; width:300px; margin:30px 0 0;}
.products{float:left; width:860px; margin:0; padding:0; list-style:none;}
.products li{float:left; width:200px; margin:0 0 30px 20px; padding:0;}
.products li:nth-child(4n+1){margin-left:0; clear:left;}
.products li .image{float:left; width:100%; height:200px;}
.products li .group1{float:left; width:100%; margin:12px 0 0;}
.products li .group1 .name a{font-size:0.875em; font-weight:normal; color:#1b1b1b; font-family:Oswald, Arial, Helvetica, sans-serif;}
.products li .group1 .price_before{font-size:0.75em; font-weight:normal; color:#CCC; text-decoration:line-through;}
.products li .group1 .price{font-size:0.75em; font-weight:normal; color:#1b1b1b;}
.products li .noimage{width:200px; height:200px; background:url(../images/front/noimage200x200.gif)}

.store_cat{float:left; width:100%; margin:0 0 20px; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300;}
.store_cat h2{float:left; width:270px; display:block; padding:12px 15px; margin:0 0 3px 0; line-height:1em; font-size:1em; color:#FFF; background:#61605a;}

.cat_level_1>ul, .cat_level_2>ul>li>ul, .cat_level_3>ul>li>ul>li>ul{float:left; list-style:none; margin:0; padding:0; float:left; display:block; width:100%;}
.cat_level_2>ul, .cat_level_2>ul>li>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.cat_level_3>ul, .cat_level_3>ul>li>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.cat_level_3>ul>li>ul{margin:0 0 10px;}
.cat_level_2>ul>li>h3, .cat_level_3>ul>li>h3{float:left; width:268px; margin:0 0 1px 0; padding:10px 15px; background:#F0F0F0; font-size:0.9125em; color:#383838; border:solid 1px #FFF;}
.cat_level_3>ul>li>ul>li>h4{float:left; width:253px; margin:0 0 1px 0; padding:10px 15px 10px 30px; background:#F6F6F6 url(../images/front/arrow_down.gif) no-repeat 15px 16px; font-size:0.875em; color:#383838; border:solid 1px #FFF;}
.cat_level_1>ul>li{float:left; width:253px; margin:0 0 1px 0; padding:10px 15px 10px 30px; background:#FFF url(../images/front/doublearrow.png) no-repeat 15px center; font-size:0.875em; cursor:pointer; color:#383838; border:solid 1px #FFF;}
.cat_level_2>ul>li>ul>li, .cat_level_3>ul>li>ul>li>ul>li{float:left; width:238px; margin:0 0 1px 0; padding:10px 15px 10px 45px; background:#FFF url(../images/front/doublearrow.png) no-repeat 30px center; font-size:0.875em; cursor:pointer; color:#383838; border:solid 1px #FFF;}

.cat_level_1>ul>li:hover{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat right 16px center; box-shadow:1px 1px 5px rgba(0,0,0,0.07); -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; border:solid 1px #FFF;}
.cat_level_2>ul>li>ul>li:hover, .cat_level_3>ul>li>ul>li>ul>li:hover{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat right 16px center; box-shadow:1px 1px 5px rgba(0,0,0,0.07); -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; border:solid 1px #FFF;}

.store_cat li.focused{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat 30px center;}
.cat_level_1>ul>li.focused{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat 15px center;}
.store_cat li a{color:#000;}
.store_cat li a:hover{text-decoration:none;}

.pa2 .store_right{float:left; width:860px; min-height:540px; height:auto !important; height:540px; margin:30px 0 0 40px;}
.pa2 .store_right .tabs{float:left; width:100%; margin:0 0 10px;}
/*.products_archieve.pa_level2 .store_right .tabs{margin:0 0 10px 17px;}*/
.pa2 .store_right .tabs h1{float:left; width:auto !important; display:inline; margin:0 0 -1px 0; padding:0 0 10px 0; font-size:1.25em; text-transform:uppercase;}
.pa2 .store_right .short_desc{float:left; width:100%; margin:0 0 30px;}
.pa2 .intro{margin-bottom:50px;}

.teaser6 ul{float:left; width:100%; margin:0 0 100px; padding:0; list-style:none;}
.teaser6 li{float:left; width:48%; margin:0 1% 10px; text-align:center;}
.teaser6 li .image{float:left; width:100%; margin:0 0 1px;}
.teaser6 li .image img{width:100%; height:auto; object-fit:cover;}
.teaser6 li .group1{float:left; width:100%;}
.teaser6 li .group1 a{float:left; width:100%; padding:20px 0; color:#FFF; background:#1376b7; display:block;}/*was F0F0F0,383838,E0E0E0*/
.teaser6 li .group1 a:hover{text-decoration:none; background:#333;}

.teaser7{float:left; width:100%;}
.teaser7>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.teaser7>li{float:left; width:100%; margin:0 0 25px; padding:0;}
.teaser8{float:left; width:100%; margin:auto; padding:40px 0 50px;}
.teaser8 ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.teaser8 li{float:left; width:200px; margin:0 10px 0 0; padding:0;}
.teaser8 li:nth-child(4n+1){clear:left;}
.teaser8 li .image{width:100%; height:200px; margin:0 0 12px;}
.teaser8 li .image img{width:100%; height:200px; object-fit:cover;}
.teaser8 li .group1{float:left; width:160px;}
.teaser8 li .group1 .name a{font-size:0.875em; font-weight:normal; color:#1b1b1b; font-family:Oswald, Arial, Helvetica, sans-serif;}
.teaser8 li .group1 .price_before{font-size:0.75em; font-weight:normal; color:#CCC; text-decoration:line-through;}
.teaser8 li .group1 .price{font-size:0.75em; font-weight:normal; color:#1b1b1b;}
.teaser8 .tag_sale{margin:10px 0 0; padding:5px; text-align:center; background:#ff371d; color:#FFF; font-size:0.75em; text-transform:uppercase; position:absolute; z-index:2;}
.teaser8 .tag_preorder{margin:0 0 18px; padding:5px; text-align:center; background:#ffcc00; color:#FFF; font-size:0.75em; float:left; text-transform:uppercase; position:absolute; bottom:0;}
.teaser8 .error{background:#F0F0F0;}

.title2 h2{float:left; width:auto; padding:17px 30px 18px; background:#0a8eff; color:#FFF; text-transform:uppercase; font-family:Oswald, Arial, Helvetica, sans-serif;  font-size:1em; font-weight:300;}
.title2 .prev{float:left; margin:0 5px 0 0; padding:20px 22px; background:#ffc601;}
.title2 .next{float:left; padding:20px 22px; background:#ffc601;}
.title2 .prev:hover, .title2 .next:hover{background:#c7c5b7;}
.title2 .btns{float:right; background:#FFF;}
.title2 .more{float:right; margin:7px 0 0; padding:11px 10px; background:#FFF; border:solid 1px #CCC;}
.title2 .more a{color:#666; line-height:13px;}
.title2 .more a:hover{text-decoration:none;}

/* PRODUCT DETAIL */
.pd1{float:left; width:100%;}
.pd2{width:1200px; margin:0 auto 30px;}
.pd2 .store_left{float:left; width:300px; margin:0;}
.product_left{float:left; width:420px; margin:0 0 60px 17px;}
.main_image{float:left; width:400px; height:400px; overflow:auto; margin:0 0 15px 0; padding:9px; cursor:pointer; background:#f0efe9; border:solid 1px #dcdad0;}
.main_image img{width:100%; height:100%; object-fit:cover;}
.main_image .noimage{background:url(../images/front/front/noimage.gif); background-size:100%;}
.images {float:left; width:410px; list-style:none; margin:0; padding:0; display:block;}
.images li{float:left; margin:0 15px 15px 0; padding:0; width:77px; height:77px; overflow:hidden; cursor:pointer;}
.images li.last {margin:0 0 15px 0;}
.images li img {border:solid 1px #dcdad0; width:100%; height:auto; object-fit:cover;}
.images li img:hover {border:solid 1px #000;}
.images li.youtube{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.images li.youtube img{max-width:100%; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:translateY(-50%);}
.images li .play{width:77px; height:78px; position:absolute; z-index:2; left:0; top:0; background:url(../images/front/btn-play.png) no-repeat center;}
.images li.youtube:hover .play{display:none;}

.product_right{float:left; width:390px; margin:0 0 60px 30px;}
.product_right h1{width:100%; display:block; margin:10px 0 0 0; padding:0; font-size:1.5em; line-height:1em;}
.product_right .intro{width:100%; margin:10px 0 0; font-size:0.75em; color:#0a8eff; text-align:center;}
.product_right .description{float:left; width:100%; margin:20px 0 5px 0; padding:20px 0 0; font-size:0.875em; line-height:1.5em; text-align:justify; border-top:solid 1px #dcdad0;}
.product_right .description table{width:100%; background-color:#000;}
.product_right .description th{padding:4px; background:#0a8eff; color:#FFF; border:solid 1px #222; font-size:10px !important;}
.product_right .description td{padding:4px; background:#FFF; border:solid 1px #222; font-size:10px !important;}
.product_right .description ul{margin:0 0 20px; padding:0 0 0 15px;}

.also{width:100%;}
.also ul{width:100%; margin:0; padding:0; list-style:none;}
.also li{width:250px; margin:0; padding:0;}


/* CONTACT */
.contact .body2{width:1000px; text-align:center;}
.contact_forms{float:left; width:910px; margin:40px 0 50px; padding:0 50px; border-top:solid 4px #CCC; border-bottom:solid 3px #F0F0F0; background:#f0efe9; text-align:left;}
.contact_intro{width:100%; font-size:1em; font-weight:300; margin:0 0 30px;}
.contact_form{width:910px; margin:30px 0 40px;}
.contact_form .col1{width:430px; vertical-align:top;}
.contact_form .col2{width:50px;}
.contact_form .col3{width:430px; vertical-align:top;}
.c_row{float:left; width:100%; min-height:24px; height:auto !important; margin:0 0 5px;}
.c_l{float:left; width:100px; margin:0 0 10px 0; font-size:1em;}
.c_r{float:left; width:320px;}
.contact_form .textboxes{width:310px; height:30px; padding:0 5px; line-height:30px;}
.contact_form .textareas{width:310px; height:150px; padding:5px; }
.cf_sc{width:100%; margin:0 0 10px 0; font-size:1em;}
.cf_sc div{float:left;}
.cf_sc_left{width:170px; height:50px; margin:30px 0 0; padding:5px 0 0 0; line-height:40px;}
.cf_sc_mid{width:170px; height:50px; margin:30px 0 0; padding:3px 0 0 0; font-size:2em; line-height:40px; letter-spacing:3px; font-weight:bold;}
.cf_sc_right{width:80px; height:50px; margin:30px 0 0;}
#txtSecurityCode{font-size:2em; line-height:1em; text-align:center; width:74px; height:50px;}
.contact_form .buttons{float:right; margin:50px 0 0;}
/*.contact_map {float:left; width:798px; height:340px; margin:0 40px 0 0; padding:1px; background:#666;}
.contact_map p {margin:0;}
.contact_form #btnSubmit{float:right; margin:0 16px 0 0;}
#map_canvas {width:798px; height:340px; background:#CCC;}
#gmapcontent{margin:0; padding:0;}
#gmapcontent h1{font-size:1.5em; line-height:1.5em; margin:0 0 10px 0;}
#gmapcontent p{margin:0; font-size:13px;}*/
.contact_addr{float:left; width:300px; font-size:1em; line-height:1.5em;}
.contact_addr img{vertical-align:middle; margin:2px 0;}

/* MAP */
.map1{float:left; width:100%;}
.map2{float:left; width:100%;}
.map{float:left; width:100%; height:360px; background:#e9e5dc;}

/* PAGING */
.paging{width:100%; margin:20px 0;}
.paging_label{width:150px; font-size:0.875em; font-weight:bold;}
.paging_links{float:right;}
.paging_prev, .paging_next, .paging_back{text-transform:uppercase;}
.paging_prev:hover, .paging_next:hover, .paging_back:hover{text-decoration:none; background:#000;}

/* FOOTER */
.teaser1{float:left; width:100%; background:#1a1a1a url(../images/front/footer.gif) repeat-x left top;}
.teaser2{width:1016px; margin:0 auto; padding:60px 0 0; overflow:hidden;}
.teaser2 ul{margin:0; padding:0; list-style:none;}
.teaser2 li{float:left; width:330px; margin:0 4px; padding:0;}
.teaser2 img{border:solid 5px #FFF;}

.footer3{float:left; width:100%; padding:40px 0 40px; background:#dfdfdf url(../images/front/liner1.gif) repeat-x left top;}
.footer4{width:1000px; margin:0 auto; overflow:hidden;}


.footer1{float:left; width:100%; padding:0 0 40px; background:#0c0c0c;}
.footer2{width:1000px; margin:0 auto; padding:60px 0 0; overflow:hidden;}
.footer2 .left{float:left; width:350px; color:#FFF; font-size:0.875em;}
.footer2 .right{float:left; width:650px;}
.footer2 h2{float:left; margin:0 0 20px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-size:1.75em; font-weight:700px; text-transform:uppercase;}
.footer2 h3{float:left; margin:0 0 4px; font-size:1.25em; color:#1376b7;}

.copyright{float:right; clear:both; margin:130px 0 0; font-size:0.75em; color:#767676;}

.bottom1{float:left; width:100%; background:#0f0f0f;}
.bottom2{width:1000px; margin:0 auto; padding:5px 0; font-size:0.6125em; color:#6a6a6a;}
.power a{color:#6a6a6a;}
.power a:hover{color:#4b4b4b; text-decoration:none;}

/* TWEAK */
.tipsy-inner{background:#05b1be; color:#FFF;}
.tipsy-arrow{border:5px dashed #05b1be;}
.rslides{position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform:translateX(-50%);}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0;}
.rslides li:first-child{position: relative; display: block; float: left;}
.rslides img{display:block; height:auto; width:100%; margin:auto; border:0;}

/* 1216+17, display mobile */
@media screen and (max-width: 1233px){
.header1{display:none;}
.mobile-header{display:block;}
.slideshow{float:left; width:100%; height:125px; margin-top:71px; text-align:center; background:#FFF url(../images/front/slideshow-bg.jpg) no-repeat right bottom;}
.slider{width:100%; position:absolute; list-style:none; margin:0; padding:0; text-align:center;}
.slider img{width:100%; height:auto;}

.body2, .header2, .intro4, .intro6, .footer2, .bottom2, .footer4, .pa2, .pd2{width:92%;}
.intro1{padding-bottom:0;}
.intro2{width:100%;}
.intro2 h1{margin:0 0 40px;}
.intro2 li{width:50%; padding-bottom:30px; text-align:center;}
.intro2 li.col5{display:none;}
.intro4{float:left; width:100%; margin:0; padding:0;}
.intro7{width:100%;}
.intro7 .more{float:left; margin:10px 0 0; padding:10px; font-size:0.75em; background:#222; color:#FFF;}
.intro4 h2{margin:0 0 15px; padding:10px 0; text-align:center;}
.intro4 .col1, .intro4 .col2, .intro4 .col3{width:92%; margin:0 4%;}
.intro4 .col2{padding:30px 0;}
.intro6 h3{height:auto; margin:0 0 25px;}
.intro6 li{width:100%; margin:0 0 50px; float:left;}
.intro6 img{width:100%; margin:0 0 15px;}
.intro6 .more{margin:10px 0 0; padding:10px; background:#222; color:#FFF;}
.pa2 .store_left, .pd2 .store_left{display:none;}
.pa2 .store_right, .pd2 .store_right{width:100%; margin:0;}
.product_left{width:100%; margin:10px 0 15px; text-align:center;}
.product_right{width:100%; margin:0 0 60px;}
.products{width:100%;}
.products li{width:100%; margin:0 0 30px; clear:both;}
.products li:nth-child(4n+1){margin:0 0 30px; clear:both;}
.products li .image{width:100%; height:auto; text-align:center;}
.products li .group1{text-align:center;}
.products li .noimage{width:100%; height:auto; background:url(../images/front/noimage200x200.gif) no-repeat center;}
.main_image{float:none; margin:0 auto 15px;}
.images{float:none; margin:0 auto 0;}
.title2 h2{width:100%; text-align:center; padding:10px 0;}
.teaser7{margin:0;}
.teaser8{padding:10px 0 30px;}
.teaser8 li, .teaser8 li:first-child{width:100%; margin:0 0 20px; text-align:center;}
.teaser8 li .image{height:auto; text-align:center;}
.teaser8 li .group1{width:100%; text-align:center;}
.news_archieve, .service_archieve{width:100%;}
.news_archieve li, .service_archieve li{width:100%;}
.news .paging, .service .paging{width:100%;}
.news_detail, .service_detail{width:100%;}
.nd_img img, .sd_img img{width:100%;}
.news_detail .paging, .service_detail .paging{width:100%;}
.footer2 .left, .footer2 .right{width:92%; padding:0 4%; text-align:center;}
.footer2 ul.links{float:none; display:inline-block;}
.footer2 ul.links li:last-child{padding-right:10px;}
.contact .body2{width:100%;}
.contact_forms{width:100%; margin:30px auto 0; padding:0;}
.contact_intro{width:100%;}
.contact_form{width:80%; margin:30px 10%;}
.contact_form .col1{width:49%;}
.contact_form .col2{width:2%;}
.contact_form .col3{width:49%;}
.contact_form .textbox{width:90%;}
.contact_form .textarea{width:90%;}
.contact_addr{float:none; width:90%; margin:0 auto;}
.footer2 .left{width:100%;}
.footer2 .right{width:100%;}
.copyright{float:none; margin:20px 0 0; text-align:center;}
.bottom2{padding:20px 0; text-align:center;}
}

@media screen and (max-width: 817px){
.index .slideshow{height:500px;}
.contact_intro{font-size:0.875em;}
.contact_form .col1{float:left; width:100%; display:block;}
.contact_form .col2{display:none;}
.contact_form .col3{width:100%; display:block;}
.c_row{width:100%;}
.c_l{width:30%; margin:0 0 10px; font-size:0.875em;}
.c_r{width:70%;}
.contact_form .textboxes{width:90%; padding:0 5%;}
.contact_form .textareas{width:90%; padding:5px 5%;}
.teaser8 li .image img{width:100%; height:auto;}
}

@media screen and (max-width: 617px){
.index .slideshow{height:400px;}
.na_img{margin:0 10px 10px 0;}
.na_content{font-size:0.875em;}
.nd_content{line-height:1.5em; font-size:0.875em;}
}

@media screen and (max-width: 517px){
.index .slideshow{height:300px;}
.intro1{padding:0 0 50px;}
.intro2 h1{margin:0 0 15px; padding:25px 0; background-color:#EEE;}
.intro2 li{width:100%; padding:30px 0 30px;}
.intro2 li.col1{background:none;}
.intro2 li.col2, .intro2 li.col4{background:#F0F0F0;}
.intro4 .col2 img{max-width:92%;}
.intro6{text-align:center;}
.main_image{width:100%; height:auto;}
.main_image img{width:100%; height:auto;}
.map{height:260px;}
.intro2 h2{margin:20px 0 0;}
.intro2 .buttons{margin:30px 0 0;}
.teaser6 li{width:100%; margin:0 0 30px;}
.cf_sc_left, .cf_sc_mid, .cf_sc_right{width:33%; line-height:1em;}
.footer4 img{width:100%; height:auto;}
}

@media screen and (max-width: 377px){
.index .slideshow{height:200px;}
}