@font-face {
font-family: 'newera';
src: url('fonts/NewEraCasualRegular.woff2') format('woff2'),
url('fonts/NewEraCasualRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'montbold';
src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
url('fonts/Montserrat-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'montsemibold';
src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
url('fonts/Montserrat-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'proximabold';
src: url('fonts/ProximaNova-Bold.woff2') format('woff2'),
url('fonts/ProximaNova-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'mont';
src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
url('fonts/Montserrat-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'proxima';
src: url('fonts/ProximaNova-Regular.woff2') format('woff2'),
url('fonts/ProximaNova-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'rifficbold';
src: url('fonts/RifficFree-Bold.woff2') format('woff2'),
url('fonts/RifficFree-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}




body {font-family: 'mont'; color:#1D1D1B; line-height:1.2;}
a {color:#1D1D1B;}
.bt .cntr p a {
    color: #fff;
    text-decoration: underline;
}
.cntr {width:100%; max-width: 1320px; padding:0px 20px; margin:0px auto;}
.pr_button {display: inline-block; height: 44px; background: url(../images/ic_btn.png) no-repeat top 13px right 20px #ffffff; border-radius: 5px; line-height: 1; color: #000000; padding: 13px 60px 0px 20px; margin: 0px auto; transition: 0.5s;}
.clearfix::after {content: ""; display: block; clear: both;}
.clear {clear: both;}
input[type=text] {font-family: 'mont'; border:none; outline:none; width:100%; height:30px; border-radius: 4px; padding:10px; box-sizing: border-box;}
textarea {font-family: 'mont'; border:none; outline:none; width:100%; height:100px; border-radius: 4px; padding:10px; box-sizing: border-box; resize: none;}
.owl-carousel .owl-stage { display: flex; }
.owl-carousel .item { height: 100%; }
.owl-nav {display: flex; gap: 16px; justify-content: end; padding-right:40px; padding-top:30px;}
.owl-nav button {width:43px; height:43px; padding:0px !important; margin: 0px !important; background: url(../images/ic_arr_left.png) no-repeat center center !important;}
.owl-nav button span {display:none;}
.owl-nav button.owl-next {background-image: url(../images/ic_arr_right.png) !important;}

.rb_cb {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.rb_cb input {position: absolute; opacity: 0; cursor: pointer;}
.rb_cb .checkmark {position: absolute; top: 50%; transform: translateY(-50%); left: 22px; height: 20px; width: 20px; background-color: #005A32; border-radius: 50%;}
.rb_cb .checkmark:after {position: absolute; content:''; display: block; top: 4px; left: 4px; width: 12px; height: 12px; border-radius: 50%; background: white;}
.rb_cb input:checked ~ .checkmark:before { content: ''; position: absolute; display: block; top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #005a32; z-index: 1;}

header .notification {background-color: #C7E9C0;}
header .notification .cntr {display: flex; justify-content: center;}
header .notification .tx {position: relative; font-family: 'proximabold'; font-size:18px; color:#005A32; padding:20px 0px; text-align: center;}
header .notification .tx:before {position: absolute; content: ''; width: 24px; height: 24px; background:url(../images/ic_star.png) no-repeat center center; background-size: 100%; left: -36px; top: 18px;}
header .notification .tx:after {position: absolute; content: ''; width: 24px; height: 24px; background:url(../images/ic_star.png) no-repeat center center; background-size: 100%; right: -36px; top: 18px;}
header .hdr {position: relative; background: url(../images/bg.png) top center #F7FCF5; height: 120px;}
header .hdr .bg {position: absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba(247,252,245,0.9);}
header .hdr .cntr {position: relative;}
header .hdr .lg {position: absolute; top:18px; left:50%; transform: translateX(-50%);}
header .hdr .mn {display: flex; justify-content: space-between;}
header .hdr .mn .lk {position: relative; display:block; color:#005A32; padding:10px; font-family: 'rifficbold'; font-size: 18px; text-transform: uppercase; transition: 0.5s;}
header .hdr .mn .lk:after {position:absolute; bottom:10px; left:10px; width:0px; height:2px; background-color: #000000; content:''; transition: 0.5s;}
header .hdr .mn .lt {display: flex; gap:40px; margin-top:42px; padding-left:120px;}
header .hdr .mn .rt {display: flex; gap:40px; margin-top:42px;}
header .hdr .mn .rt .ic {display: flex; gap: 0px; width: 120px; justify-content: flex-end;}
header .hdr .mn .rt .ic a {padding:4px; width: 40px; height:40px; display: flex; justify-content: center; align-items: center;}
header .hdr .mn .rt .ic a img {display: block;}
.hp_sec5 .tp .tx .dv .t3 strong {
    font-family: 'montbold';
}
.btn_menu {margin:4px 0px 0px 6px; display:none; background: url(../images/btn_menu.png) no-repeat center;}
.btn_menu.active {background-image: url(../images/btn_menu_close.png);}

.mobile_menu {position: absolute;top: 70px;right: 26px;background-color: #ffffff;z-index: 1;width: 200px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding: 4px 10px;border-radius: 10px; display: none;}
.mobile_menu a {display: block; font-size: 14px; font-family: 'montsemibold'; padding:8px 0px; border-top: 1px dashed #cccccc;}
.mobile_menu a:nth-child(1) {border:none}

.hp_sec1 {position: relative;}
.hp_sec1 .bg {position: absolute; top:0px; left:0px; width:100%; height:100%;  background: url(../images/bg.png) top center; opacity:0.2;}
.hp_sec1 .tp {background-color: #005A32; padding:60px 0px;}
.hp_sec1 .tp .bx {background-color: #ffffff; border-radius: 30px; overflow: hidden;}
.hp_sec1 .tp .bx .dv {position: relative; display:flex;}
.hp_sec1 .tp .bx .dv .lt {width: 50%; display: flex; justify-content: center; align-items: center;}
.hp_sec1 .tp .bx .dv .lt .tx {width: 100%; padding:0px 60px; color:#005A32;}
.hp_sec1 .tp .bx .dv .lt .tx .t1 {font-family: 'rifficbold'; font-size: 38px; margin-bottom:26px;}
.hp_sec1 .tp .bx .dv .lt .tx ul {font-family: 'newera'; font-size: 18px;}
.hp_sec1 .tp .bx .dv .lt .tx ul li {padding:0px 0px 20px 30px; background: url(../images/ic_tick.png) no-repeat 0px 0px;}
.hp_sec1 .tp .bx .dv .lt .tx ul li span {display:block; color:#959595; font-size: 14px; line-height: 1.2; margin-top:4px;}
.hp_sec1 .tp .bx .dv .rt {width: 50%; background:url(../images/pic-1_3.png) no-repeat center center; background-size: cover; min-height: 500px;}
.hp_sec1 .bt {background-color: #F7FCF5;}
.hp_sec1 .bt .cntr {background-color: #F7FCF5; border-radius: 30px;}
.hp_sec1 .bt .bx {position: relative; display: flex; padding:36px 0px;}
.hp_sec1 .bt .bx .lt {width: 50%;}
.hp_sec1 .bt .bx .lt img  {width: 100%;}
.hp_sec1 .bt .bx .rt {width: 50%; padding: 0px 80px;}
.hp_sec1 .bt .bx .rt .t1 {font-family: 'rifficbold'; font-size: 38px; margin-bottom: 10px; color:#005A32;}
.hp_sec1 .bt .bx .rt .t2 {font-family:'montsemibold'; font-size: 14px; line-height: 1.5; margin-bottom:20px;}
.hp_sec1 .bt .bx .rt .rb {margin-bottom: 30px;}
.hp_sec1 .bt .bx .rt .rb .rb_cb {border: 4px solid #005a32; padding:16px 16px 16px 60px;}
.hp_sec1 .bt .bx .rt .rb .rb_cb .rb_tx {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.hp_sec1 .bt .bx .rt .rb .rb_cb .rb_tx .rb_lt {font-family: 'montsemibold'; font-size: 16px;}
.hp_sec1 .bt .bx .rt .rb .rb_cb .rb_tx .rb_lt .rb_t2 {font-family: 'montsemibold'; font-size: 12px;}
.hp_sec1 .bt .bx .rt .rb .rb_cb .rb_tx .rb_rt {text-align: right;}
.hp_sec1 .bt .bx .rt .rb .rb_cb .rb_tx .rb_rt .rb_t1 {font-family: 'montsemibold'; font-size: 18px; color:#005A32;}
.hp_sec1 .bt .bx .rt .rb .rb_cb .rb_tx .rb_rt .rb_t1 span {position: relative;}
.hp_sec1 .bt .bx .rt .rb .rb_cb .rb_tx .rb_rt .rb_t1 span:after {position: absolute; top:50%; margin-top:-1px; width:100%; height:2px; left:0px; content:''; background:#005A32;}
.hp_sec1 .bt .bx .rt .rb .rb_cb .rb_tx .rb_rt .rb_t2 {font-family: 'montsemibold'; font-size: 12px; color:#005A32;}
.hp_sec1 .bt .bx .rt .lk {display: flex; gap:20px; margin-bottom:26px; align-items: center;}
.hp_sec1 .bt .bx .rt .lk .nm {border:2px solid #E5E5E5; display: flex; background-color: #ffffff;align-items: center;font-size: 20px;}
.hp_sec1 .bt .bx .rt .lk .nm .btn-number{color: #06bc88;}
.hp_sec1 .bt .bx .rt .lk .nm .btn-number.disabled{cursor: not-allowed;color: #e7e7e7;pointer-events: none;}
.hp_sec1 .bt .bx .rt .lk .nm .tx {width:46px; text-align: center; font-family: 'montbold'; padding:4px 0px;}
.hp_sec1 .bt .bx .rt .lk .nm .minus {width:24px; text-align: center; border-right:2px solid #E5E5E5; cursor: pointer;}
.hp_sec1 .bt .bx .rt .lk .nm .minus img {display: block;width: 8px;margin: 9px auto 0px auto;}
.hp_sec1 .bt .bx .rt .lk .nm .plus {width:24px; text-align: center; border-left:2px solid #E5E5E5; cursor: pointer;}
.hp_sec1 .bt .bx .rt .lk .nm .plus img {display: block;width: 8px;margin: 9px auto 0px auto;}
.hp_sec1 .bt .bx .rt .lk button {background-color: #005A32; color:#ffffff; font-family: 'montsemibold'; text-transform: uppercase; width:100%; height:60px; border-radius: 30px; cursor: pointer; outline: none; border: none; transition: 0.5s;}
.hp_sec1 .bt .bx .rt .features {display: flex; gap:60px;}
.hp_sec1 .bt .bx .rt .features .dv {width:33.33%; text-align: center;}
.hp_sec1 .bt .bx .rt .features .dv .pc {margin-bottom:4px;}
.hp_sec1 .bt .bx .rt .features .dv .t1 {font-size: 12px; color:#005A32; font-family: 'montsemibold';}

.hp_sec2 {background:url(../images/layer_20.jpg) no-repeat center center #5A8C4D; height:660px; font-family: 'Bebas Neue', sans-serif;}
.hp_sec2 .cntr {position: relative; height:100%;}
.hp_sec2 .mobpc {display: none}
.hp_sec2 .mobpc img {width: 100%; display: block;}
.hp_sec2 .tp {position: absolute;top:74px;right:20px;width: 670px;}
.hp_sec2 .tp .bx {background-color: #C7E9C0;border-radius: 20px;width: 490px;height:240px;display: flex;}
.hp_sec2 .tp .bx .tx {display: flex;gap:24px;align-items: center;margin-left: 34px;}
.hp_sec2 .tp .bx .tx .dv {text-align: center;}
.hp_sec2 .tp .bx .tx .t1 {background-color: #1E551E; border-radius: 4px; color:#C5E4B9; letter-spacing: 1px; font-size: 17px; text-transform: uppercase; padding:8px 16px 6px 16px;}
.hp_sec2 .tp .bx .pc {position: absolute; top:-38px; right:0px;}
.hp_sec2 .bt {position: absolute; bottom:80px; right:60px; text-align: center; color:#5d3a20; font-size:60px; line-height: 1; letter-spacing: 2px;}

.hp_sec3 {padding:80px 0px;}
.hp_sec3 .cntr {max-width: 1250px;}
.hp_sec3 .ttl {font-family: 'rifficbold'; font-size: 38px; margin-bottom: 30px; text-align: center; color:#005A32;}
.hp_sec3 .tx {font-family: 'montsemibold'; color:#005A32; line-height: 1.5; text-align: center; margin-bottom: 80px;}
.hp_sec3 .grd {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; text-align: center;}
.hp_sec3 .grd .bx {border: 1px solid #5C967B; background-color: #1A6B47; border-radius: 30px; overflow: hidden; box-shadow: 0px 0px 40px rgba(26, 107, 71, 0.3);}
.hp_sec3 .grd .bx .tp {position: relative; height:220px; background: url(../images/hp_sec3_pic0.png) no-repeat left 0px top  0px #ffffff; background-size: 100%;}
.hp_sec3 .grd .bx .tp img {position: absolute; bottom:-45px; left:50%; transform: translateX(-50%);}
.hp_sec3 .grd .bx:nth-child(1) .tp img {bottom: -80px;}
.hp_sec3 .grd .bx:nth-child(2) .tp img {bottom: -50px;}
.hp_sec3 .grd .bx:nth-child(3) .tp img {bottom: -80px;}
.hp_sec3 .grd .bx:nth-child(6) .tp img {bottom: -35px;}
.hp_sec3 .grd .bx:nth-child(8) .tp img {bottom: -60px;}
.hp_sec3 .grd .bx:nth-child(4) .tp img {bottom: -55px;}
.hp_sec3 .grd .bx .bt {color:#ffffff; padding:60px 20px;}
.hp_sec3 .grd .bx .bt .t1 {font-family: 'rifficbold'; font-size: 38px; margin-bottom:20px;}
.hp_sec3 .grd .bx .bt .t2 {font-size: 15px; line-height: 1.6;}

.hp_sec4 {background: url(../images/hp_sec4_bg.jpg) no-repeat top center; background-size:cover; overflow: hidden;}
.hp_sec4 .cntr {position: relative; height:100%; padding-top:70px; max-width: 100%;}
.hp_sec4 .pc {position: relative; left:50%; margin-left:-860px; }
.hp_sec4 .pc img {display: block;}
.hp_sec4 .cr {position: absolute; top:100px; right:0px; width:50%;}
.hp_sec4 .cr .tx {font-family: 'rifficbold'; font-size: 38px; margin-bottom:26px; color:#EBF7E7;}
.hp_sec4 .cr .item {background-color: #EBF7E7; border-top:12px solid #0F7D4D; border-radius: 6px; padding:20px; color:#0D784C;}
.hp_sec4 .cr .item .t1 {font-family: 'montbold'; margin-bottom:20px;}
.hp_sec4 .cr .item .t2 {}



.hp_sec5 {padding:100px 0px;}
.hp_sec5 .cntr {max-width: 1000px;}
.hp_sec5 .tp {margin-bottom:140px;}
.hp_sec5 .tp .ttl {font-family: 'rifficbold'; font-size: 38px; margin-bottom: 50px; text-align: center; color:#005A32;}
.hp_sec5 .tp .pc img {width: 100%;}
.hp_sec5 .tp .tx {display: flex; gap:80px; margin-top:-120px;}
.hp_sec5 .tp .tx .dv {width: 33.33%; text-align: center; color:#005A32;}
.hp_sec5 .tp .tx .dv .t1 {font-family: 'rifficbold';-webkit-text-stroke: 2px #ffffff; color:#41AB5D; font-size: 160px; line-height: 1; margin-bottom: 0px;}
.hp_sec5 .tp .tx .dv .t2 {font-family: 'rifficbold'; font-size: 60px; color:#238B45; margin-bottom: 20px;}
.hp_sec5 .tp .tx .dv .t3 {font-family: 'montsemibold'; line-height: 1.5;}
.hp_sec5 .bt .ttl {font-family: 'montbold'; font-size: 28px; margin-bottom: 30px; color:#005A32;}
.hp_sec5 .bt .dv {margin-bottom: 30px;}
/*.hp_sec5 .bt .dv .t1 {font-family: 'montbold'; color:#005A32; font-size: 20px; margin-bottom:10px;}*/
.hp_sec5 .bt .dv .t1 {font-family: 'montbold'; margin-bottom:10px;}
/*.hp_sec5 .bt .dv .t2 {font-family: 'montsemibold'; line-height: 1.5;}*/
.hp_sec5 .bt .dv .t2 {line-height: 1.5;margin-bottom:10px;font-family: 'montsemibold';}
.hp_sec5 .bt .dv .t2 span{color: #f48a2b;}
.hp_sec5 .bt .dv .t3 {color:#0e5787;font-family: 'montsemibold';}
footer {background-color: #005A32; padding-top:70px; color:#D2EDCD;}
footer .tp {display: flex; justify-content: space-between; align-items: center; margin-bottom: 90px;}
footer .tp .lt {font-family: 'rifficbold'; font-size: 36px;}
footer .tp .rt a {font-family: 'mont'; height:66px; font-size: 17px; width: 290px; text-align: center; padding-top:22px; border-radius: 35px; text-transform: uppercase; color:#D2EDCD; border: 2px solid #D2EDCD; display: block; transition: 0.5s;}
footer .md {display: flex; justify-content: space-between; gap:40px;}
footer .md .lt .lg {margin-bottom: 30px;}
footer .md .lt .tx {line-height: 1.8; font-family: 'montsemibold'; margin-bottom:20px;}
footer .md .lt .sm {display: flex; gap:7px; margin-bottom:10px;}
footer .md .lt .sm a {transform-origin: center; transition: 0.5s;}
footer .md .rt {display: flex; justify-content: space-between; width: 450px; gap: 40px;}
footer .md .rt .dv {margin-bottom:30px;}
footer .md .rt .dv .tx {font-family: 'montbold'; margin-bottom: 6px;}
footer .md .rt .dv a {display: block; color: #D2EDCD; padding-bottom: 6px; transition: 0.5s;}
footer .bt {height:auto; background-color:#238B45; margin-top: 40px;padding:30px 0px;}
.bt .cntr p {
    margin-bottom: 15px;
    line-height: 20px;
    text-transform: uppercase;
    /* font-weight: bold; */
    color: #fff;
    font-size:12px;
}
.bt .cntr p strong {
    font-weight: bold;
}

@media(max-width:1200px){
    header .hdr .mn .rt {gap: 20px;}
    header .hdr .mn .lt {gap: 20px; padding-left:80px;}
    header .hdr .mn .rt .ic {width:80px;}
    .hp_sec1 .tp .bx .dv .lt .tx .t1,
    .hp_sec1 .bt .bx .rt .t1,
    .hp_sec3 .ttl,
    .hp_sec4 .cr .tx,
    .hp_sec5 .tp .ttl,
    footer .tp .lt,
    .hp_sec3 .grd .bx .bt .t1 {font-size: 30px;}
    .hp_sec1 .bt .bx .rt {padding: 0px 0px 0px 40px;}
    
}

@media(max-width:980px){
    header .hdr {height: 96px;}
    header .hdr .lg {left: 20px; transform: none;}
    header .hdr .lg img {width: 120px;}
    header .hdr .mn {justify-content: right;}
    header .hdr .mn .lt {margin-top:30px;}
    header .hdr .mn .rt {margin-top:30px;}
    .hp_sec1 .tp .bx .dv .lt .tx .t1,
    .hp_sec1 .bt .bx .rt .t1,
    .hp_sec3 .ttl,
    .hp_sec4 .cr .tx,
    .hp_sec5 .tp .ttl,
    footer .tp .lt,
    .hp_sec3 .grd .bx .bt .t1 {font-size: 26px;}
    .hp_sec1 .tp .bx .dv .lt .tx {padding:0px 30px;}
    .hp_sec4 .pc {margin-left: -650px;}
    .hp_sec5 .tp .tx {gap: 40px; margin-top: -70px;}
    .hp_sec5 .tp .tx .dv .t1 {font-size: 100px;}
    .hp_sec5 .tp .tx .dv .t2 {font-size: 40px;}
    footer .tp {flex-direction: column; margin-bottom:40px; gap:20px;}
}


@media(max-width:767px){
    .ComnflxBox {display: block !important;}
    
    .ComnflxBox .colBgBx {    width: 95% !important;margin-bottom:20px !important;}
        .ComnflxBox .totalR-box p {
        padding: 5px 15px !important;
    }
    header .notification .tx {width: 100%; padding-left: 40px; padding-right: 40px; font-size: 16px;}
    header .notification .tx:before {left:0px;}
    header .notification .tx:after {right:0px;}
    header .hdr .mn .lt {display: none;}
    header .hdr .mn .rt {margin-top: 26px;}
    header .hdr .mn .rt .lk {display: none;}
    header .hdr .mn .rt .ic a.btn_menu {display:block;}
    header .hdr .mn .rt .ic {width:130px;}
    .hp_sec1 .tp .bx .dv .lt .tx .t1,
    .hp_sec1 .bt .bx .rt .t1,
    .hp_sec3 .ttl,
    .hp_sec4 .cr .tx,
    .hp_sec5 .tp .ttl,
    footer .tp .lt,
    .hp_sec3 .grd .bx .bt .t1 {font-size: 24px;}
    .hp_sec1 .tp .bx .dv {flex-direction: column-reverse;}
    .hp_sec1 .tp .bx .dv .lt {width:100%;}
    .hp_sec1 .tp .bx .dv .rt {width:100%; min-height: 330px;}
    .hp_sec1 .tp .bx .dv .lt .tx {padding:30px 20px 10px 20px;}
    .hp_sec1 .bt .bx {flex-direction: column;}
    .hp_sec1 .bt .bx .lt {width:100%; margin-bottom:20px;}
    .hp_sec1 .bt .bx .rt {width:100%; padding:0px;}
    .hp_sec2 {position: relative; background: none; background-color:#5A8C4D; background-size: contain; height: auto;}
    .hp_sec2 .cntr {height:auto; padding-bottom:20px;}
    .hp_sec2 .mobpc {display: block;}
    .hp_sec2 .tp {position: relative; top:0px; margin-bottom:20px; right: 0px; width: 100%;}
    .hp_sec2 .bt {position: relative; bottom: 0px; right: 0px; font-size: 34px;}
    .hp_sec2 .tp .bx {width: auto; height: auto; padding: 20px 0px;}
    .hp_sec2 .tp .bx .pc {width:200px; top:-17px;}
    .hp_sec2 .tp .bx .pc img { width: 100% !important;height: 100% !important;}
    .hp_sec3 {padding: 40px 0px;}
    .hp_sec3 .tx {margin-bottom: 40px;}
    .hp_sec3 .grd {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .hp_sec3 .grd .bx .bt {padding: 40px 20px 30px 20px;}
    .hp_sec4 .cntr {height: auto; padding-top:40px; padding-right:0px;}
    .hp_sec4 .owl-nav {padding-right: 20px; padding-top: 10px; margin-bottom: 30px;}
    .hp_sec4 .pc {margin-left: 0px; left:0px;}
    .hp_sec4 .pc img {width: 100%;}
    .hp_sec4 .cr {position: relative; top: 20px; width: 100%;}
    .hp_sec5 {padding: 60px 0px;}
    .hp_sec5 .tp {margin-bottom: 60px;}
    .hp_sec5 .tp .ttl {margin-bottom:20px;}
    .hp_sec5 .tp .tx {flex-direction: column; margin-top:40px; gap: 20px;}
    .hp_sec5 .tp .tx .dv {width:100%; border:1px solid #00ff8e; padding:20px; border-radius: 10px;}
    .hp_sec5 .tp .tx .dv .t1 {font-size: 40px; -webkit-text-stroke: 2px #585858;}
    .hp_sec5 .tp .tx .dv .t2 {font-size: 30px; margin-bottom:10px;}
    footer {padding-top: 60px;}
    footer .md {flex-direction: column-reverse;}
    footer .md .lt {text-align: center;}
    footer .md .lt .sm {justify-content: center;}
    footer .md .rt {width:100%;}
    footer .md .rt .l {width:50%;}
    footer .md .rt .r {width:50%;}
    footer .md .rt .dv a {padding-bottom:14px;}
    footer .md .rt .dv .tx {margin-bottom: 14px;}
}

@media(max-width:600px){
    .hp_sec2 .tp .bx {flex-direction: column; align-items: center; gap:20px;}
    .hp_sec2 .tp .bx .tx {margin:0px;}
    .hp_sec2 .tp .bx .pc {position:relative; top:0px;}
}

@media(max-width:500px){
    .hp_sec1 .bt .bx .rt .features {flex-direction: column; gap:10px; border-top:1px dashed #ccc; padding-top:10px;}
    .hp_sec1 .bt .bx .rt .features .dv {width:100%; border-bottom:1px dashed #ccc;}
}

@media(min-width:980px){
    header .hdr .mn .lk:hover {color: #000000;}
    header .hdr .mn .lk:hover:after {width:calc(100% - 20px);}
    .hp_sec1 .bt .bx .rt .lk button:hover {background-color:#000000; border-radius: 10px;}
    footer .md .lt .sm a:hover {transform:scale(1.1);}
    footer .tp .rt a:hover  {background-color:#D2EDCD; border-radius: 10px; color:#000000;}
    footer .md .rt .dv a:hover {color:#fff67f; text-decoration: underline;}
}
.hp_sec1 .bt .bx .rt .lk button a{color:#fff;}
.hp_sec11{background-color: #F7FCF5;}
.cart_num{    position: relative;
    display: block;
    color: #005A32;
    padding: 1px;
    font-family: 'rifficbold';
    font-size: 15px;
    text-transform: uppercase;
    transition: 0.5s;
}
.lipo-form{    border-top: 30px solid #005A32;
    background-color: #fff;
}
.tb-bg{    background: #edeeef !important;}
/*.removeCart{background: #b7b9bb !important;}*/
.tb-bg table tr td{font-family: 'montsemibold' !important;}
.western{color: #005A32 !important;font-family: 'montsemibold';padding-bottom:20px;}
.globaltxt{color: #005A32 !important;font-family: 'rifficbold';padding-bottom:20px;}
.how_new_d p strong{font-weight:700;}
.how_new_d p a{color: #005A32;text-decoration: underline;}
.how_new_d{position: relative;}
.how_new_d p{padding-bottom:20px;}
.how_new_d ol,.how_new_d ul{    list-style: auto;
    padding-left: 30px;padding-bottom:20px;}
.how_new_d ol li,.how_new_d ul li{padding-bottom: 10px;}
/* ----- MODAL STYLE ----- */
.cart_show_opn .modal-content {
		border-radius: 0;
		border: none;
	}
.cart_show_opn .modal-header .close span{font-size: 50px;
    color: #000;}
.cart_show_opn .modal-header {
	padding: 19px 10px !important;
    background: #bcbdc0 !important;
}
.cart_show_opn .modal-content{padding: 0px !important;}
.cart_show_opn.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 450px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
.cart_show_opn .modal-body{background: #f2f3f4;}

.cart_show_opn.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
.cart_show_opn.modal.right .modal-body {
		padding: 15px 15px 80px;
}
.cart_show_opn .modal-title{
    display: flex;
	width: 150px;
	padding-top: 5px;
    margin: 0px;
	color: #fff;
    font-size: 22px;
}
.cart_show_opn h5{
 text-decoration: none;
    font-size: 24px;
       color: #00361e;
}
@media screen and (max-width: 400px) {
	.cart_show_opn .modal-title{width: 100px !important;}
	.cart_show_opn .modal-content{width: 300px !important;}
	.removeCart{font-size: 10px !important;}
	#mini-cart .check-out{padding: 10px 50px !important;}
}
.modal-body .check-out{}
.cart_show_opn .close{background: #bcbdc0;border: none;position: fixed;
    right: 10px;color: #fff;padding-top: 0px;  opacity: 1;}
/* The Modal (background) */
.cart_show_opn.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999999; /* Sit on top */
  padding-top: 100px;
  right:0px;/* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.cart_show_opn  .modal-content {
  background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 400px;
right: 0px;
position: fixed;
top: 0px;
height:100%;
}
#myModalcart{display:none;}
/* The Close Button */
/* .cart_show_opn  .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
} */
.cart_prices{border-top:1px solid;border-bottom:1px solid;}
.cart_show_opn  .close:hover,
.cart_show_opn  .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/*#mini-cart{padding: 5px !important;}*/
.cart_img img{width:80px;}
.cart_img {
    width: 20%;
}
.cart_data {
    width: 50%;
}
.cart_price {
    width: 30%;
}
.cart_items{font-size: 15px;
    display: flex;}
.cart_items h3,.cart_price h6,.cart_prices h6{font-size: 14px;margin: 0px;}

.cart_items > div {
 
  margin: 7px;
}
.loader img {
    width: 50px;
    position: relative;
    top: 35%;
}
.modal-content .loader{
    position: absolute;
    width: 100%;
    z-index: 9999999999;
    background: #bcbdc0b3;
    height: 100%;
    text-align: center;
    min-height: 100px;
}

.loader{
    position: absolute;
    width: 100%;
    z-index: 99;
    /* background: #584d4d54; */
	background: #bcbdc0b3;
    height: 100%;
    text-align: center;
    min-height: 1615px;
}
.suntotal_add{float: right;
    padding-right: 25px;
	margin-bottom: 70px;
}
#mini-cart{overflow-y: auto;
    height: 550px;}
/*
 *  STYLE 1
 */

 #mini-cart::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#mini-cart::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

#mini-cart::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #bcbdc0;
}
	#mini-cart p{font-size: 25px;
    text-align: center;}
	/* #mini-cart .check-out{display:none !important;} */
	.removeCart{
		text-decoration: underline;
    color: #00361e;
    border: 0px;    margin-top: 10px;
	}
	
	#mini-cart .check-out{bottom: 25px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    border: 1.6px solid #3ab54a;
    border-radius: 10px !important;
    display: block;
	font-family: 'MADE TOMMY';
    font-weight: 500;
    /* width: 60% !important; */
    /* margin: 100px auto 0; */
	padding: 10px 100px;
    background: #3ab54a;
    line-height: 100%;
    position: fixed;
	z-index:9999999;
	}
.check-out a{color:#fff;}
.form-inline{display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
.cvBx.flex_display{display:flex;}
.form-inline .form-group {
    font-size: 15px;
    color: #000;
    margin-top: 5px;
    font-family: 'Arial';
    text-transform: capitalize;
    margin: 0 1%;
    width: 29%;
    margin-bottom: 20px;
}
.lipo-form .form-inline .form-group .form-control {
    height: 45px !important;
    background: #EDEEEF;
    border-radius: 0;
    font-family: montsemibold !important;
    font-weight: 400 !important;
    font-size: 20px;
}
.form-inline .form-group .form-control {
    width: 100%;
    color: #000;
    box-shadow: none;
    transition: none;
    background-color: #f0f7f9;
    border: none;
    font-family: 'Lato', sans-serif;
    display: block;
    font-weight: 400;
    padding: 6px 12px;
    height: 34px !important;
    font-size: 15px;
}
.grey-sms{display:none;}
.lipo-form{    padding-bottom: 30px;}
/*lipozn-frm*/

.lipo-form .product-form {padding: 20px 0 0 0;}

.lipo-form .product-form .form-inline {display:block;}

/*.lipo-form .form-inline .form-group {width:100%;margin-bottom:13px;}*/

/*.lipo-form .form-inline .form-group.wdth-full {display:flex;}*/

.lipo-form .form-inline .form-group label.checkbox-custom-label {font-family: montsemibold !important;
    font-weight: 400;line-height: 19px;padding-left: 22px;}

.lipo-form .form-inline .form-group.cvBx .cstmChck-b {display:flex;}

.lipo-form .form-inline .form-group.terms-cndisn {width:auto;display:flex;}

.lipo-form .form-group.submt-try-btn {width:100%;margin:10px 0 20px;}

.lipo-form .form-group.submt-try-btn input[type=submit] {max-width:100%;}

.lipo-form .form-group.submt-try-btn {max-width:100%;}

.lipo-form .form-inline .form-group .form-control {font-size:17px;}

.lipo-form .form-inline .form-group .form-control::-webkit-input-placeholder { /* Edge */

  color: #000;font-size:20px;}

.lipo-form .form-inline .form-group .form-control:-ms-input-placeholder { /* Internet Explorer */

  color: #000;font-size:20px;}

.lipo-form .form-inline .form-group .form-control::placeholder {

  color: #000;font-size:20px;}

.lipo-form {margin:0 0 0px 0;}

ul.viasLst {width:100%;margin:0 0 10px 0;}

.form-inline .form-group.wdth-full.cvBx .visa-img {width:auto;}
@media(min-width: 320px) and (max-width: 767px){
    .tb-bg table tr td:nth-child(1){    padding-right: 50px !important;}
    .ComnflxBox .totalR-box p {
    padding: 5px;}
    .shipingTbl{width:100%;}
    .th_img{display:none;}
    .cart_data{padding-left: 10px;}
    .cart_img img {
    width: 50px !important;
}
    table.shipingTbl tr td:nth-child(2) {
    width: 230px;
}
.search-wrapper input.form-control {
    font-size: 20px;
    font-weight: 100;
}
.ComnflxBox .totalR-box p label{padding:0px !important;    min-width: auto !important;}
    .comn-block p {
    font-size: 15px !important;}
    .tb-bg {padding: 25px 20px !important;}
    .tb-bg table tr td{    font-size: 15px !important;}
    .cstmChck-b{width:100% !important;}
    .right-outer{width:100% !important;}
   
    .let-outer{width:100% !important;}
    .lipo-form .form-inline .form-group .form-control {
        font-size: 16.7px;
    }
        .lipo-form .form-inline .form-group {
        width: 100%;
        margin-bottom: 13px;
    }
    .try-it-Now {
   
        padding: 10px 0px !important;
        
        font-size: 18px !important;
    }
    .lipo-form .form-inline .form-group .form-control::-webkit-input-placeholder { /* Edge */

  color: #000;font-size:16.7px;}

.lipo-form .form-inline .form-group .form-control:-ms-input-placeholder { /* Internet Explorer */

  color: #000;font-size:16.7px;}

.lipo-form .form-inline .form-group .form-control::placeholder {

  color: #000;font-size:16.7px;}
    
 

}
.cvBx,.am-years,.terms-cndisn{margin-bottom: 8px !important;}
.top_blue.inPages{    background: #005A32;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-family: 'rifficbold';
}
table.table.shipingTbl {
    margin-top: 25px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;    border-collapse: collapse;
}
.shipingTbl.table td, .shipingTbl.table th {
    padding: .75rem;
    vertical-align: top;
    border-bottom: 1px solid #dee2e6;
}
.ComnflxBox .colBgBx {
    background: #ececec;
    border-radius: 8px;
    margin: 0 10px;
    width: 50%;
   
}
.ComnflxBox{display: flex;
    gap: 20px;margin-bottom: 29px;
}
.ComnflxBox .colBgBx h3 {
    background:#005A32;
    padding: 12px 15px;
    color: #fff;
    font-size: 20px;
    border-radius: 8px 8px 0 0;
    margin: 0 0 15px;
}
.totalR-box p {
   text-align: left; 
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    padding-bottom: 5px;
}
.ComnflxBox .totalR-box p label.labCol, .ComnflxBox .totalR-box p label {
    min-width: 135px;
    max-width: inherit;
}
.ComnflxBox .totalR-box p label.labCol {
    position: relative;
    padding-right: 10px;
    text-align: left;
    min-width: 135px;
    width: 40%;
}
.totalR-box p label.labCol {
    font-weight: 600;
}
.ComnflxBox .totalR-box p label {
    margin: 0;
    min-width: 250px;
    padding: 0 15px;
    word-break: break-all;
    vertical-align: top;
}
.tdCol_pd .totalR-box{float: right;}
.totalR-box p {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 5px;
    border-bottom: 1px solid #dee2e6;
}.btnCart{
    align-items: center;
    display: flex;
    background-color: #005A32;
    color: #ffffff;
    font-family: 'montsemibold';
    text-transform: uppercase;
    width: 100%;
    height: 60px;
    border-radius: 30px;
    cursor: pointer;
    outline: none;
    border: none;
    transition: 0.5s;
    justify-content: center;
}