.inner{max-width:1100px;margin:0 auto}
.inner10{max-width:1000px;margin:0 auto}
.inner8{max-width:800px;margin:0 auto}

@font-face {
    font-family: "Impact";
    src: url("/assets/font/ImpactRegular.eot");
    src: url("/assets/font/ImpactRegular.eot?#iefix")format("embedded-opentype"),
    url("/assets/font/ImpactRegular.woff") format("woff"),
    url("/assets/font/ImpactRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* HEADER */

.topline{height:32px;line-height:32px;background:url(image/topline.png) 50% -46px}
.topline span{color: #0099cb;font-family: Calibri;font-size: 12px;font-weight: 400;display:inline-block;padding:0px 3px;vertical-align:middle}
.topline .topinfo{float:right;margin-right:40px}
.toplogo{display:block;float:left;width:150px;height:80px;background:url(image/logo.png) 0px 16px;transition:all 500ms ease}
.toplogo:hover{opacity:0.7}
.logom{background-color: #0099cb;margin:20px 0px}
.topmenu{padding-left:100px;overflow:hidden}
.topmenu ul{padding:0;margin:0}
.topmenu ul li{display:block;float:left;list-style:none;height:80px;line-height:80px;padding:0px 0px;position:relative;transition:all 300ms ease}
.topmenu ul li a{color: white;font-family: Calibri;font-size: 14px;font-weight: 400;text-transform: uppercase;transition:all 300ms ease;display:block;width:100%;height:80px;line-height:80px;padding:0px 15px}
.topmenu ul li:before{transition:all 300ms ease}
.topmenu ul li:nth-child(1) a:before{content:'';display:inline-block;width:19px;height:19px;background:url(image/m1.png);margin-right:5px;position:relative;top:2px}
.topmenu ul li:nth-child(2) a:before{content:'';display:inline-block;width:20px;height:20px;background:url(image/m2.png);margin-right:5px;position:relative;top:4px}
.topmenu ul li:nth-child(3) a:before{content:'';display:inline-block;width:19px;height:19px;background:url(image/m3.png);margin-right:5px;position:relative;top:3px}
.topmenu ul li:nth-child(4) a:before{content:'';display:inline-block;width:21px;height:15px;background:url(image/m4.png);margin-right:5px;position:relative;top:2px}
.topmenu ul li:hover a{color:#cb1e1a;background:#FFF}
.topmenu ul li:hover:nth-child(1) a:before{background:url(image/m1h.png);}
.topmenu ul li:hover:nth-child(2) a:before{background:url(image/m2h.png);}
.topmenu ul li:hover:nth-child(3) a:before{background:url(image/m3h.png);}
.topmenu ul li:hover:nth-child(4) a:before{background:url(image/m4h.png);}

/* HOME */
section#topimg{height:446px;background:url(image/bg.jpg) top center;text-align:center}
section#topimg img{margin-top:45px}

section#srtext{max-width: 713px;background-color: white;border: 3.22px solid #cb1e1a;margin:1px auto;color: #cb1e1a;font-family: Calibri;font-size: 18px;font-weight: 700;text-transform: uppercase;padding:40px 45px;text-align:center}

section#gr3{max-width:713px;margin:0 auto;margin-top:20px}

.gr_1, .gr_3{width:146px;float:left;padding-top:30px;}
.gr_1 .gr_number, .gr_3 .gr_number{margin-top:15px}
.gr_number{color: #ae2320;font-family: Impact;font-size: 38px;font-weight: 400;text-transform: uppercase;text-align:center;padding-top:20px}
.gr_text{color: #ae2320;font-family: Impact;font-size: 14px;font-weight: 400;text-transform: uppercase;text-align:center;padding-top:4px}
.gr_3 .gr_text, .gr_3 .gr_number{color: #4698c8;}
.gr_2{width:160px;float:left;margin-left:130px}
.gr_3{margin-left:130px}
.gr_2_block{width: 165px;height: 318px;background-color: #ae2320;}
#gr3{overflow:hidden}

#product{background-color: #ae2320;padding:55px 0px}
#product a{display:block;position:relative;width:198px;height:198px;margin:0 auto}
#product a img{position:relative;z-index:1}
#product a:after{content:'';width:198px;height:198px;background:#FFF;border-radius:100%;position:absolute;top:0px;left:4px}
.bordown{content:'';display:block;width:500px;margin:0 auto;border: 400px solid transparent;	border-top: 120px solid #ae2320;}
.borcont{height:120px;overflow:hidden}

#shop .shop_title{max-width: 354px;border: 6.69px solid #ae2320;color: #ae2320;font-family: Impact;font-size: 30px;font-weight: 400;text-transform: uppercase;text-align:center;padding:35px;    padding-top: 150px;margin: 0 auto;margin-top: -125px;}
#shop .shopblock{padding:20px 0px;text-align:center}

#map{background: #0099cb;padding-bottom:62px}
#map .maptitle{color:#0099cb;font-family: Impact;font-size: 30px;font-weight: 400;text-transform: uppercase;background:#FFF;padding:40px;max-width:320px;margin:0 auto;text-align:center}
.map_block{width:914px;height:311px;margin:50px auto;background:url(image/map.png);position:relative}
.map_text{width: 191px;height: 60px;color: white;font-family: Calibri;font-size: 14px;font-weight: 400;position: absolute;top: 109px;left: 271px;}

.pr_title{background-color: #ae2320;max-width:484px;color: white;font-family: Impact;font-size: 30px;font-weight: 400;text-transform: uppercase;padding-top:55px;padding-bottom:15px;text-align:center;clear:both;margin:0 auto;margin-top:70px;line-height:35px;padding-left:5px;padding-right:5px}
.mmap{display:none}  
.topline a{color:#0099cb;}

/* FOOTER */
#main_footer .topline{height:22px;line-height:22px;margin-bottom:20px}

/* RESPONSIVE */
@media(max-width:1100px){
     .topline{background:url(image/topline.png) 58% 44px}
}

@media(max-width:950px){
    .mmap{display:block;margin:0 auto;padding:20px 0px}
    .map_block{display:none}
    #map{padding-bottom:0px}
}

@media(max-width:930px){
    .topline{background:url(image/topline.png) 62% 44px}
}

@media(max-width:800px){
    #shop .shopblock{padding:20px}
    .borcont{display:none}
    .topline{background:url(image/topline.png) 66% 44px}   
    .logom{padding:0px 10px}
    .toplogo{float:none;margin:0 auto}
    .topmenu{padding-left:0px;text-align:center}
    .topmenu ul{width:100%}
    .topmenu ul li{float:none;display:inline-block}
}


@media(max-width:740px){
    .gr_1, .gr_2, .gr_3{float:none;margin:0px 20px!important;display:inline-block;vertical-align:top}
    #gr3{text-align:center}
}

@media(max-width:660px){
    .topline{background:url(image/topline.png) 70% 44px}  
}

@media(max-width:565px){
    .topmenu ul li a{height:auto;line-height:20px;padding:10px}
    .topmenu ul li{height:auto}
    .topline{background:none}
    .topline .topinfo{float:none;margin-right:0px;text-align:center}
    .logom{margin-top:0px}
}

@media(max-width:370px){
    section#topimg img{width:300px;margin-top:75px}
}