/*fix*/
.addsearch,
#slider_k2c,
.store-notice {display: none !important;}
html {font-size: 62.5%;}
.green-planet a,
.green-planet a:hover {text-decoration: none;}
.green-planet a:focus {outline: none;}
.green-planet ul,
.green-planet ul li {margin: 0; list-style: none;}
.green-planet h1, .green-planet h2, .green-planet h3, .green-planet h4, .green-planet h5 {margin: 0;}
.green-planet .scrollToTop i::before {display: block;}

/*basic*/
.green-planet .gp-container {margin: 0 auto; max-width: 120rem; padding: 0 30px;}
.green-planet .gp-row:after {content: ""; display: table; clear: both;}
.green-planet .gp-table {display: table; width: 100%;}
.green-planet .gp-table .gp-table-row {display: table-row;}
.green-planet .gp-table .gp-table-row .gp-table-cell {display: table-cell; vertical-align: middle;}
.green-planet .gp-mobile {display: none !important;}
.green-planet .gp-a-center {text-align: center;}
.green-planet .gp-a-left {text-align: left;}
.green-planet .gp-col-6 {width: 50%; float: left;}
.green-planet .gp-col-6-push {position: relative; left: 50%; right: auto;}
.green-planet .gp-col-6-pull {position: relative; right: 50%; left: auto;}
.green-planet .gp-small-text {font-size: 12px;}

/*sections*/
.green-planet h3 {font-weight: bold; margin-bottom: 1rem; font-size: 2.6rem;}
.green-planet .gp-btn {display: inline-block; font-size: 1.8rem; background-color: #f57d22; color: #fff; padding: 1rem 4rem; transition: background-color .4s; border-radius: 4px; text-align: center;}
.green-planet .gp-btn:hover {background-color: #da6106;}
.green-planet .gp-back-gray {background-image: url(../../images/cms-pages/green-planet/back-gray.jpg); background-size: contain;}
.green-planet .gp-back-green {background-image: url(../../images/cms-pages/green-planet/back-green.jpg); background-size: contain;}
.green-planet .gp-read-more {display: inline-block; font-family: 'Roboto Slab', Arial, sans-serif; font-weight: bold; color: #f57d22; font-size: 16px; padding: 0 0 25px 0; position: relative; margin-bottom: 2rem; transition: all .4s;}
.green-planet .gp-read-more:after {content: "\f103"; font-family: FontAwesome; font-size: 20px; position: absolute;  bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all .4s;}
.green-planet .gp-read-more:hover,
.green-planet .gp-read-more:hover::after {color: #da6106;}
.green-planet .gp-read-more span:last-child {display: none;}
.green-planet .gp-read-more.gp-read-more-active span:first-child {display: none;}
.green-planet .gp-read-more.gp-read-more-active span:last-child {display: inline-block;}
.green-planet .gp-read-more.gp-read-more-active:after {-webkit-transform: rotate(180deg) translateX(50%); transform: rotate(180deg) translateX(50%);}
.green-planet .gp-hide {display: none;}
.green-planet .gp-leaf {padding: 5rem 0;  position: relative; overflow: hidden;}
.green-planet .gp-leaf .gp-container {position: relative; z-index: 1;}
.green-planet .gp-leaf:before {content: ""; width: 6%; height: 19rem; position: absolute; left: 3%; bottom: -2rem; background-image: url(../../images/cms-pages/green-planet/leaf-1.png); background-size: contain; background-repeat: no-repeat;}
.green-planet .gp-leaf:after {content: ""; width: 3%; height: 12rem; position: absolute; right: 5%; top: 3rem; background-image: url(../../images/cms-pages/green-planet/leaf-2.png); background-size: contain; background-repeat: no-repeat;}
.green-planet .gp-leaf-left:before {content: ""; width: 5%; height: 100%; position: absolute; left: 3rem; bottom: -6rem; background-image: url(../../images/cms-pages/green-planet/leaf-1.png); background-size: contain; background-repeat: no-repeat;}
.green-planet .gp-leaf-right:after {content: ""; width: 5%; height: 17rem; position: absolute; right: 5rem; bottom: 0; background-image: url(../../images/cms-pages/green-planet/leaf-1.png); background-size: contain; background-repeat: no-repeat;}

/*header*/
.green-planet .gp-header {width: 100%; background-color: #fff; height: 6rem;}
.green-planet .gp-header:after {content: ""; display: table; clear: both;}
.green-planet .gp-header .gp-logo {width: auto; margin-top: .7rem; max-width: 18.5rem;}
.green-planet .gp-header .gp-nav {float: right;}
.green-planet .gp-header .gp-nav .gp-buy-btn {display: inline-block; background-color: #a6ce39; color: #fff; text-transform: uppercase; padding: 1.75rem 3rem; height: 6rem; font-size: 1.8rem; font-weight: bold; transition: background-color .4s;}
.green-planet .gp-header .gp-nav .gp-buy-btn:hover {background-color: #82ab14;}

/*hero*/
.green-planet .gp-hero {position: relative;}
.green-planet .gp-hero .hp-hero-content {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 60rem; background-color: rgba(255,255,255,.7); text-align: center; padding: 4rem 3rem;}
.green-planet .gp-hero .hp-hero-content h2 {font-weight: bold; font-size: 2.8rem; margin-bottom: .5rem; text-transform: uppercase;}
.green-planet .gp-hero .hp-hero-content h3 {font-size: 2rem; font-weight: normal;}

/*icons*/
.green-planet .gp-icons {padding: 5rem 0;}
.green-planet .gp-icons .gp-icons-wrapper {width: 50%; margin: 0 auto;}
.green-planet .gp-icons img {max-width: 18rem;}
.green-planet .gp-icons h4 {font-size: 3rem; text-transform: uppercase; margin-bottom: 2rem; font-weight: bold;}
.green-planet .gp-icons h4 span {color: #f57d22;}
.green-planet .gp-icons h5 {font-size: 2.4rem; line-height: 1.2; color: #5a555d; padding-top: 1.5rem;}
.green-planet .gp-icons h5.gp-icons-h5-smaller {font-size: 1.8rem;}
.green-planet .gp-icons h6 {font-size: 16px; margin-bottom: 4rem;}

/*inside*/
.green-planet .gp-inside .gp-inside-img {position: relative;}
.green-planet .gp-inside .gp-inside-img .gp-inside-img-num li {position: absolute; font-size: 2rem; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; border-radius: 50%; background-color: #fff; font-family: 'Roboto Slab', Arial, sans-serif; font-weight: bold;}
.green-planet .gp-inside .gp-inside-img .gp-inside-img-num li:hover,
.green-planet .gp-inside .gp-inside-img .gp-inside-img-num li.gp-active-bullet {background-color: #f57d22; color: #fff;}
.green-planet .gp-inside .gp-inside-img .gp-inside-img-num li:first-child {top: 33%; right: 40%;}
.green-planet .gp-inside .gp-inside-img .gp-inside-img-num li:nth-child(2) {top: 43%; right: 30%;}
.green-planet .gp-inside .gp-inside-img .gp-inside-img-num li:nth-child(3) {top: 43%; right: 40%;}
.green-planet .gp-inside .gp-inside-img .gp-inside-img-num li:nth-child(4) {top: 52%; right: 30%;}
.green-planet .gp-inside .gp-inside-text {padding: 4rem 0 2rem;}
.green-planet .gp-inside .gp-inside-text ol {margin: 3rem 0;}
.green-planet .gp-inside .gp-inside-text ol li:hover,
.green-planet .gp-inside .gp-inside-text ol li.gp-active-list {color: #f57d22;}

/*kitchen*/
.green-planet .gp-kitchen {padding: 4rem 0 10rem; background-image: url(../../images/cms-pages/green-planet/back-img.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
.green-planet .gp-kitchen .gp-kitchen-content {background-color: rgba(255, 255, 255, .85); padding: 2rem; text-align: center;}
.green-planet .gp-kitchen .gp-kitchen-content .gp-kitchen-list h4 {font-size: 2.6rem; color: #5a555d; margin-bottom: .5rem;}

/*split*/
.green-planet .gp-split {position: relative;}
.green-planet .gp-split .gp-split-left {margin-left: calc(50vw - 610px); padding: 4rem 4rem 2rem 30px;}
.green-planet .gp-split .gp-split-right {margin-right: calc(50vw - 610px); padding: 4rem 30px 2rem 4rem;}

/*slick plugin*/
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-prev,
.slick-next {z-index: 99; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 5rem; height: 5rem; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before,
.slick-next:before {font-family: FontAwesome; font-size: 6rem; line-height: 1; opacity: .75; color: rgba(0,0,0,.25); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev {left: -4.5rem;}
[dir='rtl'] .slick-prev {right: -2.5rem; left: auto;}
.slick-prev:before {content: '\f104'; }
[dir='rtl'] .slick-prev:before{content: '\f105';}
.slick-next {right: -4.5rem;}
[dir='rtl'] .slick-next {right: auto; left: -2.5rem;}
.slick-next:before {content: '\f105';}
[dir='rtl'] .slick-next:before{content: '\f104';}
.slick-slide:focus {outline: none;}

/*carousel*/
.green-planet .gp-carousel {padding: 5rem 0; overflow-x: hidden;}
.green-planet .gp-carousel .gp-slick .slick-list {padding: 10rem 0 5rem !important;}
.green-planet .gp-carousel .gp-slick .gp-slick-item {margin: 0 .5rem; -webkit-box-shadow: 0px 2px 4px 2px rgba(0,0,0,.1); -moz-box-shadow: 0px 2px 4px 2px rgba(0,0,0,.1); box-shadow: 0px 2px 4px 2px rgba(0,0,0,.1); transition: all .2s;}
.green-planet .gp-carousel .gp-slick .slick-active.slick-center .gp-slick-item {-webkit-transform: scale(1.15) translateY(-5rem); transform: scale(1.15) translateY(-5rem);}
.green-planet .gp-carousel .gp-slick .slick-active.slick-center .gp-slick-item .gp-slick-text {background-color: #eef2dc;}
.green-planet .gp-carousel .gp-slick-text {background-color: #edf4cf; padding: 2.5rem;}
.green-planet .gp-carousel .gp-slick-text h4 {font-size: 2rem; font-weight: bold;}
.green-planet .gp-carousel .gp-slick-text ul {margin: 1rem 0 1rem 16px;}
.green-planet .gp-carousel .gp-slick-text ul li {list-style: initial; font-size: 13px;}
.green-planet .gp-carousel .gp-slick-text .gp-carousel-price {font-size: 2.2rem; font-weight: bold;}

@media (max-width: 87.5em) {
/*leaf*/
.green-planet .gp-leaf:before {left: 1rem;}
.green-planet .gp-leaf:after {right: 1rem;}
.green-planet .gp-leaf-left:before {display: none;}
}

@media (max-width: 77.5em) {
html {font-size: 50%;}
/*leaf*/
.green-planet .gp-leaf:before {left: -1rem; top: 1rem; bottom: auto; width: 40px;}
.green-planet .gp-leaf:after {right: 1rem; bottom: 0; top: auto; width: 39px;}
.green-planet .gp-leaf-right:after {display: none;}
/*split*/
.green-planet .gp-split .gp-split-left,
.green-planet .gp-split .gp-split-right {margin: 0;}
.green-planet .gp-split .gp-split-img-right {padding: 4rem 30px 4rem 0;}
.green-planet .gp-split .gp-split-img-left {padding: 4rem 0 4rem 30px;}
}

@media (max-width: 53.75em) {
/*basic*/
.green-planet .gp-col-6 {width: 100%; float: none;}
.green-planet .gp-col-6-push {left: 0;}
.green-planet .gp-col-6-pull {right: 0;}
/*split*/
.green-planet .gp-split .gp-split-left,
.green-planet .gp-split .gp-split-right {padding: 30px;}
.green-planet .gp-split .gp-split-img-right,
.green-planet .gp-split .gp-split-img-left {padding: 0;}
/*carousel*/
.green-planet .slick-initialized .slick-slide {padding: 10px;}
.slick-prev:before, .slick-next:before {color: #f57d22;}
.green-planet .gp-carousel .gp-slick .slick-list {padding: 5rem 0 !important;}
}

@media (max-width: 40em) {
/*basic*/
.green-planet .gp-container {padding: 0 15px;}
.green-planet .gp-carousel .gp-container {padding: 0 30px;}
.green-planet .gp-mobile {display: block !important;}
.green-planet .gp-desktop {display: none;}
.green-planet .gp-a-center-mobile {text-align: center;}
/*leaf*/
.green-planet .gp-info.gp-leaf:before {display: none;}
.green-planet .gp-leaf:after {bottom: -3rem; width: 30px;}
/*hero*/
.green-planet .gp-hero .hp-hero-content {max-width: 90%;}
/*icons*/
.green-planet .gp-icons .gp-icons-wrapper {width: 100%; margin: 0;}
.green-planet .gp-icons h5 {font-size: 2rem;}
/*split*/
.green-planet .gp-split .gp-split-left,
.green-planet .gp-split .gp-split-right {padding: 30px 15px;}
}