.subpage #page-title { height: 644px; margin-top: -260px; position: relative; width: 100%; overflow: hidden; min-width: 1200px; }
.subpage #page-title .prev-next a { height: 95px; }
.subpage #page-title .prev-next .prev a::before { top: 40px; }
.subpage #page-title .prev-next .next a::before { top: 40px; }
.subpage #page-title .prev-next .prev a::after { top: 40px; }
.subpage #page-title .prev-next .next a::after { top: 40px; }
.subpage #page-title .main-title { height: 77px; }
.subpage #leftbg { height: 95px; }
.subpage #page-title.oneline { margin-top: -248px; }
.subpage #page-title.bigbar { height: 600px; }
.subpage #page-title.bigbar #leftbg { height: 120px; top: 240px; }
.subpage #page-title.oneline #leftbg { height: 95px; top: 240px; }
.subpage #page-title.bigbar .photo { top: 70px; }
.subpage #page-title.oneline .photo { top: 52px; }
.subpage #page-title .navigator { display: none; }
.subpage #social-links { top: 300px; }

#path { text-align: center; margin-top: -4px; }
#path .container { position: relative; display: inline-block; width: 1194px; text-align: left; height: 80px; }
#path ul { list-style-type: none; font-size: 14px; line-height: 25px; margin: 0; padding: 0 0 0 176px; text-align: left; position: relative; z-index: 99; background-color: #dddede; background-color: rgba(255, 255, 255, 0.8); height: 25px; overflow: hidden; }
#path ul li { display: inline; }
#path ul li::before { content: "» "; padding: 0 3px; }
#path ul li:first-child::before { display: none; }
#path ul li a { color: #02478c; }

#sub-page { text-align: center; margin-top: -200px; position: relative; z-index: 10; margin-bottom: 20px; }
#sub-page.nobanner { margin: -50px 0 0 0; }
#sub-page .container { display: inline-block; width: 1200px; text-align: left; }


.box-categories h2 { display: none; }
.box-categories > ul { list-style-type: none; margin: 0 auto; padding: 0 0 2px 0; overflow: hidden; width: 1200px; }
.box-categories > ul > li { float: left; width:298px; height:298px; margin: 1px; position: relative; }
.box-categories > ul > li.big { width: 598px; }
.box-categories > ul > li h3 { position: relative; z-index: 2; font-size: 24px; margin: 0; color: #004e9e; padding: 25px 0 5px 25px; line-height: 24px; }
.box-categories > ul > li h3 a { color: #004e9e; }
.box-categories > ul > li .photo { margin: 0; position: absolute;left: 0; top: 0; z-index: 1; }
.box-categories > ul > li ul { list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 2; line-height: 24px; }
.box-categories > ul > li ul li { font-size: 16px; padding: 0 25px; }
.box-categories > ul > li ul li a { color: black; }


.download-box ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0 0 40px 0; }
.download-box ul li { width: 294px; height: 146px; border: 1px solid #e6e6e6; float: left; margin: 5px 2px; position: relative; }
.download-box ul li:first-child { margin-left: 0; }
.download-box ul li h3 { margin: 0; font-size: 24px; line-height: 24px; }
.download-box ul li h3 a { color: #004e9e; display: block; padding: 24px 160px 0 24px; }
.download-box ul li h3 a:hover { text-decoration: none; }
.download-box ul li p { margin: 4px 24px; color: black; position: relative; z-index: 2; font-size: 16px; line-height: 18px; }
.download-box ul li p a { display: block; color: black; }
.download-box ul li p a:hover { text-decoration: none; }
.download-box ul li p.photo { margin: 0; position: absolute; right: -5px; top: 0; z-index: 1; }
.download-box ul li p.photo img { width: 160px; }


.box-category-list h2 { font-size:36px; line-height:30px; color:#000000; font-weight: 100; padding: 0 23px; }
.box-text h1 { font-size: 36px; font-weight: bold; border-bottom: 1px solid #e5e5e5;  color: black; }
.box-text h2 { font-size: 36px; font-weight: normal; border-bottom: 1px solid #e5e5e5;  color: black; }
.box-text h3 { font-size: 24px; font-weight: normal; border-bottom: 1px solid #e5e5e5;  color: black; }
.box-text h4 { font-size: 18px; font-weight: normal; border-bottom: 1px solid #e5e5e5;  color: black; }


.page-panels { list-style-type: none; margin: 0; padding: 0 0 0 23px; border-bottom: 1px solid #e5e5e5; height: 52px; font-weight: 100; }
.page-panels li { float: left; }
.page-panels li a { float: left; font-size: 24px; color: #02488d; border: 1px solid #e5e5e5; border-bottom-width: 0; line-height: 41px; margin-top: 10px; padding: 0 24px; margin-right: 5px; }
.page-panels li a:hover { text-decoration: none; }
.page-panels li.selected a { font-weight: bold; color: black; margin-top: 4px; box-shadow: 0 -4px #1781c4; padding-top: 6px; position: relative; top: 1px; background: white; }
.page-panels li a em { color: #808080; font-style: normal; font-weight: normal; }

.products-prev-next { float: right; position: relative; background-color: white; list-style-type: none; margin: 0; padding: 0; }
.top-prev-next { top: -19px; }
.bottom-prev-next { position: absolute; top: auto; bottom: -19px; right: 0; }
.products-prev-next li { display: inline-block; line-height: 34px; width: 48px; text-align: center; }
.products-prev-next li.prev, .products-prev-next li.next { width: 34px; }
.products-prev-next li.prev span, .products-prev-next li.prev a, .products-prev-next li.next span, .products-prev-next li.next a { position: relative; width: 34px; height: 34px; display: block; text-indent: -10000px; background-color: white; border: 1px solid #e7e7e7; border-radius: 20px;  }

.products-prev-next li.prev a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -135px -63px; width: 13px; height: 19px; top: 9px; left: 10px; }
.products-prev-next li.next a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -116px -63px; width: 13px; height: 19px; top: 9px; left: 12px; }
.products-prev-next li.prev span::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -135px -63px; width: 13px; height: 19px; top: 9px; left: 10px; }
.products-prev-next li.next span::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -116px -63px; width: 13px; height: 19px; top: 9px; left: 12px; }
.products-prev-next li.prev a::after { display: none; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -135px -36px; width: 13px; height: 19px; top: 9px; left: 10px; }
.products-prev-next li.next a::after { display: none; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -116px -36px; width: 13px; height: 19px; top: 9px; left: 12px; }
.products-prev-next li.prev a:hover::after { display: block; }
.products-prev-next li.next a:hover::after { display: block; }
.products-prev-next li.prev a:hover::before { opacity: 0; }
.products-prev-next li.next a:hover::before { opacity: 0; }

.box-category-list .container-list { display: inline-block; width: 100%; margin-top: -10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 60px; position: relative; }
.box-category-list .container-list .left-col { float: left;  width: 198px; position: relative; z-index: 1; }
.box-category-list .list-filter { float: left; position: relative; z-index: 1; border: 1px solid #e6e6e6; width: 198px; margin-bottom: 20px; }
.box-category-list .left-col .list-filter { float: none; }
.col-menu h3 { margin: 20px 0 6px 22px; border-bottom: 1px solid #e5e5e5; font-size: 18px; padding-right: 20px; }
.col-menu { position: relative; z-index: 1; border: 1px solid #e6e6e6; width: 198px; margin-bottom: 20px; border-top: 6px solid #1781c4; background-color: white; }
.col-menu.no-border {  border-top: 1px solid #e6e6e6; }
.col-menu h3 { font-size: 24px; color: #02488d; line-height: 24px; padding-bottom: 2px; }
.col-menu h3 a { color: #02488d }
.col-menu h3 a { color: black; }
.col-menu  ul { list-style-type: none; margin: 6px 0 6px 22px; padding: 0; }
.col-menu  ul li { line-height: 18px; display: block; padding: 6px 0; position: relative;}
.col-menu  ul li a { display: block; color: black; }
.col-menu  ul li.active { background-color: #f2f2f2; box-shadow: -17px 0 #f2f2f2; }
.col-menu  ul li.active:before { position: absolute; content: " "; width: 5px; height: 30px; background-color: #1781c4; left: -22px; top: 0; }
.col-menu  ul li.active::before { position: absolute; content: " "; width: 5px; height: 30px; background-color: #1781c4; left: -22px; top: 0; }
.col-menu  ul li.active a { color: #167aba; }
.col-menu  ul span { color: #808080; }

.form-filter { margin-bottom: 10px; }
.form-filter h3 { font-weight: 100; font-size: 30px; margin: 0; padding: 0 25px; color: black;  }
.form-filter fieldset { border: 1px solid #e6e6e6; margin-top: 5px; padding-bottom: 20px; }
.form-filter .filter { position: relative; }
.form-filter .filter h4 { font-weight: bold; margin: 0 0 0 20px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: black; padding: 20px 0 5px 0; }
.form-filter .filter .remove { position: absolute; right: 6px; top: 28px; }
.form-filter .filter .remove a { display: block; text-indent: -10000px; background: transparent url(/assets/images/sprite.svg) no-repeat -409px -48px; width: 12px; height: 12px; top: 0; left: 0; }
.form-filter .filter .remove a::before { content: " ";display: block; opacity: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -409px -62px; width: 12px; height: 12px; position: absolute; top: 0; left: 0; }
.form-filter .filter .remove a:hover::before { opacity: 1; }
.form-filter .filter .checkbox { margin-left: 22px; }
.form-filter .filter .radiobox { margin-left: 22px; }
.form-filter .filter .inputbox { margin-left: 22px; }
.form-filter .filter .sliderbox { padding-left: 22px; }
.form-filter .filter .doublebox { margin-left: 22px; }
.form-filter .filter .selectbox { margin-left: 22px; }

.text-result ol.list { list-style-type: none; margin: 0; padding: 0 0 30px 0; }
.text-result ol.list > li { padding: 20px 25px; overflow: hidden; }
.text-result ol.list > li:hover { background-color: #f2f2f2; }
.text-result ol.list .result-title { float: left; width: 370px;  line-height: 24px; }
.text-result ol.list h3 { margin: 0; }
.text-result ol.list h3 a { color: #004e9e; }
.text-result ol.list h3 a:hover { color: #1781c4; text-decoration: none;}
.text-result ol.list .desc { margin-left: 400px; color: black;  line-height: 24px; }
.text-result ol.list .desc .more { text-align: right; }
.text-result ol.list .desc .more a { color: #004e9e; text-decoration: underline; }
.text-result ol.list .desc .more a:hover { text-decoration: none; }
.text-result ol.list .result-title p { font-size: 16px; color: #808080; margin: 0; }


.box-bigcategories .product-menu { list-style-type: none; margin: 0; padding: 0 0 0 20px; overflow: hidden; }
.box-bigcategories .product-menu > li { float: left; width: 180px; padding: 180px 0 20px 5px; position: relative; }
.box-bigcategories .product-menu > li::before { position: absolute; top: 40px; width: 120px; height: 120px; left: 25px; content: " "; background: transparent url(/assets/images/mainmenu.jpg) no-repeat; border: 3px solid #f2f2f2; box-shadow: 0 0 0 3px #f2f2f2; border-radius: 120px; }
.box-bigcategories .product-menu > li.category-1::before { background-position: 0 0; }
.box-bigcategories .product-menu > li.category-2::before { background-position: -120px 0; }
.box-bigcategories .product-menu > li.category-3::before { background-position: -240px 0; }
.box-bigcategories .product-menu > li.category-4::before { background-position: -360px 0; }
.box-bigcategories .product-menu > li.category-5::before { background-position: -480px 0; }
.box-bigcategories .product-menu > li.category-6::before { background-position: -600px 0; }
.box-bigcategories .product-menu li h3 { font-size: 24px; margin: 0 0 0 15px; color: #004e9e; line-height: 24px; margin-bottom: 4px; }
.box-bigcategories .product-menu li h3 a { color: #004e9e; }
.box-bigcategories .product-menu ul { list-style-type: none; margin: 0; padding: 0; }
.box-bigcategories .product-menu ul li { line-height: 20px; font-size: 16px; padding: 2px 0; }
.box-bigcategories .product-menu ul li a { color: black; padding-left: 10px; border-left: 5px solid white; display: block; }
.box-bigcategories .product-menu ul li a:hover { text-decoration: none; background-color: #f2f2f2; border-left: 5px solid #2e8dca; padding-left:10px; color: #2e8dca; }

.padding-top { padding-top: 70px; }
.download-list ol.list { list-style-type: none; margin: 0 0 40px 210px; padding: 0; }
.download-list ol.list > li { padding-left: 205px; position: relative; width: 580px; min-height: 50px; }
.download-list ol.list > li .photo { margin: 0; position: absolute; left: 0; top: 0; width: 200px; text-align: center; line-height: 200px; }
.download-list ol.list > li .photo img { vertical-align: middle; }
.download-list ol.list > li h3 { margin: 0; font-size: 24px; }
.download-list ol.list > li h3 a { color: #004e9e; }
.download-list ol.list > li p.code { font-size: 18px; color: black; line-height: 24px; }
.download-list ol.list > li > ul, .download-list ul.list { list-style-type: none; margin: 0; padding: 25px 0 0 0; }
.download-list ol.list > li > ul > li, .download-list ul.list > li { border-top: 1px solid #e5e5e5; margin-bottom: 12px; padding: 3px 0; }
.download-list ol.list > li > ul > li h4, .download-list ul.list > li h4 { margin: -12px 0 0 0; font-weight: normal; font-size: 18px; } 
.download-list ol.list > li > ul > li h4 a, .download-list ul.list > li h4 a { background-color: white; padding: 0 10px 0 23px; color: black; position: relative; display: inline-block; }
.download-list ol.list > li > ul > li h4 a::before, .download-list ul.list > li h4 a::before { content: " "; position: absolute; left: 5px; top: 5px; width: 6px; height: 10px; background: transparent url(/assets/images/sprite.svg) no-repeat -123px -67px; }
.download-list ol.list > li > ul > li h4 a::after, .download-list ul.list > li h4 a::after { display: none; content: " "; position: absolute; width: 11px; height: 6px; left: 3px; top: 6px; background: transparent url(/assets/images/sprite.svg) no-repeat -369px -69px;  }
.download-list ol.list > li > ul > li h4 a span, .download-list ul.list > li h4 a span { color: #808080; }
.download-list ol.list > li > ul > li.active ul, .download-list ul.list > li.active ul { display: block; }
.download-list ol.list > li > ul > li.active h4 a::before, .download-list ul.list > li.active h4 a::before { display: none; }
.download-list ol.list > li > ul > li.active h4 a::after, .download-list ul.list > li.active h4 a::after { display: block; }
.download-list ol.list > li > ul > li > ul, .download-list ul.list > li > ul { list-style-type: none; margin: 0; padding: 6px 0 0 0; display: none; }
.download-list ol.list > li > ul > li li, .download-list ul.list > li li { position: relative; padding: 3px 0 3px 11px; margin: 3px 0 3px 23px; }
.download-list ol.list > li > ul > li li h5, .download-list ul.list > li li h5 { font-weight: normal; margin: 0; line-height: 18px; font-size: 18px; padding:3px 70px 3px 0; }
.download-list ol.list > li > ul > li li h5 a, .download-list ul.list > li li h5 a { color: #004e9e; }
.download-list ol.list > li > ul > li li p, .download-list ul.list > li li p { position: absolute; right: 4px; top: 7px; margin: 0; }
.download-list ol.list > li > ul > li li p .download, .download-list ul.list > li li p .download { position: relative; margin-left: 5px; float: left; width: 20px; height: 15px; background: transparent url(/assets/images/sprite.svg) no-repeat -406px -1px;  text-indent: -10000px;}
.download-list ol.list > li > ul > li li p .favourite, .download-list ul.list > li li p .favourite { position: relative; margin-left: 5px; float: left; width: 20px; height: 15px; background: transparent url(/assets/images/sprite.svg) no-repeat -433px -1px;  text-indent: -10000px;}
.download-list ol.list > li > ul > li li p .download::after, .download-list ul.list > li li p .download::after { opacity: 0; content: " "; position: absolute; left: 0; top: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -406px -22px; width: 20px; height: 15px; }
.download-list ol.list > li > ul > li li p .favourite::after, .download-list ul.list > li li p .favourite::after { opacity: 0; content: " "; position: absolute; left: 0; top: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -433px -22px; width: 20px; height: 15px; }
.download-list ol.list > li > ul > li li:hover, .download-list ul.list > li li:hover { background-color: #f2f2f2; }
.download-list ol.list > li > ul > li li p .favourite:hover::after, .download-list ul.list > li li p .favourite:hover::after { opacity: 1; }
.download-list ol.list > li > ul > li li p .download:hover::after, .download-list ul.list > li li p .download:hover::after { opacity: 1; }

.news-list { margin-left: 210px; padding-top: 50px; }
.news-list .list { list-style-type: none; margin: 0; padding: 0; }
.news-list .list li { position: relative; border-bottom: 1px solid #e5e5e5; display: inline-block; width: 100%; }
.news-list .list li .photo { float: left; margin: 0; padding-top: 10px; }
.news-list .list li .photo a { opacity: 1; }
.news-list .list li h3 { margin: 0 0 0 215px; padding-top: 10px; font-size: 24px; line-height: 24px; border-bottom-width: 0; }
.news-list .list li h3 a { color: #004e9e; }
.news-list .list li .date { margin: 0 0 0 215px; line-height: 24px; padding-bottom: 10px; }
.news-list .list li .text { margin: 0 0 0 215px; overflow: hidden; font-size: 18px; line-height: 24px; color: black; }
.news-list .list li:hover .photo a { opacity: 0.6; }
.news-list .list li:hover h3 a { color: #1781c4; }


.news-list_r { margin-left: 210px; padding-top: 50px; }
.news-list_r .list { list-style-type: none; margin: 0; padding: 0; }
.news-list_r .list li { position: relative; border-bottom: 1px solid #e5e5e5; display: inline-block; width: 100%; }
.news-list_r .list li .photo { float: left; margin: 0; padding-top: 10px; }
.news-list_r .list li .photo a { opacity: 1; }
.news-list_r .list li h3 { margin: 0 0 0 215px; padding-top: 10px; font-size: 24px; line-height: 24px; border-bottom-width: 0; }
.news-list_r .list li h3 a { color: #004e9e; }
.news-list_r .list li .date { margin: 0 0 0 215px; line-height: 24px; padding-bottom: 10px; }
.news-list_r .list li .text { margin: 0 0 0 215px; overflow: hidden; font-size: 18px; line-height: 24px; color: black; }
.news-list_r .list li:hover .photo a { opacity: 0.6; }
.news-list_r .list li:hover h3 a { color: #1781c4; }



.box-product { padding-top: 36px; }
.box-product .series { font-size: 30px; color: #02488d; font-weight: 100; padding-left: 22px; line-height: 30px; margin: 0; }
.box-product > h1, .box-product > h2 { font-size: 36px; color: black; margin: 0; padding-left: 22px; line-height: 36px; border-bottom: 1px solid #e6e6e6; padding-right: 150px; padding-bottom: 20px;}
.box-product .product-where { margin-left: auto; margin-top: -37px; width: auto;   font-weight: bold; line-height: 35px;  }
.box-product .product-where a { display: block; color: #02488d; text-align: center; border: 1px solid #e6e6e6; padding: 0 10px;float: right;}

.product-maininfo { display: inline-block; width: 100%; }
.product-maininfo .gallery { float: left; width: 539px; border: 1px solid #e6e6e6; border-width: 0 1px 1px 1px; padding: 9px 0 9px 9px; position: relative; }
.product-maininfo .show360 { position: absolute; line-height: 35px; background-color: white; border: 1px solid #e6e6e6; left: -14px; top: -20px; position: absolute; font-weight: bold; z-index: 1;}
.product-maininfo .show360 a { color: #02488d; padding: 0 10px 0 43px; position: relative; display: block;}
.product-maininfo .show360 a::before { content: " "; position: absolute; position: absolute; left: 11px; top: 8px; background: transparent url(/assets/images/sprite.svg) no-repeat -370px -42px; width: 19px; height: 21px; }
.product-maininfo .gallery .big-photo { margin:0; width: 380px; height: 380px; float: left; padding-right: 9px; border-right: 1px solid #e5e5e5; }
.product-maininfo .gallery .list { float: left; list-style-type: none; margin: 5px 0 0 0; padding: 0 0 0 10px; width: 130px; height: 330px;  overflow: hidden; }
.product-maininfo .gallery .list li { line-height: 110px; text-align: center; }
.product-maininfo .gallery .list li img { vertical-align: middle; }
.product-maininfo .gallery .navigator { list-style-type: none; margin: 0; padding: 0; }
.product-maininfo .gallery .navigator .prev { position: absolute; top: 20px; right: 10px; width: 110px; }
.product-maininfo .gallery .navigator .next { position: absolute; bottom: 10px; right: 10px; width: 110px; }
.product-maininfo .gallery .navigator a { text-indent: -10000px; display: block; position: relative; }
.product-maininfo .gallery .navigator .prev a::before { content: " "; left: 35px; width: 22px; height: 13px; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -465px 0;  }
.product-maininfo .gallery .navigator .next a:before { content: " "; left: 35px; width: 22px; height: 13px; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -465px -16px;  }

.product-options { float: right; width: 643px; }
.product-options  h3 { font-weight: 100; font-size: 24px; color: black; padding: 15px 20px; line-height: 30px; margin: 0; }
.product-options .list { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #e5e5e5; }
.product-options .list li { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; min-height: 60px; padding: 12px 0; position: relative; width: 100%; background-color: white;  transition: none; -moz-transition: none; -o-transition:none; -webkit-transition: none;}
.product-options .list li.expand { display: none; box-shadow: -1px 0 #e5e5e5; }
.product-options .list li .photo { margin: 0; position: absolute; left: 20px; top: 12px; }
.product-options .list li h4 { font-size: 24px; color: #a3a3a3; margin: 5px 330px 0 90px; line-height: 24px; }
.product-options .list li .code { margin: 0 330px 0 90px; line-height: 24px; }
.product-options .list li .price-box { position: absolute; left: 324px; width: 195px; top: 20px;  opacity: 0.5; }
.product-options .list li .price-box .price { font-size:16px; line-height:24px; color: black; display: block; padding-left: 27px; position: relative; }
.product-options .list li .price-box .price::before { content: " "; left: 0; top: 4px; width: 18px; height: 19px;  position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -490px -5px; }
.product-options .list li .price-box .price strong { font-size: 24px; }
.product-options .list li .price-box .available { color: #068f09; font-size: 16px; padding-left: 27px; position: relative; }
.product-options .list li .price-box .available::before { content: " "; left: 0; top: 4px; width: 18px; height: 14px; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -435px -48px; }
.product-options .list li .add-to-cart { position: absolute; right: 20px; width: 100px; text-align: center; top: 22px; opacity: 0.5; }
.product-options .list li .add-to-cart a { border: 1px solid #e6e6e6; display: block; /*line-height: 36px;*/ color: black; line-height: 21px; padding: 7px 0; }
.product-options .show-all { float: right;  padding: 10px 20px 0 0; margin-top: 0; position: relative; z-index: 1; }
.product-options .show-all a { font-size: 16px; font-weight: normal; width: auto; padding: 0 35px 0 22px; position: relative;  }
.product-options .show-all a::after { content: " "; width: 10px; height: 6px; background: transparent url(/assets/images/sprite.svg) no-repeat -410px -28px; position: absolute; top: 15px; right: 12px;}
.product-options .show-all a.less { display: none; }
.product-options .show-all a.less::after { background: transparent url(/assets/images/sprite.svg) no-repeat -222px -28px; }
.product-options .show-all::after { content: " "; position: absolute; right: -1px; top: 0; height: 68px; width: 1px;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #E5E5E5), color-stop(1, #FFFFFF));
background-image: -ms-linear-gradient(top, #E5E5E5, #FFFFFF);
background-image: -o-linear-gradient(top, #E5E5E5, #FFFFFF);
background-image: -moz-linear-gradient(top, #E5E5E5, #FFFFFF);
background-image: -webkit-linear-gradient(top, #E5E5E5, #FFFFFF);
background-image: linear-gradient(to bottom, #E5E5E5, #FFFFFF) }
.product-options.expand .list li.expand { display: block; }
.product-options.expand .show-all a.more { display: none; }
.product-options.expand .show-all a.less { display: block; }


@media all and (min-width: 700px){
.product-options .list li:hover { z-index: 2; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-left: 6px solid #1781c4; margin-left: -12px; width: 654px; }
.product-options .list li.hoverClass { z-index: 2; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-left: 6px solid #1781c4; margin-left: -12px; width: 654px; }
.product-options .list li:hover .photo { left: 26px; }
.product-options .list li:hover .price-box { opacity: 1; left: 330px; }
.product-options .list li:hover .add-to-cart { opacity: 1; right: 25px; }
.product-options .list li:hover h4 { color: black; margin-left: 96px; }
.product-options .list li:hover .code { color: black; margin-left: 96px; }
}
.product-options .info { margin: 0; padding: 18px 0 18px 92px; color: black; font-size: 18px; line-height: 24px; position: relative; }
.product-options .info::before { content: " "; left: 30px; top: 22px; width: 37px; height: 37px; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -368px -3px; }
.product-options .info dt { float: left; width: 120px; }
.product-options .info dd { margin-left: 120px; }

.products-columns { display: inline-block; width: 100%; padding-top: 12px; }
.products-columns .col-left { float: left; width: 400px; }
.products-columns .col-right { float: left; width: 800px; }

.box-li h3 { margin: 14px 0 14px 20px; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 24px; color: black; padding: 8px 0; }
.box-li ul { list-style-type: none; margin: 0; padding: 11px 0 25px 0; font-size: 18px; }
.box-li ul li { padding: 3px 15px 3px 20px; line-height: 24px; color: black; position: relative; }
.box-li ul li::before { content: "•"; color: #1781c4; position: absolute; left: 0; top: 6px; width: 20px; text-align: center; }

.box-gif-kabin h3 { margin: 14px 0 14px 20px; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 24px; color: black; padding: 8px 0; }

.box-article-list h3 { margin: 14px 0 14px 20px; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 24px; color: black; padding: 8px 0; }
.box-article-list ul { list-style-type: none; margin: 0; padding: 0 0 20px 0; }
.box-article-list ul li { font-size: 18px; line-height: 24px; padding: 3px 15px 6px 20px; }
.box-article-list ul li a { color: #02488d; position: relative; }
.box-article-list ul li a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -368px -79px; width: 13px; height: 16px;  top: 2px;left: -20px; }

.box-panel h3 { margin: 14px 0 14px 20px; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 24px; color: black; padding: 8px 0; }

.box-other-products h3 { border-bottom: 1px solid #e5e5e5; line-height: 24px; margin: 14px 0 14px 20px; font-size: 24px; color: black; padding: 8px 0; }
.box-other-products .list { list-style-type: none; margin: 0; padding: 0; }
.box-other-products .list li { position: relative; margin-top: 14px; padding-bottom: 14px; }
.box-other-products h4 { font-weight: 100; font-size: 18px; padding-left: 20px; position: relative; margin: 0; padding-bottom: 13px; }
.box-other-products h4 a { color: #02488d; }
.box-other-products h4::before { content: " "; left: -3px; top: 2px; width: 18px; height: 18px; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -458px -32px; }
.box-other-products dl { margin: 0 120px 0 20px; color: black; line-height: 24px; font-size: 18px; }
.box-other-products dl dt { float: left; margin-right: 4px; }
.box-other-products .to-board { position: absolute; right: 0; bottom: 14px; margin: 0; }
.box-other-products .to-board a { display: block; border: 1px solid #e6e6e6; line-height: 35px; width: 101px;text-align: center; }

.box-map { padding-top: 46px; position: relative; }
.box-map::before { content: " "; position: absolute; z-index: 1; width: 286px; height: 269px; background: transparent url(/assets/images/sprite.svg) no-repeat -5px -90px; left: 60px; top: 16px; }
.box-map fieldset { position: relative; z-index: 2; }
.box-map h3 { margin-left: 20px; line-height: 36px; font-size: 30px; margin-bottom: 5px; color: black; padding: 3px 0 8px 0; }
.box-map .input-line { padding-left: 20px; }
.box-map .input-line label { float: left; line-height: 36px; font-size: 24px; color: black; width: 140px; }
.box-map .input-line input { border: 1px solid #cccccc; font-size: 18px; color: black; padding: 5px 20px; width: 71px; height: 24px; }
.box-map .button { margin: 0 0 0 20px; padding: 36px 0; }
.box-map .button input { cursor: pointer; background-color: white; border: 1px solid #e6e6e6; width: 257px; height: 37px; font-weight: bold; color: #004e9e; font-size: 18px; }

.item-character h3 { margin: 14px 0 14px 20px; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 24px; color: black; padding: 8px 0; }
.item-character .list { list-style-type: none; margin: 0; padding: 20px 0 0 0; overflow: hidden; }
.item-character .list li { margin-top: 10px; text-align: center; float: left; width: 198px; height: 205px; font-size; 18px; color: black; line-height: 24px; }
.item-character .list li span { display: block; text-align: center; }
.item-character .list li img { margin-bottom: 12px; text-align: center; border-radius: 200px; border: 1px solid #b7b7ba; box-shadow: white 0 0 0 4px, #b7b7ba 0 0 0 5px }

.products-columns .desc h3 { margin: 14px 0 14px 20px; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 24px; color: black; padding: 8px 0; }
.products-columns .desc .text { padding-left: 20px; }
.products-columns .desc p { line-height: 24px; color: black; margin: 24px 0; }
.products-columns .box-products { padding-bottom: 40px; }


.box-text { display: inline-block; width: 100%; margin-top: -10px; margin-bottom: 60px; position: relative; }
.box-text .left-col { float: left;  width: 198px; position: relative; z-index: 1; }
.news-content h1 { font-size: 30px; color: black; font-weight: bold; margin: 0; padding: 0 20px; border-bottom-width: 0; }
.news-content .date { padding: 0 20px; margin: 0; font-size: 16px; color: #808080; }
.news-content .text { color: black; margin-right: 200px; font-size: 18px; line-height: 24px; padding: 0 23px;  padding-top: 10px; }
.news-content .text p { margin: 24px 0; }
.news-content .text > :first-child { margin-top: 0; }
.news-content .text > :last-child { margin-bottom: 0; }
.news-content .text img.to-left { float: left; margin: 24px 24px 24px 0; }
.news-content .text figure.to-right { float: right; margin: 24px -200px 24px 24px; }
.news-content .text figure.to-right figcaption { color: #bcbcbc; text-align: right; font-size: 14px; line-height: 24px; }
.news-content .text figure.to-left { float: left; margin: 24px 24px 24px -200px; }
.news-content .text figure.to-left figcaption { color: #bcbcbc; text-align: left; font-size: 14px; line-height: 24px; }

.box-board { padding-top: 40px; position: relative; }
.box-board h2 { font-size: 30px; line-height: 44px; font-weight: bold; color: black; border-bottom: 1px solid #e6e6e6; float: left; width: 770px; margin: 0 0 0 23px; }
.page-options { list-style-type: none; margin: 7px 0 0 0; padding: 0; float: right; width: 400px; text-align: justify; height: 37px; }
.page-options::after { content: " "; display: inline-block; width: 50px;  height: 10px;}
.page-options li { display: inline-block; }
.page-options li a { border: 1px solid #e6e6e6; display: block; line-height: 35px; font-size: 18px; padding: 0 18px; font-weight: bold; color: #004e9e; }
.page-options li.active a { position: relative; padding-bottom: 1px; z-index: 101; background-color: white; border-bottom-width: 0;  }

#board-config { display: none; margin-left: auto; position: absolute; width: 800px; z-index: 100; right: 0; background-color: white; border: 1px solid #e6e6e6; top: 83px; padding-bottom: 35px; }
#board-config.active { display: block; }
#board-config.fixed .board-config-title { position: fixed; top: 0; width: 800px; background-color: white; }
#board-config.fixed form { padding-top: 82px; }
#board-config .board-config-title { background-color: white; z-index: 100; }
#board-config .board-config-title::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -367px -100px; width: 61px; height: 57px;  top: 12px;left: 24px; }
#board-config h3 { margin: 0 24px 0 100px; line-height: 82px; font-size: 30px; color: #004e9e; border-bottom: 1px solid #e5e5e5; }
#board-config .buttons { position: absolute; top: 22px; right: 24px; margin: 0; color: black; }
#board-config .buttons input { margin-right: 10px; }
#board-config .buttons a { text-decoration: underline; color: #004e9e; margin-left: 10px; }
#board-config fieldset { border-bottom: 1px solid #e5e5e5; margin: 0 24px 0 100px; padding: 18px 0; color: black; }
#board-config fieldset h4 { font-size: 24px; color: #004e9e; font-weight: normal; color: #004e9e; margin: 0; }
#board-config fieldset h4 a { color: #004e9e; position: relative; display: block; }
#board-config fieldset h4 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -123px -67px; width: 6px; height: 11px;  top: 10px;left: -23px; }
#board-config fieldset .config-group { display: none; padding-top: 18px; }
#board-config fieldset.active .config-group { display: block; }
#board-config fieldset.active h4 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -369px -69px; width: 11px; height: 6px;  top: 13px;left: -25px; }

.box-board .columns { clear: both; padding-top: 10px; }
.board-aside { float: right; width: 400px; }
.board-aside ul { list-style-type: none; margin: 0; padding: 0; }
.board-aside ul li { margin-bottom: 6px; }
.board-aside ul li > a { border: 1px solid #e6e6e6; display: block; color: #004e9e; font-size: 24px; padding: 28px 20px 28px 93px; position: relative; }
.board-aside .link-generate .create a { border: 1px solid #e6e6e6; display: block; padding: 35px 20px 35px 93px; font-size: 16px; color: black; position: relative; }
.board-aside .link-generate .create a:hover { text-decoration: none; }
.board-aside .link-generate .create a strong { font-size: 30px; color: #004e9e; display: block; }
.board-aside .link-generate .create a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -443px -98px; width: 53px; height: 61px;  top: 35px;left: 17px; }
.board-aside .link-generate form { display: none; border: 1px solid #e6e6e6;  }
.board-aside .link-generate.active .create a { display: none; }
.board-aside .link-generate.active form { display: block; }
.board-aside .link-generate form h3 { font-size: 30px; color: #004e9e; margin: 0; padding: 35px 20px 0 93px; position: relative; line-height: 37px; }
.board-aside .link-generate form h3::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -443px -98px; width: 53px; height: 61px;  top: 35px;left: 17px; }
.board-aside .link-generate form .cancel { font-size: 16px; color: black; margin: 0 0 28px 93px; }
.board-aside .link-generate form .cancel a { color: black; }
.board-aside .link-generate form fieldset { border-top: 1px solid #e5e5e5; margin: 0 24px 0 27px; color: black; padding: 12px 0; }
.board-aside .link-generate form .button { text-align: center; border-top: 1px solid #e5e5e5; margin: 0 24px 0 27px; padding: 6px 0 11px 0; }
.board-aside .link-generate form .button .buttonbox { margin-top: 5px; }

.board-aside .send a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -427px -161px; width: 52px; height: 48px;  top: 16px;left: 18px; }
.board-aside .save a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -360px -173px; width: 54px; height: 36px;  top: 21px;left: 16px; }

.board-content { width: 770px; padding-left: 23px; }
.board-rabate { background-color: #fafafa; border: 1px solid #e6e6e6; padding: 11px 23px; margin-bottom: 5px; }
.board-rabate .doublebox { float: left; margin-top: 0; }
.board-rabate .doublebox label { font-size: 24px; color: #3d3d3d; margin-right: 10px; line-height: 34px; }
.board-content .group { position: relative; }
.board-content .group h3 { font-weight: normal; font-size: 24px; color: black; margin: 0; padding-right: 320px; line-height: 59px; }
.board-content .group-tools { list-style-type: none; margin: 0; padding: 0; }
.board-content .group-tools { position: absolute;right: 0; top: 18px; line-height: 24px; }
.board-content .group-tools li { float: left; margin-right: 10px; }
.board-content .group-tools li a { color: #02488d; font-size: 16px; position: relative; }
.board-content .group-tools li.rabate { padding-right: 16px; }
.board-content .group-tools li.order a { width: 22px; height: 22px; text-indent: -10000px; display: block; }
.board-content .group-tools li.order a::before { content: " "; opacity: 0.3; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -455px -79px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group-tools li.order a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -455px -55px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group-tools li.order a:hover::before { opacity: 0; }
.board-content .group-tools li.order a:hover::after { opacity: 1; }
.board-content .group-tools li.edit a { width: 22px; height: 22px; text-indent: -10000px; display: block; }
.board-content .group-tools li.edit a::before { content: " "; opacity: 0.3; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -489px -79px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group-tools li.edit a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -489px -55px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group-tools li.edit a:hover::before { opacity: 0; }
.board-content .group-tools li.edit a:hover::after { opacity: 1; }
.board-content .group-tools li.delete a { width: 22px; height: 22px; text-indent: -10000px; display: block; }
.board-content .group-tools li.delete a::before { content: " "; opacity: 0.3; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -523px -79px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group-tools li.delete a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -523px -55px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group-tools li.delete a:hover::before { opacity: 0; }
.board-content .group-tools li.delete a:hover::after { opacity: 1; }
.board-content .group .list { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #e5e5e5; }
.board-content .group .list > li { position: relative;  border-bottom: 1px solid #e5e5e5; line-height: 59px; }
.board-content .group .list > li:hover { background-color: #fafafa; }
.board-content .group .list li .photo {  float: left; line-height: 59px; width: 80px; text-align: center; }
.board-content .group .list li .photo img { vertical-align: middle; }
.board-content .group .list li .title { vertical-align: middle; display: inline-block; width: 460px; font-size: 18px; color: #02488d; }
.board-content .group .list li .title em { color: #808080; font-style: normal; }
.board-content .group .list li .price { position: absolute; right: 124px; top: 0; color: black; font-size: 18px; }
.board-content .group .list li .price.bold { font-weight: bold; }
.board-content .group .list li .price.bold::before { content: "*"; font-weight: normal; color: #808080; }
.board-content .item-tools { list-style-type: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; line-height: 22px; top: 18px; }
.board-content .item-tools li { float: left;  margin-right: 10px; }
.board-content .item-tools li.order a { width: 22px; height: 22px; text-indent: -10000px; display: block; position: relative;}
.board-content .item-tools li.order a::before { content: " "; opacity: 0.3; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -455px -79px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .item-tools li.order a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -455px -55px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group .list li:hover .item-tools li.order a::before { opacity: 0.8; }
.board-content .group .list li:hover .item-tools li.order a:hover::before { opacity: 0; }
.board-content .item-tools li.order a:hover::after { opacity: 1; }
.board-content .item-tools li.edit a { width: 22px; height: 22px; text-indent: -10000px; display: block; position: relative; }
.board-content .item-tools li.edit a::before { content: " "; opacity: 0.3; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -489px -79px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .item-tools li.edit a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -489px -55px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group .list li:hover .item-tools li.edit a::before { opacity: 0.8; }
.board-content .group .list li:hover .item-tools li.edit a:hover::before { opacity: 0; }
.board-content .item-tools li.edit a:hover::after { opacity: 1; }
.board-content .item-tools li.delete a { width: 22px; height: 22px; text-indent: -10000px; display: block; position: relative; }
.board-content .item-tools li.delete a::before { content: " "; opacity: 0.3; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -523px -79px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .item-tools li.delete a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -523px -55px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.board-content .group .list li:hover .item-tools li.delete a::before { opacity: 0.8; }
.board-content .group .list li:hover .item-tools li.delete a:hover::before { opacity: 0; }
.board-content .item-tools li.delete a:hover::after { opacity: 1; }


.box-cart { padding-top: 40px; position: relative; }
.box-cart h2 { font-size: 30px; line-height: 44px; font-weight: bold; color: black; border-bottom: 1px solid #e6e6e6; margin: 0 0 0 23px; }
.box-cart .cart-content { width: 960px; margin: 0 auto; padding: 40px 0 60px 0; }
.box-cart .cart-content table { width: 100%; }
.box-cart .cart-content th { font-size: 16px; color: #a3a3a3; font-weight: normal; height: 60px; border-bottom: 1px solid #e5e5e5; }
.box-cart .cart-content th.name { text-align: left; width: 525px; }
.box-cart .cart-content .photo { display: inline-block; line-height: 59px; width: 80px; text-align: center; }
.box-cart .cart-content .photo img { vertical-align: middle; }
.box-cart .cart-content .title { vertical-align: middle; display: inline-block; width: 440px; font-size: 18px; color: #02488d; }
.box-cart .cart-content .title em { color: #808080; font-style: normal; }
.box-cart .cart-content .count { text-align: center; }
.box-cart .cart-content .inputbox { margin-top: 0; }
.box-cart .cart-content .inputbox label { display: none; }
.box-cart .cart-content .inputbox .input { width: 33px; }
.box-cart .cart-content .inputbox .input input { width: 13px; text-align: center; }
.box-cart .cart-content td { border-bottom: 1px solid #e5e5e5; }
.box-cart .cart-content td.price { text-align: right; font-size: 16px; color: #a3a3a3; width:120px; }
.box-cart .cart-content td.price .price { display: block; font-size: 18px; color: black; }
.box-cart .cart-content td.remove { width: 60px; text-align: center; }
.box-cart .cart-content td.remove a { width: 22px; height: 22px; text-indent: -10000px; display: block; position: relative; margin: 0 auto; }
.box-cart .cart-content td.remove a::before { content: " "; opacity: 0.3; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -523px -79px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.box-cart .cart-content td.remove a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -523px -55px; width: 18px; height: 18px;  top: 2px;left: 2px; }
.box-cart .cart-content td.remove a:hover::before { opacity: 0; }
.box-cart .cart-content td.remove a:hover::after { opacity: 1; }
.box-cart .cart-content .total td { border-bottom-width: 0; height: 95px; }
.box-cart .cart-content .total td:first-child { width: 540px; }
.box-cart .cart-content .total td.total-name { border-top: 6px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; }
.box-cart .cart-content .total td.price { border-top: 6px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: right; }
.box-cart .cart-content .total td.remove { border-top: 6px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; }
.box-cart .button { text-align: right; margin-top: 20px; }

.box-pro { padding-bottom: 30px; }
.category-pro { overflow: hidden; }
.category-pro h3 { display: none; }
.category-pro ul { list-style-type: none; margin: 0; padding: 0; text-align: justify; }
.category-pro ul::after { content: " "; display: inline-block; width: 100%; height: 1px; }
.category-pro ul li { display: inline-block; vertical-align: middle; margin-bottom: 4px; border: 1px solid #e6e6e6; width: 294px; height: 154px; background-color: white; }
.category-pro ul li a { display: block; padding: 23px 100px 0 23px;  line-height: 30px; color: #004e9e; font-weight: bold; font-size: 24px; height: 131px; position: relative; }
.category-pro ul li a span { position: relative; z-index: 10; }
.category-pro ul li a:hover { background-color: #02488d; color: white; text-decoration: none; }
.category-pro ul li.category1 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -4px -473px; height: 83px; width: 89px; top: 35px;right: 28px; }
.category-pro ul li.category1 a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -4px -368px; height: 83px; width: 89px; top: 35px;right: 28px; }
.category-pro ul li.category2 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -107px -472px; height: 84px; width: 73px; top: 35px;right: 24px; }
.category-pro ul li.category2 a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -107px -368px; height: 84px; width: 73px; top: 35px;right: 24px; }
.category-pro ul li.category3 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -193px -472px; height: 96px; width: 83px; top: 28px;right: 23px; }
.category-pro ul li.category3 a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -193px -368px; height: 96px; width: 83px; top: 28px;right: 23px; }
.category-pro ul li.category4 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -298px -472px; height: 84px; width: 68px; top: 34px;right: 25px; }
.category-pro ul li.category4 a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -298px -368px; height: 84px; width: 68px; top: 34px;right: 25px; }
.category-pro ul li.category5 a { padding-right: 130px; }
.category-pro ul li.category5 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -375px -472px; height: 84px; width: 133px; top: 30px;right: 15px; }
.category-pro ul li.category5 a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -375px -368px; height: 84px; width: 133px; top: 30px;right: 15px; }
.category-pro ul li.category6 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -517px -472px; height: 84px; width: 105px; top: 36px;right: 25px; }
.category-pro ul li.category6 a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -517px -368px; height: 84px; width: 105px; top: 36px;right: 25px; }
.category-pro ul li.category7 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -634px -472px; height: 96px; width: 81px; top: 33px;right: 23px; }
.category-pro ul li.category7 a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -634px -368px; height: 96px; width: 81px; top: 33px;right: 23px; }
.category-pro ul li.category8 a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -722px -472px; height: 84px; width: 75px; top: 39px;right: 36px; }
.category-pro ul li.category8 a::after { opacity: 0; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -722px -368px; height: 84px; width: 75px; top: 39px;right: 36px; }



.category-pro ul li a:hover::before { opacity: 0}
.category-pro ul li a:hover::after { opacity: 1}


.col-gallery { float: right; width: 578px; padding-right: 13px; }
.col-gallery:first-child { float: left; padding-left: 13px; }
.col-gallery h3 { font-size: 30px; line-height: 44px; color: black; padding: 0 10px; border-bottom: 1px solid #e5e5e5; }
.col-gallery ul { list-style-type: none; margin: 0; padding: 0; text-align: justify; }
.col-gallery ul::after { content: " "; display: inline-block; height: 1px; width: 300px; }
.col-gallery ul li { display: inline-block; margin-bottom: 4px; width: 286px; height: 286px; position: relative; overflow: hidden; }
.col-gallery ul li .item-content { text-align: left; position: absolute; z-index: 2; left: 0; bottom: -286px; background-color: #02488d; background-color: rgba(2, 72, 141, 0.9); width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.col-gallery ul li:hover  .item-content { bottom: 0; }
.col-gallery ul li .item-content a:hover { text-decoration: none; }
.col-gallery ul li .item-content h4 { margin: 0}
.col-gallery ul li .item-content h4 a { display: block; padding: 20px 23px 5px 23px; color: white; font-size: 18px; font-weight: normal; }
.col-gallery ul li .item-content p { margin: 0; }
.col-gallery ul li .item-content p a { color: white; padding: 0 23px 20px 23px; font-size: 14px; display: block; }
.col-gallery ul li .photo { margin: 0; opacity: 0.7; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.col-gallery ul li:hover .photo { opacity: 1; }


.contact-data { margin-left: 220px;  color: black; padding-left: 300px; position: relative; min-height: 190px; }
/*.contact-data::before { content: " "; width: 108px; height: 82px; border:1px solid #10529d; border-width: 42px 33px 32px 33px; background: #10529d url(/assets/images/sprite.svg); position: absolute;left: 10px; top: 10px;}*/
.contact-data h3 { margin: 0; font-size: 24px; padding: 8px 0 12px 0; border-bottom-width: 0; }
.contact-data p { float: left; font-size: 18px; line-height: 24px; width: 155px; }

.contact-data dl { float: left; margin: 0; width: 180px; font-size: 18px; line-height: 24px;  }
.contact-data dt { float: left; margin-right: 4px; }
.contact-data a { color: black; text-decoration: none; }
.contact-data .hotline { width: auto; line-height: 40px; font-size: 30px; color: #02488d; padding-top: 23px; position: relative; }
.contact-data .hotline::before { content: " "; width: 36px; height: 35px; background: transparent url(/assets/images/sprite.svg) -512px -1px; position: absolute;left: -47px; top: 26px; }

.contact-group { clear: both; color: black; margin: 0 23px; position: relative; }
.contact-group h3 { font-size: 30px; line-height: 48px; border-bottom: 1px solid #e5e5e5; margin: 0; }
.contact-group .show-hide { margin: 0; position: absolute; right: 0; top: 12px; }
.contact-group .show-hide a { border: 1px solid #e6e6e6; display: block; padding: 0 22px; line-height: 35px; display: block; color: #004e9e; font-weight: bold; }
.contact-group .show-hide a.show { display: none; }
.contact-group .list { list-style-type: none; margin: 0; padding: 0; text-align: justify; color: black; }
.contact-group.hide .list { display: none; }
.contact-group.hide .show-hide a.show { display: block; }
.contact-group.hide .show-hide a.hide { display: none; }
.contact-group .list::after { content: " "; display: inline-block; width: 200px; }
.contact-group .list li { display: inline-block; text-align: left; width: 250px; vertical-align: top; padding-top: 52px; }
.contact-group .list h4 { font-size: 18px; margin: 0; color: black; border-bottom-width: 0; font-weight: bold; }
.contact-group .list p { font-size: 18px; line-height: 24px; color: black; margin-top: 12px; }
.contact-group .list p a { text-decoration: none; color: black; }

.contact-columns { margin: 0 0 0 23px; overflow: hidden; padding-top: 20px; }
.contact-columns h3 { border-bottom: 1px solid #e5e5e5; margin: 0; font-size: 30px; line-height: 48px; color: black; }
.form-col { float: right; width: 575px; }
.form { background-color: #fafafa; border: 1px solid #e6e6e6; margin-top: 22px; padding-bottom: 10px; }
.form fieldset { padding-top: 15px; margin: 0 23px;  }
.form h4 { color: black; font-size: 18px; margin: 0; border-bottom: 1px solid #e1e1e1; line-height: 24px; margin-bottom: 18px; font-weight: bold; }
.form .button { margin-left: 136px; padding: 15px 0; }
.form-col .inputbox { margin-top: 6px; }
.form-col .selectbox { margin-top: 6px; }
.form-col .textareabox { margin-top: 6px; }
.form-col .checkbox { color: black; margin-left: 145px; margin-top: 22px;}
.form-col .checkbox a { color: #02488d; text-decoration: underline; }
.form-col .checkbox a:hover { text-decoration: none; }

.maps-col { float: left; width: 575px; color: black; }
.maps-col .map-object { padding: 17px 0 13px 0; }
.maps-col h4 { font-size: 18px; line-height: 24px; margin: 0; border-bottom-width: 0; font-weight: bold; }
.maps-col p { font-size: 18px; line-height: 24px; margin: 0; padding-bottom: 10px; }
.maps-col .map { height: 300px; width: 577px; }

.box-where { position: relative; z-index: 2; }
.map-result { position: relative; padding-top: 130px; }
.map-result .box-where { position: absolute; left: 0; top: 0; width: 100%; }
.map-tabs { list-style-type: none; margin: 0 0 3px 0; padding: 0; text-align: justify; position: relative; z-index: 2;}
.map-tabs::after { content: " "; width: 200px; }
.map-tabs li { display: inline-block; border: 1px solid #e6e6e6; width: 394px; text-align: left; }
.map-tabs li.active { box-shadow: 0 -6px #1781c4; }
.map-tabs li a { background-color: white; display: block; font-weight: bold; padding: 27px 200px 32px 23px; font-size: 30px; line-height: 30px; position: relative; }
.map-tabs li a span { position: relative;z-index: 10; }
.map-tabs li a:hover { text-decoration: none; }
.map-tabs li.item1 a::after { width: 103px; height: 84px; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -326px -224px; top: 20px;right: 21px;  }
.map-tabs li.item2 a::after { width: 111px; height: 84px; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -443px -227px; top: 21px;right: 26px;  }
.map-tabs li.item3 a::after { width: 125px; height: 84px; content: " "; position: absolute; background: transparent url(/assets/images/sprite.svg) no-repeat -559px -224px; top: 18px;right: 22px;  }

.search-shop { background-color: white; padding-top: 100px; height: 310px; margin-bottom: 40px; position: relative; }
.search-shop h3 { margin: 0; font-size: 60px; line-height: 60px; color: black; padding-left: 65px; padding-right: 540px;  }
.search-shop fieldset { padding-left: 65px; padding-right: 540px; }
.search-shop fieldset .inputbox { display: inline-block; }
.search-shop fieldset .inputbox label { text-align: left; width: auto; }
.search-shop fieldset .inputbox .input { width: 110px; }
.search-shop fieldset .selectbox { display: inline-block; }
.search-shop fieldset .selectbox label { text-align: left; width: auto; margin-right: 5px; margin-left: 5px;}
.search-shop fieldset .inputbox .input input { width: 90px; }
.search-shop::before { content: " "; width: 489px; height: 467px; background: transparent url(/assets/images/map.png); position: absolute;left: 642px; top: -22px; }

#map-bg { position: absolute; left: 0; top: -340px; width: 100%;  bottom:-20px; }

#map-list { width: 394px; background-color: white; border: 1px solid #e6e6e6; position: relative; z-index: 11; margin-bottom: 30px; float: left; }
#map-list h3 { font-size: 24px; color: black; margin: 0 0 0 21px; border-bottom: 1px solid #e5e5e5; padding: 20px 10px 5px 0; line-height: 30px;}
#map-list .zip-code { font-size: 16px; line-height: 40px; border-bottom: 1px solid #e5e5e5; color: black; margin-left: 21px; padding-right: 20px; }
#map-list .zip-code a { color: #02488d; text-decoration: underline; }
#map-list .zip-code a:hover { text-decoration: none; }
#map-list .list { min-height: 440px; list-style-type: none; margin: 0 0 0 21px; padding: 0; }
#map-list .list li { position: relative; border-bottom: 1px solid #e5e5e5; padding: 12px 20px 12px 60px; }
#map-list .list li .no { margin: 0; line-height: 30px; text-align: center; font-size: 16px; color: white; position: absolute; left: 0; top: 23px; width: 30px; height: 30px; background-color: #1781c4; border: 3px solid #1781c4; border-radius: 30px; }
#map-list .list li h4 { margin: 0; color: #02488d; font-size: 18px; line-height: 21px; }
#map-list .list li h4 a { color: #02488d; }
#map-list .list li p { margin: 0; font-size: 16px; padding-top: 2px; }
#map-list .list li .more { display: none; position: absolute; right: 15px; top: 24px; }
#map-list .list li .more a { border: 1px solid #e6e6e6; width: 93px; line-height: 36px; display: block; text-align: center;}
#map-list .list li:hover .no { background-color: white; color: #1781c4; }
#map-list .list li:hover .more { display: block; }
#map-list .products-prev-next { float: none; padding: 24px 0; text-align: center; }

#map-details { float: right; width: 794px; background-color: white; border: 1px solid #e6e6e6; margin-right: 4px; color: black; position: relative; z-index: 11; padding-bottom: 50px; }
#map-details h2 { font-size: 30px; line-height: 30px; padding: 30px 300px 0 30px; margin: 0; }
#map-details .salon-details { display: inline-block; width: 730px; margin-left: 30px; }
#map-details .salon-details .logo { float: right; width: 200px; height: 120px; overflow: hidden; text-align: center; line-height: 120px; }
#map-details .salon-details .logo img { vertical-align: middle; }
#map-details .salon-details .col { line-height: 24px; font-size: 18px; float: left; width: 220px; padding-right: 20px; }
#map-details .salon-details .col p { margin: 12px 0 0 0; }
#map-details .offer { width: 730px; margin-left: 30px; margin-top: 12px; }
#map-details .offer h3 { line-height: 30px; border-bottom: 1px solid #e5e5e5; padding: 5px 0; font-size: 24px; margin: 0; }
#map-details .offer ul { list-style-type: none; margin: 0; padding: 14px 0; color: black; }
#map-details .offer li { display: inline-block; width: 200px; padding: 3px 0 3px 20px; position: relative; font-size: 18px; line-height: 24px; color: black; padding-right: 20px; }
#map-details .offer li::before { content: "•"; color: #1781c4; font-size: 24px; position: absolute; left: 0; top: 3px; }
#map-details .gallery { padding-top: 12px; border-top: 1px solid #e5e5e5; margin: 0 0 0 30px; width: 730px; }
#map-details .gallery .box-title { display: none; }
#map-details .box-products { position: relative; width: 730px; float: none; }
#map-details .box-products .list-ul ul { width: auto; padding: 0; float: left; }
#map-details .box-products .list li { width: 184px; height: 180px; line-height: 180px; }
#map-details .box-products .products-prev-next { left: 0; top: 0; float: none; right: auto; width: 730px; z-index: 11; }
#map-details .box-products .products-prev-next li.prev { position: absolute; right: auto; left: -22px; top: 80px; margin-left: 0; }
#map-details .box-products .products-prev-next li.next { position: absolute; left: auto; right: -22px; top: 80px; margin-left: 0; }
#map-details .close { position: absolute; margin: 0; top: -1px; right: 10px; }
#map-details .close a { display: block; width: 36px; height: 36px; background-color: #1781c4; text-indent: -10000px; }
#map-details .close a::before { content: " "; width: 20px; height: 20px; background: transparent url(/assets/images/sprite.svg) -288px 0; position: absolute;left: 8px; top: 8px; }

.google-label { width: 36px; height: 36px; background-color: #1781c4; color: white; border-radius: 20px; text-align: center; line-height: 36px; font-size: 18px; }
/*#map-bg > .gm-style > .gm-style-cc + .gmnoprint { top: 330px !important; }*/