.pb0 { padding-bottom: 0; } .mb0 { margin-bottom: 0 !important; } .bnr { padding-left: 10%; padding-right: 10%; } .txt { padding-left: 3%; padding-right: 3%; } .wrap .txt { padding-left: 0; padding-right: 0; } header .logo { max-width: 80px; transform: translate(0); top: 15px; left: 20px; z-index: 60; } .clearfix:after { content: "" !important; clear: both !important; display: block !important; height: 0 !important; visibility: hidden !important; } img { width: 100%; height: auto; } .txt { margin-bottom: 3%; } /*============================================= * .wrap *=============================================*/ .wrap { padding: 0 3%; position: relative; } .full { margin-left: -3.2%; margin-right: -3.2%; } /*============================================= * .wrap *=============================================*/ .text-shadow { text-shadow: 1px 1px 2px #080808, 0 0 1em #606067, 0 0 0.2em #0d0d0e; } .text-r { text-align: right !important; } .text-c { text-align: center !important; } .fw-bold { font-weight: bold; } .price { font-size: 24px; line-height: 1.4; font-weight: 500; font-style: normal; letter-spacing: 2px; } .price span { font-size: 17px; } .mb_2p { margin-bottom: 2%; } .mb_3p { margin-bottom: 3%; } .mb_5p { margin-bottom: 5%; } .mb_7p { margin-bottom: 7%; } .mb_10p { margin-bottom: 10%; } .mb_15p { margin-bottom: 10%; } .mt_2p { margin-top: 2%; } .mt_3p { margin-top: 3%; } .mt_5p { margin-top: 5%; } .mt_7p { margin-top: 7%; } .mt_10p { margin-top: 10%; } .mt_15p { margin-top: 15%; } .pb_2p { padding-bottom: 2%; } .pb_3p { padding-bottom: 3%; } .pb_5p { padding-bottom: 5%; } .pb_7p { padding-bottom: 7%; } .pb_10p { padding-bottom: 10%; } .pb_15p { padding-bottom: 15%; } .pt_2p { padding-top: 2%; } .pt_3p { padding-top: 3%; } .pt_5p { padding-top: 5%; } .pt_7p { padding-top: 7%; } .pt_10p { padding-top: 10%; } .pt_15p { padding-top: 15%; } .js_custom .bx-wrapper { padding-bottom: 7%; } .js_custom .bx-wrapper .bx-pager { bottom: 0; } .js_custom .bx-wrapper .bx-controls-direction { bottom: 7%; top: auto; } .bx-wrapper { position: relative; /* padding-bottom: 5%;*/ } .bx-wrapper .bx-pager { color: #ffee00; font-family: Arial; font-size: 0.85em; font-weight: bold; text-align: center; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { line-height: 10px; bottom: 3%; left: 0; position: absolute; right: 0; width: 100%; z-index: 60; } .bx-controls-direction { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); /* margin-top: -15px;*/ width: 100%; z-index: 60; } .bx-wrapper .bx-controls-direction a { color: #fff; font-family: "fontello"; font-size: 30px; height: 30px; line-height: 1; width: 30px; background: #000; /* border-radius: 50%;*/ outline: 0 none; position: absolute; text-indent: -9999px; top: 0%; font-weight: 400; } .bx-prev::after { content: "\f104"; left: 10px; position: absolute; text-indent: 0; top: 0; } .bx-next::after { content: "\f105"; right: 10px; position: absolute; text-indent: 0; top: 0; left: auto; } .bx-prev { position: absolute; top: 0; left: 0; } .bx-next { position: absolute; top: 0; right: 0; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; } .bx-wrapper .bx-pager.bx-default-pager a { background-color: transparent; display: block; height: 10px; margin: 0 5px; border-radius: 100%; outline: 0 none; text-indent: -9999px; width: 10px; background: #fff; position: relative; border: none; /* -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55); -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55); */ } /* .bx-wrapper .bx-pager.bx-default-pager a:after{ content: ""; position: absolute; top: -5px; height: 5px; left: 50%; transform: translateX(-50%); width: 1px; background: #92856d; display: none; } */ .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #931100; } .bx-wrapper .bx-pager.bx-default-pager a:hover:after, .bx-wrapper .bx-pager.bx-default-pager a.active:after { display: block; } /*============================================= * .toggle *=============================================*/ .toggle {} .toggle .toggle-link { position: relative; cursor: pointer; } .toggle .toggle-link:after { font-family: "fontello"; font-style: normal; font-weight: normal; position: absolute; line-height: 20px; top: 50%; right: 4%; margin-top: -10px; color: #000; content: '\f13a'; font-size: 13px; } .toggle .toggle-main { display: none; } .toggle .toggle-main.active { display: block; } .toggle .toggle-link.active:after { content: '\f139'; } .toggle_custom > .toggle-link { padding-bottom: 20px; } .toggle_custom > .toggle-link:after { bottom: 0; font-size: 15px; top: auto; left: 50%; right: auto; transform: translateX(-50%); } .sub_click { position: relative; padding-bottom: 4%; } .sub_click:after { font-family: "fontello"; font-style: normal; font-weight: normal; position: absolute; line-height: 20px; bottom: 5%; right: 50%; transform: translateX(-50%); color: #000; content: '\f13a'; font-size: 15px; } .sub_click.open:after { content: '\f139'; }