.newsletter{margin-bottom: 20px; padding: 20px 150px; background: #00923f;}

.newsletter-title{float: left; width: 320px; font-size: 30px; font-weight: bold; text-align: center; line-height: 50px; color: #fff;}

.email{float: right;}
.email-item{position: relative; float: left; height: 50px;}
.email-item input[type='text']{height: 100%; background: #fff;}
.email-item input[type='submit']{width: 100%; height: 100%; background: #e3b523; font-size: 20px; text-transform: none;}
.email-item input[type='submit']:hover{background: #e3b523;}
.email-item label.error,
#email-registered{line-height: 50px;}
#email-result{float: right; font-size: 20px; text-align: center; line-height: 50px; color: #fff; background:#e3b523;}

@media (min-width:320px){
    .newsletter{padding: 10px;}
    .newsletter-title,
    .email,
    #email-result{width: 100%;}
    .email-item:nth-child(1){width: calc(100% - 130px); margin-right: 5px;}
    .email-item:nth-child(2){width: 125px;}
}
@media (min-width:767px){
    .newsletter{padding: 20px;}
    .newsletter-title{width: 320px;}
    .email{width: calc(100% - 320px);}
    #email-result{width: calc(100% - 320px);}
}
@media (min-width:970px){
    .newsletter{padding: 20px;}
}
@media (min-width:1366px){
    .newsletter{padding: 20px 50px;}
    .email{width: 580px;}
    #email-result{width: 580px;}
}
@media (min-width:1600px){
    .newsletter{padding: 20px 150px;}
}.cart-item{text-align: left;}
.cart-img{float: left; margin-right: 10px;}
.cart-name{font-size: 15px; text-transform: uppercase; text-align: left; color: #e3b523;}
.cart-string{list-style: none; color: #333;}
.cart-button{text-align: left;}
.cart-button a{display: inline-block; font-size: 11px; text-align: center; line-height: 20px; color: #fff; padding: 0 11px; background: #00923f; transition: all 0.25s ease 0s;}
.cart-button a:hover{background: #e3b523;}

.cart-price{margin-bottom: 17px;}
.cart-price b{font-size: 15px; color: #ff0000;}

.cart-quantity{}
.cart-quantity input[type='number']{float: left; text-indent: 0; text-align: center; width: 39px;}
.cart-quantity input::-webkit-outer-spin-button, .cart-quantity input::-webkit-inner-spin-button{-webkit-appearance: none;}
.cart-quantity div{float: left; width: 20px; height: 35px; background: #00923f; transition: all 0.25s ease 0s;}
.cart-quantity div:hover{background: #e3b523;}
.cart-quantity div.cart-minus{margin: 0 5px 0 0;}
.cart-quantity div.cart-plus{margin: 0 0 0 5px;}
.cart-quantity div a{display: block; line-height: 35px; color: #fff;}

.cart-bill p{font-size: 15px; line-height: 30px;}
.cart-bill p span{display: inline-block;}
.cart-bill p span:nth-child(1){float: left;}
.cart-bill p span:nth-child(2){float: right; color: #ff0000;}
.cart-bill a{display: block; margin-top: 10px; text-transform: uppercase; text-align: center; line-height: 30px; color: #fff; background: #00923f; transition: all 0.25s ease 0s;}
.cart-bill a:hover{background: #e3b523;}
.cart-bill a:nth-of-type(1){width: 100%;}
.cart-bill a:nth-of-type(2){width: 100%;}

.cart-form-left{float: left; width: calc(50% - 5px);}
.cart-form-right{float: right; width: calc(50% - 5px);}
.cart-form-item{position: relative; margin-bottom: 10px;}
.cart-form-item textarea{height: 80px;}

@media (min-width:320px){
    .cart-product, .cart-bill, .cart-form, .cart-paylist{margin-bottom: 20px;}
    .cart-img, .cart-string{display: none;}
}
@media (min-width:400px){
    .cart-string{display: block;}
}
@media (min-width:480px){
    
}
@media (min-width:580px){

}
@media (min-width:767px){
    .cart-product{float: left; width: calc(100% - 280px);}
    .cart-bill{float: right; width: 270px;}
}
@media (min-width:970px){
    .cart-img{display: block;}
}
@media (min-width:1170px){
    .cart-form{float: left; width: calc(100% - 490px);}
    .cart-paylist{float: right; width: 480px;}
}/*** TABLE ***/
.table{display: table; width: 100%; border-collapse: collapse; box-sizing: border-box; background: #fff;}
.table-body{display: table-row-group; line-height: 22px; text-align: center; box-sizing: border-box;}
.table-row{display: table-row;}
/*.table-row:hover{background: #f9f9f9;}*/
.table-row.table-head{text-transform: uppercase; border-bottom: 3px solid #00b4e5;}
.table-cell{border: 1px solid #d7d7d7; display: table-cell; padding: 5px; vertical-align: middle; box-sizing: border-box;}

/*** OPTION ***/
.table-price{font-size: 15px; color: #ff0000;}
.table-left{text-align: left;}
.table-right{text-align: right;}
.table-transform{text-transform: uppercase;}
.table-background{background: #f9f9f9;}

/*** SIZE ***/
.table-50px{width: 50px;}
.table-110px{width: 110px;}
.table-175px{width: 175px;}

@media (min-width:320px){
    .table-cell-price, .table-mobile, .table-tablet{display: none;}
}
@media (min-width:480px){
    .table-cell-price{display: table-cell;}
}
@media (min-width:580px){
    
}
@media (min-width:767px){
    .table-mobile{display: table-cell;}
}
@media (min-width:970px){
    .table-tablet{display: table-cell}
}
@media (min-width:1170px){
}.n-wrap{position: relative; margin: auto;}
.n-header{position: fixed; top: 0; right: 0; left: 0; margin: auto; background: #fff; border-top: 2px solid #00923f; z-index: 99991; transition: all 0.25s ease 0s;}
.n-header-2{box-shadow: 0 2px 3px rgb(0 0 0 / 0.25);}
.n-header-logo{float: left; width: 75px; margin: 10px 0;}
.n-header-logo a{display: block;}
.n-header-logo a span{position: absolute; width: 0; height: 0; overflow: hidden;}
.n-header-lang{position: fixed; width: 89px; text-align: center; z-index: 99991;}
.n-header-lang a{display: inline-block; width: 25px; border: 1px solid #00923f;}
.n-header-social{position: absolute; top: 15px; right: 40px;}
.n-header-social a{float: left; display: block; width: 25px; height: 25px; background: #333; border-radius: 50%; text-align: center; line-height: 25px; color: #fff; transition: all 0.25s ease 0s;}
.n-header-social a:nth-child(2){margin: 0 5px;}
.n-header-social a:hover{background: #00923f;}
.n-header-cart{position: absolute; top: 10px; right: 0; width: 30px; height: 30px; background: url(/components/new/cart.png) no-repeat center / 100%;}
.n-header-cart a{display: block;}
.n-header-cart a span{position: absolute; right: 0; bottom: 3px; left: 0; margin: auto; text-align: center; color: #00923f;}
.n-header-button{position: absolute; bottom: 5px; right: 0; width: 40px; height: 30px; background: #111; cursor: pointer; z-index: 99992;}
.n-header-button span{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 22px; height: 1px; margin: auto; background: #fff; transition: all 0.25s ease 0s;}
.n-header-button span:before, .n-header-button span:after, .n-header-x span:before, .n-header-x span:after{content: ''; position: absolute; width: 100%; height: 100%; background: #fff; transition: all 0.25s ease 0s;}
.n-header-button span:before{top: -6px;}
.n-header-button span:after{bottom: -6px;}
.n-header-menu{margin: auto; z-index: 99993; align-items: center; justify-content: center; transition: all 0.25s ease 0s;}
.n-header-menu ul{list-style: none;}
.n-header-menu ul li a{display: block; text-transform: uppercase; line-height: 40px; color: #333; transition: all 0.25s ease 0s;}
.n-header-menu ul li a:hover{color: #00923f;}
.n-header-x{position: absolute; top: 10px; right: 0; left: 0; display: none; width: 50px; height: 50px; margin: auto; cursor: pointer;}
.n-header-x span{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 28px; height: 2px; margin: auto; background: none; transition: all 0.25s ease 0s;}
.n-header-x span:before{top: 0; transform: rotate(45deg);}
.n-header-x span:after{bottom: 0; transform: rotate(-45deg);}
.n-header-menu-2 .n-header-x{display: block;}
.n-body{padding-top: 97px;}
.n-surfboard{padding: 70px 0;}
.n-surfboard a{display: block; width: 105px; margin: auto; padding: 25px 80px; border: 5px outset #d7d7d7; font-family: Times new roman; font-size: 21px; text-align: center; text-transform: uppercase; line-height: 1.8; letter-spacing: 5px; color: #333;}
.n-rental{padding-bottom: 50px;}
.n-rental-title{margin-bottom: 50px; height: 300px; background: url(/components/new/bg.jpg) no-repeat center bottom fixed; background-size: cover;}
.n-rental-item{margin-bottom: 30px;}
.n-rental-wrap{position: relative; text-align: center; transition: all 0.5s ease 0s;}
.n-rental-img{position: relative; margin-bottom: 10px; overflow: hidden;}
.n-rental-img span{position: absolute; right: 0; bottom: -15px; left: 0; margin: auto; padding: 12.5px 0; background: rgb(225 225 225 / 0.5); text-align: center; letter-spacing: 1px; color: #333; opacity: 0; transition: all 0.25s ease 0s;}
.n-rental-name{margin-bottom: 5px;}
.n-rental-name a{font-size: 17px; color: #222;}
.n-rental-price{font-size: 17px; color: #555;}
.n-rental-price span{padding-left: 5px; font-size: 13px; text-decoration: line-through; color: #555;}
.n-rental-wrap:hover .n-rental-img span{bottom: 0; opacity: 1;}
.n-rental-more{width: 75px; margin: auto; background: #111; transition: all 0.25s ease 0s;}
.n-rental-more:hover{background: #00923f;}
.n-rental-more a{display: block; text-align: center; line-height: 40px; color: #fff;}
.n-banner{padding: 20px 0;}
.n-banner-item{margin-bottom: 50px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.n-footer{padding: 50px 0 30px; background: #111; border-top: 2px solid #00923f; color: #fff;}
.n-footer-info{margin-bottom: 30px;}
.n-footer-info ul{list-style: none}
.n-footer-info ul li{font-size: 17px; line-height: 1.6;}
.n-footer-info ul li a{color: #fff;}
.n-footer-social{width: 120px; margin: 0 auto 30px;}
.n-footer-social a{float: left; display: block; width: 30px; height: 30px; background: #fff; border-radius: 50%; font-size: 17px; text-align: center; line-height: 30px; color: #111; transition: all 0.25s ease 0s;}
.n-footer-social a:nth-child(2){margin: 0 15px;}
.n-footer-copyright{line-height: 30px;}
.n-footer-copyright p:nth-child(1){float: left; cursor: pointer;}
.n-footer-copyright p:nth-child(1) i{width: 30px; background: #fff; border-radius: 50%; text-align: center; line-height: 30px; color: #111;}
.n-footer-copyright p:nth-child(2){float: right;}
.n-wrap-left{margin-bottom: 30px;}
.n-wrap-left-title{position: relative; padding: 13.5px 0 13.5px 20px; background: #f3f3f3; font-size: 16px; text-transform: uppercase; cursor: pointer;}
.n-wrap-left-title:after{content: '-'; position: absolute; top: 0; right: 0; bottom: 0; width: 45px; font-size: 24px; margin: auto; text-align: center; line-height: 42px;}
.n-wrap-left-minus:after{content: '+';}
.n-wrap-left ul{padding: 15px 0; list-style: none;}
.n-wrap-left ul li{padding-left: 20px;}
.n-wrap-left ul li a{display: block; padding: 8.5px 0; font-size: 16px; color: #333; transition: all 0.25s ease 0s;}
.n-wrap-left ul li a:hover{padding-left: 5px; color: #00923f;}
.n-wrap-left ul li.active a{color: #00923f;}
@media (min-width: 320px){
    .n-wrap{width: 310px;}
    .n-header-lang{top: 20px; right: 45px;}
    .n-header-social{display: none;}
    .n-header-menu{position: fixed; top: 0; right: -100%; bottom: 0; display: flex; width: 100%; background: #333; opacity: 0;}
    .n-header-menu-2{right: 0; opacity: 1;}
    .n-header-menu ul li a{text-align: center; color: #fff;}
    .n-footer-copyright p:nth-child(1) span{display: none;}
}
@media (min-width: 360px){
    .n-wrap{width: 350px;}
    .n-footer-copyright p:nth-child(1) span{display: unset;}    
}
@media (min-width:410px){
    .n-wrap{width: 400px;}
    .n-rental-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .n-rental-item:nth-child(2n){margin-right: 0;}
}
@media (min-width: 480px){
    .n-wrap{width: 480px;}
    .n-rental-name{height: 20px; overflow: hidden;}
}
@media (min-width: 580px){
    .n-wrap{width: 580px;}
}
@media (min-width: 768px){
    .n-wrap{width: 758px;}
    .n-rental-item{width: calc((100% - 60px)/3);}
    .n-rental-item:nth-child(2n){margin-right: 30px;}
    .n-rental-item:nth-child(3n){margin-right: 0;}
}
@media (min-width: 970px){
    .n-wrap{width:970px;}
    .n-header-lang{top: 5px; right: initial; left: 3px;}
    .n-header-social{display: block;}
    .n-header-button{display: none;}
    .n-header-menu{position: absolute; top: initial; right: 0; bottom: 5px; display: block; width: auto; background: none; opacity: 1;}
    .n-header-menu ul li{float: left; margin-left: 20px;}
    .n-header-menu ul li:first-child{margin-left: 0;}
    .n-header-menu ul li a{text-align: left; color: #333;}
    .n-wrap-left{float: left; width: 220px;}
    .n-wrap-right{float: right; width: calc(100% - 250px);}
}
@media (min-width: 1170px){
    .n-wrap{width:1170px;}
}.news-item{position: relative; margin-bottom: 30px;}
.news-img{margin-bottom: 10px; background-size: cover;}
.news-img img{opacity: 0;}
.news-name{display: block; max-height: 44px; margin-bottom: 10px; overflow: hidden;}
.news-name a{display: block; font-size: 19px; font-weight: bold; text-transform: uppercase; color: #333; transition: all 0.25s ease 0s;}
.news-name:hover a{color: #00923f;}
.news-prev{max-height: 63px; margin-bottom: 10px; line-height: 17px; overflow: hidden;}
.news-more{display: block; color: #777; transition: all 0.25s ease 0s;}
.news-more:hover{color: #111;}
.news-days{position: absolute; top: 20px; left: -10px; padding: 5px; background: #fff; box-shadow: 0 0 3px 1px rgb(0 0 0 / 0.25); text-align: center; color: #333;}
.news-days span{display: block;}
.news-days span:nth-child(1){font-size: 21px;}
@media (min-width:580px){
    .news-item{float: left; width: calc((100% - 30px) / 2); margin-right: 30px;}
    .news-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:1170px){
    .news-item{width: calc((100% - 100px) / 3); margin-right: 50px;}
    .news-item:nth-child(2n){margin-right: 50px;}
    .news-item:nth-child(3n){margin-right: 0;}
}.SP-slide{margin-bottom: 30px;}
.SP-slide-img{position: relative; float: right; width: calc(100% - 115px);}
.SP-slide-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%;}
.SP-slide-thumb{position: relative; float: left; width: 100px; height: 470px;}
.SP-slide-thumb ul{position: absolute; list-style: none; white-space: nowrap;}
.SP-slide-thumb ul li{margin-bottom: 5px; cursor: pointer;}
.SP-slide-thumb ul li:last-child{margin-bottom: 0;}
.SP-slide-thumb ul li img{opacity: 0.75;}
.SP-slide-thumb ul li img.cloudzoom-gallery-active{opacity: 1;}
.SP-slide-thumb span{position: absolute; right: 0; left: 0; display: block; width: 30px; height: 30px; margin: auto; background: #f7f7f7; opacity: 0.75; cursor: pointer; z-index: 1; transition: all 0.25s ease 0s;}
.SP-slide-thumb span:hover{opacity: 1;}
.SP-slide-thumb span.left{top: 0;}
.SP-slide-thumb span.right{bottom: 0;}
.SP-slide-thumb span.disabled{display: none;}
.SP-slide-thumb span i{display: block; text-align: center; line-height: 30px; color: #00923f;}

.cloudzoom-blank{overflow: hidden;}
.cloudzoom-lens{border:3px solid #d7d7d7; cursor: crosshair; z-index: 99991;}
.cloudzoom-zoom{width: 300px!important; height: 300px!important; border: 3px solid #d7d7d7; z-index: 99991;}

.SP-detail{margin-bottom: 30px;}
.SP-detail h1{margin-bottom: 20px; font-size: 28px; font-weight: normal;}
.SP-price{margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7}
.SP-price label{font-size: 20px; color: #555;}
.SP-price span:nth-child(2){padding-left: 5px; font-size: 16px; text-decoration: line-through;}
.SP-price span:nth-child(3){padding-left: 10px; font-size: 15px; font-style: italic; color: #777;}
.SP-size, .SP-quantity{margin-bottom: 20px; text-align: center; line-height: 33px;}
.SP-size input{display: none;}
.SP-size label, .SP-quantity *:not(div){box-sizing: border-box; float: left; display: block; min-width: 35px; margin-right: 10px; padding: 0 10px; border: 1px solid #d7d7d7; cursor: pointer;}
.SP-size label:nth-child(1), .SP-quantity label{border: 1px solid transparent; padding-left: 0;}
.SP-size label:hover{border: 1px solid #00923f;}
.SP-size input:checked + label{background: url(/components/product.detail/check.png) no-repeat right bottom; border: 1px solid #00923f;}
.SP-size-2{padding-top: 10px;}
.SP-size-2 div:not(.clear){display: inline-block; float: left; font-size: 25px; font-weight: bold; line-height: 35px;}
.SP-size-2 div:not(.clear) span{padding-left: 15px; font-size: 20px; font-weight: normal; text-decoration: line-through; color: #777;}

.SP-quantity a{display: block; font-weight: bold; font-size: 18px; color: #00923f; transition: all 0.25s ease 0s;}
.SP-quantity input{width: 75px; height: 35px; text-align: center; text-indent: 0; outline: none;}
.SP-quantity input::-webkit-outer-spin-button,
.SP-quantity input::-webkit-inner-spin-button{-webkit-appearance: none;}
.SP-quantity a:hover, .SP-quantity input:hover{border: 1px solid #00923f;}
.SP-cart{position: relative; padding-top: 20px;}
.SP-cart a{float: left; display: block; margin-bottom: 5px; padding: 0 25px; background: #333; text-transform: uppercase; line-height: 50px; color: #fff; transition: all 0.25s ease 0s;}
.SP-cart a:hover{background: #00923f;}
.SP-cart p{position: absolute; top: -5px; left: 0; display: none; font-style: italic; line-height: 20px; color: #00923f;}
@media (min-width: 320px){
    .SP-slide{width: 100%;}
}  
@media (min-width: 410px){
}
@media (min-width: 768px){
    .SP-slide{float: left; width: 385px;}
    .SP-detail{float: right; width: calc(100% - 405px);}
}
@media (min-width: 970px){
    .SP-slide{width: 585px;}
    .SP-detail{width: calc(100% - 605px);}
}.product-item{margin-bottom: 20px; font-size: 12px; line-height: 20px;}
.product-item select{height: 25px; margin: 0 0 5px;}
.product-item a{display: block; width: calc(100% - 40px); margin: auto; background: #00923f; font-size: 14px; text-align: center; text-transform: uppercase; line-height: 30px; color: #fff; transition: all 0.25s ease 0s;}
.product-item a:hover{background: #e3b523;}
.product-img{margin: 0 0 5px;}
.product-img img{width: 100%;}
.product-detail{height: 140px; overflow: hidden;}
.product-prev{font-size: 13px; font-weight: 900; text-transform: uppercase;}
.product-name{max-height: 44px; overflow: hidden; transition: all 0.25s ease 0s;}
.product-content{max-height: 88px; overflow: hidden;}
.product-item:hover .product-prev,
.product-item:hover .product-name{color: #00923f;}
@media (min-width:414px){
    .product-item{float: left; width: calc((100% - 20px) / 2); margin-right: 20px;}
    .product-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .product-item{width: calc((100% - 40px) / 3); margin-right: 20px;}
    .product-item:nth-child(2n){margin-right: 20px;}
    .product-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .product-item{width: calc((100% - 60px) / 4);}
    .product-item:nth-child(2n),
    .product-item:nth-child(3n){margin-right: 20px;}
    .product-item:nth-child(4n){margin-right: 0;}
}
@media (min-width:1345px){
    .product-item{width: calc((100% - 80px) / 5);}
    .product-item:nth-child(2n),
    .product-item:nth-child(3n),
    .product-item:nth-child(4n){margin-right: 20px;}
    .product-item:nth-child(5n){margin-right: 0;}
}
@media (min-width:1580px){
    .product-item{width: calc((100% - 100px) / 6);}
    .product-item:nth-child(2n),
    .product-item:nth-child(3n),
    .product-item:nth-child(4n),
    .product-item:nth-child(5n){margin-right: 20px;}
    .product-item:nth-child(6n){margin-right: 0;}
}.surfboard-logo{}
.surfboard-logo ul{list-style: none; text-align: center;}
.surfboard-logo ul li{display: inline-block; width: 115px; margin: 0 13px 20px;}
.surfboard-logo ul li a{display: block;}
.surfboard-logo ul li a img{}

.surfboard-item{margin: 0 0 20px; padding: 20px; border: 1px solid #00923f;}
.surfboard-content{line-height: 22px;}
.surfboard-name{font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: center; color: #00923f; margin: 0 0 10px;}
.surfboard-img{width: 240px; margin: 0 auto 10px;}
.surfboard-prev{text-align: center; line-height: 22px;}

@media (min-width:320px){
     .surfboard-left{}
    .surfboard-content{margin: 15px 0 0; padding: 20px 0 0; border-top: 1px solid #00923f;}
}
@media (min-width:767px){
    .surfboard-left{float: left; width: 240px;}
    .surfboard-content{float: right; width: calc(100% - 281px); margin: 0 0 0 20px; padding: 0 0 0 20px; border-top: 0; border-left: 1px solid #00923f;}
}