.book-popup .modal-dialog {max-width: 1000px;width: 100%;}
.book-popup .modal-header {display: none;}
.book-popup .modal-body {padding: 0px !important;}
.book-popup .book-wrap {position: relative;}
.book-popup .close-btn-book {position: absolute;width:30px;right:-40px;top:0;cursor: pointer;}
.close-btn-popup {position: absolute;right: 10px;z-index: 9999;cursor: pointer;font-size: 30px;}

a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.loadthis { display: none; }

.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1434px; margin: auto auto;  padding-left: 20px; padding-right: 20px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }

.font-adv { font-family: 'Advent Pro', sans-serif; }

.bootstrap-dialog .modal-header { background-color: #ddd !important; }
.bootstrap-dialog .bootstrap-dialog-close-button button { font-size: 26px; opacity: 1; }
.bootstrap-dialog .bootstrap-dialog-title { font-size: 16px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 15px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-warning { font-size: 15px !important; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default { font-size: 15px !important; color: #111; }

.rvl-hdn { visibility: hidden; }

#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 274px; margin-left: -137px; padding: 7px 10px; background: #000; opacity: 0.8; color: #fff; border: 1px solid #959595; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */

.pagin { text-align: center; margin-top: 100px; }
.pagin li { margin-left: 4px; display: inline-block; vertical-align: top; }
.pagin li.num:before { content: "|"; font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }
.pagin li.num:first-child:before { display: none; }
.pagin li a { display: inline-block; margin-top: -3px; font-size: 18px; color: #000; }
.pagin li a:hover,
.pagin li.active a { color: #8560a8; }

.ph { font-size: 14px; }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 14px; color: #3b3b3b; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 14px; color: #3b3b3b; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 14px; color: #3b3b3b; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #3b3b3b; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #3b3b3b; }

.ph16 { font-size: 16px; color: #000; }
.ph16::-webkit-input-placeholder { opacity: 1 !important; font-size: 16px; color: #000; }
.ph16:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 16px; color: #000; }
.ph16::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 16px; color: #000; }
.ph16:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #000; }
.ph16:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #000; }

.ph16-2 { font-size: 16px; color: #000; }
.ph16-2::-webkit-input-placeholder { opacity: 1 !important; font-size: 16px; color: #4e4e4e; }
.ph16-2:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 16px; color: #4e4e4e; }
.ph16-2::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 16px; color: #4e4e4e; }
.ph16-2:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #4e4e4e; }
.ph16-2:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #4e4e4e; }

ol.breadcrumb { background: transparent; margin: 10px 0 0 0; padding: 0; }
ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 16px; color: #191919; font-family: 'Advent Pro', sans-serif; }
ol.breadcrumb li + li:before { content: "/"; padding: 0 5px 0 2px; font-size: 14px; color: #191919; font-family: 'Advent Pro', sans-serif; }
ol.breadcrumb li a { text-decoration: none; font-size: 16px; color: #191919; font-weight: 400; font-family: 'Advent Pro', sans-serif; }
ol.breadcrumb li a:hover,
ol.breadcrumb li.active a { color: #e51522; }

#cookie-bar { background: #000; background: rgba(0,0,0,0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto; z-index: 999;}
#cookie-bar p {margin: 0; padding: 0; color: #fff; font-size: 14px; }
#cookie-bar a {color:#fff; text-decoration:underline; font-size: 14px;}
#cookie-bar .cb-enable {background:#ff0000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover {background:#0055dd;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/********************* HEADER *********************/
header { border-top: 3px solid #47ad33; }
header .top { padding: 16px 0 20px 0; }
header .top .main-content-ins { position: relative; }
header .top .pull-left { position: relative; z-index: 10; }
header .top .pull-right { }
header .top .pull-right .lngs { margin-top: 14px; text-align: right; }
header .top .pull-right .lngs a { display: inline-block; vertical-align: top; }
header .top .pull-right .lngs a:last-child { margin-left: 10px; }
header .top .pull-right .phos { margin-top: 24px; }
header .top .pull-right .phos .phos-btn {
    background: #e51522;
    color: #fff;
    display: block;
    padding: 5px 10px;
}
header .top .pull-right .phos span { display: inline-block; vertical-align: middle; }
header .top .pull-right .phos a { color: #696969; letter-spacing: 1px; }
header .top .pull-right .phos a:hover {  }
header .top .pull-right .phos i { font-size: 20px; transform: rotate(90deg); color: #e51522; margin-right: 16px; }
header .top .pull-right .bot { position: absolute; bottom: 5px; right: 20px; width: 100%; text-align: right; }
header .top .pull-right .bot > div { display: inline-block; vertical-align: middle; }
header .top .pull-right .bot .main-menu { }
header .top .pull-right .bot .main-menu ul { }
header .top .pull-right .bot .main-menu ul li { float: left; margin-left: 44px; }
header .top .pull-right .bot .main-menu ul li a { display: block; font-size: 20px; color: #191919; padding-bottom: 4px; }
header .top .pull-right .bot .main-menu ul li a:hover,
header .top .pull-right .bot .main-menu ul li a.active { padding-bottom: 3px; border-bottom: 1px solid #ccc; }
header .top .pull-right .bot .mob-btn { display: none; }
header .top .pull-right .bot .mob-btn i { margin-right: 8px; font-size: 16px; }
header .top .pull-right .bot .srch { margin-left: 14px; cursor: pointer; }
header .top .pull-right .bot .srch i { color: #6a6a6a; }
header .bar { background: #e51522; height: 52px; }
header .bar .pull-left { margin-top: 8px; }
header .bar .pull-right { }
header .bar .pull-right ul { border-left: 1px solid #fff; }
header .bar .pull-right ul li { float: left; border-right: 1px solid #fff; }
header .bar .pull-right ul li a { color: #fff; font-weight: 700; line-height: 52px; padding-right: 18px; background-position: center left 14px; background-repeat: no-repeat; }
header .bar .pull-right ul li.book a { padding-left: 53px; background-image: url(../img/book.png); }
header .bar .pull-right ul li.disc a { padding-left: 49px; background-image: url(../img/discount.png); }

.mob-menu-toggle { display: none; }
.mob-menu-toggle a { color: #fff; }
.mob-menu-toggle i { margin-right: 10px; }

.dark-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,0.6); z-index: 9998; display: none; }

nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #b11010; }

.close-menu { cursor: pointer; }
.close-menu-custom { position: absolute; top: 8px; right: 19px; }
.close-menu-custom span { font-size: 20px; color: #fff; }

.custom-search { background: #e8e8e8; border: 0; width: 100%; margin: 0; padding: 7px 12px; cursor: pointer; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { background: url(../img/bg-footer.png) no-repeat bottom right #111; position: relative; margin-top: 160px; }
footer.hp { margin-top: 0; }
footer #toTop { position: absolute; top: 0; margin-top: -33px; right: 46px; background: #47ad33; width: 66px; height: 66px; border-radius: 50%; text-align: center; padding-top: 8px; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer #toTop:hover { background: #5ad742; }
footer #toTop span { display: block; margin-top: -6px; }
footer .main-content-ins { max-width: 1620px; }
footer .top { padding: 32px 0 18px 0; }
footer .top .cols { }
footer .top .cols .col { float: left; }
footer .top .cols .col-1 { width: 20%; }
footer .top .cols .col-1 .iso { margin-top: 20px; color: #fff; }
footer .top .cols .col-1 .iso img { margin-left: 14px; }
footer .top .cols .col-2 { width: 25%; padding-right: 10px; }
footer .top .cols .col-2 > div { display: inline-block; padding-left: 80px; text-align: center; }
footer .top .cols .col-2 .ttl { color: #fff; }
footer .top .cols .col-2 .lst { margin-top: 26px; }
footer .top .cols .col-2 .lst a { display: inline-block; vertical-align: middle; margin: 0 12px; }
footer .top .cols .col-2 .lst a i { font-size: 24px; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer .top .cols .col-2 .lst a:hover i { color: #e30615; }
footer .top .cols .col-3 { width: 35%; padding-right: 10px; }
footer .top .cols .col-3 > ul {  }
footer .top .cols .col-3 > ul > li { float: left; width: 50%; }
footer .top .cols .col-3 > ul > li ul { }
footer .top .cols .col-3 > ul > li ul li { margin-top: 10px; }
footer .top .cols .col-3 > ul > li ul li:first-child { margin-top: 0; }
footer .top .cols .col-3 > ul > li ul li a { color: #fff; font-weight: 300; }
footer .top .cols .col-3 > ul > li ul li a:hover { color: #b11010; }
footer .top .cols .col-4 { width: 20%; }
footer .top .cols .col-4 ul { }
footer .top .cols .col-4 ul li { margin-top: 20px; padding-left: 44px; font-size: 14px; color: #fff; background-repeat: no-repeat; background-position: center left; display: flex; justify-content: center; flex-direction: column; }
footer .top .cols .col-4 ul li.pho { background-image: url(../img/phone.png); min-height: 29px; }
footer .top .cols .col-4 ul li.addr { background-image: url(../img/map.png); min-height: 33px; }
footer .top .cols .col-4 ul li.ema { background-image: url(../img/mail.png); min-height: 20px; }
footer .top .cols .col-4 ul li:first-child { margin-top: 0; }
footer .top .cols .col-4 ul li a { font-size: 14px; color: #fff; word-wrap: break-word; }
footer .top .cols .col-4 ul li a:hover { color: #b11010; }
footer .bot { border-top: 2px dashed #363636; padding: 13px 0 16px 0; font-size: 14px; color: #6f6f6f; }
footer .bot a { font-size: 14px; color: #6f6f6f; }
footer .bot a:hover { color: #fff; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home { }
.home .slider-0 { position: relative; }
.home .slider-0:after { content: ""; position: absolute; bottom: 0; left: 0; background: url(../img/bg-1.png) no-repeat bottom center; width: 100%; height: 46px; }
.home .slider-0 .tp-caption-btn { background: url(../img/arrow-22x14.png) no-repeat center center #b23f40; width: 55px; height: 55px; border-radius: 50%; box-shadow: 0px 2px 9px rgba(0, 0, 0, 1); }
.home .hp-off { max-width: 1394px; margin: 40px auto 0 auto; text-align: center; }
.home .hp-off .ttl { font-size: 48px; color: #b11010; font-family: 'Advent Pro', sans-serif; background: url(../img/graph-1.png) no-repeat top center; padding-top: 70px; }
.home .hp-off .lst { position: relative; overflow: hidden; }
.home .hp-off .lst:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: #fff; }
.home .hp-off .lst ul { margin-left: -30px; margin-right: -30px; }
.home .hp-off .lst ul li { float: left; width: 25%; padding: 0 30px; background: url(../img/graph-2.png) no-repeat bottom center; padding-bottom: 60px; margin-top: 44px; }
.o-item { max-width: 264px; margin: auto auto; }
.o-item .o-img { }
.o-item .o-img a { display: block; position: relative; }
.o-item .o-img a:before { content: ""; display: block; border: 2px dashed #ccc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; }
.o-item .o-img a > span { display: block; position: relative; padding: 8px; }
.o-item .o-img.o-off a > span:after { content: ""; display: block; background: url(../img/offer.png) no-repeat 0 0; width: 67px; height: 65px; position: absolute; top: 0; right: 0; z-index: 11; }
.o-item .o-img a > span > span { display: block; position: relative; overflow: hidden; border-radius: 50%; }
.o-item .o-img a > span > span span.o-bg { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background: rgba(158,11,15); opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.o-item .o-img a:hover > span > span span.o-bg { opacity: 0.67; }
.o-item .o-img a > span > span span.o-more { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.o-item .o-img a:hover > span > span span.o-more { opacity: 1; }
.o-item .o-img a > span > span span.o-more span { background: url(../img/plus.png) no-repeat top center; padding-top: 56px; color: #fff; display: block; }
.o-item .o-img a img { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.o-item .o-img a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.o-item .o-ttl { margin-top: 30px; }
.o-item .o-ttl a { display: block; line-height: 22px; }
.o-item .o-prc { margin-top: 16px; }
.o-item .o-prc a { font-size: 36px; color: #b11010; font-weight: 500; font-family: 'Advent Pro', sans-serif; }
.o-item .o-prc a span.o-per { font-size: 24px; margin-left: 14px; }
.o-item .o-prc a span.o-old { font-size: 24px; margin-right: 8px; color: #818181; text-decoration: line-through; font-weight: 600; }
.home .parallax-box { position: relative; height: 530px; overflow: hidden; background: 50% 0 no-repeat fixed; }
.home .parallax-box:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17,17,17,0.58); z-index: 10; }
.home .parallax-box:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/bg-2.png) no-repeat top center, url(../img/bg-1.png) no-repeat bottom center; z-index: 11; }
.home .parallax-box .cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: flex; justify-content: center; flex-direction: column; text-align: center; padding: 0 20px; }
.home .parallax-box .cont .ttl { font-size: 60px; color: #fff; }
.home .parallax-box .cont .txt { font-size: 36px; color: #fff; margin-top: -10px; }
.home .hp-bnrs { max-width: 1600px; padding: 0 10px; margin: 80px auto 0 auto; overflow: hidden; }
.home .hp-bnrs .pull-left { width: 50%; padding-right: 14px; }
.home .hp-bnrs .pull-left > div:last-child { margin-top: 20px; }
.home .hp-bnrs .pull-left > div a { display: block; position: relative; }
.home .hp-bnrs .pull-left > div a span { display: block; position: absolute; bottom: 10px; right: 10px; font-size: 24px; color: #fff; background: url(../img/arrow-10x16.png) no-repeat center right 16px; padding: 4px 42px 8px 18px; }
.home .hp-bnrs .pull-left > div:last-child a span { background-color: #9e0b0f; }
.home .hp-bnrs .pull-right { width: 50%; padding-left: 14px; }
.home .hp-bnrs .pull-right a { display: block; position: relative; }
.home .hp-bnrs .pull-right a > span { display: block; position: absolute; bottom: 30px; right: 30px; padding: 6px; background: rgba(255,255,255,0.23); }
.home .hp-bnrs .pull-right a > span span { display: block; background: url(../img/arrow-10x16-2.png) no-repeat center right 16px #fff; padding: 4px 42px 8px 18px; font-size: 24px; color: #191919; }
.home .hp-boxes { max-width: 1600px; padding: 0 10px; margin: 50px auto 0 auto; overflow: hidden; }
.home .hp-boxes ul { margin-left: -10px; margin-right: -10px; }
.home .hp-boxes ul li { float: left; width: 50%; padding: 0 10px; }
.home .hp-boxes ul li .ttl { font-size: 30px; font-weight: 700; text-align: center; padding-top: 80px; }
.home .hp-boxes ul li:first-child .ttl { background: url(../img/graph-recipes.png) no-repeat top center; }
.home .hp-boxes ul li:last-child .ttl { background: url(../img/graph-blog.png) no-repeat top 10px center; }
.home .hp-boxes ul li .txt { color: #4e4e4e; text-align: center; margin-top: 10px; }
.home .hp-boxes ul li .img { margin-top: 38px; }
.home .hp-boxes ul li .img a { display: block; position: relative; }
.home .hp-boxes ul li .img a > span { position: absolute; left: 12px; bottom: 20px; padding: 0 10px 0 0; }
.home .hp-boxes ul li .img a > span > span { display: block; }
.home .hp-boxes ul li .img a > span > span:first-child { background: rgba(17,17,17,0.52); padding: 6px; }
.home .hp-boxes ul li .img a > span > span:first-child span { display: block; background: #111; font-size: 20px; color: #fff; padding: 14px 18px 15px 16px; }
.home .hp-boxes ul li .img a > span > span:last-child { display: inline-block; background: url(../img/arrow-10x16.png) no-repeat center right 13px #9e0b0f; color: #fff; padding: 7px 38px 8px 14px; margin-top: 4px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.home .hp-boxes ul li .img a:hover > span > span:last-child { background-color: #e30615; }
.home .hp-nsl { background: url(../img/home-footer.jpg) no-repeat center center; height: 612px; margin-top: -264px; }
.home .hp-nsl .ins { padding: 320px 10px 0 10px; }
.home .hp-nsl .ins .box { max-width: 1580px; margin: auto auto; background: #fff; border: 2px dashed #ccc; padding: 54px 60px 34px 40px; }
.home .hp-nsl .ins .box .lft { float: left; width: 638px; position: relative; }
.home .hp-nsl .ins .box .lft > div { display: inline-block; background: url(../img/graph-newsletter.png) no-repeat center left; padding-left: 110px; margin-top: 0px; }
.home .hp-nsl .ins .box .lft > div .ttl { font-size: 30px; color: #960a13; font-weight: 700; }
.home .hp-nsl .ins .box .lft > div .txt { color: #111; }
.home .hp-nsl .ins .box .rgt { float: right; width: 100%; margin-left: -638px; }
.home .hp-nsl .ins .box .rgt .rgt-ins { padding-left: 638px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 { float: left; width: 100%; margin-right: -150px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins { padding-right: 156px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins .inpts { margin-left: -2px; margin-right: -2px; overflow: hidden; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins .inpts div { float: left; width: 50%; padding: 0 2px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins .inpts div input { background: #fff; border: 2px solid #e1e1e1; margin: 0; padding: 0 15px; width: 100%; height: 56px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins .chk { margin-top: 4px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins .chk a { display: inline-block; font-size: 12px; color: #111; margin-left: 8px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .rgt-2 { float: right; width: 150px; position: relative; }
.home .hp-nsl .ins .box .rgt .rgt-ins .rgt-2 button { background: #b11010; border: 0; width: 100%; height: 56px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.home .hp-nsl .ins .box .rgt .rgt-ins .rgt-2 button:hover { background-color: #e30615; }
.home .hp-nsl .ins .box .rgt .rgt-ins .rgt-2 button span { background: url(../img/arrow-10x16.png) no-repeat center right; padding-right: 26px; color: #fff; }
/********************* HOMEPAGE *********************/

.m-top { position: relative; height: 342px; background-position: top center; background-repeat: no-repeat; display: flex; justify-content: center; flex-direction: column; text-align: center; padding: 0 10px 46px 10px; }
.m-top.m-map { background: none; display: block; }
.m-top:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17,17,17,0.5); z-index: 10; }
.m-top.m-map:before { display: none; }
.m-top:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/bg-1.png) no-repeat bottom center; z-index: 100; }
.m-top.m-map:after { content: ""; display: block; position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 46px; background: url(../img/bg-1.png) no-repeat bottom center; z-index: 100; }
.m-top > div { position: relative; z-index: 12; }
.m-top h1 { margin: 0; font-size: 36px; color: #fff; font-weight: 400; }
.m-top h1:after { content: ""; display: block; background: #e30614; width: 32px; height: 2px; margin: 14px auto 0 auto; }
.m-top .m-top-txt { font-size: 24px; color: #fff; font-family: 'Advent Pro', sans-serif; margin-top: 8px; }
.m-ttl { margin-top: 30px; }
.m-ttl h1 { margin: 0; font-size: 24px; }
.m-ttl-2 { margin-top: 30px; }
.m-ttl-2 h2 { margin: 0; font-size: 20px; }
.m-txt { font-size: 16px; line-height: 30px; font-weight: 300; margin-top: 30px; }

.error-actions { margin-top: 20px; text-align: center; }
.error-actions a { margin: 10px 5px 0 5px; }
.error-actions a.btn { background: #fa0000; font-size: 16px; color: #fff; }
.error-actions a i { margin-right: 10px; }

/********************* ABOUT US *********************/
.about { }
.about .lst { margin-top: 30px; overflow: hidden; }
.about .lst ul { text-align: center; margin-left: -70px; margin-right: -70px; font-size: 0; }
.about .lst ul li { display: inline-block; vertical-align: top; margin-top: 30px; padding-left: 70px; padding-right: 70px; }
.about .lst ul li a { display: block; }
.about .lst ul li a > span { display: block; position: relative; }
.about .lst ul li a > span.ico { width: 220px; height: 220px; padding: 12px; }
.about .lst ul li a > span.ico:before { content: ""; display: block; border: 12px solid #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 10; }
.about .lst ul li a > span.ico:after { content: ""; display: block; border: 2px dashed #ccc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 11; }
.about .lst ul li a > span.ico > span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 9; padding: 12px; }
.about .lst ul li a > span.ico > span span { display: block; width: 100%; height: 100%; background: #9e0b0f; border-radius: 50%; display: flex; justify-content: center; flex-direction: column; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.about .lst ul li a:hover > span.ico > span span { background: #e30614; }
.about .lst ul li a > span.ttl { font-size: 30px; margin-top: 26px; }
.about .cont { margin-top: 80px; }
.about .cont .img { float: left; width: 400px; position: relative; }
.about .cont .img div { display: block; }
.about .cont .img div > span { display: block; position: relative; }
.about .cont .img div > span.ico { width: 280px; height: 280px; padding: 16px; margin: auto auto; }
.about .cont .img div > span.ico:before { content: ""; display: block; border: 16px solid #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 10; }
.about .cont .img div > span.ico:after { content: ""; display: block; border: 2px dashed #ccc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 11; }
.about .cont .img div > span.ico > span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 9; padding: 16px; }
.about .cont .img div > span.ico > span span { display: block; width: 100%; height: 100%; background: #9e0b0f; border-radius: 50%; display: flex; justify-content: center; flex-direction: column; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.about .cont .det { float: right; width: 100%; margin-left: -400px; }
.about .cont .det .ins { padding-left: 440px; }
.about .cont .det .ttl { font-size: 30px; }
.about .cont .det .txt { font-size: 16px; line-height: 30px; margin-top: 16px; }
/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact { }
.contact .m-top:before { display: none; }
.contact .ttl { font-size: 24px; text-align: center; margin-top: 30px; }
.contact .lst { margin: 30px auto 0 auto; max-width: 950px; }
.contact .lst ul { margin-left: -10px; margin-right: -10px; overflow: hidden; }
.contact .lst ul li { float: left; width: 33.33%; padding: 0 10px; text-align: center; margin-top: 30px; font-size: 14px; line-height: 30px; }
.contact .lst ul li a { font-size: 14px; }
.contact .lst ul li:before { content: ""; display: block; width: 66px; height: 66px; background-position: center center; background-repeat: no-repeat; background-color: #fa0000; border-radius: 50%; margin: 0 auto 26px auto; }
.contact .lst ul li.add:before { background-image: url(../img/map-2.png); }
.contact .lst ul li.pho:before { background-image: url(../img/phone-2.png); }
.contact .lst ul li.ema:before { background-image: url(../img/mail-2.png); }
.contact .ttl-2 { font-size: 24px; text-align: center; margin-top: 76px; background: url(../img/graph-2.png) no-repeat bottom center; padding-bottom: 40px; }
.contact .frm { margin: 42px auto 0 auto; max-width: 1210px; }
.contact .frm .pull-left { width: 50%; padding-right: 8px; }
.contact .frm .pull-right { width: 50%; padding-left: 8px; }
.contact .frm input { background: #fff; border: 1px solid #dadada; margin: 0; padding: 0 10px; width: 100%; height: 43px; }
.contact .frm textarea { background: #fff; border: 1px solid #dadada; margin: 0; padding: 10px; width: 100%; height: 157px; }
.contact .frm .req { text-align: right; font-size: 12px; margin-top: 12px; }
.contact .frm .captcha { float: right; margin-top: 20px; }
.contact .frm .mybtn { text-align: right; margin-top: 20px; }
.contact .frm .mybtn button { display: inline-block; width: 134px; height: 46px; background: #fa0000; border: 0; text-align: center; font-size: 16px; color: #fff; margin: 0; padding: 0; }
/********************* CONTACT *********************/

/********************* BLOG *********************/
.blog { }
.blog .top { margin-top: 40px; position: relative; }
.blog .top .pull-left { width: 780px; position: relative; }
.blog .top .pull-left a { display: block; position: relative; }
.blog .top .pull-left a span { position: absolute; color: #fff; }
.blog .top .pull-left a span.dt { background: #8b0c11; top: 6px; left: 6px; padding: 6px 14px 8px 14px; }
.blog.recp .top .pull-left a span.dt { background: rgba(158,11,15,0.86); }
.blog .top .pull-left a span.tips { background: #9e0b0f; top: 16px; right: 22px; width: 130px; height: 130px; display: flex; justify-content: center; flex-direction: column; text-align: center; border-radius: 50%; font-size: 30px; }
.blog .top .pull-right { width: 100%; margin-left: -780px; }
.blog .top .pull-right .ins { padding-left: 820px; }
.blog .top .sttl { margin-bottom: 5px; }
.blog .top .sttl a { display: inline-block; font-weight: 700; background: url(../img/graph-blog.png) no-repeat center left; padding-left: 42px; background-size: 28px 28px; min-height: 28px; display: flex; justify-content: center; flex-direction: column; }
.blog.recp .top .sttl a { background-image: url(../img/graph-recipes.png); background-size: 27px 30px; min-height: 30px; }
.blog .top .ttl { font-size: 30px; color: #e51522; }
.blog .top .ttl a { font-size: 30px; color: #e51522; }
.blog .top .txt-ttl { margin-top: 20px; font-weight: 700; }
.blog .top .txt { margin-top: 10px; font-size: 16px; font-weight: 300; line-height: 30px; }
.blog .top .txt a { display: block; font-size: 16px; font-weight: 300; line-height: 30px; }
.blog .top .ul-ttl { margin-top: 30px; font-weight: 700; }
.blog .top .ul { }
.blog .top .ul li { position: relative; margin-top: 14px; padding-left: 20px; font-size: 16px; font-weight: 300; background: url(../img/bullet.png) no-repeat center left; }
.blog .top .lnk { position: absolute; bottom: 0; right: 0; }
.blog .top .lnk a { display: inline-block; background: #9e0b0f; font-size: 16px; color: #fff; padding: 6px 10px; }
.blog .top .lnk a i { font-size: 12px; margin-left: 10px; }
.blog .top .shr { margin-top: 30px; font-size: 13px; }
.blog .top .shr > div { display: inline-block; vertical-align: middle; margin-left: 12px; }
.blog .top .boxes { margin-top: 16px; }
.blog .top .boxes ul li { float: left; margin: 10px 10px 0 0; color: #fff; padding: 6px 16px 8px 16px; background: #9e0b0f; }

.blog .lst-ttl { font-size: 24px; color: #111; text-align: center; margin-top: 100px; margin-bottom: -20px; }
.blog .lst { margin-top: 40px; border-top: 1px dashed #d7d7d7; }
.blog .lst ul { margin-left: -17px; margin-right: -17px; overflow: hidden; }
.blog .lst ul li { float: left; width: 33.33%; padding: 0 17px; margin-top: 40px; }
.b-item { max-width: 442px; margin: auto auto; }
.b-item a { display: block; position: relative; }
.b-item a > span { display: block; position: absolute; bottom: 10px; left: 10px; }
.b-item a > span > span.b-ttl { display: block; background: rgba(17,17,17,0.52); padding: 4px 6px; }
.b-item a > span > span.b-ttl span { display: block; font-size: 20px; color: #fff; padding: 12px 24px 16px 24px; background: #111; }
.b-item a > span > span.b-lnk { display: inline-block; margin-top: 4px; font-size: 16px; color: #fff; background: url(../img/arrow-10x16.png) no-repeat center right 14px #9e0b0f; padding: 9px 38px 9px 14px; }
.blog .more { margin-top: 60px; text-align: center; }
.blog .more a { display: block; font-weight: 700; }
/********************* BLOG *********************/

/********************* CARD *********************/
.card { }
.card .img { margin-top: 40px; }
.card .img img { box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4); }
.card .img2 { margin-top: 80px; }
/********************* CARD *********************/

/********************* BOOK *********************/
.book { }
.book .ins { margin-top: 40px; background-position: center center; background-repeat: no-repeat; min-height: 1000px; /*display: flex; justify-content: center; flex-direction: column;*/ text-align: center; padding: 40px 10px 0 10px; }
.book .ins .main-content-ins { max-width: 1248px; padding-left: 94px; padding-right: 94px; position: relative; }
.book .ins .page-book { text-align: center; margin-top: 30px; }
.book .ins .page-book span.number { font-weight: 700;}
.book .ins .page-book span.txt { border: 0px solid #ddd; display: inline-block; width: auto; padding: 0; margin: 0px; }
.book .ins .page-book select { border: 0px solid #ddd; display: inline-block; width: auto; padding: 0; margin: 0px; outline: 0; }
/********************* BOOK *********************/

/********************* STORES *********************/
.stores { }
.stores .lst { }
.stores .lst > ul { }
.stores .lst > ul > li { margin-top: 80px; }
.stores .lst > ul > li:first-child { margin-top: 60px; }
.s-item { }
.s-item .s-img { float: left; width: 296px; position: relative; }
.s-item .s-rgt { float: right; width: 100%; margin-left: -296px; }
.s-item .s-rgt .s-ins { padding-left: 312px; }
.s-item .s-rgt .s-ins .s-map { float: left; width: 45%; }
.s-item .s-rgt .s-ins .s-map .map { width: 100%; height: 294px; }
.s-item .s-rgt .s-ins .s-det { float: right; width: 55%; padding-left: 50px; }
.s-item .s-rgt .s-ins .s-det .s-top { border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; }
.s-item .s-rgt .s-ins .s-det .s-top > div { background-position: 0 0; background-repeat: no-repeat; padding-left: 40px; font-size: 14px; }
.s-item .s-rgt .s-ins .s-det .s-top .s-addr { background-image: url(../img/map-3.png); line-height: 30px; }
.s-item .s-rgt .s-ins .s-det .s-top .s-addr span { display: block; margin-top: 8px; }
.s-item .s-rgt .s-ins .s-det .s-top .s-pho { background-image: url(../img/phone-3.png); min-height: 24px; display: flex; justify-content: center; flex-direction: column; margin-top: 26px; }
.s-item .s-rgt .s-ins .s-det .s-top .s-mail { background-image: url(../img/EMAIL.png); min-height: 24px; display: flex; justify-content: center; flex-direction: column; margin-top: 26px; }
.s-item .s-rgt .s-ins .s-det .s-bot { margin-top: 20px; }
.s-item .s-rgt .s-ins .s-det .s-bot .s-bot-ttl { font-weight: 700; }
.s-item .s-rgt .s-ins .s-det .s-bot .s-bot-lst { max-width: 460px; margin-top: 10px; }
.s-item .s-rgt .s-ins .s-det .s-bot .s-bot-lst ul { }
.s-item .s-rgt .s-ins .s-det .s-bot .s-bot-lst ul li { float: left; width: 33.33%; padding-right: 10px; font-size: 14px; margin-top: 10px; }
/********************* STORES *********************/

/********************* PRODUCTS *********************/
.prods { }
.prods .lst { max-width: 1080px; margin: auto auto; }
.prods .lst ul { margin-left: -10px; margin-right: -10px; margin-top: -50px; overflow: hidden; }
.prods .lst ul li { float: left; width: 33.33%; padding: 0 10px; background: url(../img/graph-2.png) no-repeat bottom center; padding-bottom: 44px; margin-top: 90px; }
.c-item { max-width: 220px; margin: auto auto; }
.c-item .c-img { }
.c-item .c-img a { display: block; position: relative; padding: 10px; }
.c-item .c-img a:after { content: ""; display: block; border: 2px dashed #ccc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; }
.c-item .c-img a span { display: flex; justify-content: center; flex-direction: column; width: 200px; height: 200px; border-radius: 50%; background: #9e0b0f; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; overflow: hidden; }
.c-item .c-img a:hover span { background: #e30614; }
.c-item .c-img a img { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; overflow: hidden; }
.c-item .c-img a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.c-item .c-ttl { margin-top: 26px; }
.c-item .c-ttl a { display: block; font-size: 30px; text-align: center; }
.prods .lst-2 { position: relative; }
.prods .lst-2:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: #fff; }
.prods .lst-2 ul { margin-left: -30px; margin-right: -30px; overflow: hidden; }
.prods .lst-2 ul li { float: left; width: 25%; padding: 0 30px; background: url(../img/graph-2.png) no-repeat bottom center; padding-bottom: 60px; margin-top: 44px; }

.prod { }
.prod .pull-left { width: 686px; position: relative; margin-top: 40px; }
.prod .pull-left .slider { }
.prod .pull-left .slider .gal-thumbs { float: left; width: 166px; }
.prod .pull-left .slider .gal-thumbs .item { margin: 3px 0; border: 0; cursor: pointer; }
.prod .pull-left .slider .gal-big { float: right; width: 514px; margin-top: 3px; }
.prod .pull-left .slider .slick-up,
.prod .pull-left .slider .slick-down { position: absolute; top: 50%; cursor: pointer; z-index: 10; margin-top: -13px; }
.prod .pull-left .slider .slick-up i,
.prod .pull-left .slider .slick-down i { font-size: 30px; }
.prod .pull-left .slider .slick-up { left: 18px; }
.prod .pull-left .slider .slick-down { right: 18px; }
.prod .pull-right { width: 100%; margin-left: -686px; margin-top: 40px; }
.prod .pull-right .ins { padding-left: 736px; }
.prod .pull-right .ins .ttl { }
.prod .pull-right .ins .ttl h1 { font-size: 36px; font-weight: 400; margin: 0; }
.prod .pull-right .ins .desc { margin-top: 30px; }
.prod .pull-right .ins .desc .desc-ttl { }
.prod .pull-right .ins .desc .desc-ttl:before { content: ""; display: inline-block; vertical-align: top; margin: 2px 10px 0 0; background: url(../img/info.png) no-repeat center center #e30614; width: 23px; height: 23px; border-radius: 50%; }
.prod .pull-right .ins .desc .desc-txt { font-size: 14px; margin-top: 14px; }
.prod .pull-right .ins .weight { border-top: 1px solid #ebebeb; margin-top: 26px; padding-top: 20px; }
.prod .pull-right .ins .weight > div { display: inline-block; vertical-align: middle; }
.prod .pull-right .ins .weight > div:first-child { }
.prod .pull-right .ins .weight > div:first-child:before { content: ""; display: inline-block; vertical-align: top; margin: 2px 10px 0 0; background: url(../img/weight.png) no-repeat center center #e30614; width: 23px; height: 23px; border-radius: 50%; }
.prod .pull-right .ins .weight > div.wgt { font-family: 'Advent Pro', sans-serif; margin-left: 20px; }
.prod .pull-right .ins .str { border-top: 1px solid #ebebeb; margin-top: 26px; padding-top: 20px; }
.prod .pull-right .ins .str a { display: block; }
.prod .pull-right .ins .str a i { display: inline-block; vertical-align: middle; margin-left: 8px; }
.prod .pull-right .ins .str a:before { content: ""; display: inline-block; vertical-align: top; margin: 2px 10px 0 0; background: url(../img/map-4.png) no-repeat center center #e30614; width: 23px; height: 23px; border-radius: 50%; }
.prod .frm { margin-top: 60px; background: url(../img/product-footer.jpg) no-repeat bottom center; height: 638px; padding: 0 20px; display: flex; justify-content: center; flex-direction: column; }
.prod .frm .ins { width: 100%; max-width: 1190px; padding: 20px 20px 38px 20px; margin: auto auto; background: #fff; box-shadow: 0px 0px 36px 5px rgba(0, 0, 0, 0.7); }
.prod .frm .ins .ins-2 { max-width: 1040px; margin: auto auto; }
.prod .frm .ins .ins-2 .ttl { font-size: 30px; color: #9e0b0f; text-align: center; background: url(../img/graph-2.png) no-repeat bottom center; padding-bottom: 30px; }
.prod .frm .ins .ins-2 .txt { font-size: 20px; text-align: center; font-family: 'Advent Pro', sans-serif; margin-top: 14px; }
.prod .frm .ins .ins-2 .the { margin-top: 14px; }
.prod .frm .ins .ins-2 .the .lft { float: left; width: 50%; padding-right: 5px; }
.prod .frm .ins .ins-2 .the .rgt { float: right; width: 50%; padding-left: 5px; }
.prod .frm .ins .ins-2 .the .form-group { margin-top: 10px; }
.prod .frm .ins .ins-2 .the .form-group input { background: #ebebeb; border: 1px solid #e1e1e1; height: 40px; }
.prod .frm .ins .ins-2 .the .form-group textarea { background: #ebebeb; border: 1px solid #e1e1e1; height: 90px; }
.prod .frm .ins .ins-2 .the .bot { margin-top: 10px; }
.prod .frm .ins .ins-2 .the .bot .lft-2 { float: left; }
.prod .frm .ins .ins-2 .the .bot .rgt-2 { float: right; }
.prod .frm .ins .ins-2 .the .bot .rgt-2  .req { font-size: 14px; font-family: 'Advent Pro', sans-serif; text-align: right; }
.prod .frm .ins .ins-2 .the .bot .rgt-2  .mybtn { margin-top: 14px; text-align: right; }
.prod .frm .ins .ins-2 .the .bot .rgt-2  .mybtn button { display: inline-block; text-align: center; background: #9e0b0f; border: 0; height: 38px; padding: 0 13px; margin: 0; color: #fff; }
.prod .frm .ins .ins-2 .the .bot .rgt-2  .mybtn button i { display: inline-block; vertical-align: middle; margin-left: 10px; }
/********************* PRODUCTS *********************/

@media only screen and (max-width: 1280px) {
/********************* FOOTER *********************/
footer .top .cols .col-2 { width: 23%; }
footer .top .cols .col-2 > div { padding-left: 40px; }
footer .top .cols .col-4 { width: 22%; }
/********************* FOOTER *********************/

/********************* BLOG *********************/
.blog .top .pull-left { width: 50%; }
.blog .top .pull-left a span.tips { width: 80px; height: 80px; font-size: 24px; }
.blog .top .pull-right { width: 50%; margin-left: 0; }
.blog .top .pull-right .ins { padding-left: 30px; }
.blog .top .ttl,
.blog .top .ttl a { font-size: 24px; }
.blog .top .lnk { position: relative; bottom: auto; right: auto; margin-top: 20px; text-align: right; }
/********************* BLOG *********************/
}

@media only screen and (max-width: 1200px) { /* .col-lg- */
.o-item .o-img { max-width: 200px; margin: auto auto; }
.o-item .o-ttl { margin-top: 20px; }
.o-item .o-ttl a { font-size: 16px; line-height: normal; }
.o-item .o-prc { margin-top: 10px; }
.o-item .o-prc a { font-size: 24px; }
.o-item .o-prc a span.o-per { font-size: 18px; margin-left: 10px; }

.b-item a > span > span.b-ttl span { font-size: 18px; padding: 10px 18px; }

/********************* HEADER *********************/
header .top .pull-right .phos a { letter-spacing: normal; }
header .top .pull-right .bot .main-menu ul li { margin-left: 28px; }
header .top .pull-right .bot .main-menu ul li a { font-size: 18px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 100px; }
footer .top .cols .col-1 { width: 20%; }
footer .top .cols .col-1 a img { width: 200px; height: auto; }
footer .top .cols .col-1 .iso { font-size: 16px; }
footer .top .cols .col-2 { text-align: center; }
footer .top .cols .col-2 > div { padding-left: 0; }
footer .top .cols .col-2 .ttl { font-size: 16px; }
footer .top .cols .col-2 .lst { margin-top: 16px; }
footer .top .cols .col-2 .lst a { margin: 0 10px; }
footer .top .cols .col-2 .lst a i { font-size: 20px; }
footer .top .cols .col-3 > ul > li ul li a { font-size: 16px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-off { margin-top: 30px; }
.home .hp-off .ttl { font-size: 36px; }
.home .hp-off .lst:after { height: 30px; }
.home .hp-off .lst ul { margin-left: -10px; margin-right: -10px; }
.home .hp-off .lst ul li { padding: 0 10px 30px 10px; margin-top: 30px; }
.home .parallax-box { height: 400px; }
.home .parallax-box .cont .ttl { font-size: 40px; color: #fff; }
.home .parallax-box .cont .txt { font-size: 30px; margin-top: 0; }
.home .hp-bnrs { margin-top: 30px; }
.home .hp-bnrs .pull-left { width: 50%; padding-right: 10px; }
.home .hp-bnrs .pull-left > div:last-child { margin-top: 20px; }
.home .hp-bnrs .pull-left > div a span { font-size: 20px; padding: 4px 42px 8px 18px; }
.home .hp-bnrs .pull-right { padding-left: 10px; }
.home .hp-bnrs .pull-right a > span span { font-size: 20px; }
.home .hp-boxes { margin-top: 30px; }
.home .hp-boxes ul li .ttl { font-size: 24px; }
.home .hp-boxes ul li .img { margin-top: 30px; }
.home .hp-boxes ul li .img a > span > span:first-child span { font-size: 18px; }
.home .hp-nsl { height: auto; padding-bottom: 54px; margin-top: -200px; }
.home .hp-nsl .ins { padding-top: 230px; }
.home .hp-nsl .ins .box { padding: 30px; }
.home .hp-nsl .ins .box .lft { float: left; width: 520px; position: relative; }
.home .hp-nsl .ins .box .lft > div { padding-left: 80px; background-size: 62px 40px; }
.home .hp-nsl .ins .box .lft > div .ttl { font-size: 24px; }
.home .hp-nsl .ins .box .rgt { float: right; width: 100%; margin-left: -520px; }
.home .hp-nsl .ins .box .rgt .rgt-ins { padding-left: 520px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 { float: left; width: 100%; margin-right: -120px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins { padding-right: 126px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins .inpts div input { padding: 0 10px; height: 40px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .rgt-2 { width: 120px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .rgt-2 button { height: 40px; font-size: 16px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about .lst ul { text-align: center; margin-left: -10px; margin-right: -10px; font-size: 0; }
.about .lst ul li { float: left; width: 33.33%; padding-left: 10px; padding-right: 10px; }
.about .lst ul li a > span.ico { margin: auto auto; }
.about .lst ul li a > span.ttl { font-size: 24px; margin-top: 20px; }

.about .cont { margin-top: 40px; }
.about .cont .img { width: 200px; }
.about .cont .img div > span.ico { width: 200px; height: 200px; padding: 10px; }
.about .cont .img div > span.ico:before { border: 10px solid #fff; }
.about .cont .img div > span.ico > span { padding: 10px; }
.about .cont .img div > span.ico > span span img { max-width: 60px; }
.about .cont .det { margin-left: -200px; }
.about .cont .det .ins { padding-left: 230px; }
.about .cont .det .ttl { font-size: 24px; }
/********************* ABOUT US *********************/

/********************* PRODUCTS *********************/
.c-item .c-ttl a { font-size: 24px; }

.prods .lst-2:after { height: 30px; }
.prods .lst-2 ul { margin-left: -10px; margin-right: -10px; }
.prods .lst-2 ul li { padding: 0 10px 30px 10px; margin-top: 30px; }

.prod .pull-left { width: 514px; }
.prod .pull-left .slider .gal-thumbs { display: none; }
.prod .pull-left .slider .gal-big { float: none; width: 100%; margin-top: 0; }
.prod .pull-right { margin-left: -514px; }
.prod .pull-right .ins { padding-left: 534px; }
.prod .pull-right .ins .ttl h1 { font-size: 24px; }
.prod .pull-right .ins .desc { margin-top: 30px; }
.prod .frm .ins .ins-2 .ttl { font-size: 24px; }
.prod .frm .ins .ins-2 .txt { font-size: 18px; }
/********************* PRODUCTS *********************/

/********************* BLOG *********************/
.blog .lst { margin-top: 30px; }
.blog .lst ul { margin-left: -10px; margin-right: -10px; margin-top: 10px; overflow: hidden; }
.blog .lst ul li { padding: 0 10px; margin-top: 20px; }
/********************* BLOG *********************/

/********************* CARD *********************/
.card .img2 { margin-top: 60px; }
.card .img2 img { width: 400px; }
/********************* CARD *********************/
}

@media only screen and (max-width: 992px) { /* .col-md- */
/********************* HEADER *********************/
header .top .pull-right .lngs { margin-top: 10px; }
header .top .pull-right .phos { margin-top: 20px; }
header .top .pull-right .phos i { font-size: 14px; margin-right: 10px; }
header .top .pull-right .bot .main-menu { display: none; }
header .top .pull-right .bot .mob-btn { display: inline-block; }
header .top .pull-right .bot .srch { margin-left: 20px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer #toTop { margin-top: -25px; right: 20px; background: #47ad33; width: 50px; height: 50px; padding-top: 3px; }
footer #toTop span { font-size: 14px; }
footer .top { padding: 20px 0; }
footer .top .cols .col-1 { float: none; width: 100%; text-align: center; margin-bottom: 20px; }
footer .top .cols .col-1 a { display: inline-block; }
footer .top .cols .col-2 { width: 25%; }
footer .top .cols .col-3 { width: 45%; }
footer .top .cols .col-4 { width: 30%; }
footer .bot { text-align: center; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-off .lst ul li { width: 33.33%; }
.home .hp-off { }
.home .hp-off .ttl { font-size: 24px; background-size: 59px 40px; padding-top: 50px; }
.home .hp-boxes ul li .ttl { padding-top: 50px; font-size: 20px; }
.home .hp-boxes ul li:first-child .ttl { background-size: 40px 40px; }
.home .hp-boxes ul li:last-child .ttl { background-size: 40px 40px; background-position: top 0 center; }
.home .hp-boxes ul li .txt { font-size: 16px; }
.home .hp-boxes ul li .img { margin-top: 20px; }
.home .hp-boxes ul li .img a > span { bottom: 12px; }
.home .hp-boxes ul li .img a > span > span:first-child span { font-size: 16px; padding: 10px 14px; }
.home .hp-boxes ul li .img a > span > span:last-child { font-size: 16px; }
.home .hp-nsl .ins .box .lft { float: none; width: 100%; text-align: center; }
.home .hp-nsl .ins .box .lft > div { text-align: left; }
.home .hp-nsl .ins .box .lft > div .ttl { font-size: 20px; }
.home .hp-nsl .ins .box .lft > div .txt { font-size: 16px; }
.home .hp-nsl .ins .box .rgt { float: none; margin-left: 0; margin-top: 30px; }
.home .hp-nsl .ins .box .rgt .rgt-ins { padding-left: 0; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about .lst ul li a > span.ico { width: 140px; height: 140px; }
.about .lst ul li a > span.ico > span span img { max-width: 50px; }
.about .lst ul li a > span.ttl { font-size: 20px; }
.about .cont .det .ttl { font-size: 20px; }
.about .cont .det .txt { font-size: 16px; line-height: normal; font-weight: 300; }
/********************* ABOUT US *********************/

/********************* PRODUCTS *********************/
.c-item { max-width: 140px; }
.c-item .c-img a span { width: 120px; height: 120px; }
.c-item .c-img a span img { max-width: 50px; }
.c-item .c-ttl { margin-top: 20px; }
.c-item .c-ttl a { font-size: 20px; }

.prods .lst-2 ul li { width: 33.33%; }

.prod .pull-left { float: none !important; width: 100%; max-width: 514px; margin-left: auto; margin-right: auto; }
.prod .pull-right { float: none !important; margin-left: 0; margin-top: 30px; }
.prod .pull-right .ins { padding-left: 0; }

.prod .pull-right .ins .ttl h1 { font-size: 20px; }
.prod .pull-right .ins .desc .desc-ttl { font-size: 16px; }
.prod .pull-right .ins .weight > div:first-child { font-size: 16px; }
.prod .pull-right .ins .weight > div.wgt { font-size: 16px; }
.prod .pull-right .ins .str a { font-size: 16px; }
/********************* PRODUCTS *********************/

/********************* BLOG *********************/
.blog .top .ttl { font-size: 20px; }
.blog .top .boxes { margin-top: 6px; }
.blog .top .boxes ul li { padding: 4px 10px; font-size: 16px; }
.blog .lst-ttl { font-size: 20px; margin-top: 60px; }
.blog .lst ul li { width: 50%; }
/********************* BLOG *********************/

/********************* CONTACT *********************/
.contact .ttl { font-size: 20px; }
/********************* CONTACT *********************/

/********************* STORES *********************/
.stores .lst > ul > li { margin-top: 60px; }
.s-item .s-rgt .s-ins { padding-left: 0; }
.s-item .s-rgt .s-ins .s-map { float: none; width: 100%; padding-left: 306px; position: relative; }
.s-item .s-rgt .s-ins .s-map .map { height: 175px; }
.s-item .s-rgt .s-ins .s-det { float: none; width: 100%; padding-left: 0; margin-top: 20px; }
/********************* STORES *********************/

/********************* BOOK *********************/
.book .ins { min-height: auto; padding-top: 20px; padding-bottom: 20px; }
.book .ins .main-content-ins { padding-left: 60px; padding-right: 60px; }
/********************* BOOK *********************/
}

@media only screen and (max-width: 768px) { /* .col-sm- */

}

@media only screen and (max-width: 767px) { /* .col-xs- */
.main-content-ins { padding-left: 10px; padding-right: 10px; }

.ph16 { font-size: 14px; }
.ph16::-webkit-input-placeholder { font-size: 14px; }
.ph16:-moz-placeholder { /* Firefox 18- */ font-size: 14px; }
.ph16::-moz-placeholder {  /* Firefox 19+ */ font-size: 14px; }
.ph16:-ms-input-placeholder { font-size: 14px; }
.ph16:-ms-input-placeholder { font-size: 14px; }

.ph16-2 { font-size: 14px; }
.ph16-2::-webkit-input-placeholder { font-size: 14px; }
.ph16-2:-moz-placeholder { /* Firefox 18- */ font-size: 14px; }
.ph16-2::-moz-placeholder {  /* Firefox 19+ */ font-size: 14px; }
.ph16-2:-ms-input-placeholder { font-size: 14px; }
.ph16-2:-ms-input-placeholder { font-size: 14px; }

.m-top { position: relative; height: 300px; }
.m-top h1 { font-size: 30px; }
.m-top .m-top-txt { font-size: 24px; margin-top: 10px; }
.m-ttl h1 { font-size: 20px; }
.m-ttl-2 { margin-top: 20px; }
.m-ttl-2 h2 { font-size: 18px; }
.m-txt { line-height: normal; }

.error-actions { margin-top: 10px; }

.b-item { max-width: 442px; margin: auto auto; }
.b-item a > span { position: relative; bottom: auto; left: auto; }
.b-item a > span > span.b-ttl { background: none; padding: 0; margin-top: 10px; }
.b-item a > span > span.b-ttl span { font-size: 16px; padding: 0; background: none; color: #000; }
.b-item a > span > span.b-lnk { margin-top: 6px; color: #9e0b0f; background: url(../img/arrow-10x16-3.png) no-repeat center right 0 #fff; padding: 0 24px 0 0; }

/********************* HEADER *********************/
header .top { padding: 10px 0; }
header .top .pull-left a img { max-width: 200px; height: auto; }
header .top .pull-right .phos { margin-top: 10px; font-size: 16px; }
header .top .pull-right .phos a { font-size: 16px; }
header .top .pull-right .bot .mob-btn { font-size: 16px; }
header .top .pull-right .bot .mob-btn i { font-size: 14px; }
header .bar { background: #e51522; height: 40px; }
header .bar .pull-left { margin-top: 8px; }
header .bar .pull-left img { max-width: 200px; height: auto; }
header .bar .pull-right ul li a { font-size: 16px; line-height: 40px; padding-right: 10px; background-position: center left 10px; background-repeat: no-repeat; }
header .bar .pull-right ul li.book a { padding-left: 44px; background-size: 25px 20px; }
header .bar .pull-right ul li.disc a { padding-left: 38px; background-size: 20px 20px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 60px; }
footer .top .cols .col-3 > ul > li ul li { margin-top: 5px; }
footer .top .cols .col-3 > ul > li ul li a { font-size: 14px; }
footer .top .cols .col-4 { width: 30%; }
footer .bot { text-align: center; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-off .lst ul { margin-left: -5px; margin-left: -5px; }
.home .hp-off .lst ul li { width: 50%; padding-left: 5px; padding-right: 5px; }
.home .parallax-box { height: 300px; }
.home .parallax-box .cont .ttl { font-size: 30px; }
.home .parallax-box .cont .txt { font-size: 24px; }
.home .hp-bnrs { }
.home .hp-bnrs .pull-left { float: none !important; width: 100%; padding-right: 0; }
.home .hp-bnrs .pull-left > div:last-child { margin-top: 20px; }
.home .hp-bnrs .pull-right { float: none !important; width: 100%; padding-left: 0; margin-top: 20px; }
.home .hp-boxes ul { margin-left: 0; margin-right: 0; }
.home .hp-boxes ul li { float: none; width: 100%; }
.home .hp-boxes ul li:last-child { margin-top: 30px; }
.home .hp-nsl { margin-top: 30px; }
.home .hp-nsl .ins { padding-top: 20px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about .lst { margin-top: 0; }
.about .lst ul { margin-left: -5px; margin-right: -5px; }
.about .lst ul li { padding-left: 5px; padding-right: 5px; }
.about .lst ul li a > span.ttl { font-size: 18px; }

.about .cont .img { width: 140px; }
.about .cont .img div > span.ico { width: 140px; height: 140px; }
.about .cont .img div > span.ico > span span img { max-width: 40px; }
.about .cont .det { margin-left: -140px; }
.about .cont .det .ins { padding-left: 160px; }
/********************* ABOUT US *********************/

/********************* PRODUCTS *********************/
.prods .lst ul { margin-left: -5px; margin-right: -5px; margin-top: 0; overflow: hidden; }
.prods .lst ul li { padding: 0 5px; background: none; padding-bottom: 0; margin-top: 30px; }

.c-item .c-ttl a { font-size: 18px; }

.prods .lst-2 ul { margin-left: -5px; margin-left: -5px; }
.prods .lst-2 ul li { width: 50%; padding-left: 5px; padding-right: 5px; }

.prod .frm .ins { padding-bottom: 20px; }
.prod .frm .ins .ins-2 .ttl { font-size: 20px; }
.prod .frm .ins .ins-2 .txt { font-size: 16px; }
.prod .frm .ins .ins-2 .the { margin-top: 14px; }
.prod .frm .ins .ins-2 .the .lft { float: none; width: 100%; padding-right: 0; }
.prod .frm .ins .ins-2 .the .rgt { float: none; width: 100%; padding-left: 0; }
.prod .frm .ins .ins-2 .the .form-group input { height: 34px; }
.prod .frm .ins .ins-2 .the .form-group textarea { height: 60px; }
.prod .frm .ins .ins-2 .the .bot .lft-2 { float: none; }
.prod .frm .ins .ins-2 .the .bot .rgt-2 { float: none; margin-top: 10px; }
.prod .frm .ins .ins-2 .the .bot .rgt-2  .req { text-align: left; }
.prod .frm .ins .ins-2 .the .bot .rgt-2  .mybtn { text-align: left; }
.prod .frm .ins .ins-2 .the .bot .rgt-2  .mybtn button { font-size: 16px; }
/********************* PRODUCTS *********************/

/********************* BLOG *********************/
.blog .top .pull-left { float: none !important; width: 100%; }
.blog.recp .top .pull-left a span.dt { font-size: 16px; }
.blog .top .pull-left a span.tips { font-size: 20px; }
.blog .top .pull-right { float: none !important; width: 100%; margin-top: 20px; }
.blog .top .pull-right .ins { padding-left: 0; }
.blog .top .ttl,
.blog .top .ttl a { font-size: 18px; }
.blog .top .txt { line-height: normal; }
.blog .top .txt a { line-height: normal; }
.blog .lst ul { margin-left: -5px; margin-right: -5px; }
.blog .lst ul li { padding: 0 5px; }
/********************* BLOG *********************/

/********************* CARD *********************/
.card .img2 { margin-top: 40px; }
.card .img2 img { width: 300px; }
/********************* CARD *********************/

/********************* CONTACT *********************/
.contact .lst { margin: 0; }
.contact .lst ul { margin-left: 0; margin-right: 0; }
.contact .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; line-height: normal; }
.contact .ttl-2 { font-size: 20px; margin-top: 50px; }
.contact .frm { margin-top: 30px; }
.contact .frm .pull-left { float: none !important; width: 100%; padding-right: 0; }
.contact .frm .pull-right { float: none !important; width: 100%; padding-left: 0; margin-top: 14px; }
/********************* CONTACT *********************/

/********************* STORES *********************/
.stores .lst > ul > li { margin-top: 40px; }
.stores .lst > ul > li:first-child { margin-top: 40px; }

.s-item .s-img { float: none; width: 100%; }
.s-item .s-rgt { float: none; width: 100%; margin-left: 0; }
.s-item .s-rgt .s-ins { padding-left: 0; }
.s-item .s-rgt .s-ins .s-map { float: none; width: 100%; padding-left: 0; margin-top: 20px; }
.s-item .s-rgt .s-ins .s-det { float: none; width: 100%; }
/********************* STORES *********************/
}

@media only screen and (max-width: 640px) {
/********************* FOOTER *********************/
footer .top .cols .col-1 a { display: inline-block; }
footer .top .cols .col-2 { width: 35%; }
footer .top .cols .col-2 .ttl { font-size: 14px; }
footer .top .cols .col-2 .lst a { margin: 0 5px; }
footer .top .cols .col-2 .lst a i { font-size: 18px; }
footer .top .cols .col-3 { width: 65%; text-align: center; padding-right: 0; }
footer .top .cols .col-4 { float: none; width: 100%; clear: both; text-align: center; }
footer .top .cols .col-4 ul { display: inline-block; }
footer .top .cols .col-4:before { content: ""; display: block; height: 20px; clear: both; }
footer .bot { text-align: center; }
/********************* FOOTER *********************/
}

@media only screen and (max-width: 480px) {
.m-top { height: 200px; }
.m-top h1 { font-size: 20px; }
.m-top .m-top-txt { font-size: 18px; }

/********************* FOOTER *********************/
footer #toTop { right: 10px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .parallax-box .cont .ttl { font-size: 24px; }
.home .parallax-box .cont .txt { font-size: 20px; }
.home .hp-nsl .ins .box { padding: 10px; }
.home .hp-nsl .ins .box .lft > div .ttl { font-size: 18px; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 { float: none; margin-right: 0; }
.home .hp-nsl .ins .box .rgt .rgt-ins .lft-2 .lft-2-ins { padding-right: 0; }
.home .hp-nsl .ins .box .rgt .rgt-ins .rgt-2 { float: none; width: 100%; margin-top: 10px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about .lst ul li { width: 50%; }

.about .cont .img { float: none; width: 100%; }
.about .cont .det { margin-left: 0; }
.about .cont .det .ins { padding-left: 0; margin-top: 30px; }
/********************* ABOUT US *********************/

/********************* PRODUCTS *********************/
.prods .lst ul li { width: 50%; }

.prods .lst-2:after { display: none; }
.prods .lst-2 ul li { background: none; padding-bottom: 0; }
/********************* PRODUCTS *********************/

/********************* BLOG *********************/
.blog .lst ul { margin-left: 0; margin-right: 0; }
.blog .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* BLOG *********************/
}

@media only screen and (max-width: 479px) {
/********************* HEADER *********************/
header .top .pull-left { float: none !important; width: 100%; text-align: center; }
header .top .pull-left a { display: inline-block; }
header .top .pull-left a img { margin: auto auto; }
header .top .pull-right { float: none !important; }
header .top .pull-right .lngs { text-align: center; float: left; }
header .top .pull-right .phos { text-align: center; float: right; }
header .top .pull-right .bot { clear: both; position: relative; bottom: auto; right: auto; text-align: center; padding-top: 10px; }
header .bar { height: auto; padding: 14px 0 10px 0; }
header .bar .pull-left { float: none !important; margin-top: 0; }
header .bar .pull-left img { margin: auto auto; }
header .bar .pull-right { display: none; }
/********************* HEADER *********************/
}

@media only screen and (max-width: 360px) {

}