@charset "utf-8";
/*
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1300px) {
}
*/
/* 1200px changed to 1300px */
/* =====core structure================ */
html {height:100%;}
body {margin:0; direction:rtl; min-height:100%;font-size:15px; font-family: "Assistant", Arial, Helvetica, sans-serif; overflow-x:hidden;overflow-y:scroll;background-size:cover;background-attachment:fixed;}
@media (min-width: 576px) {
body {margin:0; direction:rtl; min-height:100%;font-size:15px; font-family: "Assistant", Arial, Helvetica, sans-serif; overflow-x:hidden;overflow-y:scroll;background-size:cover;background-attachment:fixed;}
}
@media (min-width: 768px) {
body {margin:0; direction:rtl; min-height:100%;font-size:15px; font-family: "Assistant", Arial, Helvetica, sans-serif; overflow-x:hidden;overflow-y:scroll;background-size:cover;background-attachment:fixed;}
}
@media (min-width: 992px) {
body {margin:0; direction:rtl; min-height:100%;font-size:15px; font-family: "Assistant", Arial, Helvetica, sans-serif; overflow-x:hidden;overflow-y:scroll;background-size:cover;background-attachment:fixed;}
}
@media (min-width: 1300px) {
body {margin:0; direction:rtl; min-height:100%;font-size:15px; font-family: "Assistant", Arial, Helvetica, sans-serif; overflow-x:hidden;overflow-y:scroll;background-size:cover;background-attachment:fixed;}
}
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position:relative;
}
div, nav, section, article, footer {
float:right; /* ========== */
height:auto;
padding:0;
}
.bx-wrapper div{position:static!important;}
button {font-family: "Assistant", Arial, Helvetica, sans-serif;}
p a img{vertical-align:top;} /* editor images*/
/*a:hover {text-decoration:underline;}*/
/* ===== absolute and fixed ==== */
.abs {position:absolute;}
.abs-nav {position:absolute;right:-5px;top:100%;}
@media (min-width: 576px) {
.abs-sm {position:absolute;}
.abs-nav-sm {position:absolute;right:-5px;top:100%;}
}
@media (min-width: 768px) {
.abs-md {position:absolute;}
.abs-nav-md {position:absolute;right:-5px;top:100%;}
}
@media (min-width: 992px) {
.abs-lg {position:absolute;}
.abs-nav-lg {position:absolute;right:-5px;top:100%;}
}
@media (min-width: 1300px) {
.abs-xl {position:absolute;}
.abs-nav-xl {position:absolute;right:-5px;top:100%;}
}
.abs1 {position:absolute; height:100%; right:0; top:0; z-index:10;}
@media (min-width: 576px) {
.abs1-sm {position:absolute; height:100%; right:0; top:0; z-index:10;}
}
@media (min-width: 768px) {
.abs1-md {position:absolute; height:100%; right:0; top:0; z-index:10;}
}
@media (min-width: 992px) {
.abs1-lg {position:absolute; height:100%; right:0; top:0; z-index:10;}
}
@media (min-width: 1300px) {
.abs1-xl {position:absolute; height:100%; right:0; top:0; z-index:10;}
}
.abs-fade {
position:absolute;
right:0;
bottom:0;
z-index:1000;
}
.abs img{
width:100%;
}
.fixed {
position:fixed;
}
.fixed img{
width:100%;
}
input{accent-color:var(--black70)!important;}
.swiper-pagination-bullet {height:15px!important;width:15px!important;background-color:var(--yellow)!important;}
/* ====================== */
.nav-side div{cursor:pointer;}
/* ======================= */
.submit {opacity:0.9;}
.submit:hover {opacity:1.0;}
.submit:active {background-color:var(--yellow);}
.qty:active {background-color:var(--black70); color:var(--white);}
/* =============== */
.block a, .block {display:block;}
.block label {display:block;}
/* ====== flex =========== */
.flex-centered {display: flex; justify-content: center; align-items: center;}
@media (min-width: 576px) {
.grid .flex-centered-sm, .flex-centered-sm {display: flex!important; justify-content: center!important; align-items: center!important;}
}
@media (min-width: 768px) {
.grid .flex-centered-md, .flex-centered-md {display: flex!important; justify-content: center!important; align-items: center!important;}
}
@media (min-width: 992px) {
.grid .flex-centered-lg, .flex-centered-lg {display: flex!important; justify-content: center!important; align-items: center!important;}
}
@media (min-width: 1300px) {
.grid .flex-centered-xl, .flex-centered-xl {display: flex!important; justify-content: center!important; align-items: center!important;}
}
/* ===== nav top ======== */
.nav_link_upper .selectedTop{display:block;color:#ffcc00!important;}
.nav_link_upper a{color:#fff!important;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ==========columns start============= */
.w1 {width:100%;} .w2 {width:50%;} .w3 {width:33.3333%;} .w4 {width:25%;} .w5 {width:20%;} .w6 {width:16.6667%;} .w7 {width:14.2857%;} .w8 {width:12.5000%;} .w9 {width:11.1111%;} .w10 {width:10%;} .w11 {width:9.0909%;} .w12 {width:8.3333%;} .w13 {width:7.6923%;} .w14 {width:7.1429%;} .w15 {width:6.6667%;} .w16 {width:6.2500%;} .w17 {width:5.8824%;} .w18 {width:5.5556%;} .w19 {width:5.2632%;} .w20 {width:5%;} .wauto{width:auto;}
@media (min-width: 576px) {
.w1-sm {width:100%!important;} .w2-sm {width:50%!important;} .w3-sm {width:33.3333%!important;} .w4-sm {width:25%!important;} .w5-sm {width:20%!important;} .w6-sm {width:16.6667%!important;} .w7-sm {width:14.2857%!important;} .w8-sm {width:12.5000%!important;} .w9-sm {width:11.1111%!important;} .w10-sm {width:10%!important;} .w11-sm {width:9.0909%!important;} .w12-sm {width:8.3333%!important;} .w13-sm {width:7.6923%!important;} .w14-sm {width:7.1429%!important;} .w15-sm {width:6.6667%!important;} .w16-sm {width:6.2500%!important;} .w17-sm {width:5.8824%!important;} .w18-sm {width:5.5556%!important;} .w19-sm {width:5.2632%!important;} .w20-sm {width:5%!important;} .wauto-sm{width:auto!important;}
}
@media (min-width: 768px) {
.w1-md {width:100%!important;} .w2-md {width:50%!important;} .w3-md {width:33.3333%!important;} .w4-md {width:25%!important;} .w5-md {width:20%!important;} .w6-md {width:16.6667%!important;} .w7-md {width:14.2857%!important;} .w8-md {width:12.5000%!important;} .w9-md {width:11.1111%!important;} .w10-md {width:10%!important;} .w11-md {width:9.0909%!important;} .w12-md {width:8.3333%!important;} .w13-md {width:7.6923%!important;} .w14-md {width:7.1429%!important;} .w15-md {width:6.6667%!important;} .w16-md {width:6.2500%!important;} .w17-md {width:5.8824%!important;} .w18-md {width:5.5556%!important;} .w19-md {width:5.2632%;} .w20-md {width:5%!important;} .wauto-md{width:auto!important;}
}
@media (min-width: 992px) {
.w1-lg {width:100%!important;} .w2-lg {width:50%!important;} .w3-lg {width:33.3333%!important;} .w4-lg {width:25%!important;} .w5-lg {width:20%!important;} .w6-lg {width:16.6667%!important;} .w7-lg {width:14.2857%!important;} .w8-lg {width:12.5000%!important;} .w9-lg {width:11.1111%!important;} .w10-lg {width:10%!important;} .w11-lg {width:9.0909%!important;} .w12-lg {width:8.3333%!important;} .w13-lg {width:7.6923%!important;} .w14-lg {width:7.1429%!important;} .w15-lg {width:6.6667%!important;} .w16-lg {width:6.2500%!important;} .w17-lg {width:5.8824%!important;} .w18-lg {width:5.5556%!important;} .w19-lg {width:5.2632%!important;} .w20-lg {width:5%!important;} .wauto-lg{width:auto!important;}
}
@media (min-width: 1300px) {
.w1-xl {width:100%!important;} .w2-xl {width:50%!important;} .w3-xl {width:33.3333%!important;} .w4-xl {width:25%!important;} .w5-xl {width:20%!important;} .w6-xl {width:16.6667%!important;} .w7-xl {width:14.2857%!important;} .w8-xl {width:12.5000%!important;} .w9-xl {width:11.1111%!important;} .w10-xl {width:10%!important;} .w11-xl {width:9.0909%!important;} .w12-xl {width:8.3333%!important;} .w13-xl {width:7.6923%!important;} .w14-xl {width:7.1429%!important;} .w15-xl {width:6.6667%!important;} .w16-xl {width:6.2500%!important;} .w17-xl {width:5.8824%!important;} .w18-xl {width:5.5556%!important;} .w19-xl {width:5.2632%!important;} .w20-xl {width:5%!important;} .wauto-xl{width:auto!important;}
}
/* ==========columns end============= */
/* ==========widths start============= */
.ww5 {width:5%!;} .ww10 {width:10%;} .ww15 {width:15%;} .ww20 {width:20%;} .ww25 {width:25%;} .ww30 {width:30%;} .ww35 {width:35%;} .ww40 {width:40%;} .ww45 {width:45%;} .ww50 {width:50%;} .ww55 {width:55%;} .ww60 {width:60%;} .ww65 {width:65%;} .ww70 {width:70%;} .ww75 {width:75%;} .ww80 {width:80%;} .ww85 {width:85%;} .ww90 {width:90%;} .ww95 {width:95%;} .ww98 {width:98%;} .ww150 {width:150%;} .ww200 {width:200%;} .ww250 {width:250%;} .ww300 {width:300%;} .ww350 {width:350%;} .ww400 {width:400%;} .ww66 {width:66%;}
@media (min-width: 576px) {
.ww5-sm {width:5%!important;} .ww10-sm {width:10%!important;} .ww15-sm {width:15%!important;} .ww20-sm {width:20%!important;} .ww25-sm {width:25%!important;} .ww30-sm {width:30%!important;} .ww35-sm {width:35%!important;} .ww40-sm {width:40%!important;} .ww45-sm {width:45%!important;} .ww50-sm {width:50%!important;} .ww55-sm {width:55%!important;} .ww60-sm {width:60%!important;} .ww65-sm {width:65%!important;} .ww70-sm {width:70%!important;} .ww75-sm {width:75%!important;} .ww80-sm {width:80%!important;} .ww85-sm {width:85%!important;} .ww90-sm {width:90%!important;} .ww95-sm {width:95%!important;} .ww98-sm {width:98%!important;} .ww150-sm {width:150%!important;} .ww200-sm {width:200%!important;} .ww250-sm {width:250%!important;} .ww300-sm {width:300%!important;} .ww350-sm {width:350%!important;} .ww400-sm {width:400%!important;} .ww66-sm {width:66%!important;}
}
@media (min-width: 768px) {
.ww5-md {width:5%!important;} .ww10-md {width:10%!important;} .ww15-md {width:15%!important;} .ww20-md {width:20%!important;} .ww25-md {width:25%!important;} .ww30-md {width:30%!important;} .ww35-md {width:35%!important;} .ww40-md {width:40%!important;} .ww45-md {width:45%!important;} .ww50-md {width:50%!important;} .ww55-md {width:55%!important;} .ww60-md {width:60%!important;} .ww65-md {width:65%!important;} .ww70-md {width:70%!important;} .ww75-md {width:75%!important;} .ww80-md {width:80%!important;} .ww85-md {width:85%!important;} .ww90-md {width:90%!important;} .ww95-md {width:95%!important;} .ww98-md {width:98%!important;} .ww150-md {width:150%!important;} .ww200-md {width:200%;} .ww250-md {width:250%;} .ww300-md {width:300%;} .ww350-md {width:350%;} .ww400-md {width:400%;} .ww66-md {width:66%;}
}
@media (min-width: 992px) {
.ww5-lg {width:5%!important;} .ww10-lg {width:10%!important;} .ww15-lg {width:15%!important;} .ww20-lg {width:20%!important;} .ww25-lg {width:25%!important;} .ww30-lg {width:30%!important;} .ww35-lg {width:35%!important;} .ww40-lg {width:40%;} .ww45-lg {width:45%!important;} .ww50-lg {width:50%!important;} .ww55-lg {width:55%!important;} .ww60-lg {width:60%!important;} .ww65-lg {width:65%!important;} .ww70-lg {width:70%!important;} .ww75-lg {width:75%;} .ww80-lg {width:80%!important;} .ww85-lg {width:85%;} .ww90-lg {width:90%!important;} .ww95-lg {width:95%!important;} .ww98-lg {width:98%!important;} .ww150-lg {width:150%;} .ww200-lg {width:200%;} .ww250-lg {width:250%;} .ww300-lg {width:300%;} .ww350-lg {width:350%;} .ww400-lg {width:400%;} .ww66-lg {width:66%;}
}
@media (min-width: 1300px) {
.ww5-xl {width:5%!important;} .ww10-xl {width:10%!important;} .ww15-xl {width:15%!important;} .ww20-xl {width:20%!important;} .ww25-xl {width:25%!important;} .ww30-xl {width:30%!important;} .ww35-xl {width:35%!important;} .ww40-xl {width:40%!important;} .ww45-xl {width:45%!important;} .ww50-xl {width:50%!important;} .ww55-xl {width:55%!important;} .ww60-xl {width:60%!important;} .ww65-xl {width:65%!important;} .ww70-xl {width:70%!important;} .ww75-xl {width:75%!important;} .ww80-xl {width:80%!important;} .ww85-xl {width:85%!important;} .ww90-xl {width:90%!important;} .ww95-xl {width:95%!important;} .ww98-xl {width:98%!important;} .ww150-xl {width:150%;} .ww200-xl {width:200%;} .ww250-xl {width:250%;} .ww300-xl {width:300%;} .ww350-xl {width:350%;} .ww400-xl {width:400%!important;} .ww66-xl {width:66%!important;}
}
/* ==========widths end============= */
/* ==========min height start============= */
.min-height {min-height:850px!important;}
@media (min-width: 576px) {
.min-height-sm {min-height:500px;}
}
@media (min-width: 768px) {
.min-height-md {min-height:850px;}
}
@media (min-width: 992px) {
.min-height-lg {min-height:850px;}
}
@media (min-width: 1300px) {
.min-height-xl {min-height:850px;}
}
/* ==========min height end============= */
/* ==========height start============= */
.h1 {height:1px!important;}
.h2 {height:2px!important;}
.h3 {height:3px!important;}
.h5 {height:5px!important;} .h10 {height:10px!important;} .h15 {height:15px!important;} .h20 {height:20px!important;} .h25 {height:25px!important;} .h30 {height:30px!important;} .h35 {height:35px!important;} .h40 {height:40px!important;} .h45 {height:45px!important;} .h50 {height:50px!important;} .h55 {height:55px!important;} .h60 {height:60px!important;} .h65 {height:65px!important;} .h70 {height:70px!important;} .h75 {height:75px!important;} .h80 {height:80px!important;} .h85 {height:85px!important;} .h90 {height:90px!important;} .h95 {height:95px!important;} .h100 {height:100px!important;} .h105 {height:105px!important;} .h110 {height:110px!important;} .h115 {height:115px!important;} .h120 {height:120px!important;} .h125 {height:125px!important;} .h130 {height:130px!important;} .h135 {height:135px!important;} .h140 {height:140px!important;} .h145 {height:145px!important;} .h150 {height:150px!important;} .h155 {height:155px!important;} .h160 {height:160px!important;} .h165 {height:165px!important;} .h170 {height:170px!important;} .h175 {height:175px!important;} .h180 {height:180px!important;} .h185 {height:185px!important;} .h190 {height:190px!important;} .h195 {height:195px!important;} .h200 {height:200px!important;} .h205 {height:205px!important;} .h210 {height:210px!important;} .h215 {height:215px!important;} .h220 {height:220px!important;} .h225 {height:225px!important;} .h230 {height:230px!important;} .h235 {height:235px!important;} .h240 {height:240px!important;} .h245 {height:245px!important;} .h250 {height:250px!important;} .h255 {height:255px!important;} .h260 {height:260px!important;} .h265 {height:265px!important;} .h270 {height:270px!important;} .h275 {height:275px!important;} .h280 {height:280px!important;} .h285 {height:285px!important;} .h290 {height:290px!important;} .h295 {height:295px!important;} .h300 {height:300px!important;} .h305 {height:305px!important;} .h310 {height:310px!important;} .h315 {height:315px!important;} .h320 {height:320px!important;} .h325 {height:325px!important;} .h330 {height:330px!important;} .h335 {height:335px!important;} .h340 {height:340px!important;} .h345 {height:345px!important;} .h350 {height:350px!important;} .h355 {height:355px!important;} .h360 {height:360px!important;} .h365 {height:365px!important;} .h370 {height:370px!important;} .h375 {height:375px!important;} .h380 {height:380px!important;} .h385 {height:385px!important;} .h390 {height:390px!important;} .h395 {height:395px!important;} .h400 {height:400px!important;} .h405 {height:405px!important;} .h410 {height:410px!important;} .h415 {height:415px!important;} .h420 {height:420px!important;} .h425 {height:425px!important;} .h430 {height:430px!important;} .h435 {height:435px!important;} .h440 {height:440px!important;} .h445 {height:445px!important;} .h450 {height:450px!important;} .h455 {height:455px!important;} .h460 {height:460px!important;} .h465 {height:465px!important;} .h470 {height:470px!important;} .h475 {height:475px!important;} .h480 {height:480px!important;} .h485 {height:485px!important;} .h490 {height:490px!important;} .h495 {height:495px!important;} .h500 {height:500px!important;} .h505 {height:505px!important;} .h510 {height:510px!important;} .h515 {height:515px!important;} .h520 {height:520px!important;} .h525 {height:525px!important;} .h530 {height:530px!important;} .h535 {height:535px!important;} .h540 {height:540px!important;} .h545 {height:545px!important;} .h550 {height:550px!important;} .h555 {height:555px!important;} .h560 {height:560px!important;} .h565 {height:565px!important;} .h570 {height:570px!important;} .h575 {height:575px!important;} .h580 {height:580px!important;} .h585 {height:585px!important;} .h590 {height:590px!important;} .h595 {height:595px!important;} .h600 {height:600px!important;} .h605 {height:605px!important;} .h610 {height:610px!important;} .h615 {height:615px!important;} .h620 {height:620px!important;} .h625 {height:625px!important;} .h630 {height:630px!important;} .h635 {height:635px!important;} .h640 {height:640px!important;} .h645 {height:645px!important;} .h650 {height:650px!important;} .h655 {height:655px!important;} .h660 {height:660px!important;} .h665 {height:665px!important;} .h670 {height:670px!important;} .h675 {height:675px!important;} .h680 {height:680px!important;} .h685 {height:685px!important;} .h690 {height:690px!important;} .h695 {height:695px!important;} .h700 {height:700px!important;} .h705 {height:705px!important;} .h710 {height:710px!important;} .h715 {height:715px!important;} .h720 {height:720px!important;} .h725 {height:725px!important;} .h730 {height:730px!important;} .h735 {height:735px!important;} .h740 {height:740px!important;} .h745 {height:745px!important;} .h750 {height:750px!important;} .h755 {height:755px!important;} .h760 {height:760px!important;} .h765 {height:765px!important;} .h770 {height:770px!important;} .h775 {height:775px!important;} .h780 {height:780px!important;} .h785 {height:785px!important;} .h790 {height:790px!important;} .h795 {height:795px!important;} .h800 {height:800px!important;}
@media (min-width: 576px) {
.h5-sm {height:5px!important;} .h10-sm {height:10px!important;} .h15-sm {height:15px!important;} .h20-sm {height:20px!important;} .h25-sm {height:25px!important;} .h30-sm {height:30px!important;} .h35-sm {height:35px!important;} .h40-sm {height:40px!important;} .h45-sm {height:45px!important;} .h50-sm {height:50px!important;} .h55-sm {height:55px!important;} .h60-sm {height:60px!important;} .h65-sm {height:65px!important;} .h70-sm {height:70px!important;} .h75-sm {height:75px!important;} .h80-sm {height:80px!important;} .h85-sm {height:85px!important;} .h90-sm {height:90px!important;} .h95-sm {height:95px!important;} .h100-sm {height:100px!important;} .h105-sm {height:105px!important;} .h110-sm {height:110px!important;} .h115-sm {height:115px!important;} .h120-sm {height:120px!important;} .h125-sm {height:125px!important;} .h130-sm {height:130px!important;} .h135-sm {height:135px!important;} .h140-sm {height:140px!important;} .h145-sm {height:145px!important;} .h150-sm {height:150px!important;} .h155-sm {height:155px!important;} .h160-sm {height:160px!important;} .h165-sm {height:165px!important;} .h170-sm {height:170px!important;} .h175-sm {height:175px!important;} .h180-sm {height:180px!important;} .h185-sm {height:185px!important;} .h190-sm {height:190px!important;} .h195-sm {height:195px!important;} .h200-sm {height:200px!important;} .h205-sm {height:205px!important;} .h210-sm {height:210px!important;} .h215-sm {height:215px!important;} .h220-sm {height:220px!important;} .h225-sm {height:225px!important;} .h230-sm {height:230px!important;} .h235-sm {height:235px!important;} .h240-sm {height:240px!important;} .h245-sm {height:245px!important;} .h250-sm {height:250px!important;} .h255-sm {height:255px!important;} .h260-sm {height:260px!important;} .h265-sm {height:265px!important;} .h270-sm {height:270px!important;} .h275-sm {height:275px!important;} .h280-sm {height:280px!important;} .h285-sm {height:285px!important;} .h290-sm {height:290px!important;} .h295-sm {height:295px!important;} .h300-sm {height:300px!important;} .h305-sm {height:305px!important;} .h310-sm {height:310px!important;} .h315-sm {height:315px!important;} .h320-sm {height:320px!important;} .h325-sm {height:325px!important;} .h330-sm {height:330px!important;} .h335-sm {height:335px!important;} .h340-sm {height:340px!important;} .h345-sm {height:345px!important;} .h350-sm {height:350px!important;} .h355-sm {height:355px!important;} .h360-sm {height:360px!important;} .h365-sm {height:365px!important;} .h370-sm {height:370px!important;} .h375-sm {height:375px!important;} .h380-sm {height:380px!important;} .h385-sm {height:385px!important;} .h390-sm {height:390px!important;} .h395-sm {height:395px!important;} .h400-sm {height:400px!important;} .h405-sm {height:405px!important;} .h410-sm {height:410px!important;} .h415-sm {height:415px!important;} .h420-sm {height:420px!important;} .h425-sm {height:425px!important;} .h430-sm {height:430px!important;} .h435-sm {height:435px!important;} .h440-sm {height:440px!important;} .h445-sm {height:445px!important;} .h450-sm {height:450px!important;} .h455-sm {height:455px!important;} .h460-sm {height:460px!important;} .h465-sm {height:465px!important;} .h470-sm {height:470px!important;} .h475-sm {height:475px!important;} .h480-sm {height:480px!important;} .h485-sm {height:485px!important;} .h490-sm {height:490px!important;} .h495-sm {height:495px!important;} .h500-sm {height:500px!important;} .h505-sm {height:505px!important;} .h510-sm {height:510px!important;} .h515-sm {height:515px!important;} .h520-sm {height:520px!important;} .h525-sm {height:525px!important;} .h530-sm {height:530px!important;} .h535-sm {height:535px!important;} .h540-sm {height:540px!important;} .h545-sm {height:545px!important;} .h550-sm {height:550px!important;} .h555-sm {height:555px!important;} .h560-sm {height:560px!important;} .h565-sm {height:565px!important;} .h570-sm {height:570px!important;} .h575-sm {height:575px!important;} .h580-sm {height:580px!important;} .h585-sm {height:585px!important;} .h590-sm {height:590px!important;} .h595-sm {height:595px!important;} .h600-sm {height:600px!important;} .h605-sm {height:605px!important;} .h610-sm {height:610px!important;} .h615-sm {height:615px!important;} .h620-sm {height:620px!important;} .h625-sm {height:625px!important;} .h630-sm {height:630px!important;} .h635-sm {height:635px!important;} .h640-sm {height:640px!important;} .h645-sm {height:645px!important;} .h650-sm {height:650px!important;} .h655-sm {height:655px!important;} .h660-sm {height:660px!important;} .h665-sm {height:665px!important;} .h670-sm {height:670px!important;} .h675-sm {height:675px!important;} .h680-sm {height:680px!important;} .h685-sm {height:685px!important;} .h690-sm {height:690px!important;} .h695-sm {height:695px!important;} .h700-sm {height:700px!important;} .h705-sm {height:705px!important;} .h710-sm {height:710px!important;} .h715-sm {height:715px!important;} .h720-sm {height:720px!important;} .h725-sm {height:725px!important;} .h730-sm {height:730px!important;} .h735-sm {height:735px!important;} .h740-sm {height:740px!important;} .h745-sm {height:745px!important;} .h750-sm {height:750px!important;} .h755-sm {height:755px!important;} .h760-sm {height:760px!important;} .h765-sm {height:765px!important;} .h770-sm {height:770px!important;} .h775-sm {height:775px!important;} .h780-sm {height:780px!important;} .h785-sm {height:785px!important;} .h790-sm {height:790px!important;} .h795-sm {height:795px!important;} .h800-sm {height:800px!important;}
}
@media (min-width: 768px) {
.h5-md {height:5px!important;} .h10-md {height:10px!important;} .h15-md {height:15px!important;} .h20-md {height:20px!important;} .h25-md {height:25px!important;} .h30-md {height:30px!important;} .h35-md {height:35px!important;} .h40-md {height:40px!important;} .h45-md {height:45px!important;} .h50-md {height:50px!important;} .h55-md {height:55px!important;} .h60-md {height:60px!important;} .h65-md {height:65px!important;} .h70-md {height:70px!important;} .h75-md {height:75px!important;} .h80-md {height:80px!important;} .h85-md {height:85px!important;} .h90-md {height:90px!important;} .h95-md {height:95px!important;} .h100-md {height:100px!important;} .h105-md {height:105px!important;} .h110-md {height:110px!important;} .h115-md {height:115px!important;} .h120-md {height:120px!important;} .h125-md {height:125px!important;} .h130-md {height:130px!important;} .h135-md {height:135px!important;} .h140-md {height:140px!important;} .h145-md {height:145px!important;} .h150-md {height:150px!important;} .h155-md {height:155px!important;} .h160-md {height:160px!important;} .h165-md {height:165px!important;} .h170-md {height:170px!important;} .h175-md {height:175px!important;} .h180-md {height:180px!important;} .h185-md {height:185px!important;} .h190-md {height:190px!important;} .h195-md {height:195px!important;} .h200-md {height:200px!important;} .h205-md {height:205px!important;} .h210-md {height:210px!important;} .h215-md {height:215px!important;} .h220-md {height:220px!important;} .h225-md {height:225px!important;} .h230-md {height:230px!important;} .h235-md {height:235px!important;} .h240-md {height:240px!important;} .h245-md {height:245px!important;} .h250-md {height:250px!important;} .h255-md {height:255px!important;} .h260-md {height:260px!important;} .h265-md {height:265px!important;} .h270-md {height:270px!important;} .h275-md {height:275px!important;} .h280-md {height:280px!important;} .h285-md {height:285px!important;} .h290-md {height:290px!important;} .h295-md {height:295px!important;} .h300-md {height:300px!important;} .h305-md {height:305px!important;} .h310-md {height:310px!important;} .h315-md {height:315px!important;} .h320-md {height:320px!important;} .h325-md {height:325px!important;} .h330-md {height:330px!important;} .h335-md {height:335px!important;} .h340-md {height:340px!important;} .h345-md {height:345px!important;} .h350-md {height:350px!important;} .h355-md {height:355px!important;} .h360-md {height:360px!important;} .h365-md {height:365px!important;} .h370-md {height:370px!important;} .h375-md {height:375px!important;} .h380-md {height:380px!important;} .h385-md {height:385px!important;} .h390-md {height:390px!important;} .h395-md {height:395px!important;} .h400-md {height:400px!important;} .h405-md {height:405px!important;} .h410-md {height:410px!important;} .h415-md {height:415px!important;} .h420-md {height:420px!important;} .h425-md {height:425px!important;} .h430-md {height:430px!important;} .h435-md {height:435px!important;} .h440-md {height:440px!important;} .h445-md {height:445px!important;} .h450-md {height:450px!important;} .h455-md {height:455px!important;} .h460-md {height:460px!important;} .h465-md {height:465px!important;} .h470-md {height:470px!important;} .h475-md {height:475px!important;} .h480-md {height:480px!important;} .h485-md {height:485px!important;} .h490-md {height:490px!important;} .h495-md {height:495px!important;} .h500-md {height:500px!important;} .h505-md {height:505px!important;} .h510-md {height:510px!important;} .h515-md {height:515px!important;} .h520-md {height:520px!important;} .h525-md {height:525px!important;} .h530-md {height:530px!important;} .h535-md {height:535px!important;} .h540-md {height:540px!important;} .h545-md {height:545px!important;} .h550-md {height:550px!important;} .h555-md {height:555px!important;} .h560-md {height:560px!important;} .h565-md {height:565px!important;} .h570-md {height:570px!important;} .h575-md {height:575px!important;} .h580-md {height:580px!important;} .h585-md {height:585px!important;} .h590-md {height:590px!important;} .h595-md {height:595px!important;} .h600-md {height:600px!important;} .h605-md {height:605px!important;} .h610-md {height:610px!important;} .h615-md {height:615px!important;} .h620-md {height:620px!important;} .h625-md {height:625px!important;} .h630-md {height:630px!important;} .h635-md {height:635px!important;} .h640-md {height:640px!important;} .h645-md {height:645px!important;} .h650-md {height:650px!important;} .h655-md {height:655px!important;} .h660-md {height:660px!important;} .h665-md {height:665px!important;} .h670-md {height:670px!important;} .h675-md {height:675px!important;} .h680-md {height:680px!important;} .h685-md {height:685px!important;} .h690-md {height:690px!important;} .h695-md {height:695px!important;} .h700-md {height:700px!important;} .h705-md {height:705px!important;} .h710-md {height:710px!important;} .h715-md {height:715px!important;} .h720-md {height:720px!important;} .h725-md {height:725px!important;} .h730-md {height:730px!important;} .h735-md {height:735px!important;} .h740-md {height:740px!important;} .h745-md {height:745px!important;} .h750-md {height:750px!important;} .h755-md {height:755px!important;} .h760-md {height:760px!important;} .h765-md {height:765px!important;} .h770-md {height:770px!important;} .h775-md {height:775px!important;} .h780-md {height:780px!important;} .h785-md {height:785px!important;} .h790-md {height:790px!important;} .h795-md {height:795px!important;} .h800-md {height:800px!important;}
}
@media (min-width: 992px) {
.h5-lg {height:5px!important;} .h10-lg {height:10px!important;} .h15-lg {height:15px!important;} .h20-lg {height:20px!important;} .h25-lg {height:25px!important;} .h30-lg {height:30px!important;} .h35-lg {height:35px!important;} .h40-lg {height:40px!important;} .h45-lg {height:45px!important;} .h50-lg {height:50px!important;} .h55-lg {height:55px!important;} .h60-lg {height:60px!important;} .h65-lg {height:65px!important;} .h70-lg {height:70px!important;} .h75-lg {height:75px!important;} .h80-lg {height:80px!important;} .h85-lg {height:85px!important;} .h90-lg {height:90px!important;} .h95-lg {height:95px!important;} .h100-lg {height:100px!important;} .h105-lg {height:105px!important;} .h110-lg {height:110px!important;} .h115-lg {height:115px!important;} .h120-lg {height:120px!important;} .h125-lg {height:125px!important;} .h130-lg {height:130px!important;} .h135-lg {height:135px!important;} .h140-lg {height:140px!important;} .h145-lg {height:145px!important;} .h150-lg {height:150px!important;} .h155-lg {height:155px!important;} .h160-lg {height:160px!important;} .h165-lg {height:165px!important;} .h170-lg {height:170px!important;} .h175-lg {height:175px!important;} .h180-lg {height:180px!important;} .h185-lg {height:185px!important;} .h190-lg {height:190px!important;} .h195-lg {height:195px!important;} .h200-lg {height:200px!important;} .h205-lg {height:205px!important;} .h210-lg {height:210px!important;} .h215-lg {height:215px!important;} .h220-lg {height:220px!important;} .h225-lg {height:225px!important;} .h230-lg {height:230px!important;} .h235-lg {height:235px!important;} .h240-lg {height:240px!important;} .h245-lg {height:245px!important;} .h250-lg {height:250px!important;} .h255-lg {height:255px!important;} .h260-lg {height:260px!important;} .h265-lg {height:265px!important;} .h270-lg {height:270px!important;} .h275-lg {height:275px!important;} .h280-lg {height:280px!important;} .h285-lg {height:285px!important;} .h290-lg {height:290px!important;} .h295-lg {height:295px!important;} .h300-lg {height:300px!important;} .h305-lg {height:305px!important;} .h310-lg {height:310px!important;} .h315-lg {height:315px!important;} .h320-lg {height:320px!important;} .h325-lg {height:325px!important;} .h330-lg {height:330px!important;} .h335-lg {height:335px!important;} .h340-lg {height:340px!important;} .h345-lg {height:345px!important;} .h350-lg {height:350px!important;} .h355-lg {height:355px!important;} .h360-lg {height:360px!important;} .h365-lg {height:365px!important;} .h370-lg {height:370px!important;} .h375-lg {height:375px!important;} .h380-lg {height:380px!important;} .h385-lg {height:385px!important;} .h390-lg {height:390px!important;} .h395-lg {height:395px!important;} .h400-lg {height:400px!important;} .h405-lg {height:405px!important;} .h410-lg {height:410px!important;} .h415-lg {height:415px!important;} .h420-lg {height:420px!important;} .h425-lg {height:425px!important;} .h430-lg {height:430px!important;} .h435-lg {height:435px!important;} .h440-lg {height:440px!important;} .h445-lg {height:445px!important;} .h450-lg {height:450px!important;} .h455-lg {height:455px!important;} .h460-lg {height:460px!important;} .h465-lg {height:465px!important;} .h470-lg {height:470px!important;} .h475-lg {height:475px!important;} .h480-lg {height:480px!important;} .h485-lg {height:485px!important;} .h490-lg {height:490px!important;} .h495-lg {height:495px!important;} .h500-lg {height:500px!important;} .h505-lg {height:505px!important;} .h510-lg {height:510px!important;} .h515-lg {height:515px!important;} .h520-lg {height:520px!important;} .h525-lg {height:525px!important;} .h530-lg {height:530px!important;} .h535-lg {height:535px!important;} .h540-lg {height:540px!important;} .h545-lg {height:545px!important;} .h550-lg {height:550px!important;} .h555-lg {height:555px!important;} .h560-lg {height:560px!important;} .h565-lg {height:565px!important;} .h570-lg {height:570px!important;} .h575-lg {height:575px!important;} .h580-lg {height:580px!important;} .h585-lg {height:585px!important;} .h590-lg {height:590px!important;} .h595-lg {height:595px!important;} .h600-lg {height:600px!important;} .h605-lg {height:605px!important;} .h610-lg {height:610px!important;} .h615-lg {height:615px!important;} .h620-lg {height:620px!important;} .h625-lg {height:625px!important;} .h630-lg {height:630px!important;} .h635-lg {height:635px!important;} .h640-lg {height:640px!important;} .h645-lg {height:645px!important;} .h650-lg {height:650px!important;} .h655-lg {height:655px!important;} .h660-lg {height:660px!important;} .h665-lg {height:665px!important;} .h670-lg {height:670px!important;} .h675-lg {height:675px!important;} .h680-lg {height:680px!important;} .h685-lg {height:685px!important;} .h690-lg {height:690px!important;} .h695-lg {height:695px!important;} .h700-lg {height:700px!important;} .h705-lg {height:705px!important;} .h710-lg {height:710px!important;} .h715-lg {height:715px!important;} .h720-lg {height:720px!important;} .h725-lg {height:725px!important;} .h730-lg {height:730px!important;} .h735-lg {height:735px!important;} .h740-lg {height:740px!important;} .h745-lg {height:745px!important;} .h750-lg {height:750px!important;} .h755-lg {height:755px!important;} .h760-lg {height:760px!important;} .h765-lg {height:765px!important;} .h770-lg {height:770px!important;} .h775-lg {height:775px!important;} .h780-lg {height:780px!important;} .h785-lg {height:785px!important;} .h790-lg {height:790px!important;} .h795-lg {height:795px!important;} .h800-lg {height:800px!important;}
}
@media (min-width: 1300px) {
.h5-xl {height:5px!important;} .h10-xl {height:10px!important;} .h15-xl {height:15px!important;} .h20-xl {height:20px!important;} .h25-xl {height:25px!important;} .h30-xl {height:30px!important;} .h35-xl {height:35px!important;} .h40-xl {height:40px!important;} .h45-xl {height:45px!important;} .h50-xl {height:50px!important;} .h55-xl {height:55px!important;} .h60-xl {height:60px!important;} .h65-xl {height:65px!important;} .h70-xl {height:70px!important;} .h75-xl {height:75px!important;} .h80-xl {height:80px!important;} .h85-xl {height:85px!important;} .h90-xl {height:90px!important;} .h95-xl {height:95px!important;} .h100-xl {height:100px!important;} .h105-xl {height:105px!important;} .h110-xl {height:110px!important;} .h115-xl {height:115px!important;} .h120-xl {height:120px!important;} .h125-xl {height:125px!important;} .h130-xl {height:130px!important;} .h135-xl {height:135px!important;} .h140-xl {height:140px!important;} .h145-xl {height:145px!important;} .h150-xl {height:150px!important;} .h155-xl {height:155px!important;} .h160-xl {height:160px!important;} .h165-xl {height:165px!important;} .h170-xl {height:170px!important;} .h175-xl {height:175px!important;} .h180-xl {height:180px!important;} .h185-xl {height:185px!important;} .h190-xl {height:190px!important;} .h195-xl {height:195px!important;} .h200-xl {height:200px!important;} .h205-xl {height:205px!important;} .h210-xl {height:210px!important;} .h215-xl {height:215px!important;} .h220-xl {height:220px!important;} .h225-xl {height:225px!important;} .h230-xl {height:230px!important;} .h235-xl {height:235px!important;} .h240-xl {height:240px!important;} .h245-xl {height:245px!important;} .h250-xl {height:250px!important;} .h255-xl {height:255px!important;} .h260-xl {height:260px!important;} .h265-xl {height:265px!important;} .h270-xl {height:270px!important;} .h275-xl {height:275px!important;} .h280-xl {height:280px!important;} .h285-xl {height:285px!important;} .h290-xl {height:290px!important;} .h295-xl {height:295px!important;} .h300-xl {height:300px!important;} .h305-xl {height:305px!important;} .h310-xl {height:310px!important;} .h315-xl {height:315px!important;} .h320-xl {height:320px!important;} .h325-xl {height:325px!important;} .h330-xl {height:330px!important;} .h335-xl {height:335px!important;} .h340-xl {height:340px!important;} .h345-xl {height:345px!important;} .h350-xl {height:350px!important;} .h355-xl {height:355px!important;} .h360-xl {height:360px!important;} .h365-xl {height:365px!important;} .h370-xl {height:370px!important;} .h375-xl {height:375px!important;} .h380-xl {height:380px!important;} .h385-xl {height:385px!important;} .h390-xl {height:390px!important;} .h395-xl {height:395px!important;} .h400-xl {height:400px!important;} .h405-xl {height:405px!important;} .h410-xl {height:410px!important;} .h415-xl {height:415px!important;} .h420-xl {height:420px!important;} .h425-xl {height:425px!important;} .h430-xl {height:430px!important;} .h435-xl {height:435px!important;} .h440-xl {height:440px!important;} .h445-xl {height:445px!important;} .h450-xl {height:450px!important;} .h455-xl {height:455px!important;} .h460-xl {height:460px!important;} .h465-xl {height:465px!important;} .h470-xl {height:470px!important;} .h475-xl {height:475px!important;} .h480-xl {height:480px!important;} .h485-xl {height:485px!important;} .h490-xl {height:490px!important;} .h495-xl {height:495px!important;} .h500-xl {height:500px!important;} .h505-xl {height:505px!important;} .h510-xl {height:510px!important;} .h515-xl {height:515px!important;} .h520-xl {height:520px!important;} .h525-xl {height:525px!important;} .h530-xl {height:530px!important;} .h535-xl {height:535px!important;} .h540-xl {height:540px!important;} .h545-xl {height:545px!important;} .h550-xl {height:550px!important;} .h555-xl {height:555px!important;} .h560-xl {height:560px!important;} .h565-xl {height:565px!important;} .h570-xl {height:570px!important;} .h575-xl {height:575px!important;} .h580-xl {height:580px!important;} .h585-xl {height:585px!important;} .h590-xl {height:590px!important;} .h595-xl {height:595px!important;} .h600-xl {height:600px!important;} .h605-xl {height:605px!important;} .h610-xl {height:610px!important;} .h615-xl {height:615px!important;} .h620-xl {height:620px!important;} .h625-xl {height:625px!important;} .h630-xl {height:630px!important;} .h635-xl {height:635px!important;} .h640-xl {height:640px!important;} .h645-xl {height:645px!important;} .h650-xl {height:650px!important;} .h655-xl {height:655px!important;} .h660-xl {height:660px!important;} .h665-xl {height:665px!important;} .h670-xl {height:670px!important;} .h675-xl {height:675px!important;} .h680-xl {height:680px!important;} .h685-xl {height:685px!important;} .h690-xl {height:690px!important;} .h695-xl {height:695px!important;} .h700-xl {height:700px!important;} .h705-xl {height:705px!important;} .h710-xl {height:710px!important;} .h715-xl {height:715px!important;} .h720-xl {height:720px!important;} .h725-xl {height:725px!important;} .h730-xl {height:730px!important;} .h735-xl {height:735px!important;} .h740-xl {height:740px!important;} .h745-xl {height:745px!important;} .h750-xl {height:750px!important;} .h755-xl {height:755px!important;} .h760-xl {height:760px!important;} .h765-xl {height:765px!important;} .h770-xl {height:770px!important;} .h775-xl {height:775px!important;} .h780-xl {height:780px!important;} .h785-xl {height:785px!important;} .h790-xl {height:790px!important;} .h795-xl {height:795px!important;} .h800-xl {height:800px!important;}
} /* ==========height end============= */
/* ========== display float align=========== */
.d-none{display:none;}
.d-block{display:block;}
.d-inline{display:inline;}
.d-flex{display:flex;}
.float-right{float:right;}
.float-left{float:left;}
.no-float {float:none!important;clear:both !important; margin:auto !important;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.bold{font-weight:bold;}
.fw300{font-weight:300;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}
.fw900{font-weight:900;}
.normal{font-weight:normal;}
.g-text-ol {background-image:url(../images/grad.png);background-repeat:repeat-x;background-position:bottom;bottom:0;right:0;}
@media (min-width: 576px) {
.d-none-sm{display:none;}
.d-block-sm{display:block;}
.d-inline-sm{display:inline;}
.d-flex-sm{display:flex;}
.float-right-sm{float:right!important;}
.float-left-sm{float:left!important;}
.no-float-sm {float:none!important;clear:both !important; margin:auto !important;}
.align-right-sm{text-align:right;}
.align-left-sm{text-align:left;}
.align-center-sm{text-align:center;}
.no-float-sm{float:none !important; clear:both !important; margin:auto !important;}
.bold-sm{font-weight:bold;}
.normal-sm{font-weight:normal;}
.nb-sm{border:none;}
}
@media (min-width: 768px) {
.d-none-md{display:none;}
.d-block-md{display:block;}
.d-inline-md{display:inline;}
.d-flex-md{display:flex;}
.float-right-md{float:right!important;}
.float-left-md{float:left!important;}
.no-float-md {float:none!important;clear:both !important; margin:auto !important;}
.align-right-md{text-align:right;}
.align-left-md{text-align:left;}
.align-center-md{text-align:center;}
.no-float-md{float:none !important; clear:both !important; margin:auto !important;}
.bold-md{font-weight:bold;}
.normal-md{font-weight:normal;}
.nb-md{border:none;}
}
@media (min-width: 992px) {
.d-none-lg{display:none!important;}
.d-block-lg{display:block!important;}
.d-inline-lg{display:inline;}
.d-flex-lg{display:block;}
.float-right-lg{float:right!important;}
.float-left-lg{float:left!important;}
.no-float-lg {float:none!important;clear:both !important; margin:auto !important;}
.align-right-lg{text-align:right;}
.align-left-lg{text-align:left;}
.align-center-lg{text-align:center;}
.no-float-lg{float:none !important; clear:both !important; margin:auto !important;}
.bold-lg{font-weight:bold;}
.normal-lg{font-weight:normal;}
.nb-lg{border:none!important;}
}
@media (min-width: 1300px) {
.d-none-xl{display:none;}
.d-block-xl{display:block;}
.d-inline-xl{display:inline;}
.d-flex-xl{display:flex;}
.float-right-xl{float:right!important;}
.float-left-xl{float:left!important;}
.no-float-xl {float:none!important;clear:both !important; margin:auto !important;}
.align-right-xl{text-align:right;}
.align-left-xl{text-align:left;}
.align-center-xl{text-align:center;}
.no-float-xl{float:none !important; clear:both !important; margin:auto !important;}
.bold-xl{font-weight:bold;}
.normal-xl{font-weight:normal;}
.nb-xl{border:none;}
}
.block a{display:block;}
.inline a{display:inline;}
/* ========== limit width =========== */
.limit-width {width:95%;float:none; clear:both; margin:auto;max-width:2500px;}
@media (min-width: 576px) {
.limit-width-sm {width:95% !important;float:none !important; clear:both !important; margin:auto !important;max-width:2500px;}
}
@media (min-width: 768px) {
.limit-width-md {width:93% !important;float:none !important; clear:both !important; margin:auto !important;max-width:2500px;}
}
@media (min-width: 992px) {
.limit-width-lg {width:90% !important;float:none !important; clear:both !important; margin:auto !important;max-width:2500px;}
}
@media (min-width: 1300px) {
.limit-width-xl {width:82%;float:none; clear:both; margin:auto;max-width:2500px;}
}
/* ===================== */
/* ==========line height start============= */
.lh2{line-height:2px;}
.lh5 {line-height:5px;} .lh10 {line-height:10px;} .lh15 {line-height:15px;} .lh20 {line-height:20px;} .lh25 {line-height:25px;} .lh30 {line-height:30px;} .lh35 {line-height:35px;} .lh40 {line-height:40px;} .lh45 {line-height:45px;} .lh50 {line-height:50px;} .lh55 {line-height:55px;} .lh60 {line-height:60px;} .lh65 {line-height:65px;} .lh70 {line-height:70px;} .lh75 {line-height:75px;} .lh80 {line-height:80px;} .lh85 {line-height:85px;} .lh90 {line-height:90px;} .lh95 {line-height:95px;} .lh100 {line-height:100px;} .lh105 {line-height:105px;} .lh110 {line-height:110px;} .lh115 {line-height:115px;} .lh120 {line-height:120px;} .lh125 {line-height:125px;}
@media (min-width: 576px) {
.lh5-sm {line-height:5px;} .lh10-sm {line-height:10px;} .lh15-sm {line-height:15px;} .lh20-sm {line-height:20px;} .lh25-sm {line-height:25px;} .lh30-sm {line-height:30px;} .lh35-sm {line-height:35px;} .lh40-sm {line-height:40px;} .lh45-sm {line-height:45px;} .lh50-sm {line-height:50px;} .lh55-sm {line-height:55px;} .lh60-sm {line-height:60px;} .lh65-sm {line-height:65px;} .lh70-sm {line-height:70px;} .lh75-sm {line-height:75px;} .lh80-sm {line-height:80px;} .lh85-sm {line-height:85px;} .lh90-sm {line-height:90px;} .lh95-sm {line-height:95px;} .lh100-sm {line-height:100px;} .lh105-sm {line-height:105px;} .lh110-sm {line-height:110px;} .lh115-sm {line-height:115px;} .lh120-sm {line-height:120px;} .lh125-sm {line-height:125px;}
}
@media (min-width: 768px) {
.lh5-md {line-height:5px;} .lh10-md {line-height:10px;} .lh15-md {line-height:15px;} .lh20-md {line-height:20px;} .lh25-md {line-height:25px;} .lh30-md {line-height:30px;} .lh35-md {line-height:35px;} .lh40-md {line-height:40px;} .lh45-md {line-height:45px;} .lh50-md {line-height:50px;} .lh55-md {line-height:55px;} .lh60-md {line-height:60px;} .lh65-md {line-height:65px;} .lh70-md {line-height:70px;} .lh75-md {line-height:75px;} .lh80-md {line-height:80px;} .lh85-md {line-height:85px;} .lh90-md {line-height:90px;} .lh95-md {line-height:95px;} .lh100-md {line-height:100px;} .lh105-md {line-height:105px;} .lh110-md {line-height:110px;} .lh115-md {line-height:115px;} .lh120-md {line-height:120px;} .lh125-md {line-height:125px;}
}
@media (min-width: 992px) {
.lh5-lg {line-height:5px;} .lh10-lg {line-height:10px;} .lh15-lg {line-height:15px;} .lh20-lg {line-height:20px;} .lh25-lg {line-height:25px;} .lh30-lg {line-height:30px;} .lh35-lg {line-height:35px;} .lh40-lg {line-height:40px;} .lh45-lg {line-height:45px;} .lh50-lg {line-height:50px;} .lh55-lg {line-height:55px;} .lh60-lg {line-height:60px;} .lh65-lg {line-height:65px;} .lh70-lg {line-height:70px;} .lh75-lg {line-height:75px;} .lh80-lg {line-height:80px;} .lh85-lg {line-height:85px;} .lh90-lg {line-height:90px;} .lh95-lg {line-height:95px;} .lh100-lg {line-height:100px;} .lh105-lg {line-height:105px;} .lh110-lg {line-height:110px;} .lh115-lg {line-height:115px;} .lh120-lg {line-height:120px;} .lh125-lg {line-height:125px;}
}
@media (min-width: 1300px) {
.lh5-xl {line-height:5px;} .lh10-xl {line-height:10px;} .lh15-xl {line-height:15px;} .lh20-xl {line-height:20px;} .lh25-xl {line-height:25px;} .lh30-xl {line-height:30px;} .lh35-xl {line-height:35px;} .lh40-xl {line-height:40px;} .lh45-xl {line-height:45px;} .lh50-xl {line-height:50px;} .lh55-xl {line-height:55px;} .lh60-xl {line-height:60px;} .lh65-xl {line-height:65px;} .lh70-xl {line-height:70px;} .lh75-xl {line-height:75px;} .lh80-xl {line-height:80px;} .lh85-xl {line-height:85px;} .lh90-xl {line-height:90px;} .lh95-xl {line-height:95px;} .lh100-xl {line-height:100px;} .lh105-xl {line-height:105px;} .lh110-xl {line-height:110px;} .lh115-xl {line-height:115px;} .lh120-xl {line-height:120px;} .lh125-xl {line-height:125px;}
} /* ==========line height end============= */
/* ========== margin for navv ====== */
.mr5{margin-left:5px;}
.mr10{margin-left:10px;}
.mr15{margin-left:15px;}
.mr20{margin-left:20px;}
/* ==========padding all============= */
.p0 {padding:0;} .p1 {padding:1px;} .p2 {padding:2px;} .p3 {padding:3px;} .p4 {padding:4px;} .p5 {padding:5px;} .p6 {padding:6px;} .p7 {padding:7px;} .p8 {padding:8px;} .p9 {padding:9px;} .p10 {padding:10px} .p15 {padding:15px;} .p20 {padding:20px;}
@media (min-width: 576px) {
.p0-sm {padding:0;} .p1-sm {padding:1px;} .p2-sm {padding:2px;} .p3-sm {padding:3px;} .p4-sm {padding:4px;} .p5-sm {padding:5px;} .p6-sm {padding:6px;} .p7-sm {padding:7px;} .p8-sm {padding:8px;} .p9-sm {padding:9px!important;} .p10-sm {padding:10px!important;}
}
@media (min-width: 768px) {
.p0-md {padding:0!important;} .p1-md {padding:1px!important;} .p2-md {padding:2px!important;} .p3-md {padding:3px!important} .p4-md {padding:4px!important;} .p5-md {padding:5px!important;} .p6-md {padding:6px;} .p7-md {padding:7px;} .p8-md {padding:8px;} .p9-md {padding:9px!important;} .p10-md {padding:10px!important;}
}
@media (min-width: 992px) {
.p0-lg {padding:0!important;} .p1-lg {padding:1px!important;} .p2-lg {padding:2px!important;} .p3-lg {padding:3px!important;} .p4-lg {padding:4px!important;} .p5-lg {padding:5px!important;} .p6-lg {padding:6px!important;} .p7-lg {padding:7px!important;} .p8-lg {padding:8px!important;} .p9-lg {padding:9px!important;} .p10-lg {padding:10px!important;} .p15-lg {padding:15px!important;}
}
@media (min-width: 1300px) {
.p0-xl {padding:0!important;} .p1-xl {padding:1px!important;} .p2-xl {padding:2px!important;} .p3-xl {padding:3px!important;} .p4-xl {padding:4px!important;} .p5-xl {padding:5px!important;} .p6-xl {padding:6px!important;} .p7-xl {padding:7px!important;} .p8-xl {padding:8px!important;} .p9-xl {padding:9px!important;} .p10-xl {padding:10px!important;}
}
/* ==========padding top============= */
.pt1 {padding:1px 0 0 0;} .pt2 {padding:2px 0 0 0;} .pt3 {padding:3px 0 0 0;} .pt4 {padding:4px 0 0 0;} .pt5 {padding:5px 0 0 0;} .pt6 {padding:6px 0 0 0;} .pt7 {padding:7px 0 0 0;} .pt8 {padding:8px 0 0 0;} .pt9 {padding:9px 0 0 0;} .pt10 {padding:10px 0 0 0;}
@media (min-width: 576px) {
.pt1-sm {padding:1px 0 0 0;} .pt2-sm {padding:2px 0 0 0;} .pt3-sm {padding:3px 0 0 0;} .pt4-sm {padding:4px 0 0 0;} .pt5-sm {padding:5px 0 0 0;} .pt6-sm {padding:6px 0 0 0;} .pt7-sm {padding:7px 0 0 0;} .pt8-sm {padding:8px 0 0 0;} .pt9-sm {padding:9px 0 0 0;} .pt10-sm {padding:10px 0 0 0;}
}
@media (min-width: 768px) {
.pt1-md {padding:1px 0 0 0;} .pt2-md {padding:2px 0 0 0;} .pt3-md {padding:3px 0 0 0;} .pt4-md {padding:4px 0 0 0;} .pt5-md {padding:5px 0 0 0;} .pt6-md {padding:6px 0 0 0;} .pt7-md {padding:7px 0 0 0;} .pt8-md {padding:8px 0 0 0;} .pt9-md {padding:9px 0 0 0;} .pt10-md {padding:10px 0 0 0;}
}
@media (min-width: 992px) {
.pt1-lg {padding:1px 0 0 0;} .pt2-lg {padding:2px 0 0 0;} .pt3-lg {padding:3px 0 0 0;} .pt4-lg {padding:4px 0 0 0;} .pt5-lg {padding:5px 0 0 0;} .pt6-lg {padding:6px 0 0 0;} .pt7-lg {padding:7px 0 0 0;} .pt8-lg {padding:8px 0 0 0;} .pt9-lg {padding:9px 0 0 0;} .pt10-lg {padding:10px 0 0 0;}
}
@media (min-width: 1300px) {
.pt1-xl {padding:1px 0 0 0;} .pt2-xl {padding:2px 0 0 0;} .pt3-xl {padding:3px 0 0 0;} .pt4-xl {padding:4px 0 0 0;} .pt5-xl {padding:5px 0 0 0;} .pt6-xl {padding:6px 0 0 0;} .pt7-xl {padding:7px 0 0 0;} .pt8-xl {padding:8px 0 0 0;} .pt9-xl {padding:9px 0 0 0;} .pt10-xl {padding:10px 0 0 0;}
}
/* ==========padding right============= */
.pr1 {padding:0 1px 0 0;} .pr2 {padding:0 2px 0 0;} .pr3 {padding:0 3px 0 0;} .pr4 {padding:0 4px 0 0;} .pr5 {padding:0 5px 0 0;} .pr6 {padding:0 6px 0 0;} .pr7 {padding:0 7px 0 0;} .pr8 {padding:0 8px 0 0;} .pr9 {padding:0 9px 0 0;} .pr10 {padding:0 10px 0 0;}
@media (min-width: 576px) {
.pr1-sm {padding:0 1px 0 0;} .pr2-sm {padding:0 2px 0 0;} .pr3-sm {padding:0 3px 0 0;} .pr4-sm {padding:0 4px 0 0;} .pr5-sm {padding:0 5px 0 0;} .pr6-sm {padding:0 6px 0 0;} .pr7-sm {padding:0 7px 0 0;} .pr8-sm {padding:0 8px 0 0;} .pr9-sm {padding:0 9px 0 0;} .pr10-sm {padding:0 10px 0 0;}
}
@media (min-width: 768px) {
.pr1-md {padding:0 1px 0 0;} .pr2-md {padding:0 2px 0 0;} .pr3-md {padding:0 3px 0 0;} .pr4-md {padding:0 4px 0 0;} .pr5-md {padding:0 5px 0 0;} .pr6-md {padding:0 6px 0 0;} .pr7-md {padding:0 7px 0 0;} .pr8-md {padding:0 8px 0 0;} .pr9-md {padding:0 9px 0 0;} .pr10-md {padding:0 10px 0 0;}
}
@media (min-width: 992px) {
.pr1-lg {padding:0 1px 0 0;} .pr2-lg {padding:0 2px 0 0;} .pr3-lg {padding:0 3px 0 0;} .pr4-lg {padding:0 4px 0 0;} .pr5-lg {padding:0 5px 0 0;} .pr6-lg {padding:0 6px 0 0;} .pr7-lg {padding:0 7px 0 0;} .pr8-lg {padding:0 8px 0 0;} .pr9-lg {padding:0 9px 0 0;} .pr10-lg {padding:0 10px 0 0;}
}
@media (min-width: 1300px) {
.pr1-xl {padding:0 1px 0 0;} .pr2-xl {padding:0 2px 0 0;} .pr3-xl {padding:0 3px 0 0;} .pr4-xl {padding:0 4px 0 0;} .pr5-xl {padding:0 5px 0 0;} .pr6-xl {padding:0 6px 0 0;} .pr7-xl {padding:0 7px 0 0;} .pr8-xl {padding:0 8px 0 0;} .pr9-xl {padding:0 9px 0 0;} .pr10-xl {padding:0 10px 0 0;}
}
/* ==========padding bottom============= */
.pb1 {padding:0 0 1px 0;} .pb2 {padding:0 0 2px 0;} .pb3 {padding:0 0 3px 0;} .pb4 {padding:0 0 4px 0;} .pb5 {padding:0 0 5px 0;} .pb6 {padding:0 0 6px 0;} .pb7 {padding:0 0 7px 0;} .pb8 {padding:0 0 8px 0;} .pb9 {padding:0 0 9px 0;} .pb10 {padding:0 0 10px 0;}
@media (min-width: 576px) {
.pb1-sm {padding:0 0 1px 0;} .pb2-sm {padding:0 0 2px 0;} .pb3-sm {padding:0 0 3px 0;} .pb4-sm {padding:0 0 4px 0;} .pb5-sm {padding:0 0 5px 0;} .pb6-sm {padding:0 0 6px 0;} .pb7-sm {padding:0 0 7px 0;} .pb8-sm {padding:0 0 8px 0;} .pb9-sm {padding:0 0 9px 0;} .pb10-sm {padding:0 0 10px 0;}
}
@media (min-width: 768px) {
.pb1-md {padding:0 0 1px 0;} .pb2-md {padding:0 0 2px 0;} .pb3-md {padding:0 0 3px 0;} .pb4-md {padding:0 0 4px 0;} .pb5-md {padding:0 0 5px 0;} .pb6-md {padding:0 0 6px 0;} .pb7-md {padding:0 0 7px 0;} .pb8-md {padding:0 0 8px 0;} .pb9-md {padding:0 0 9px 0;} .pb10-md {padding:0 0 10px 0;}
}
@media (min-width: 992px) {
.pb1-lg {padding:0 0 1px 0;} .pb2-lg {padding:0 0 2px 0;} .pb3-lg {padding:0 0 3px 0;} .pb4-lg {padding:0 0 4px 0;} .pb5-lg {padding:0 0 5px 0;} .pb6-lg {padding:0 0 6px 0;} .pb7-lg {padding:0 0 7px 0;} .pb8-lg {padding:0 0 8px 0;} .pb9-lg {padding:0 0 9px 0;} .pb10-lg {padding:0 0 10px 0;}
}
@media (min-width: 1300px) {
.pb1-xl {padding:0 0 1px 0;} .pb2-xl {padding:0 0 2px 0;} .pb3-xl {padding:0 0 3px 0;} .pb4-xl {padding:0 0 4px 0;} .pb5-xl {padding:0 0 5px 0;} .pb6-xl {padding:0 0 6px 0;} .pb7-xl {padding:0 0 7px 0;} .pb8-xl {padding:0 0 8px 0;} .pb9-xl {padding:0 0 9px 0;} .pb10-xl {padding:0 0 10px 0;}
}
/* ==========padding left============= */
.pl1 {padding:0 0 0 1px;} .pl2 {padding:0 0 0 2px;} .pl3 {padding:0 0 0 3px;} .pl4 {padding:0 0 0 4px;} .pl5 {padding:0 0 0 5px;} .pl6 {padding:0 0 0 6px;} .pl7 {padding:0 0 0 7px;} .pl8 {padding:0 0 0 8px;} .pl9 {padding:0 0 0 9px;} .pl10 {padding:0 0 0 10px;}
@media (min-width: 576px) {
.pl1-sm {padding:0 0 0 1px;} .pl2-sm {padding:0 0 0 2px;} .pl3-sm {padding:0 0 0 3px;} .pl4-sm {padding:0 0 0 4px;} .pl5-sm {padding:0 0 0 5px;} .pl6-sm {padding:0 0 0 6px;} .pl7-sm {padding:0 0 0 7px;} .pl8-sm {padding:0 0 0 8px;} .pl9-sm {padding:0 0 0 9px;} .pl10-sm {padding:0 0 0 10px;}
}
@media (min-width: 768px) {
.pl1-md {padding:0 0 0 1px;} .pl2-md {padding:0 0 0 2px;} .pl3-md {padding:0 0 0 3px;} .pl4-md {padding:0 0 0 4px;} .pl5-md {padding:0 0 0 5px;} .pl6-md {padding:0 0 0 6px;} .pl7-md {padding:0 0 0 7px;} .pl8-md {padding:0 0 0 8px;} .pl9-md {padding:0 0 0 9px;} .pl10-md {padding:0 0 0 10px;}
}
@media (min-width: 992px) {
.pl1-lg {padding:0 0 0 1px;} .pl2-lg {padding:0 0 0 2px;} .pl3-lg {padding:0 0 0 3px;} .pl4-lg {padding:0 0 0 4px;} .pl5-lg {padding:0 0 0 5px;} .pl6-lg {padding:0 0 0 6px;} .pl7-lg {padding:0 0 0 7px;} .pl8-lg {padding:0 0 0 8px;} .pl9-lg {padding:0 0 0 9px;} .pl10-lg {padding:0 0 0 10px;}
.pl50-lg{padding:0 0 0 50px!important;}
}
@media (min-width: 1300px) {
.pl1-xl {padding:0 0 0 1px;} .pl2-xl {padding:0 0 0 2px;} .pl3-xl {padding:0 0 0 3px;} .pl4-xl {padding:0 0 0 4px;} .pl5-xl {padding:0 0 0 5px;} .pl6-xl {padding:0 0 0 6px;} .pl7-xl {padding:0 0 0 7px;} .pl8-xl {padding:0 0 0 8px;} .pl9-xl {padding:0 0 0 9px;} .pl10-xl {padding:0 0 0 10px;}
}
/* ==========padding vert============= */
.pv1 {padding:1px 0;} .pv2 {padding:2px 0;} .pv3 {padding:3px 0;} .pv4 {padding:4px 0;} .pv5 {padding:5px 0;} .pv6 {padding:6px 0;} .pv7 {padding:7px 0;} .pv8 {padding:8px 0;} .pv9 {padding:9px 0;} .pv10 {padding:10px 0;} .pv15 {padding:15px 0;} .pv20 {padding:20px 0;}
.pv25{padding:25px 0;} .pv30{padding:30px 0;}
@media (min-width: 576px) {
.pv1-sm {padding:1px 0;} .pv2-sm {padding:2px 0;} .pv3-sm {padding:3px 0;} .pv4-sm {padding:4px 0;} .pv5-sm {padding:5px 0;} .pv6-sm {padding:6px 0;} .pv7-sm {padding:7px 0;} .pv8-sm {padding:8px 0;} .pv9-sm {padding:9px 0;} .pv10-sm {padding:10px 0;} .pv20-sm {padding:20px 0;}
.pv25-sm{padding:25px 0!important;} .pv30-sm{padding:30px 0!important;}
}
@media (min-width: 768px) {
.pv1-md {padding:1px 0;} .pv2-md {padding:2px 0;} .pv3-md {padding:3px 0;} .pv4-md {padding:4px 0;} .pv5-md {padding:5px 0;} .pv6-md {padding:6px 0;} .pv7-md {padding:7px 0;} .pv8-md {padding:8px 0;} .pv9-md {padding:9px 0;} .pv10-md {padding:10px 0;} .pv20-md {padding:20px 0;}
.pv25-md{padding:25px 0!important;} .pv30-md{padding:30px 0!important;}
}
@media (min-width: 992px) {
.pv1-lg {padding:1px 0;} .pv2-lg {padding:2px 0;} .pv3-lg {padding:3px 0;} .pv4-lg {padding:4px 0;} .pv5-lg {padding:5px 0;} .pv6-lg {padding:6px 0;} .pv7-lg {padding:7px 0;} .pv8-lg {padding:8px 0;} .pv9-lg {padding:9px 0;} .pv10-lg {padding:10px 0;} .pv20-lg {padding:20px 0;}
.pv25-lg{padding:25px 0!important;} .pv30-lg{padding:30px 0!important;}
}
@media (min-width: 1300px) {
.pv1-xl {padding:1px 0;} .pv2-xl {padding:2px 0;} .pv3-xl {padding:3px 0;} .pv4-xl {padding:4px 0;} .pv5-xl {padding:5px 0;} .pv6-xl {padding:6px 0;} .pv7-xl {padding:7px 0;} .pv8-xl {padding:8px 0;} .pv9-xl {padding:9px 0;} .pv10-xl {padding:10px 0;} .pv20-xl {padding:20px 0;}
.pv25-xl{padding:25px 0!important;} .pv30-xl{padding:30px 0!important;}
}
/* ==========padding horz============= */
.ph1 {padding:0 1px;} .ph2 {padding:0 2px;} .ph3 {padding:0 3px;} .ph4 {padding:0 4px;} .ph5 {padding:0 5px;} .ph6 {padding:0 6px;} .ph7 {padding:0 7px;} .ph8 {padding:0 8px;} .ph9 {padding:0 9px;} .ph10 {padding:0 10px;} .ph15 {padding:0 15px;} .ph20 {padding:0 20px;} .ph25 {padding:0 25px;} .ph30 {padding:0 30px;} .ph35 {padding:0 35px;} .ph40 {padding:0 40px;} .ph45 {padding:0 45px;} .ph50 {padding:0 50px;}
@media (min-width: 576px) {
.ph1-sm {padding:0 1px!important;} .ph2-sm {padding:0 2px!important;} .ph3-sm {padding:0 3px!important;} .ph4-sm {padding:0 4px!important;} .ph5-sm {padding:0 5px!important;} .ph6-sm {padding:0 6px!important;} .ph7-sm {padding:0 7px!important;} .ph8-sm {padding:0 8px!important;} .ph9-sm {padding:0 9px!important;} .ph10-sm {padding:0 10px!important;} .ph15-sm {padding:0 15px!important;} .ph20-sm {padding:0 20px!important;} .ph25-sm {padding:0 25px!important} .ph30-sm {padding:0 30px!important} .ph35-sm {padding:0 35px!important} .ph40-sm {padding:0 40px!important} .ph45-sm {padding:0 45px!important} .ph50-sm {padding:0 50px!important}
}
@media (min-width: 768px) {
.ph1-md {padding:0 1px!important;} .ph2-md {padding:0 2px!important;} .ph3-md {padding:0 3px!important;} .ph4-md {padding:0 4px!important;} .ph5-md {padding:0 5px!important;} .ph6-md {padding:0 6px!important;} .ph7-md {padding:0 7px!important;} .ph8-md {padding:0 8px!important;} .ph9-md {padding:0 9px!important;} .ph10-md {padding:0 10px!important;} .ph15-md {padding:0 15px!important;} .ph20-md {padding:0 20px!important;}
.ph25-md {padding:0 25px!important} .ph30-md {padding:0 30px!important} .ph35-md {padding:0 35px!important} .ph40-md {padding:0 40px!important} .ph45-md {padding:0 45px!important} .ph50-md {padding:0 50px!important}
}
@media (min-width: 992px) {
.ph1-lg {padding:0 1px!important;} .ph2-lg {padding:0 2px!important;} .ph3-lg {padding:0 3px!important;} .ph4-lg {padding:0 4px!important;} .ph5-lg {padding:0 5px!important;} .ph6-lg {padding:0 6px!important;} .ph7-lg {padding:0 7px!important;} .ph8-lg {padding:0 8px!important;} .ph9-lg {padding:0 9px!important;} .ph10-lg {padding:0 10px!important;} .ph15-lg {padding:0 15px!important;} .ph20-lg {padding:0 20px!important;}
.ph25-lg {padding:0 25px!important} .ph30-lg {padding:0 30px!important} .ph35-lg {padding:0 35px!important} .ph40-lg {padding:0 40px!important} .ph45-lg {padding:0 45px!important} .ph50-lg {padding:0 50px!important}
}
@media (min-width: 1300px) {
.ph1-xl {padding:0 1px!important;} .ph2-xl {padding:0 2px!important;} .ph3-xl {padding:0 3px!important;} .ph4-xl {padding:0 4px!important;} .ph5-xl {padding:0 5px!important;} .ph6-xl {padding:0 6px!important;} .ph7-xl {padding:0 7px!important;} .ph8-xl {padding:0 8px!important;} .ph9-xl {padding:0 9px!important;} .ph10-xl {padding:0 10px!important;} .ph15-xl {padding:0 15px!important;} .ph20-xl {padding:0 20px!important;}
.ph25-xl {padding:0 25px!important} .ph30-xl {padding:0 30px!important} .ph35-xl {padding:0 35px!important} .ph40-xl {padding:0 40px!important} .ph45-xl {padding:0 45px!important} .ph50-xl {padding:0 50px!important}
}
/* ====== font sizes ==== */
.font-size01, .font-size01 input, .font-size01 select, .font-size01 textarea {font-size:0.1em;} .font-size02, .font-size02 input, .font-size02 select, .font-size02 textarea {font-size:0.2em;} .font-size03, .font-size03 input, .font-size03 select, .font-size03 textarea {font-size:0.3em;} .font-size04, .font-size04 input, .font-size04 select, .font-size04 textarea {font-size:0.4em;} .font-size05, .font-size05 input, .font-size05 select, .font-size05 textarea {font-size:0.5em;} .font-size06, .font-size06 input, .font-size06 select, .font-size06 textarea {font-size:0.6em;} .font-size07, .font-size07 input, .font-size07 select, .font-size07 textarea {font-size:0.7em;} .font-size08, .font-size08 input, .font-size08 select, .font-size08 textarea {font-size:0.8em;} .font-size09, .font-size09 input, .font-size09 select, .font-size09 textarea {font-size:0.9em;} .font-size1, .font-size1 input, .font-size1 select, .font-size1 textarea {font-size:1em;} .font-size11, .font-size11 input, .font-size11 select, .font-size11 textarea {font-size:1.1em;} .font-size12, .font-size12 input, .font-size12 select, .font-size12 textarea {font-size:1.2em;} .font-size13, .font-size13 input, .font-size13 select, .font-size13 textarea {font-size:1.3em;} .font-size14, .font-size14 input, .font-size14 select, .font-size14 textarea {font-size:1.4em;} .font-size15, .font-size15 input, .font-size15 select, .font-size15 textarea {font-size:1.5em;} .font-size16, .font-size16 input, .font-size16 select, .font-size16 textarea {font-size:1.6em;} .font-size17, .font-size17 input, .font-size17 select, .font-size17 textarea {font-size:1.7em;} .font-size18, .font-size18 input, .font-size18 select, .font-size18 textarea {font-size:1.8em;} .font-size19, .font-size19 input, .font-size19 select, .font-size19 textarea {font-size:1.9em;} .font-size2, .font-size2 input, .font-size2 select, .font-size2 textarea {font-size:2em;} .font-size21, .font-size21 input, .font-size21 select, .font-size21 textarea {font-size:2.1em;} .font-size22, .font-size22 input, .font-size22 select, .font-size22 textarea {font-size:2.2em;} .font-size23, .font-size23 input, .font-size23 select, .font-size23 textarea {font-size:2.3em;} .font-size24, .font-size24 input, .font-size24 select, .font-size24 textarea {font-size:2.4em;} .font-size25, .font-size25 input, .font-size25 select, .font-size25 textarea {font-size:2.5em;} .font-size26, .font-size26 input, .font-size26 select, .font-size26 textarea {font-size:2.6em;} .font-size27, .font-size27 input, .font-size27 select, .font-size27 textarea {font-size:2.7em;} .font-size28, .font-size28 input, .font-size28 select, .font-size28 textarea {font-size:2.8em;} .font-size29, .font-size29 input, .font-size29 select, .font-size29 textarea {font-size:2.9em;} .font-size3, .font-size3 input, .font-size3 select, .font-size3 textarea {font-size:3em;} .font-size31, .font-size31 input, .font-size31 select, .font-size31 textarea {font-size:3.1em;} .font-size32, .font-size32 input, .font-size32 select, .font-size32 textarea {font-size:3.2em;} .font-size33, .font-size33 input, .font-size33 select, .font-size33 textarea {font-size:3.3em;} .font-size34, .font-size34 input, .font-size34 select, .font-size34 textarea {font-size:3.4em;} .font-size35, .font-size35 input, .font-size35 select, .font-size35 textarea {font-size:3.5em;} .font-size36, .font-size36 input, .font-size36 select, .font-size36 textarea {font-size:3.6em;} .font-size37, .font-size37 input, .font-size37 select, .font-size37 textarea {font-size:3.7em;} .font-size38, .font-size38 input, .font-size38 select, .font-size38 textarea {font-size:3.8em;} .font-size39, .font-size39 input, .font-size39 select, .font-size39 textarea {font-size:3.9em;} .font-size4, .font-size4 input, .font-size4 select, .font-size4 textarea {font-size:4em;} .font-size41, .font-size41 input, .font-size41 select, .font-size41 textarea {font-size:4.1em;} .font-size42, .font-size42 input, .font-size42 select, .font-size42 textarea {font-size:4.2em;} .font-size43, .font-size43 input, .font-size43 select, .font-size43 textarea {font-size:4.3em;} .font-size44, .font-size44 input, .font-size44 select, .font-size44 textarea {font-size:4.4em;} .font-size45, .font-size45 input, .font-size45 select, .font-size45 textarea {font-size:4.5em;} .font-size46, .font-size46 input, .font-size46 select, .font-size46 textarea {font-size:4.6em;} .font-size47, .font-size47 input, .font-size47 select, .font-size47 textarea {font-size:4.7em;} .font-size48, .font-size48 input, .font-size48 select, .font-size48 textarea {font-size:4.8em;} .font-size49, .font-size49 input, .font-size49 select, .font-size49 textarea {font-size:4.9em;} .font-size5, .font-size5 input, .font-size5 select, .font-size5 textarea {font-size:5em;} .font-size51, .font-size51 input, .font-size51 select, .font-size51 textarea {font-size:5.1em;} .font-size52, .font-size52 input, .font-size52 select, .font-size52 textarea {font-size:5.2em;} .font-size53, .font-size53 input, .font-size53 select, .font-size53 textarea {font-size:5.3em;} .font-size54, .font-size54 input, .font-size54 select, .font-size54 textarea {font-size:5.4em;} .font-size55, .font-size55 input, .font-size55 select, .font-size55 textarea {font-size:5.5em;} .font-size56, .font-size56 input, .font-size56 select, .font-size56 textarea {font-size:5.6em;} .font-size57, .font-size57 input, .font-size57 select, .font-size57 textarea {font-size:5.7em;} .font-size58, .font-size58 input, .font-size58 select, .font-size58 textarea {font-size:5.8em;} .font-size59, .font-size59 input, .font-size59 select, .font-size59 textarea {font-size:5.9em;} .font-size6, .font-size6 input, .font-size6 select, .font-size6 textarea {font-size:6em;} .font-size61, .font-size61 input, .font-size61 select, .font-size61 textarea {font-size:6.1em;} .font-size62, .font-size62 input, .font-size62 select, .font-size62 textarea {font-size:6.2em;} .font-size63, .font-size63 input, .font-size63 select, .font-size63 textarea {font-size:6.3em;} .font-size64, .font-size64 input, .font-size64 select, .font-size64 textarea {font-size:6.4em;} .font-size65, .font-size65 input, .font-size65 select, .font-size65 textarea {font-size:6.5em;} .font-size66, .font-size66 input, .font-size66 select, .font-size66 textarea {font-size:6.6em;} .font-size67, .font-size67 input, .font-size67 select, .font-size67 textarea {font-size:6.7em;} .font-size68, .font-size68 input, .font-size68 select, .font-size68 textarea {font-size:6.8em;} .font-size69, .font-size69 input, .font-size69 select, .font-size69 textarea {font-size:6.9em;} .font-size7, .font-size7 input, .font-size7 select, .font-size7 textarea {font-size:7em;} .font-size71, .font-size71 input, .font-size71 select, .font-size71 textarea {font-size:7.1em;} .font-size72, .font-size72 input, .font-size72 select, .font-size72 textarea {font-size:7.2em;} .font-size73, .font-size73 input, .font-size73 select, .font-size73 textarea {font-size:7.3em;} .font-size74, .font-size74 input, .font-size74 select, .font-size74 textarea {font-size:7.4em;} .font-size75, .font-size75 input, .font-size75 select, .font-size75 textarea {font-size:7.5em;} .font-size76, .font-size76 input, .font-size76 select, .font-size76 textarea {font-size:7.6em;} .font-size77, .font-size77 input, .font-size77 select, .font-size77 textarea {font-size:7.7em;} .font-size78, .font-size78 input, .font-size78 select, .font-size78 textarea {font-size:7.8em;} .font-size79, .font-size79 input, .font-size79 select, .font-size79 textarea {font-size:7.9em;} .font-size8, .font-size8 input, .font-size8 select, .font-size8 textarea {font-size:8em;}
@media (min-width: 576px) {
.font-size01-sm, .font-size01-sm input, .font-size01-sm select, .font-size01-sm textarea {font-size:0.1em!important;} .font-size02-sm, .font-size02-sm input, .font-size02-sm select, .font-size02-sm textarea {font-size:0.2em!important;} .font-size03-sm, .font-size03-sm input, .font-size03-sm select, .font-size03-sm textarea {font-size:0.3em!important;} .font-size04-sm, .font-size04-sm input, .font-size04-sm select, .font-size04-sm textarea {font-size:0.4em!important;} .font-size05-sm, .font-size05-sm input, .font-size05-sm select, .font-size05-sm textarea {font-size:0.5em!important;} .font-size06-sm, .font-size06-sm input, .font-size06-sm select, .font-size06-sm textarea {font-size:0.6em!important;} .font-size07-sm, .font-size07-sm input, .font-size07-sm select, .font-size07-sm textarea {font-size:0.7em!important;} .font-size08-sm, .font-size08-sm input, .font-size08-sm select, .font-size08-sm textarea {font-size:0.8em!important;} .font-size09-sm, .font-size09-sm input, .font-size09-sm select, .font-size09-sm textarea {font-size:0.9em!important;} .font-size1-sm, .font-size1-sm input, .font-size1-sm select, .font-size1-sm textarea {font-size:1em!important;} .font-size11-sm, .font-size11-sm input, .font-size11-sm select, .font-size11-sm textarea {font-size:1.1em!important;} .font-size12-sm, .font-size12-sm input, .font-size12-sm select, .font-size12-sm textarea {font-size:1.2em!important;} .font-size13-sm, .font-size13-sm input, .font-size13-sm select, .font-size13-sm textarea {font-size:1.3em!important;} .font-size14-sm, .font-size14-sm input, .font-size14-sm select, .font-size14-sm textarea {font-size:1.4em!important;} .font-size15-sm, .font-size15-sm input, .font-size15-sm select, .font-size15-sm textarea {font-size:1.5em!important;} .font-size16-sm, .font-size16-sm input, .font-size16-sm select, .font-size16-sm textarea {font-size:1.6em!important;} .font-size17-sm, .font-size17-sm input, .font-size17-sm select, .font-size17-sm textarea {font-size:1.7em!important;} .font-size18-sm, .font-size18-sm input, .font-size18-sm select, .font-size18-sm textarea {font-size:1.8em!important;} .font-size19-sm, .font-size19-sm input, .font-size19-sm select, .font-size19-sm textarea {font-size:1.9em!important;} .font-size2-sm, .font-size2-sm input, .font-size2-sm select, .font-size2-sm textarea {font-size:2em!important;} .font-size21-sm, .font-size21-sm input, .font-size21-sm select, .font-size21-sm textarea {font-size:2.1em!important;} .font-size22-sm, .font-size22-sm input, .font-size22-sm select, .font-size22-sm textarea {font-size:2.2em!important;} .font-size23-sm, .font-size23-sm input, .font-size23-sm select, .font-size23-sm textarea {font-size:2.3em!important;} .font-size24-sm, .font-size24-sm input, .font-size24-sm select, .font-size24-sm textarea {font-size:2.4em!important;} .font-size25-sm, .font-size25-sm input, .font-size25-sm select, .font-size25-sm textarea {font-size:2.5em!important;} .font-size26-sm, .font-size26-sm input, .font-size26-sm select, .font-size26-sm textarea {font-size:2.6em!important;} .font-size27-sm, .font-size27-sm input, .font-size27-sm select, .font-size27-sm textarea {font-size:2.7em!important;} .font-size28-sm, .font-size28-sm input, .font-size28-sm select, .font-size28-sm textarea {font-size:2.8em!important;} .font-size29-sm, .font-size29-sm input, .font-size29-sm select, .font-size29-sm textarea {font-size:2.9em!important;} .font-size3-sm, .font-size3-sm input, .font-size3-sm select, .font-size3-sm textarea {font-size:3em!important;} .font-size31-sm, .font-size31-sm input, .font-size31-sm select, .font-size31-sm textarea {font-size:3.1em!important;} .font-size32-sm, .font-size32-sm input, .font-size32-sm select, .font-size32-sm textarea {font-size:3.2em!important;} .font-size33-sm, .font-size33-sm input, .font-size33-sm select, .font-size33-sm textarea {font-size:3.3em!important;} .font-size34-sm, .font-size34-sm input, .font-size34-sm select, .font-size34-sm textarea {font-size:3.4em!important;} .font-size35-sm, .font-size35-sm input, .font-size35-sm select, .font-size35-sm textarea {font-size:3.5em!important;} .font-size36-sm, .font-size36-sm input, .font-size36-sm select, .font-size36-sm textarea {font-size:3.6em!important;} .font-size37-sm, .font-size37-sm input, .font-size37-sm select, .font-size37-sm textarea {font-size:3.7em!important;} .font-size38-sm, .font-size38-sm input, .font-size38-sm select, .font-size38-sm textarea {font-size:3.8em!important;} .font-size39-sm, .font-size39-sm input, .font-size39-sm select, .font-size39-sm textarea {font-size:3.9em!important;} .font-size4-sm, .font-size4-sm input, .font-size4-sm select, .font-size4-sm textarea {font-size:4em!important;} .font-size41-sm, .font-size41-sm input, .font-size41-sm select, .font-size41-sm textarea {font-size:4.1em!important;} .font-size42-sm, .font-size42-sm input, .font-size42-sm select, .font-size42-sm textarea {font-size:4.2em!important;} .font-size43-sm, .font-size43-sm input, .font-size43-sm select, .font-size43-sm textarea {font-size:4.3em!important;} .font-size44-sm, .font-size44-sm input, .font-size44-sm select, .font-size44-sm textarea {font-size:4.4em!important;} .font-size45-sm, .font-size45-sm input, .font-size45-sm select, .font-size45-sm textarea {font-size:4.5em!important;} .font-size46-sm, .font-size46-sm input, .font-size46-sm select, .font-size46-sm textarea {font-size:4.6em!important;} .font-size47-sm, .font-size47-sm input, .font-size47-sm select, .font-size47-sm textarea {font-size:4.7em!important;} .font-size48-sm, .font-size48-sm input, .font-size48-sm select, .font-size48-sm textarea {font-size:4.8em!important;} .font-size49-sm, .font-size49-sm input, .font-size49-sm select, .font-size49-sm textarea {font-size:4.9em!important;} .font-size5-sm, .font-size5-sm input, .font-size5-sm select, .font-size5-sm textarea {font-size:5em!important;} .font-size51-sm, .font-size51-sm input, .font-size51-sm select, .font-size51-sm textarea {font-size:5.1em!important;} .font-size52-sm, .font-size52-sm input, .font-size52-sm select, .font-size52-sm textarea {font-size:5.2em!important;} .font-size53-sm, .font-size53-sm input, .font-size53-sm select, .font-size53-sm textarea {font-size:5.3em!important;} .font-size54-sm, .font-size54-sm input, .font-size54-sm select, .font-size54-sm textarea {font-size:5.4em!important;} .font-size55-sm, .font-size55-sm input, .font-size55-sm select, .font-size55-sm textarea {font-size:5.5em!important;} .font-size56-sm, .font-size56-sm input, .font-size56-sm select, .font-size56-sm textarea {font-size:5.6em!important;} .font-size57-sm, .font-size57-sm input, .font-size57-sm select, .font-size57-sm textarea {font-size:5.7em!important;} .font-size58-sm, .font-size58-sm input, .font-size58-sm select, .font-size58-sm textarea {font-size:5.8em!important;} .font-size59-sm, .font-size59-sm input, .font-size59-sm select, .font-size59-sm textarea {font-size:5.9em!important;} .font-size6-sm, .font-size6-sm input, .font-size6-sm select, .font-size6-sm textarea {font-size:6em!important;} .font-size61-sm, .font-size61-sm input, .font-size61-sm select, .font-size61-sm textarea {font-size:6.1em!important;} .font-size62-sm, .font-size62-sm input, .font-size62-sm select, .font-size62-sm textarea {font-size:6.2em!important;} .font-size63-sm, .font-size63-sm input, .font-size63-sm select, .font-size63-sm textarea {font-size:6.3em!important;} .font-size64-sm, .font-size64-sm input, .font-size64-sm select, .font-size64-sm textarea {font-size:6.4em!important;} .font-size65-sm, .font-size65-sm input, .font-size65-sm select, .font-size65-sm textarea {font-size:6.5em!important;} .font-size66-sm, .font-size66-sm input, .font-size66-sm select, .font-size66-sm textarea {font-size:6.6em!important;} .font-size67-sm, .font-size67-sm input, .font-size67-sm select, .font-size67-sm textarea {font-size:6.7em!important;} .font-size68-sm, .font-size68-sm input, .font-size68-sm select, .font-size68-sm textarea {font-size:6.8em!important;} .font-size69-sm, .font-size69-sm input, .font-size69-sm select, .font-size69-sm textarea {font-size:6.9em!important;} .font-size7-sm, .font-size7-sm input, .font-size7-sm select, .font-size7-sm textarea {font-size:7em!important;} .font-size71-sm, .font-size71-sm input, .font-size71-sm select, .font-size71-sm textarea {font-size:7.1em!important;} .font-size72-sm, .font-size72-sm input, .font-size72-sm select, .font-size72-sm textarea {font-size:7.2em!important;} .font-size73-sm, .font-size73-sm input, .font-size73-sm select, .font-size73-sm textarea {font-size:7.3em!important;} .font-size74-sm, .font-size74-sm input, .font-size74-sm select, .font-size74-sm textarea {font-size:7.4em!important;} .font-size75-sm, .font-size75-sm input, .font-size75-sm select, .font-size75-sm textarea {font-size:7.5em!important;} .font-size76-sm, .font-size76-sm input, .font-size76-sm select, .font-size76-sm textarea {font-size:7.6em!important;} .font-size77-sm, .font-size77-sm input, .font-size77-sm select, .font-size77-sm textarea {font-size:7.7em!important;} .font-size78-sm, .font-size78-sm input, .font-size78-sm select, .font-size78-sm textarea {font-size:7.8em!important;} .font-size79-sm, .font-size79-sm input, .font-size79-sm select, .font-size79-sm textarea {font-size:7.9em!important;} .font-size8-sm, .font-size8-sm input, .font-size8-sm select, .font-size8-sm textarea {font-size:8em!important;}
}
@media (min-width: 768px) {
.font-size01-md, .font-size01-md input, .font-size01-md select, .font-size01-md textarea {font-size:0.1em!important;} .font-size02-md, .font-size02-md input, .font-size02-md select, .font-size02-md textarea {font-size:0.2em!important;} .font-size03-md, .font-size03-md input, .font-size03-md select, .font-size03-md textarea {font-size:0.3em!important;} .font-size04-md, .font-size04-md input, .font-size04-md select, .font-size04-md textarea {font-size:0.4em!important;} .font-size05-md, .font-size05-md input, .font-size05-md select, .font-size05-md textarea {font-size:0.5em!important;} .font-size06-md, .font-size06-md input, .font-size06-md select, .font-size06-md textarea {font-size:0.6em!important;} .font-size07-md, .font-size07-md input, .font-size07-md select, .font-size07-md textarea {font-size:0.7em!important;} .font-size08-md, .font-size08-md input, .font-size08-md select, .font-size08-md textarea {font-size:0.8em!important;} .font-size09-md, .font-size09-md input, .font-size09-md select, .font-size09-md textarea {font-size:0.9em!important;} .font-size1-md, .font-size1-md input, .font-size1-md select, .font-size1-md textarea {font-size:1em!important;} .font-size11-md, .font-size11-md input, .font-size11-md select, .font-size11-md textarea {font-size:1.1em!important;} .font-size12-md, .font-size12-md input, .font-size12-md select, .font-size12-md textarea {font-size:1.2em!important;} .font-size13-md, .font-size13-md input, .font-size13-md select, .font-size13-md textarea {font-size:1.3em!important;} .font-size14-md, .font-size14-md input, .font-size14-md select, .font-size14-md textarea {font-size:1.4em!important;} .font-size15-md, .font-size15-md input, .font-size15-md select, .font-size15-md textarea {font-size:1.5em!important;} .font-size16-md, .font-size16-md input, .font-size16-md select, .font-size16-md textarea {font-size:1.6em!important;} .font-size17-md, .font-size17-md input, .font-size17-md select, .font-size17-md textarea {font-size:1.7em!important;} .font-size18-md, .font-size18-md input, .font-size18-md select, .font-size18-md textarea {font-size:1.8em!important;} .font-size19-md, .font-size19-md input, .font-size19-md select, .font-size19-md textarea {font-size:1.9em!important;} .font-size2-md, .font-size2-md input, .font-size2-md select, .font-size2-md textarea {font-size:2em!important;} .font-size21-md, .font-size21-md input, .font-size21-md select, .font-size21-md textarea {font-size:2.1em!important;} .font-size22-md, .font-size22-md input, .font-size22-md select, .font-size22-md textarea {font-size:2.2em!important;} .font-size23-md, .font-size23-md input, .font-size23-md select, .font-size23-md textarea {font-size:2.3em!important;} .font-size24-md, .font-size24-md input, .font-size24-md select, .font-size24-md textarea {font-size:2.4em!important;} .font-size25-md, .font-size25-md input, .font-size25-md select, .font-size25-md textarea {font-size:2.5em!important;} .font-size26-md, .font-size26-md input, .font-size26-md select, .font-size26-md textarea {font-size:2.6em!important;} .font-size27-md, .font-size27-md input, .font-size27-md select, .font-size27-md textarea {font-size:2.7em!important;} .font-size28-md, .font-size28-md input, .font-size28-md select, .font-size28-md textarea {font-size:2.8em!important;} .font-size29-md, .font-size29-md input, .font-size29-md select, .font-size29-md textarea {font-size:2.9em!important;} .font-size3-md, .font-size3-md input, .font-size3-md select, .font-size3-md textarea {font-size:3em!important;} .font-size31-md, .font-size31-md input, .font-size31-md select, .font-size31-md textarea {font-size:3.1em!important;} .font-size32-md, .font-size32-md input, .font-size32-md select, .font-size32-md textarea {font-size:3.2em!important;} .font-size33-md, .font-size33-md input, .font-size33-md select, .font-size33-md textarea {font-size:3.3em!important;} .font-size34-md, .font-size34-md input, .font-size34-md select, .font-size34-md textarea {font-size:3.4em!important;} .font-size35-md, .font-size35-md input, .font-size35-md select, .font-size35-md textarea {font-size:3.5em!important;} .font-size36-md, .font-size36-md input, .font-size36-md select, .font-size36-md textarea {font-size:3.6em!important;} .font-size37-md, .font-size37-md input, .font-size37-md select, .font-size37-md textarea {font-size:3.7em!important;} .font-size38-md, .font-size38-md input, .font-size38-md select, .font-size38-md textarea {font-size:3.8em!important;} .font-size39-md, .font-size39-md input, .font-size39-md select, .font-size39-md textarea {font-size:3.9em!important;} .font-size4-md, .font-size4-md input, .font-size4-md select, .font-size4-md textarea {font-size:4em!important;} .font-size41-md, .font-size41-md input, .font-size41-md select, .font-size41-md textarea {font-size:4.1em!important;} .font-size42-md, .font-size42-md input, .font-size42-md select, .font-size42-md textarea {font-size:4.2em!important;} .font-size43-md, .font-size43-md input, .font-size43-md select, .font-size43-md textarea {font-size:4.3em!important;} .font-size44-md, .font-size44-md input, .font-size44-md select, .font-size44-md textarea {font-size:4.4em!important;} .font-size45-md, .font-size45-md input, .font-size45-md select, .font-size45-md textarea {font-size:4.5em!important;} .font-size46-md, .font-size46-md input, .font-size46-md select, .font-size46-md textarea {font-size:4.6em!important;} .font-size47-md, .font-size47-md input, .font-size47-md select, .font-size47-md textarea {font-size:4.7em!important;} .font-size48-md, .font-size48-md input, .font-size48-md select, .font-size48-md textarea {font-size:4.8em!important;} .font-size49-md, .font-size49-md input, .font-size49-md select, .font-size49-md textarea {font-size:4.9em!important;} .font-size5-md, .font-size5-md input, .font-size5-md select, .font-size5-md textarea {font-size:5em!important;} .font-size51-md, .font-size51-md input, .font-size51-md select, .font-size51-md textarea {font-size:5.1em!important;} .font-size52-md, .font-size52-md input, .font-size52-md select, .font-size52-md textarea {font-size:5.2em!important;} .font-size53-md, .font-size53-md input, .font-size53-md select, .font-size53-md textarea {font-size:5.3em!important;} .font-size54-md, .font-size54-md input, .font-size54-md select, .font-size54-md textarea {font-size:5.4em!important;} .font-size55-md, .font-size55-md input, .font-size55-md select, .font-size55-md textarea {font-size:5.5em!important;} .font-size56-md, .font-size56-md input, .font-size56-md select, .font-size56-md textarea {font-size:5.6em!important;} .font-size57-md, .font-size57-md input, .font-size57-md select, .font-size57-md textarea {font-size:5.7em!important;} .font-size58-md, .font-size58-md input, .font-size58-md select, .font-size58-md textarea {font-size:5.8em!important;} .font-size59-md, .font-size59-md input, .font-size59-md select, .font-size59-md textarea {font-size:5.9em!important;} .font-size6-md, .font-size6-md input, .font-size6-md select, .font-size6-md textarea {font-size:6em!important;} .font-size61-md, .font-size61-md input, .font-size61-md select, .font-size61-md textarea {font-size:6.1em!important;} .font-size62-md, .font-size62-md input, .font-size62-md select, .font-size62-md textarea {font-size:6.2em!important;} .font-size63-md, .font-size63-md input, .font-size63-md select, .font-size63-md textarea {font-size:6.3em!important;} .font-size64-md, .font-size64-md input, .font-size64-md select, .font-size64-md textarea {font-size:6.4em!important;} .font-size65-md, .font-size65-md input, .font-size65-md select, .font-size65-md textarea {font-size:6.5em!important;} .font-size66-md, .font-size66-md input, .font-size66-md select, .font-size66-md textarea {font-size:6.6em!important;} .font-size67-md, .font-size67-md input, .font-size67-md select, .font-size67-md textarea {font-size:6.7em!important;} .font-size68-md, .font-size68-md input, .font-size68-md select, .font-size68-md textarea {font-size:6.8em!important;} .font-size69-md, .font-size69-md input, .font-size69-md select, .font-size69-md textarea {font-size:6.9em!important;} .font-size7-md, .font-size7-md input, .font-size7-md select, .font-size7-md textarea {font-size:7em!important;} .font-size71-md, .font-size71-md input, .font-size71-md select, .font-size71-md textarea {font-size:7.1em!important;} .font-size72-md, .font-size72-md input, .font-size72-md select, .font-size72-md textarea {font-size:7.2em!important;} .font-size73-md, .font-size73-md input, .font-size73-md select, .font-size73-md textarea {font-size:7.3em!important;} .font-size74-md, .font-size74-md input, .font-size74-md select, .font-size74-md textarea {font-size:7.4em!important;} .font-size75-md, .font-size75-md input, .font-size75-md select, .font-size75-md textarea {font-size:7.5em!important;} .font-size76-md, .font-size76-md input, .font-size76-md select, .font-size76-md textarea {font-size:7.6em!important;} .font-size77-md, .font-size77-md input, .font-size77-md select, .font-size77-md textarea {font-size:7.7em!important;} .font-size78-md, .font-size78-md input, .font-size78-md select, .font-size78-md textarea {font-size:7.8em!important;} .font-size79-md, .font-size79-md input, .font-size79-md select, .font-size79-md textarea {font-size:7.9em!important;} .font-size8-md, .font-size8-md input, .font-size8-md select, .font-size8-md textarea {font-size:8em!important;}
}
@media (min-width: 992px) {
.font-size01-lg, .font-size01-lg input, .font-size01-lg select, .font-size01-lg textarea {font-size:0.1em!important;} .font-size02-lg, .font-size02-lg input, .font-size02-lg select, .font-size02-lg textarea {font-size:0.2em!important;} .font-size03-lg, .font-size03-lg input, .font-size03-lg select, .font-size03-lg textarea {font-size:0.3em!important;} .font-size04-lg, .font-size04-lg input, .font-size04-lg select, .font-size04-lg textarea {font-size:0.4em!important;} .font-size05-lg, .font-size05-lg input, .font-size05-lg select, .font-size05-lg textarea {font-size:0.5em!important;} .font-size06-lg, .font-size06-lg input, .font-size06-lg select, .font-size06-lg textarea {font-size:0.6em!important;} .font-size07-lg, .font-size07-lg input, .font-size07-lg select, .font-size07-lg textarea {font-size:0.7em!important;} .font-size08-lg, .font-size08-lg input, .font-size08-lg select, .font-size08-lg textarea {font-size:0.8em!important;} .font-size09-lg, .font-size09-lg input, .font-size09-lg select, .font-size09-lg textarea {font-size:0.9em!important;} .font-size1-lg, .font-size1-lg input, .font-size1-lg select, .font-size1-lg textarea {font-size:1em!important;} .font-size11-lg, .font-size11-lg input, .font-size11-lg select, .font-size11-lg textarea {font-size:1.1em!important;} .font-size12-lg, .font-size12-lg input, .font-size12-lg select, .font-size12-lg textarea {font-size:1.2em!important;} .font-size13-lg, .font-size13-lg input, .font-size13-lg select, .font-size13-lg textarea {font-size:1.3em!important;} .font-size14-lg, .font-size14-lg input, .font-size14-lg select, .font-size14-lg textarea {font-size:1.4em!important;} .font-size15-lg, .font-size15-lg input, .font-size15-lg select, .font-size15-lg textarea {font-size:1.5em!important;} .font-size16-lg, .font-size16-lg input, .font-size16-lg select, .font-size16-lg textarea {font-size:1.6em!important;} .font-size17-lg, .font-size17-lg input, .font-size17-lg select, .font-size17-lg textarea {font-size:1.7em!important;} .font-size18-lg, .font-size18-lg input, .font-size18-lg select, .font-size18-lg textarea {font-size:1.8em!important;} .font-size19-lg, .font-size19-lg input, .font-size19-lg select, .font-size19-lg textarea {font-size:1.9em!important;} .font-size2-lg, .font-size2-lg input, .font-size2-lg select, .font-size2-lg textarea {font-size:2em!important;} .font-size21-lg, .font-size21-lg input, .font-size21-lg select, .font-size21-lg textarea {font-size:2.1em!important;} .font-size22-lg, .font-size22-lg input, .font-size22-lg select, .font-size22-lg textarea {font-size:2.2em!important;} .font-size23-lg, .font-size23-lg input, .font-size23-lg select, .font-size23-lg textarea {font-size:2.3em!important;} .font-size24-lg, .font-size24-lg input, .font-size24-lg select, .font-size24-lg textarea {font-size:2.4em!important;} .font-size25-lg, .font-size25-lg input, .font-size25-lg select, .font-size25-lg textarea {font-size:2.5em!important;} .font-size26-lg, .font-size26-lg input, .font-size26-lg select, .font-size26-lg textarea {font-size:2.6em!important;} .font-size27-lg, .font-size27-lg input, .font-size27-lg select, .font-size27-lg textarea {font-size:2.7em!important;} .font-size28-lg, .font-size28-lg input, .font-size28-lg select, .font-size28-lg textarea {font-size:2.8em!important;} .font-size29-lg, .font-size29-lg input, .font-size29-lg select, .font-size29-lg textarea {font-size:2.9em!important;} .font-size3-lg, .font-size3-lg input, .font-size3-lg select, .font-size3-lg textarea {font-size:3em!important;} .font-size31-lg, .font-size31-lg input, .font-size31-lg select, .font-size31-lg textarea {font-size:3.1em!important;} .font-size32-lg, .font-size32-lg input, .font-size32-lg select, .font-size32-lg textarea {font-size:3.2em!important;} .font-size33-lg, .font-size33-lg input, .font-size33-lg select, .font-size33-lg textarea {font-size:3.3em!important;} .font-size34-lg, .font-size34-lg input, .font-size34-lg select, .font-size34-lg textarea {font-size:3.4em!important;} .font-size35-lg, .font-size35-lg input, .font-size35-lg select, .font-size35-lg textarea {font-size:3.5em!important;} .font-size36-lg, .font-size36-lg input, .font-size36-lg select, .font-size36-lg textarea {font-size:3.6em!important;} .font-size37-lg, .font-size37-lg input, .font-size37-lg select, .font-size37-lg textarea {font-size:3.7em!important;} .font-size38-lg, .font-size38-lg input, .font-size38-lg select, .font-size38-lg textarea {font-size:3.8em!important;} .font-size39-lg, .font-size39-lg input, .font-size39-lg select, .font-size39-lg textarea {font-size:3.9em!important;} .font-size4-lg, .font-size4-lg input, .font-size4-lg select, .font-size4-lg textarea {font-size:4em!important;} .font-size41-lg, .font-size41-lg input, .font-size41-lg select, .font-size41-lg textarea {font-size:4.1em!important;} .font-size42-lg, .font-size42-lg input, .font-size42-lg select, .font-size42-lg textarea {font-size:4.2em!important;} .font-size43-lg, .font-size43-lg input, .font-size43-lg select, .font-size43-lg textarea {font-size:4.3em!important;} .font-size44-lg, .font-size44-lg input, .font-size44-lg select, .font-size44-lg textarea {font-size:4.4em!important;} .font-size45-lg, .font-size45-lg input, .font-size45-lg select, .font-size45-lg textarea {font-size:4.5em!important;} .font-size46-lg, .font-size46-lg input, .font-size46-lg select, .font-size46-lg textarea {font-size:4.6em!important;} .font-size47-lg, .font-size47-lg input, .font-size47-lg select, .font-size47-lg textarea {font-size:4.7em!important;} .font-size48-lg, .font-size48-lg input, .font-size48-lg select, .font-size48-lg textarea {font-size:4.8em!important;} .font-size49-lg, .font-size49-lg input, .font-size49-lg select, .font-size49-lg textarea {font-size:4.9em!important;} .font-size5-lg, .font-size5-lg input, .font-size5-lg select, .font-size5-lg textarea {font-size:5em!important;} .font-size51-lg, .font-size51-lg input, .font-size51-lg select, .font-size51-lg textarea {font-size:5.1em!important;} .font-size52-lg, .font-size52-lg input, .font-size52-lg select, .font-size52-lg textarea {font-size:5.2em!important;} .font-size53-lg, .font-size53-lg input, .font-size53-lg select, .font-size53-lg textarea {font-size:5.3em!important;} .font-size54-lg, .font-size54-lg input, .font-size54-lg select, .font-size54-lg textarea {font-size:5.4em!important;} .font-size55-lg, .font-size55-lg input, .font-size55-lg select, .font-size55-lg textarea {font-size:5.5em!important;} .font-size56-lg, .font-size56-lg input, .font-size56-lg select, .font-size56-lg textarea {font-size:5.6em!important;} .font-size57-lg, .font-size57-lg input, .font-size57-lg select, .font-size57-lg textarea {font-size:5.7em!important;} .font-size58-lg, .font-size58-lg input, .font-size58-lg select, .font-size58-lg textarea {font-size:5.8em!important;} .font-size59-lg, .font-size59-lg input, .font-size59-lg select, .font-size59-lg textarea {font-size:5.9em!important;} .font-size6-lg, .font-size6-lg input, .font-size6-lg select, .font-size6-lg textarea {font-size:6em!important;} .font-size61-lg, .font-size61-lg input, .font-size61-lg select, .font-size61-lg textarea {font-size:6.1em!important;} .font-size62-lg, .font-size62-lg input, .font-size62-lg select, .font-size62-lg textarea {font-size:6.2em!important;} .font-size63-lg, .font-size63-lg input, .font-size63-lg select, .font-size63-lg textarea {font-size:6.3em!important;} .font-size64-lg, .font-size64-lg input, .font-size64-lg select, .font-size64-lg textarea {font-size:6.4em!important;} .font-size65-lg, .font-size65-lg input, .font-size65-lg select, .font-size65-lg textarea {font-size:6.5em!important;} .font-size66-lg, .font-size66-lg input, .font-size66-lg select, .font-size66-lg textarea {font-size:6.6em!important;} .font-size67-lg, .font-size67-lg input, .font-size67-lg select, .font-size67-lg textarea {font-size:6.7em!important;} .font-size68-lg, .font-size68-lg input, .font-size68-lg select, .font-size68-lg textarea {font-size:6.8em!important;} .font-size69-lg, .font-size69-lg input, .font-size69-lg select, .font-size69-lg textarea {font-size:6.9em!important;} .font-size7-lg, .font-size7-lg input, .font-size7-lg select, .font-size7-lg textarea {font-size:7em!important;} .font-size71-lg, .font-size71-lg input, .font-size71-lg select, .font-size71-lg textarea {font-size:7.1em!important;} .font-size72-lg, .font-size72-lg input, .font-size72-lg select, .font-size72-lg textarea {font-size:7.2em!important;} .font-size73-lg, .font-size73-lg input, .font-size73-lg select, .font-size73-lg textarea {font-size:7.3em!important;} .font-size74-lg, .font-size74-lg input, .font-size74-lg select, .font-size74-lg textarea {font-size:7.4em!important;} .font-size75-lg, .font-size75-lg input, .font-size75-lg select, .font-size75-lg textarea {font-size:7.5em!important;} .font-size76-lg, .font-size76-lg input, .font-size76-lg select, .font-size76-lg textarea {font-size:7.6em!important;} .font-size77-lg, .font-size77-lg input, .font-size77-lg select, .font-size77-lg textarea {font-size:7.7em!important;} .font-size78-lg, .font-size78-lg input, .font-size78-lg select, .font-size78-lg textarea {font-size:7.8em!important;} .font-size79-lg, .font-size79-lg input, .font-size79-lg select, .font-size79-lg textarea {font-size:7.9em!important;} .font-size8-lg, .font-size8-lg input, .font-size8-lg select, .font-size8-lg textarea {font-size:8em!important;}
}
@media (min-width: 1300px) {
.font-size01-xl, .font-size01-xl input, .font-size01-xl select, .font-size01-xl textarea {font-size:0.1em!important;} .font-size02-xl, .font-size02-xl input, .font-size02-xl select, .font-size02-xl textarea {font-size:0.2em!important;} .font-size03-xl, .font-size03-xl input, .font-size03-xl select, .font-size03-xl textarea {font-size:0.3em!important;} .font-size04-xl, .font-size04-xl input, .font-size04-xl select, .font-size04-xl textarea {font-size:0.4em!important;} .font-size05-xl, .font-size05-xl input, .font-size05-xl select, .font-size05-xl textarea {font-size:0.5em!important;} .font-size06-xl, .font-size06-xl input, .font-size06-xl select, .font-size06-xl textarea {font-size:0.6em!important;} .font-size07-xl, .font-size07-xl input, .font-size07-xl select, .font-size07-xl textarea {font-size:0.7em!important;} .font-size08-xl, .font-size08-xl input, .font-size08-xl select, .font-size08-xl textarea {font-size:0.8em!important;} .font-size09-xl, .font-size09-xl input, .font-size09-xl select, .font-size09-xl textarea {font-size:0.9em!important;} .font-size1-xl, .font-size1-xl input, .font-size1-xl select, .font-size1-xl textarea {font-size:1em!important;} .font-size11-xl, .font-size11-xl input, .font-size11-xl select, .font-size11-xl textarea {font-size:1.1em!important;} .font-size12-xl, .font-size12-xl input, .font-size12-xl select, .font-size12-xl textarea {font-size:1.2em!important;} .font-size13-xl, .font-size13-xl input, .font-size13-xl select, .font-size13-xl textarea {font-size:1.3em!important;} .font-size14-xl, .font-size14-xl input, .font-size14-xl select, .font-size14-xl textarea {font-size:1.4em!important;} .font-size15-xl, .font-size15-xl input, .font-size15-xl select, .font-size15-xl textarea {font-size:1.5em!important;} .font-size16-xl, .font-size16-xl input, .font-size16-xl select, .font-size16-xl textarea {font-size:1.6em!important;} .font-size17-xl, .font-size17-xl input, .font-size17-xl select, .font-size17-xl textarea {font-size:1.7em!important;} .font-size18-xl, .font-size18-xl input, .font-size18-xl select, .font-size18-xl textarea {font-size:1.8em!important;} .font-size19-xl, .font-size19-xl input, .font-size19-xl select, .font-size19-xl textarea {font-size:1.9em!important;} .font-size2-xl, .font-size2-xl input, .font-size2-xl select, .font-size2-xl textarea {font-size:2em!important;} .font-size21-xl, .font-size21-xl input, .font-size21-xl select, .font-size21-xl textarea {font-size:2.1em!important;} .font-size22-xl, .font-size22-xl input, .font-size22-xl select, .font-size22-xl textarea {font-size:2.2em!important;} .font-size23-xl, .font-size23-xl input, .font-size23-xl select, .font-size23-xl textarea {font-size:2.3em!important;} .font-size24-xl, .font-size24-xl input, .font-size24-xl select, .font-size24-xl textarea {font-size:2.4em!important;} .font-size25-xl, .font-size25-xl input, .font-size25-xl select, .font-size25-xl textarea {font-size:2.5em!important;} .font-size26-xl, .font-size26-xl input, .font-size26-xl select, .font-size26-xl textarea {font-size:2.6em!important;} .font-size27-xl, .font-size27-xl input, .font-size27-xl select, .font-size27-xl textarea {font-size:2.7em!important;} .font-size28-xl, .font-size28-xl input, .font-size28-xl select, .font-size28-xl textarea {font-size:2.8em!important;} .font-size29-xl, .font-size29-xl input, .font-size29-xl select, .font-size29-xl textarea {font-size:2.9em!important;} .font-size3-xl, .font-size3-xl input, .font-size3-xl select, .font-size3-xl textarea {font-size:3em!important;} .font-size31-xl, .font-size31-xl input, .font-size31-xl select, .font-size31-xl textarea {font-size:3.1em!important;} .font-size32-xl, .font-size32-xl input, .font-size32-xl select, .font-size32-xl textarea {font-size:3.2em!important;} .font-size33-xl, .font-size33-xl input, .font-size33-xl select, .font-size33-xl textarea {font-size:3.3em!important;} .font-size34-xl, .font-size34-xl input, .font-size34-xl select, .font-size34-xl textarea {font-size:3.4em!important;} .font-size35-xl, .font-size35-xl input, .font-size35-xl select, .font-size35-xl textarea {font-size:3.5em!important;} .font-size36-xl, .font-size36-xl input, .font-size36-xl select, .font-size36-xl textarea {font-size:3.6em!important;} .font-size37-xl, .font-size37-xl input, .font-size37-xl select, .font-size37-xl textarea {font-size:3.7em!important;} .font-size38-xl, .font-size38-xl input, .font-size38-xl select, .font-size38-xl textarea {font-size:3.8em!important;} .font-size39-xl, .font-size39-xl input, .font-size39-xl select, .font-size39-xl textarea {font-size:3.9em!important;} .font-size4-xl, .font-size4-xl input, .font-size4-xl select, .font-size4-xl textarea {font-size:4em!important;} .font-size41-xl, .font-size41-xl input, .font-size41-xl select, .font-size41-xl textarea {font-size:4.1em!important;} .font-size42-xl, .font-size42-xl input, .font-size42-xl select, .font-size42-xl textarea {font-size:4.2em!important;} .font-size43-xl, .font-size43-xl input, .font-size43-xl select, .font-size43-xl textarea {font-size:4.3em!important;} .font-size44-xl, .font-size44-xl input, .font-size44-xl select, .font-size44-xl textarea {font-size:4.4em!important;} .font-size45-xl, .font-size45-xl input, .font-size45-xl select, .font-size45-xl textarea {font-size:4.5em!important;} .font-size46-xl, .font-size46-xl input, .font-size46-xl select, .font-size46-xl textarea {font-size:4.6em!important;} .font-size47-xl, .font-size47-xl input, .font-size47-xl select, .font-size47-xl textarea {font-size:4.7em!important;} .font-size48-xl, .font-size48-xl input, .font-size48-xl select, .font-size48-xl textarea {font-size:4.8em!important;} .font-size49-xl, .font-size49-xl input, .font-size49-xl select, .font-size49-xl textarea {font-size:4.9em!important;} .font-size5-xl, .font-size5-xl input, .font-size5-xl select, .font-size5-xl textarea {font-size:5em!important;} .font-size51-xl, .font-size51-xl input, .font-size51-xl select, .font-size51-xl textarea {font-size:5.1em!important;} .font-size52-xl, .font-size52-xl input, .font-size52-xl select, .font-size52-xl textarea {font-size:5.2em!important;} .font-size53-xl, .font-size53-xl input, .font-size53-xl select, .font-size53-xl textarea {font-size:5.3em!important;} .font-size54-xl, .font-size54-xl input, .font-size54-xl select, .font-size54-xl textarea {font-size:5.4em!important;} .font-size55-xl, .font-size55-xl input, .font-size55-xl select, .font-size55-xl textarea {font-size:5.5em!important;} .font-size56-xl, .font-size56-xl input, .font-size56-xl select, .font-size56-xl textarea {font-size:5.6em!important;} .font-size57-xl, .font-size57-xl input, .font-size57-xl select, .font-size57-xl textarea {font-size:5.7em!important;} .font-size58-xl, .font-size58-xl input, .font-size58-xl select, .font-size58-xl textarea {font-size:5.8em!important;} .font-size59-xl, .font-size59-xl input, .font-size59-xl select, .font-size59-xl textarea {font-size:5.9em!important;} .font-size6-xl, .font-size6-xl input, .font-size6-xl select, .font-size6-xl textarea {font-size:6em!important;} .font-size61-xl, .font-size61-xl input, .font-size61-xl select, .font-size61-xl textarea {font-size:6.1em!important;} .font-size62-xl, .font-size62-xl input, .font-size62-xl select, .font-size62-xl textarea {font-size:6.2em!important;} .font-size63-xl, .font-size63-xl input, .font-size63-xl select, .font-size63-xl textarea {font-size:6.3em!important;} .font-size64-xl, .font-size64-xl input, .font-size64-xl select, .font-size64-xl textarea {font-size:6.4em!important;} .font-size65-xl, .font-size65-xl input, .font-size65-xl select, .font-size65-xl textarea {font-size:6.5em!important;} .font-size66-xl, .font-size66-xl input, .font-size66-xl select, .font-size66-xl textarea {font-size:6.6em!important;} .font-size67-xl, .font-size67-xl input, .font-size67-xl select, .font-size67-xl textarea {font-size:6.7em!important;} .font-size68-xl, .font-size68-xl input, .font-size68-xl select, .font-size68-xl textarea {font-size:6.8em!important;} .font-size69-xl, .font-size69-xl input, .font-size69-xl select, .font-size69-xl textarea {font-size:6.9em!important;} .font-size7-xl, .font-size7-xl input, .font-size7-xl select, .font-size7-xl textarea {font-size:7em!important;} .font-size71-xl, .font-size71-xl input, .font-size71-xl select, .font-size71-xl textarea {font-size:7.1em!important;} .font-size72-xl, .font-size72-xl input, .font-size72-xl select, .font-size72-xl textarea {font-size:7.2em!important;} .font-size73-xl, .font-size73-xl input, .font-size73-xl select, .font-size73-xl textarea {font-size:7.3em!important;} .font-size74-xl, .font-size74-xl input, .font-size74-xl select, .font-size74-xl textarea {font-size:7.4em!important;} .font-size75-xl, .font-size75-xl input, .font-size75-xl select, .font-size75-xl textarea {font-size:7.5em!important;} .font-size76-xl, .font-size76-xl input, .font-size76-xl select, .font-size76-xl textarea {font-size:7.6em!important;} .font-size77-xl, .font-size77-xl input, .font-size77-xl select, .font-size77-xl textarea {font-size:7.7em!important;} .font-size78-xl, .font-size78-xl input, .font-size78-xl select, .font-size78-xl textarea {font-size:7.8em!important;} .font-size79-xl, .font-size79-xl input, .font-size79-xl select, .font-size79-xl textarea {font-size:7.9em!important;} .font-size8-xl, .font-size8-xl input, .font-size8-xl select, .font-size8-xl textarea {font-size:8em!important;}
}
.font-size1vw{font-size:1.0vw;}
.font-size11vw{font-size:1.1vw;}
.font-size12vw{font-size:1.2vw;}
.font-size13vw{font-size:1.3vw;}
.font-size14vw{font-size:1.4vw;}
.font-size15vw{font-size:1.5vw;}
.font-size16vw{font-size:1.6vw;}
@media (min-width: 576px) {
.font-size1vw-sm{font-size:1.0vw!important;}
.font-size11vw-sm{font-size:1.1vw!important;}
.font-size12vw-sm{font-size:1.2vw!important;}
.font-size13vw-sm{font-size:1.3vw!important;}
.font-size14vw-sm{font-size:1.4vw!important;}
.font-size15vw-sm{font-size:1.5vw!important;}
.font-size16vw-sm{font-size:1.6vw!important;}
}
@media (min-width: 768px) {
.font-size1vw-md{font-size:1.0vw!important;}
.font-size11vw-md{font-size:1.1vw!important;}
.font-size12vw-md{font-size:1.2vw!important;}
.font-size13vw-md{font-size:1.3vw!important;}
.font-size14vw-md{font-size:1.4vw!important;}
.font-size15vw-md{font-size:1.5vw!important;}
.font-size16vw-md{font-size:1.6vw!important;}
}
@media (min-width: 992px) {
.font-size1vw-lg{font-size:1.0vw!important;}
.font-size11vw-lg{font-size:1.1vw!important;}
.font-size12vw-lg{font-size:1.2vw!important;}
.font-size13vw-lg{font-size:1.3vw!important;}
.font-size14vw-lg{font-size:1.4vw!important;}
.font-size15vw-lg{font-size:1.5vw!important;}
.font-size16vw-lg{font-size:1.6vw!important;}
}
@media (min-width: 1300px) {
.font-size1vw-xl{font-size:1.0vw!important;}
.font-size11vw-xl{font-size:1.1vw!important;}
.font-size12vw-xl{font-size:1.2vw!important;}
.font-size13vw-xl{font-size:1.3vw!important;}
.font-size14vw-xl{font-size:1.4vw!important;}
.font-size15vw-xl{font-size:1.5vw!important;}
.font-size16vw-xl{font-size:1.6vw!important;}
}
/* ====== shadows ======= */
.shadow, .shadow{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0);}
.shadow-white{box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, 0.8);}
.shadow-nav, .shadow-nav{box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);}
.shadow-txt, .shadow-txt {text-shadow: 0px 0px 3px rgba(0,0,0,0.7);}
.shadow-txt-none .shadow-txt-none {text-shadow: none;}
.shadow-low, .shadow-low {box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);}
.shadow-long, .shadow-long {box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.15);}
#at4-share {direction:ltr;}
.at-right{box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);direction:ltr!important;}
.shadow-text{text-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
/* ====== overflow ======= */
.of_hidden{overflow:hidden;}
.of_auto, .of_auto{overflow-y:auto;}
.of_scroll{overflow-y:scroll;}
.of-hidden, .of-hidden{overflow:hidden!important;}
.of-visible, .of-visible{overflow:visible!important;}
.of-auto, .of-auto{overflow-y:auto;}
.of-scroll, .of-scroll{overflow-y:scroll;}
@media (min-width: 576px) {
.of-hidden-sm, .of-hidden-sm{overflow:hidden;}
}
@media (min-width: 768px) {
.of-hidden-md, .of-hidden-md{overflow:hidden!important;}
}
@media (min-width: 992px) {
.of-hidden-lg, .of-hidden-lg{overflow:hidden;}
}
@media (min-width: 1300px) {
.of-hidden-xl, .of-hidden-xl{overflow:hidden;}
}
/* ====== cursor ======= */
.pointer, .pointer{cursor:pointer;}
.not-allowed, .not-allowed{cursor:not-allowed;}
/* ====== p margin ======= */
.par0 p{ margin:0 0!important;}
.par1 p{ margin:1px 0!important;}
.par2 p{ margin:2px 0!important;}
.par3 p{ margin:3px 0!important;}
.par4 p{ margin:4px 0!important;}
.par5 p{ margin:5px 0!important;}
.par6 p{ margin:6px 0!important;}
.par7 p{ margin:7px 0!important;}
.par8 p{ margin:8px 0!important;}
.par9 p{ margin:9px 0!important;}
/* ====== radii ======= */
.radius3, .radius3{border-radius:3px;}
.radius5, .radius5{border-radius:5px;}
.radius7, .radius7{border-radius:7px;}
.radius10, .radius10{border-radius:10px;}
.radius15, .radius15{border-radius:15px;}
.radius10left, .radius10left{border-radius:10px 0 0 10px;}
.radius10right, .radius10right{border-radius:0 10px 10px 0;}
.radius20, .radius20{border-radius:20px;}
.radius25, .radius25{border-radius:25px;}
.radius10righttop, .radius10righttop{border-radius:0 0 10px 0;}
.radius5bottom, .radius5bottom{border-radius:0 0 5px 5px;}
.circle, .circle{border-radius:50%;}
/* ====== form elements =========== */
/* button can not be used since it effects the enable element - button is .mybutton for site use */
input[type=text], input[type=text], input[type=email], input[type=number], input[type=tel], textarea, input[type=submit], input[type=button], .mybutton, button input[type=password], input[type=password], .mybutton {width:100%;margin:0; font-family: "Assistant", Arial, Helvetica, sans-serif; outline:none;}
select, select {width:100%; margin:0; padding:2px;font-family: Assistant, Arial, Helvetica, sans-serif; border:solid 1px #ccc; outline:none;}
input[type=checkbox], input[type=radio]{width:23px;height:23px;}
textarea{resize:none}
.valign-middle{vertical-align:middle;}
input[type=checkbox] {vertical-align:middle;}
.nb {border:none;}
/* =========== placeholder ============= */
::-webkit-placeholder{color:#aaa;font-size:1em;}
::-moz-placeholder{color:#aaa;font-size:1em;}
::-ms-placeholder{color:#aaa;font-size:1em;}
::placeholder {color:#aaa;font-size:1em;}
/* ====== images ======= */
.ob-fit a img, .ob-fit img {
width:100%!important;
height:100%!important;
object-fit: cover!important;
}
div a img, div img, img {
max-width:100%!important;
max-height:100%!important;
}
.small-img img {
width:80%!important;
height:80%!important;
object-fit: cover!important;
}
li .ob-fit a img {
width:100%!important;
height:100%!important;
object-fit: cover!important;
}
.ob-fit-none a img, .ob-fit-none img {
object-fit: none!important;
}
input[type=image] {
max-width:100%;
max-height:100%;
outline:none;
}
/* == img limits == */
.fit-img2 img {width:2%; height:auto; margin:auto;} .fit-img3 img {width:3%; height:auto; margin:auto;} .fit-img4 img {width:4%; height:auto; margin:auto;} .fit-img5 img {width:5%; height:auto; margin:auto;} .fit-img10 img {width:10%; height:auto; margin:auto;} .fit-img15 img {width:15%; height:auto; margin:auto;} .fit-img20 img {width:20%; height:auto; margin:auto;} .fit-img25 img {width:25%; height:auto; margin:auto;} .fit-img30 img {width:30%; height:auto; margin:auto;} .fit-img35 img {width:35%; height:auto; margin:auto;} .fit-img40 img {width:40%; height:auto; margin:auto;} .fit-img45 img {width:45%; height:auto; margin:auto;} .fit-img50 img {width:50%; height:auto; margin:auto;} .fit-img55 img {width:55%; height:auto; margin:auto;} .fit-img60 img {width:60%; height:auto; margin:auto;} .fit-img65 img {width:65%; height:auto; margin:auto;} .fit-img70 img {width:70%; height:auto; margin:auto;} .fit-img75 img {width:75%; height:auto; margin:auto;} .fit-img80 img {width:80%; height:auto; margin:auto;} .fit-img85 img {width:85%; height:auto; margin:auto;} .fit-img90 img {width:90%; height:auto; margin:auto;} .fit-img95 img {width:95%; height:auto; margin:auto;} .fit-img100 img {width:100%; height:auto; margin:auto;}
@media (min-width: 576px) {
.fit-img2-sm img {width:2%; height:auto; margin:auto;} .fit-img3-sm img {width:3%; height:auto; margin:auto;} .fit-img4-sm img {width:4%; height:auto; margin:auto;}
.fit-img5-sm img {width:5%; height:auto; margin:auto;} .fit-img10-sm img {width:10%; height:auto; margin:auto;} .fit-img15-sm img {width:15%; height:auto; margin:auto;} .fit-img20-sm img {width:20%; height:auto; margin:auto;} .fit-img25-sm img {width:25%; height:auto; margin:auto;} .fit-img30-sm img {width:30%; height:auto; margin:auto;} .fit-img35-sm img {width:35%; height:auto; margin:auto;} .fit-img40-sm img {width:40%; height:auto; margin:auto;} .fit-img45-sm img {width:45%; height:auto; margin:auto;} .fit-img50-sm img {width:50%; height:auto; margin:auto;} .fit-img55-sm img {width:55%; height:auto; margin:auto;} .fit-img60-sm img {width:60%; height:auto; margin:auto;} .fit-img65-sm img {width:65%; height:auto; margin:auto;} .fit-img70-sm img {width:70%; height:auto; margin:auto;} .fit-img75-sm img {width:75%; height:auto; margin:auto;} .fit-img80-sm img {width:80%; height:auto; margin:auto;} .fit-img85-sm img {width:85%; height:auto; margin:auto;} .fit-img90-sm img {width:90%; height:auto; margin:auto;} .fit-img95-sm img {width:95%; height:auto; margin:auto;} .fit-img100-sm img {width:100%; height:auto; margin:auto;}
}
@media (min-width: 768px) {
.fit-img2-md img {width:2%; height:auto; margin:auto;} .fit-img3-md img {width:3%; height:auto; margin:auto;} .fit-img4-md img {width:4%; height:auto; margin:auto;}
.fit-img5-md img {width:5%; height:auto; margin:auto;} .fit-img10-md img {width:10%; height:auto; margin:auto;} .fit-img15-md img {width:15%; height:auto; margin:auto;} .fit-img20-md img {width:20%; height:auto; margin:auto;} .fit-img25-md img {width:25%; height:auto; margin:auto;} .fit-img30-md img {width:30%; height:auto; margin:auto;} .fit-img35-md img {width:35%; height:auto; margin:auto;} .fit-img40-md img {width:40%; height:auto; margin:auto;} .fit-img45-md img {width:45%; height:auto; margin:auto;} .fit-img50-md img {width:50%; height:auto; margin:auto;} .fit-img55-md img {width:55%; height:auto; margin:auto;} .fit-img60-md img {width:60%; height:auto; margin:auto;} .fit-img65-md img {width:65%; height:auto; margin:auto;} .fit-img70-md img {width:70%; height:auto; margin:auto;} .fit-img75-md img {width:75%; height:auto; margin:auto;} .fit-img80-md img {width:80%; height:auto; margin:auto;} .fit-img85-md img {width:85%; height:auto; margin:auto;} .fit-img90-md img {width:90%; height:auto; margin:auto;} .fit-img95-md img {width:95%; height:auto; margin:auto;} .fit-img100-md img {width:100%; height:auto; margin:auto;}
}
@media (min-width: 992px) {
.fit-img2-lg img {width:2%; height:auto; margin:auto;} .fit-img3-lg img {width:3%; height:auto; margin:auto;} .fit-img4-lg img {width:4%; height:auto; margin:auto;}
.fit-img5-lg img {width:5%; height:auto; margin:auto;} .fit-img10-lg img {width:10%; height:auto; margin:auto;} .fit-img15-lg img {width:15%; height:auto; margin:auto;} .fit-img20-lg img {width:20%; height:auto; margin:auto;} .fit-img25-lg img {width:25%; height:auto; margin:auto;} .fit-img30-lg img {width:30%; height:auto; margin:auto;} .fit-img35-lg img {width:35%; height:auto; margin:auto;} .fit-img40-lg img {width:40%; height:auto; margin:auto;} .fit-img45-lg img {width:45%; height:auto; margin:auto;} .fit-img50-lg img {width:50%; height:auto; margin:auto;} .fit-img55-lg img {width:55%; height:auto; margin:auto;} .fit-img60-lg img {width:60%; height:auto; margin:auto;} .fit-img65-lg img {width:65%; height:auto; margin:auto;} .fit-img70-lg img {width:70%; height:auto; margin:auto;} .fit-img75-lg img {width:75%; height:auto; margin:auto;} .fit-img80-lg img {width:80%; height:auto; margin:auto;} .fit-img85-lg img {width:85%; height:auto; margin:auto;} .fit-img90-lg img {width:90%; height:auto; margin:auto;} .fit-img95-lg img {width:95%; height:auto; margin:auto;} .fit-img100-lg img {width:100%; height:auto; margin:auto;}
}
@media (min-width: 1300px) {
.fit-img2-xl img {width:2%; height:auto; margin:auto;} .fit-img3-xl img {width:3%; height:auto; margin:auto;} .fit-img4-xl img {width:4%; height:auto; margin:auto;}
.fit-img5-xl img {width:5%; height:auto; margin:auto;} .fit-img10-xl img {width:10%; height:auto; margin:auto;} .fit-img15-xl img {width:15%; height:auto; margin:auto;} .fit-img20-xl img {width:20%; height:auto; margin:auto;} .fit-img25-xl img {width:25%; height:auto; margin:auto;} .fit-img30-xl img {width:30%; height:auto; margin:auto;} .fit-img35-xl img {width:35%; height:auto; margin:auto;} .fit-img40-xl img {width:40%; height:auto; margin:auto;} .fit-img45-xl img {width:45%; height:auto; margin:auto;} .fit-img50-xl img {width:50%; height:auto; margin:auto;} .fit-img55-xl img {width:55%; height:auto; margin:auto;} .fit-img60-xl img {width:60%; height:auto; margin:auto;} .fit-img65-xl img {width:65%; height:auto; margin:auto;} .fit-img70-xl img {width:70%; height:auto; margin:auto;} .fit-img75-xl img {width:75%; height:auto; margin:auto;} .fit-img80-xl img {width:80%; height:auto; margin:auto;} .fit-img85-xl img {width:85%; height:auto; margin:auto;} .fit-img90-xl img {width:90%; height:auto; margin:auto;} .fit-img95-xl img {width:95%; height:auto; margin:auto;} .fit-img100-xl img {width:100%; height:auto; margin:auto;}
}
/* ====== sticky horizontal nav ========== */
.fixed-hnav {position:fixed;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);top:0;right:0;}
@media (min-width: 576px) {
.fixed-hnav-sm {position:fixed;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);top:0;right:0;}
}
@media (min-width: 768px) {
.fixed-hnav-md {position:fixed;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);top:0;right:0;}
}
@media (min-width: 992px) {
.fixed-hnav-lg {position:fixed;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);top:0;right:0;}
}
@media (min-width: 1300px) {
.fixed-hnav-xl {position:fixed;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);top:0;right:0;}
}
/* ====== sticky horizontal nav ========== */
/* ======= min height (temp)=========== */
.min-height50 {min-height:50px;}
.min-height100 {min-height:100px;}
.min-height150 {min-height:150px;}
.min-height200 {min-height:200px;}
.min-height250 {min-height:250px;}
.min-height-init {min-height:initial;}
@media (min-width: 576px) {
.min-height50-sm {min-height:50px;}
.min-height100-sm {min-height:100px;}
.min-height150-sm {min-height:150px;}
.min-height200-sm {min-height:200px;}
.min-height250-sm {min-height:250px;}
}
@media (min-width: 768px) {
.min-height50-md {min-height:50px;}
.min-height100-md {min-height:100px;}
.min-height150-md {min-height:150px;}
.min-height200-md {min-height:200px;}
.min-height250-md {min-height:250px;}
.min-height-init-md {min-height:initial;}
}
@media (min-width: 992px) {
.min-height50-lg {min-height:50px;}
.min-height100-lg {min-height:100px;}
.min-height150-lg {min-height:150px;}
.min-height200-lg {min-height:200px;}
.min-height250-lg {min-height:250px;}
.min-height-init-lg {min-height:initial;}
}
@media (min-width: 1300px) {
.min-height50-xl {min-height:50px;}
.min-height100-xl {min-height:100px;}
.min-height150-xl {min-height:150px;}
.min-height200-xl {min-height:200px;}
.min-height250-xl {min-height:250px;}
.min-height-init-xl {min-height:initial;}
}
/* ====== basic ======= */
.no-wrap, .no-wrap{white-space:nowrap;}
.yes-wrap, .yes-wrap{white-space:normal!important;}
@media (min-width: 576px) {
.no-wrap-sm, .no-wrap-sm{white-space:nowrap!important;}
}
@media (min-width: 768px) {
.no-wrap-md, .no-wrap-md{white-space:nowrap!important;}
}
@media (min-width: 992px) {
.no-wrap-lg, .no-wrap-lg{white-space:nowrap!important;}
}
@media (min-width: 1300px) {
.no-wrap-xl, .no-wrap-xl{white-space:nowrap!important;}
}
.clearfix:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
i:after{display:inline}
h1, h2, h3, h4, h5 {
display:inline;
font-weight:normal;
font-size:1.0em;
}
.pagetitle h1, .pagetitle h2, .pagetitle h3, .pagetitle h4, .pagetitleh5 {
display:inline;
font-weight:normal;
font-size:1.0em;
}
a {
text-decoration:none;
color:#333;
}
img {
vertical-align:middle;
border:none;
}
.form_lr, .ltr{
direction:ltr!important;
}
.rtl{direction:rtl!important;}
/* ===== elements | overlay ================= */
@keyframes ani_fade_in {
from {
opacity:0.0;
}
to {
opacity:1.0;
}
}
.ol:hover .gallery_overlay{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.gallery_overlay {width:100%;position:absolute;right:0;bottom:0;height:100%;background-color:rgba(0,0,0,0.3);display:flex;align-items:center;opacity:0;}
@media (min-width: 576px) {
.ol-sm:hover .gallery_overlay-sm{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.gallery_overlay-sm {width:100%;position:absolute;right:0;bottom:0;height:100%;background-color:rgba(0,0,0,0.3);display:flex;align-items:center;opacity:0;}
}
@media (min-width: 768px) {
.ol-md:hover .gallery_overlay-md{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.gallery_overlay-md {width:100%;position:absolute;right:0;bottom:0;height:100%;background-color:rgba(0,0,0,0.3);display:flex;align-items:center;opacity:0;}
}
@media (min-width: 992px) {
.ol-lg:hover .gallery_overlay-lg{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.gallery_overlay-lg {width:100%;position:absolute;right:0;bottom:0;height:100%;background-color:rgba(0,0,0,0.3);display:flex;align-items:center;opacity:0;}
}
@media (min-width: 1300px) {
.ol-xl:hover .gallery_overlay-xl{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.gallery_overlay-xl {width:100%;position:absolute;right:0;bottom:0;height:100%;background-color:rgba(0,0,0,0.3);display:flex;align-items:center;opacity:0;}
}
/* ===== fade in ================= */
.fader-in{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.fader-in-slow{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.fader-in-slower{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
@media (min-width: 576px) {
.fader-in-sm{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
}
@media (min-width: 768px) {
.fader-in-md{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
}
@media (min-width: 992px) {
.fader-in-lg{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
}
@media (min-width: 1300px) {
.fader-in-xl{-webkit-animation-name:ani_fade_in; animation-name: ani_fade_in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
}
/* ========= nav =========== */
.nav-holder {margin:0px;padding:0;}
@media (min-width: 576px) {
.nav-holder {margin:0px;padding:0;}
}
@media (min-width: 768px) {
.nav-holder {margin:0px;padding:0;}
}
@media (min-width: 992px) {
.nav-holder {margin:0px;padding:0;}
}
@media (min-width: 1300px) {
.nav-holder {margin:0px;padding:0;}
}
.nav ul, .navv ul {list-style-type: none; margin: 0!important; padding: 0!important;}
.nav-holder li, .nav li, .navv li {float: left;}
.nav-holder li, .nav li a, .navv li a {display: block; text-decoration: none;}
/* .nav li a:hover {background-color: #111;} */
/* ============== black / white transparencies ======= */
.color-bg-black1{background-color:rgba(0,0,0,0.1);}
.color-bg-black2{background-color:rgba(0,0,0,0.2);}
.color-bg-black3{background-color:rgba(0,0,0,0.3);}
.color-bg-black4{background-color:rgba(0,0,0,0.4);}
.color-bg-black5{background-color:rgba(0,0,0,0.5);}
.color-bg-black6{background-color:rgba(0,0,0,0.6);}
.color-bg-black7{background-color:rgba(0,0,0,0.7);}
.color-bg-black8{background-color:rgba(0,0,0,0.8);}
.color-bg-black9{background-color:rgba(0,0,0,0.9);}
.color-bg-white0{background-color:rgba(255,255,255,0.1);}
.color-bg-white1{background-color:rgba(255,255,255,0.1);}
.color-bg-white2{background-color:rgba(255,255,255,0.2);}
.color-bg-white3{background-color:rgba(255,255,255,0.3);}
.color-bg-white4{background-color:rgba(255,255,255,0.4);}
.color-bg-white5{background-color:rgba(255,255,255,0.5);}
.color-bg-white6{background-color:rgba(255,255,255,0.6);}
.color-bg-white7{background-color:rgba(255,255,255,0.7);}
.color-bg-white8{background-color:rgba(255,255,255,0.8);}
.color-bg-white9{background-color:rgba(255,255,255,0.9);}
@media (min-width: 576px) {
.color-bg-white0-sm{background-color:rgba(255,255,255,0.1);}
.color-bg-white1-sm{background-color:rgba(255,255,255,0.1);}
.color-bg-white2-sm{background-color:rgba(255,255,255,0.2);}
.color-bg-white3-sm{background-color:rgba(255,255,255,0.3);}
.color-bg-white4-sm{background-color:rgba(255,255,255,0.4);}
.color-bg-white5-sm{background-color:rgba(255,255,255,0.5);}
.color-bg-white6-sm{background-color:rgba(255,255,255,0.6);}
.color-bg-white7-sm{background-color:rgba(255,255,255,0.7);}
.color-bg-white8-sm{background-color:rgba(255,255,255,0.8);}
.color-bg-white9-sm{background-color:rgba(255,255,255,0.9);}
}
@media (min-width: 768px) {
.color-bg-white0-md{background-color:rgba(255,255,255,0.1);}
.color-bg-white1-md{background-color:rgba(255,255,255,0.1);}
.color-bg-white2-md{background-color:rgba(255,255,255,0.2);}
.color-bg-white3-md{background-color:rgba(255,255,255,0.3);}
.color-bg-white4-md{background-color:rgba(255,255,255,0.4);}
.color-bg-white5-md{background-color:rgba(255,255,255,0.5);}
.color-bg-white6-md{background-color:rgba(255,255,255,0.6);}
.color-bg-white7-md{background-color:rgba(255,255,255,0.7);}
.color-bg-white8-md{background-color:rgba(255,255,255,0.8);}
.color-bg-white9-md{background-color:rgba(255,255,255,0.9);}
}
@media (min-width: 992px) {
.color-bg-white0-lg{background-color:rgba(255,255,255,0.1);}
.color-bg-white1-lg{background-color:rgba(255,255,255,0.1);}
.color-bg-white2-lg{background-color:rgba(255,255,255,0.2);}
.color-bg-white3-lg{background-color:rgba(255,255,255,0.3);}
.color-bg-white4-lg{background-color:rgba(255,255,255,0.4);}
.color-bg-white5-lg{background-color:rgba(255,255,255,0.5);}
.color-bg-white6-lg{background-color:rgba(255,255,255,0.6);}
.color-bg-white7-lg{background-color:rgba(255,255,255,0.7);}
.color-bg-white8-lg{background-color:rgba(255,255,255,0.8);}
.color-bg-white9-lg{background-color:rgba(255,255,255,0.9);}
}
@media (min-width: 1300px) {
.color-bg-white0-xl{background-color:rgba(255,255,255,0.1);}
.color-bg-white1-xl{background-color:rgba(255,255,255,0.1);}
.color-bg-white2-xl{background-color:rgba(255,255,255,0.2);}
.color-bg-white3-xl{background-color:rgba(255,255,255,0.3);}
.color-bg-white4-xl{background-color:rgba(255,255,255,0.4);}
.color-bg-white5-xl{background-color:rgba(255,255,255,0.5);}
.color-bg-white6-xl{background-color:rgba(255,255,255,0.6);}
.color-bg-white7-xl{background-color:rgba(255,255,255,0.7);}
.color-bg-white8-xl{background-color:rgba(255,255,255,0.8);}
.color-bg-white9-xl{background-color:rgba(255,255,255,0.9);}
}
/* =========== scrollup =========== */
.scrollup {bottom:-20px;right:20px;width:50px;height:80px;z-index:10000;opacity:0.8;}
/* ================ wait ============ */
.wait {top:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,0.3);z-index:1000;}
/* ================ bool slider ============ */
@keyframes slider_ani_f {from {right:0;} to {right:100%;background-color:#4cacfd;}}
.sl_movef {-webkit-animation-name: slider_ani_f; animation-name: slider_ani_f; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
@keyframes slider_ani_b {from {right:100%; background-color:#4cacfd;} to {right:0; background-color:#bb0000;}}
.sl_moveb {-webkit-animation-name: slider_ani_b; animation-name: slider_ani_b; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
/* ================ check the following ============ */
@keyframes ani_docs {
0% {background-color:#f3f3f3;}
25% {background-color:#f3f3f3;}
50% {background-color:#f3f3f3;}
100% {background-color:#ffe98f; color:#bb0000;}
}
.opener_img {
-webkit-animation-name: ani_docs;
animation-name: ani_docs;
-webkit-animation-duration: 6s;
animation-duration: 6s;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-iteration-count:alternate;
-webkit-animation-iteration-count:infinite;
}
@keyframes mycell {
from {box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);}
to {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);}
}
.overcell:hover {
animation-name: mycell;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.overcell-gallery:hover {
animation-name: mycell;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.overcell-gallery:hover > .gal-buttons {display:block;}
.overcell-gallery:hover > .gal-like {display:none;}
@keyframes mycell_list {
from {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0);}
to {box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);}
}
.overcell-list:hover {
animation-name: mycell_list;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
@keyframes ani_fixed_header {
0% {background-color:rgba(255,255,255,0.0);}
100% {background-color:rgba(255,255,255,1.0);}
}
.fixed-header-white {
-webkit-animation-name: ani_fixed_header;
animation-name: ani_fixed_header;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-fill-mode: forwards;
}
@keyframes ani_fixed_header_rev {
0% {background-color:rgba(255,255,255,1.0);}
100% {background-color:rgba(255,255,255,0.0);}
}
.fixed-header-white-rev {
-webkit-animation-name: ani_fixed_header_rev;
animation-name: ani_fixed_header_rev;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.close-parent:hover{background-color:var(--red);color:white}
.hotspot:hover > .hs-win{display:block;}
/* ========== testing ======== */
@keyframes fade_in_slow {
from {
opacity:0.0;
}
to {
opacity:1.0;
}
}
@keyframes fade_out_slow {
from {
opacity:1.0;
}
to {
opacity:0.0;
}
}
.opac04 {-webkit-animation-name:fade_in_slow; animation-name: fade_in_slow; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.opac00{opacity:0.0}
.opac01{opacity:0.1}
.opac02{opacity:0.2}
.opac03{opacity:0.3}
.opac04{opacity:0.4}
.opac05{opacity:0.5}
.opac06{opacity:0.6}
.opac07{opacity:0.7}
.opac08{opacity:0.8}
.opac09{opacity:0.9}
.opac10{opacity:1.0}
.overlay:hover {-webkit-animation-name:fade_in_slow; animation-name: fade_in_slow; -webkit-animation-duration: 1.0s; animation-duration: 1.0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.overlay {-webkit-animation-name:fade_out_slow; animation-name: fade_out_slow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
button {background:none;border:none;cursor:pointer;outline:none;}
/* ======================== */
@keyframes ani_header {
from {
background-position:0px bottom;
}
to {
background-position:3840px bottom;
}
}
.at4-share .at4-share-count-anchor{padding:0px!important;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.over:hover{background-color:rgba(0,0,0,0.1);}
.over-ul:hover{text-decoration:underline;}
.selected{background-color:rgba(0,0,0,0.1);}
.underline {text-decoration:underline!important;}
.slider ul li .tp-bgimg {background-image: linear-gradient(transparent, 75%)}
.shadow5_white {background:url(../images/shadow5_white.png); background-repeat: no-repeat; background-size:contain; background-position:center; margin-bottom:-60px;}
/* ======================== */
@keyframes ani_logo {
from {
width:6.6667%;
}
to {
width:3.5%;
}
}
.logo_animate{
-webkit-animation-name:ani_logo; animation-name: ani_logo; -webkit-animation-duration: 1.0s; animation-duration: 1.0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
.fixed-cart-preview{position:fixed; top:0;left:-1000px;height:100%;z-index:1000;}
.no-select {
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}
.magnify_img a:hover{color:#fff;}
/* ============== scrollbar ============== */
::-webkit-scrollbar {background-color:var(--black10);width:15px;}
::-webkit-scrollbar-thumb {background-color:var(--blue-client);}
::-webkit-scrollbar-button {display:block;background-color:var(--blue-client);height:5px;}
div::-webkit-scrollbar {background-color:var(--black10);width:8px;}
div::-webkit-scrollbar-thumb {background-color:var(--blue-client);}
div::-webkit-scrollbar-button {display:block;background-color:var(--blue-client);height:0;}
.nav-sub-link{display:none;}
.nav-link:hover > .nav-sub-link{
display:block!important;
-webkit-animation-name:fade_in_slow; animation-name: fade_in_slow; -webkit-animation-duration: 1.0s; animation-duration: 1.0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
max-height:400px;
overflow:auto;
}
p a {text-decoration:underline!important;}
.linethrough{text-decoration: line-through;}
/* ================= flex ================= */
.flex-container{display:flex;justify-content: center; align-items: center;}
.ww26{width:26%}
@media (min-width: 576px) {
.flex-container-sm{display:flex!important;justify-content: center!important; align-items: center!important;}
.ww26-sm{width:26%}
}
@media (min-width: 768px) {
.flex-container-md{display:flex!important;justify-content: center!important; align-items: center!important;}
.ww26-md{width:26%}
}
@media (min-width: 992px) {
.flex-container-lg{display:flex!important;justify-content: center!important; align-items: center!important;}
.ww26-lg{width:26%}
}
@media (min-width: 1300px) {
.flex-container-xl{display:flex!important;justify-content: center!important; align-items: center!important;}
.ww26-xl{width:26%}
}
.mysticky{position: -webkit-sticky; position: sticky; top: 0;}
@media (min-width: 576px) {
.mysticky-sm{position: -webkit-sticky; position: sticky; top: 0;}
}
@media (min-width: 768px) {
.mysticky-md{position: -webkit-sticky; position: sticky; top: 0;}
}
@media (min-width: 992px) {
.mysticky-lg{position: -webkit-sticky; position: sticky; top: 0; z-index:100}
}
@media (min-width: 1300px) {
.mysticky-xl{position: -webkit-sticky; position: sticky; top: 0;}
}
nav div a:hover{color:var(--red-client);}
.myflex{display:flex;}
@media (min-width: 576px) {
.myflex-sm{display:flex!important;}
}
@media (min-width: 768px) {
.myflex-md{display:flex!important;}
}
@media (min-width: 992px) {
.myflex-lg{display:flex!important;}
}
@media (min-width: 1300px) {
.myflex-xl{display:flex!important;}
}
.flex-wrap{flex-wrap:wrap!important;}
.flex-nowrap{flex-wrap:nowrap!important;}
.flex-grow1{flex-grow:1!important;}
.flex-direction-col{flex-direction: column;}
.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m6{margin:6px;}
.m7{margin:7px;}
.m8{margin:8px;}
.m9{margin:9px;}
.m10{margin:10px;}
.m11{margin:11px;}
.m12{margin:12px;}
.m13{margin:13px;}
.m14{margin:14px;}
.m15{margin:15px;}
.m16{margin:16px;}
.m17{margin:17px;}
.m18{margin:18px;}
.m19{margin:19px;}
.m20{margin:20px;}
/* ======= product tree ======= */
.tree ul, .tree-control ul {
padding: 0;
margin:0;
}
.tree .h:hover, .tree-control .h:hover {
background-color: var(--black05);
}
.tree ul, .tree-control ul {
list-style-type: none;
}
/* ======== shopping cart ovelay ====== */
.cart-overlay {position:fixed!important; height:100%!important; top:0!important; right:0!important; z-index:10000!important;}
.cart-pre{position:fixed!important;height:100%;left:100%;top:0;z-index:100;}
/* .cart-pre{position:fixed!important;height:100%;right:0;top:0;z-index:100;} */
.hideme:hover{color:var(--red)!important; opacity:1.0!important;}
.abs-ast{position:absolute;left:10px;top:0;z-index:100;color:var(--red);height:100%;}
/* ============= range slider ====== */
/* ======================== */
@-webkit-keyframes spin
{
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin:50% 50%;
transform-origin: 50% 50%;
}
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transform-origin:50% 50%;
transform-origin: 50% 50%;
}
}
@keyframes spin
{
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin:50% 50%;
transform-origin: 50% 50%;
}
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transform-origin:50% 50%;
transform-origin: 50% 50%;
}
}
.spin
{
-webkit-animation: icofont-spin 90s infinite linear;
animation: icofont-spin 90s infinite linear;
display: inline-block;
}
.ui-datepicker-header{
float:none!important;
clear:both;
width:100%!important;
text-align: center!important;
}
.ui-datepicker-title{
width:70%!important;
text-align: center!important;
}
body::-webkit-scrollbar-thumb {background-image:url(../images/scroll_img.png);background-size:65%;background-repeat:no-repeat;background-position:center center;}
body::scrollbar-thumb {background-image:url(../images/scroll_img.png);background-size:65%;background-repeat:no-repeat;background-position:center center;}
button {background:none;border:none;cursor:pointer;outline:none;}
/* ===== aspect ratio ==== */
.ratio1005 {aspect-ratio:1/0.05}
.ratio101 {aspect-ratio:1/0.1}
.ratio102 {aspect-ratio:1/0.2}
.ratio103 {aspect-ratio:1/0.3}
.ratio104 {aspect-ratio:1/0.4}
.ratio105 {aspect-ratio:1/0.5}
.ratio106 {aspect-ratio:1/0.6}
.ratio107 {aspect-ratio:1/0.7}
.ratio108 {aspect-ratio:1/0.8}
.ratio109 {aspect-ratio:1/0.9}
.ratio110 {aspect-ratio:1/1.0}
.ratio111 {aspect-ratio:1/1.1}
.ratio112 {aspect-ratio:1/1.2}
.ratio113 {aspect-ratio:1/1.3}
.ratio114 {aspect-ratio:1/1.4}
.ratio115 {aspect-ratio:1/1.5}
.ratio116 {aspect-ratio:1/1.6}
.ratio117 {aspect-ratio:1/1.7}
.ratio118 {aspect-ratio:1/1.8}
.ratio119 {aspect-ratio:1/1.9}
.ratio120 {aspect-ratio:1/2.0}
@media (min-width: 576px) {
.ratio1005-sm {aspect-ratio:1/0.05}
.ratio101-sm {aspect-ratio:1/0.1}
.ratio102-sm {aspect-ratio:1/0.2}
.ratio103-sm {aspect-ratio:1/0.3}
.ratio104-sm {aspect-ratio:1/0.4}
.ratio105-sm {aspect-ratio:1/0.5}
.ratio106-sm {aspect-ratio:1/0.6}
.ratio107-sm {aspect-ratio:1/0.7}
.ratio108-sm {aspect-ratio:1/0.8}
.ratio109-sm {aspect-ratio:1/0.9}
.ratio110-sm {aspect-ratio:1/1.0}
.ratio111-sm {aspect-ratio:1/1.1}
.ratio112-sm {aspect-ratio:1/1.2}
.ratio113-sm {aspect-ratio:1/1.3}
.ratio114-sm {aspect-ratio:1/1.4}
.ratio115-sm {aspect-ratio:1/1.5}
.ratio116-sm {aspect-ratio:1/1.6}
.ratio117-sm {aspect-ratio:1/1.7}
.ratio118-sm {aspect-ratio:1/1.8}
.ratio119-sm {aspect-ratio:1/1.9}
.ratio120-sm {aspect-ratio:1/2.0}
}
@media (min-width: 768px) {
.ratio1005-md {aspect-ratio:1/0.05}
.ratio101-md {aspect-ratio:1/0.1}
.ratio102-md {aspect-ratio:1/0.2}
.ratio103-md {aspect-ratio:1/0.3}
.ratio104-md {aspect-ratio:1/0.4}
.ratio105-md {aspect-ratio:1/0.5}
.ratio106-md {aspect-ratio:1/0.6}
.ratio107-md {aspect-ratio:1/0.7}
.ratio108-md {aspect-ratio:1/0.8}
.ratio109-md {aspect-ratio:1/0.9}
.ratio110-md {aspect-ratio:1/1.0}
.ratio111-md {aspect-ratio:1/1.1}
.ratio112-md {aspect-ratio:1/1.2}
.ratio113-md {aspect-ratio:1/1.3}
.ratio114-md {aspect-ratio:1/1.4}
.ratio115-md {aspect-ratio:1/1.5}
.ratio116-md {aspect-ratio:1/1.6}
.ratio117-md {aspect-ratio:1/1.7}
.ratio118-md {aspect-ratio:1/1.8}
.ratio119-md {aspect-ratio:1/1.9}
.ratio120-md {aspect-ratio:1/2.0}
}
@media (min-width: 992px) {
.ratio1005-lg {aspect-ratio:1/0.05}
.ratio101-lg {aspect-ratio:1/0.1}
.ratio102-lg {aspect-ratio:1/0.2}
.ratio103-lg {aspect-ratio:1/0.3}
.ratio104-lg {aspect-ratio:1/0.4}
.ratio105-lg {aspect-ratio:1/0.5}
.ratio106-lg {aspect-ratio:1/0.6}
.ratio107-lg {aspect-ratio:1/0.7}
.ratio108-lg {aspect-ratio:1/0.8}
.ratio109-lg {aspect-ratio:1/0.9}
.ratio110-lg {aspect-ratio:1/1.0}
.ratio111-lg {aspect-ratio:1/1.1}
.ratio112-lg {aspect-ratio:1/1.2}
.ratio113-lg {aspect-ratio:1/1.3}
.ratio114-lg {aspect-ratio:1/1.4}
.ratio115-lg {aspect-ratio:1/1.5}
.ratio116-lg {aspect-ratio:1/1.6}
.ratio117-lg {aspect-ratio:1/1.7}
.ratio118-lg {aspect-ratio:1/1.8}
.ratio119-lg {aspect-ratio:1/1.9}
.ratio120-lg {aspect-ratio:1/2.0}
}
@media (min-width: 1300px) {
.ratio1005-xl {aspect-ratio:1/0.05}
.ratio101-xl {aspect-ratio:1/0.1}
.ratio102-xl {aspect-ratio:1/0.2}
.ratio103-xl {aspect-ratio:1/0.3}
.ratio104-xl {aspect-ratio:1/0.4}
.ratio105-xl {aspect-ratio:1/0.5}
.ratio106-xl {aspect-ratio:1/0.6}
.ratio107-xl {aspect-ratio:1/0.7}
.ratio108-xl {aspect-ratio:1/0.8}
.ratio109-xl {aspect-ratio:1/0.9}
.ratio110-xl {aspect-ratio:1/1.0}
.ratio111-xl {aspect-ratio:1/1.1}
.ratio112-xl {aspect-ratio:1/1.2}
.ratio113-xl {aspect-ratio:1/1.3}
.ratio114-xl {aspect-ratio:1/1.4}
.ratio115-xl {aspect-ratio:1/1.5}
.ratio116-xl {aspect-ratio:1/1.6}
.ratio117-xl {aspect-ratio:1/1.7}
.ratio118-xl {aspect-ratio:1/1.8}
.ratio119-xl {aspect-ratio:1/1.9}
.ratio120-xl {aspect-ratio:1/2.0}
}
/* ======================= */
.mygrid {
display:grid !important; /* ========== */
align-content: start;
}
.mygrid .gap01 {gap:0.1rem;}
.mygrid .gap02 {gap:0.2rem;}
.mygrid .gap03 {gap:0.3rem;}
.mygrid .gap04 {gap:0.4rem;}
.mygrid .gap05 {gap:0.5rem;}
.mygrid .gap06 {gap:0.6rem;}
.mygrid .gap07 {gap:0.7rem;}
.mygrid .gap08 {gap:0.8rem;}
.mygrid .gap09 {gap:0.9rem;}
.mygrid .gap10 {gap:1.0rem;}
.mygrid .gap11 {gap:1.1rem;}
.mygrid .gap12 {gap:1.2rem;}
.mygrid .gap13 {gap:1.3rem;}
.mygrid .gap14 {gap:1.4rem;}
.mygrid .gap15 {gap:1.5rem;}
.mygrid .gap16 {gap:1.6rem;}
.mygrid .gap17 {gap:1.7rem;}
.mygrid .gap18 {gap:1.8rem;}
.mygrid .gap19 {gap:1.9rem;}
.mygrid .gap20 {gap:2.0rem;}
.mygrid .fr1 {grid-template-columns: repeat(1, 1fr);}
.mygrid .fr2 {grid-template-columns: repeat(2, 1fr);}
.mygrid .fr3 {grid-template-columns: repeat(3, 1fr);}
.mygrid .fr4 {grid-template-columns: repeat(4, 1fr);}
.mygrid .fr5 {grid-template-columns: repeat(5, 1fr);}
.mygrid .fr6 {grid-template-columns: repeat(6, 1fr);}
.mygrid .fr7 {grid-template-columns: repeat(7, 1fr);}
.mygrid .fr8 {grid-template-columns: repeat(8, 1fr);}
.mygrid .fr9 {grid-template-columns: repeat(9, 1fr);}
.mygrid .fr10 {grid-template-columns: repeat(10, 1fr);}
@media (min-width: 576px) {
.mygrid .fr1-sm {grid-template-columns: repeat(1, 1fr) !important;}
.mygrid .fr2-sm {grid-template-columns: repeat(2, 1fr) !important;}
.mygrid .fr3-sm {grid-template-columns: repeat(3, 1fr) !important;}
.mygrid .fr4-sm {grid-template-columns: repeat(4, 1fr) !important;}
.mygrid .fr5-sm {grid-template-columns: repeat(5, 1fr) !important;}
.mygrid .fr6-sm {grid-template-columns: repeat(6, 1fr) !important;}
.mygrid .fr7-sm {grid-template-columns: repeat(7, 1fr) !important;}
.mygrid .fr8-sm {grid-template-columns: repeat(8, 1fr) !important;}
.mygrid .fr9-sm {grid-template-columns: repeat(9, 1fr) !important;}
.mygrid .fr10-sm {grid-template-columns: repeat(10, 1fr) !important;}
.mygrid .gap01-sm {gap:0.1rem !important;}
.mygrid .gap02-sm {gap:0.2rem !important;}
.mygrid .gap03-sm {gap:0.3rem !important;}
.mygrid .gap04-sm {gap:0.4rem !important;}
.mygrid .gap05-sm {gap:0.5rem !important;}
.mygrid .gap06-sm {gap:0.6rem !important;}
.mygrid .gap07-sm {gap:0.7rem !important;}
.mygrid .gap08-sm {gap:0.8rem !important;}
.mygrid .gap09-sm {gap:0.9rem !important;}
.mygrid .gap10-sm {gap:1.0rem !important;}
.mygrid .gap11-sm {gap:1.1rem !important;}
.mygrid .gap12-sm {gap:1.2rem !important;}
.mygrid .gap13-sm {gap:1.3rem !important;}
.mygrid .gap14-sm {gap:1.4rem !important;}
.mygrid .gap15-sm {gap:1.5rem !important;}
.mygrid .gap16-sm {gap:1.6rem !important;}
.mygrid .gap17-sm {gap:1.7rem !important;}
.mygrid .gap18-sm {gap:1.8rem !important;}
.mygrid .gap19-sm {gap:1.9rem !important;}
.mygrid .gap20-sm {gap:2.0rem !important;}
}
@media (min-width: 768px) {
.mygrid .fr1-md {grid-template-columns: repeat(1, 1fr) !important;}
.mygrid .fr2-md {grid-template-columns: repeat(2, 1fr) !important;}
.mygrid .fr3-md {grid-template-columns: repeat(3, 1fr) !important;}
.mygrid .fr4-md {grid-template-columns: repeat(4, 1fr) !important;}
.mygrid .fr5-md {grid-template-columns: repeat(5, 1fr) !important;}
.mygrid .fr6-md {grid-template-columns: repeat(6, 1fr) !important;}
.mygrid .fr7-md {grid-template-columns: repeat(7, 1fr) !important;}
.mygrid .fr8-md {grid-template-columns: repeat(8, 1fr) !important;}
.mygrid .fr9-md {grid-template-columns: repeat(9, 1fr) !important;}
.mygrid .fr10-md {grid-template-columns: repeat(10, 1fr) !important;}
.mygrid .gap01-md {gap:0.1rem !important;}
.mygrid .gap02-md {gap:0.2rem !important;}
.mygrid .gap03-md {gap:0.3rem !important;}
.mygrid .gap04-md {gap:0.4rem !important;}
.mygrid .gap05-md {gap:0.5rem !important;}
.mygrid .gap06-md {gap:0.6rem !important;}
.mygrid .gap07-md {gap:0.7rem !important;}
.mygrid .gap08-md {gap:0.8rem !important;}
.mygrid .gap09-md {gap:0.9rem !important;}
.mygrid .gap10-md {gap:1.0rem !important;}
.mygrid .gap11-md {gap:1.1rem !important;}
.mygrid .gap12-md {gap:1.2rem !important;}
.mygrid .gap13-md {gap:1.3rem !important;}
.mygrid .gap14-md {gap:1.4rem !important;}
.mygrid .gap15-md {gap:1.5rem !important;}
.mygrid .gap16-md {gap:1.6rem !important;}
.mygrid .gap17-md {gap:1.7rem !important;}
.mygrid .gap18-md {gap:1.8rem !important;}
.mygrid .gap19-md {gap:1.9rem !important;}
.mygrid .gap20-md {gap:2.0rem !important;}
}
@media (min-width: 992px) {
.mygrid .fr1-lg {grid-template-columns: repeat(1, 1fr) !important;}
.mygrid .fr2-lg {grid-template-columns: repeat(2, 1fr) !important;}
.mygrid .fr3-lg {grid-template-columns: repeat(3, 1fr) !important;}
.mygrid .fr4-lg {grid-template-columns: repeat(4, 1fr) !important;}
.mygrid .fr5-lg {grid-template-columns: repeat(5, 1fr) !important;}
.mygrid .fr6-lg {grid-template-columns: repeat(6, 1fr) !important;}
.mygrid .fr7-lg {grid-template-columns: repeat(7, 1fr) !important;}
.mygrid .fr8-lg {grid-template-columns: repeat(8, 1fr) !important;}
.mygrid .fr9-lg {grid-template-columns: repeat(9, 1fr) !important;}
.mygrid .fr10-lg {grid-template-columns: repeat(10, 1fr) !important;}
.mygrid .gap01-lg {gap:0.1rem !important;}
.mygrid .gap02-lg {gap:0.2rem !important;}
.mygrid .gap03-lg {gap:0.3rem !important;}
.mygrid .gap04-lg {gap:0.4rem !important;}
.mygrid .gap05-lg {gap:0.5rem !important;}
.mygrid .gap06-lg {gap:0.6rem !important;}
.mygrid .gap07-lg {gap:0.7rem !important;}
.mygrid .gap08-lg {gap:0.8rem !important;}
.mygrid .gap09-lg {gap:0.9rem !important;}
.mygrid .gap10-lg {gap:1.0rem !important;}
.mygrid .gap11-lg {gap:1.1rem !important;}
.mygrid .gap12-lg {gap:1.2rem !important;}
.mygrid .gap13-lg {gap:1.3rem !important;}
.mygrid .gap14-lg {gap:1.4rem !important;}
.mygrid .gap15-lg {gap:1.5rem !important;}
.mygrid .gap16-lg {gap:1.6rem !important;}
.mygrid .gap17-lg {gap:1.7rem !important;}
.mygrid .gap18-lg {gap:1.8rem !important;}
.mygrid .gap19-lg {gap:1.9rem !important;}
.mygrid .gap20-lg {gap:2.0rem !important;}
}
@media (min-width: 1300px) {
.mygrid .fr1-xl {grid-template-columns: repeat(1, 1fr) !important;}
.mygrid .fr2-xl {grid-template-columns: repeat(2, 1fr) !important;}
.mygrid .fr3-xl {grid-template-columns: repeat(3, 1fr) !important;}
.mygrid .fr4-xl {grid-template-columns: repeat(4, 1fr) !important;}
.mygrid .fr5-xl {grid-template-columns: repeat(5, 1fr) !important;}
.mygrid .fr6-xl {grid-template-columns: repeat(6, 1fr) !important;}
.mygrid .fr7-xl {grid-template-columns: repeat(7, 1fr) !important;}
.mygrid .fr8-xl {grid-template-columns: repeat(8, 1fr) !important;}
.mygrid .fr9-xl {grid-template-columns: repeat(9, 1fr) !important;}
.mygrid .fr10-xl {grid-template-columns: repeat(10, 1fr) !important;}
.mygrid .gap01-xl {gap:0.1rem !important;}
.mygrid .gap02-xl {gap:0.2rem !important;}
.mygrid .gap03-xl {gap:0.3rem !important;}
.mygrid .gap04-xl {gap:0.4rem !important;}
.mygrid .gap05-xl {gap:0.5rem !important;}
.mygrid .gap06-xl {gap:0.6rem !important;}
.mygrid .gap07-xl {gap:0.7rem !important;}
.mygrid .gap08-xl {gap:0.8rem !important;}
.mygrid .gap09-xl {gap:0.9rem !important;}
.mygrid .gap10-xl {gap:1.0rem !important;}
.mygrid .gap11-xl {gap:1.1rem !important;}
.mygrid .gap12-xl {gap:1.2rem !important;}
.mygrid .gap13-xl {gap:1.3rem !important;}
.mygrid .gap14-xl {gap:1.4rem !important;}
.mygrid .gap15-xl {gap:1.5rem !important;}
.mygrid .gap16-xl {gap:1.6rem !important;}
.mygrid .gap17-xl {gap:1.7rem !important;}
.mygrid .gap18-xl {gap:1.8rem !important;}
.mygrid .gap19-xl {gap:1.9rem !important;}
.mygrid .gap20-xl {gap:2.0rem !important;}
}
.mygrid .span1 {grid-column: 1 /span 1;}
.mygrid .span2 {grid-column: 1 /span 2;}
.mygrid .span3 {grid-column: 1 /span 3;}
#enable-toolbar-trigger {
float:left!important;
}