.inter-100 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  letter-spacing: 1px;
}

.inter-200 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  letter-spacing: 1px;
}

.inter-300 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 1px;
}

.inter-400 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
}

.inter-500 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
}

.inter-600 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 1px;
}

.inter-700 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 1px;
}

.inter-800 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 1px;
}

.inter-900 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_Light_Italic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_SemiBold_Italic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_Bold_Italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_ExtraBold_Italic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('../fonts/Bio_Sans_ExtraLight_Italic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}

/* colore verde #25ad7e*/
.font8{font-size:8px !important;}
.font9{font-size:9px !important;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font27{font-size:27px !important;}
.font28{font-size:28px !important;}
.font29{font-size:29px !important;}
.font30{font-size:30px !important;}
.font31{font-size:31px !important;}
.font32{font-size:32px !important;}
.font33{font-size:33px !important;}
.font34{font-size:34px !important;}
.font35{font-size:35px !important;}
.font36{font-size:36px !important;}
.font37{font-size:37px !important;}
.font38{font-size:38px !important;}
.font39{font-size:39px !important;}
.font40{font-size:40px !important;}
.font41{font-size:41px !important;}
.font42{font-size:42px !important;}
.font43{font-size:43px !important;}
.font44{font-size:44px !important;}
.font45{font-size:45px !important;}
.font46{font-size:46px !important;}
.font47{font-size:47px !important;}
.font48{font-size:48px !important;}
.font49{font-size:49px !important;}
.font50{font-size:50px !important;}
.font60{font-size:50px !important;}
.font64{font-size:64px !important;}
.font70{font-size:70px !important;}
.font72{font-size:72px !important;}
.font76{font-size:76px !important;}
.font80{font-size:80px !important;}
.font84{font-size:84px !important;}
.font90{font-size:90px !important;}
.font96{font-size:96px !important;}

.col-000000{color: #000000 !important;}
.col-111111{color: #111111 !important;}
.col-222222{color: #222222 !important;}
.col-333333{color: #333333 !important;}
.col-3e3e3e{color: #3e3e3e !important;}
.col-444444{color: #444444 !important;}
.col-555555{color: #555555 !important;}
.col-666666{color: #666666 !important;}
.col-777777{color: #777777 !important;}
.col-888888{color: #888888 !important;}
.col-999999{color: #999999 !important;}
.col-aaaaaa{color: #aaaaaa !important;}
.col-bbbbbb{color: #bbbbbb !important;}
.col-cccccc{color: #cccccc !important;}
.col-dddddd{color: #dddddd !important;}
.col-eeeeee{color: #eeeeee !important;}
.col-ffffff{color: #ffffff !important;}
.col-f4f4f4{color: #f4f4f4 !important;}
.col-235682{color: #235682 !important;}

.col-cdcdcd{color: #cdcdcd !important;}
.col-dedede{color: #dedede !important;}
.col-efefef{color: #efefef !important;}
.col-31A3E4{color: #31A3E4 !important;}
.col-00C3B2{color: #00C3B2 !important;}
.col-FF8F00{color: #FF8F00 !important;}
.col-FCD200{color: #FCD200 !important;}
.col-FF8F00:hover,.col-FF8F00:active{color: #E3931E !important;}
.col-FCD200:hover,.col-FCD200:active{color: #F2C200 !important;}

.overflow-hidden {
    overflow: hidden !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-visible {
    overflow: visible;
}
.overflow-x-hidden{
    overflow-x: hidden !important;
}
.overflow-y-hidden{
    overflow-y: hidden !important;
}
.overflow-x-auto{
    overflow-x: auto !important;
}
.overflow-y-auto{
    overflow-y: auto !important;
}
.bs-gutter-x-0{
    --bs-gutter-x: 0px !important;
}
.brd {
    border: 1px solid #ffffff !important;
}
.brd2 {
    border: 2px solid !important;
}
.brd3 {
    border: 3px solid !important;
}
.brd-tp {
    border-top: 1px solid
}
.brd-bt {
    border-bottom: 1px solid
}
.border0 {
    border: 0!important
}
.brd-col-bbbbbb{border-color: #BBBBBB !important;}
.brd-col-cccccc{border-color: #cccccc !important;}
.brd-col-777777{border-color: #777777 !important;}
.brd-col-999999{border-color: #999999 !important;}
.brd-col-dddddd{border-color: #dddddd !important;}
.brd-col-dedede{border-color: #dedede !important;}
.brd-col-eeeeee{border-color: #eeeeee !important;}
.brd-col-ffffff{border-color: #ffffff !important;}
.brd-col-31A3E4{border-color: #31A3E4 !important;}
.brd-col-00C3B2{border-color: #00C3B2 !important;}
.brd-col-FF8F00{border-color: #FF8F00 !important;}
.brd-col-FCD200{border-color: #FCD200 !important;}
.brd-col-FF8F00:hover,.brd-col-FF8F00:active{border-color: #E3931E !important;}
.brd-col-FCD200:hover,.brd-col-FCD200:active{border-color: #F2C200 !important;}

.brd-l-0{
    border-left-width: 0px !important;
}
.brd-l-1{
    border-left-width: 1px !important;
}
.brd-l-2{
    border-left-width: 2px !important;
}
.brd-r-0{
    border-right-width: 0px !important;
}
.brd-r-1{
    border-right-width: 1px !important;
}
.brd-r-2{
    border-right-width: 2px !important;
}
.brd-t-0{
    border-top-width: 0px !important;
}
.brd-t-1{
    border-top-width: 1px !important;
}
.brd-t-2{
    border-top-width: 2px !important;
}
.brd-b-0{
    border-bottom-width: 0px !important;
}
.brd-b-1{
    border-bottom-width: 1px !important;
}
.brd-b-2{
    border-bottom-width: 2px !important;
}
.border-radius-50p{
    border-radius: 50% !important;
}
.border-radius-0{
    border-radius: 0px !important;
}
.border-radius-3{
    border-radius: 3px !important;
}
.border-radius-4{
    border-radius: 4px !important;
}
.border-radius-5{
    border-radius: 5px !important;
}
.border-radius-8{
    border-radius: 8px !important;
}
.border-radius-10{
    border-radius: 10px !important;
}
.border-radius-15{
    border-radius: 15px !important;
}
.border-radius-16{
    border-radius: 16px !important;
}
.border-radius-30{
    border-radius: 30px !important;
}
.border-radius-top-3{
    border-radius: 3px 3px 0px 0px !important;
}
.border-radius-top-4{
    border-radius: 4px 4px 0px 0px !important;
}
.border-radius-top-5{
    border-radius: 5px 5px 0px 0px !important;
}
.border-radius-top-10{
    border-radius: 10px 10px 0px 0px !important;
}
.border-radius-top-15{
    border-radius: 15px 15px 0px 0px !important;
}
.border-radius-bottom-3{
    border-radius: 0px 0px 3px 3px !important;
}
.border-radius-bottom-4{
    border-radius: 0px 0px 4px 4px !important;
}
.border-radius-bottom-5{
    border-radius: 0px 0px 5px 5px !important;
}
.border-radius-bottom-10{
    border-radius: 0px 0px 10px 10px !important;
}
.border-radius-bottom-15{
    border-radius: 0px 0px 15px 15px !important;
}
.border-radius-left-3{
    border-radius: 3px 0px 0px 3px !important;
}
.border-radius-left-4{
    border-radius: 4px 0px 0px 4px !important;
}
.border-radius-left-5{
    border-radius: 5px 0px 0px 5px !important;
}
.border-radius-left-10{
    border-radius: 10px 0px 0px 10px !important;
}
.border-radius-left-15{
    border-radius: 15px 0px 0px 15px !important;
}
.border-radius-right-3{
    border-radius: 0px 3px 3px 0px !important;
}
.border-radius-right-4{
    border-radius: 0px 4px 4px 0px !important;
}
.border-radius-right-5{
    border-radius: 0px 5px 5px 0px !important;
}
.border-radius-right-10{
    border-radius: 0px 10px 10px 0px !important;
}
.border-radius-right-15{
    border-radius: 0px 15px 15px 0px !important;
}

.border-dashed-1p-gray { border: 1px dashed #dedede !important; }

.clear {
    clear: both
}
.display-table{display:table !important;}
.display-block{display:block !important;}
.display-inline-block{display:inline-block !important;}
.display-contents{display:contents !important;}

.display-table-row{display:table-row !important;}
.display-table-cell{display:table-cell !important;}

@media (min-width: 625px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media only screen and (max-width: 1150px) {
    .w-max1150-5x100, .w-max1150-5p {
        width: 5%!important
    }
    .w-max1150-10x100, .w-max1150-10p {
        width: 10%!important
    }
    .w-max1150-15x100, .w-max1150-15p {
        width: 15%!important
    }
    .w-max1150-20x100, .w-max1150-20p {
        width: 20%!important
    }
    .w-max1150-25x100, .w-max1150-25p {
        width: 25%!important
    }
    .w-max1150-27x100, .w-max1150-27p {
        width: 27%!important
    }
    .w-max1150-30x100, .w-max1150-30p {
        width: 30%!important
    }
    .w-max1150-33x100, .w-max1150-33p {
        width: 33%!important
    }
    .w-max1150-35x100, .w-max1150-35p {
        width: 35%!important
    }
    .w-max1150-40x100, .w-max1150-40p {
        width: 40%!important
    }
    .w-max1150-45x100, .w-max1150-45p {
        width: 45%!important
    }
    .w-max1150-50x100, .w-max1150-50p {
        width: 50%!important
    }
    .w-max1150-55x100, .w-max1150-55p {
        width: 55%!important
    }
    .w-max1150-60x100, .w-max1150-60p {
        width: 60%!important
    }
    .w-max1150-65x100, .w-max1150-65p {
        width: 65%!important
    }
    .w-max1150-70x100, .w-max1150-70p {
        width: 70%!important
    }
    .w-max1150-73x100, .w-max1150-73p {
        width: 73%!important
    }
    .w-max1150-75x100, .w-max1150-75p {
        width: 75%!important
    }
    .w-max1150-80x100, .w-max1150-80p {
        width: 80%!important
    }
    .w-max1150-85x100, .w-max1150-85p {
        width: 85%!important
    }
    .w-max1150-90x100, .w-max1150-90p {
        width: 90%!important
    }
    .w-max1150-95x100, .w-max1150-95p {
        width: 95%!important
    }
    .w-max1150-96x100, .w-max1150-96p {
        width: 96%!important
    }
    .w-max1150-97x100, .w-max1150-97p {
        width: 97%!important
    }
    .w-max1150-100x100, .w-max1150-100p {
        width: 100%!important
    }
}

.lh10, .line-height-10 {
    line-height: 10px !important;
}
.lh12, .line-height-12 {
    line-height: 12px !important;
}
.lh14, .line-height-14 {
    line-height: 14px !important;
}
.lh15, .line-height-15 {
    line-height: 15px !important;
}
.lh16, .line-height-16 {
    line-height: 16px !important;
}
.lh18, .line-height-18 {
    line-height: 18px !important;
}
.lh20, .line-height-20 {
    line-height: 20px !important;
}
.lh24, .line-height-24 {
    line-height: 24px !important;
}
.lh25, .line-height-25 {
    line-height: 25px !important;
}
.lh30, .line-height-30 {
    line-height: 30px !important;
}
.lh32, .line-height-32 {
    line-height: 32px !important;
}
.lh35, .line-height-35 {
    line-height: 35px !important;
}
.lh40, .line-height-40 {
    line-height: 40px !important;
}
.lh45, .line-height-45 {
    line-height: 45px !important;
}
.lh50, .line-height-50 {
    line-height: 50px !important;
}
.lh55, .line-height-55 {
    line-height: 55px !important;
}
.lh60, .line-height-60 {
    line-height: 60px !important;
}
.lh70, .line-height-70 {
    line-height: 70px !important;
}
.lh80, .line-height-80 {
    line-height: 80px !important;
}
.lh90, .line-height-90 {
    line-height: 90px !important;
}
.lh100, .line-height-100 {
    line-height: 100px !important;
}
.lh110, .line-height-110 {
    line-height: 110px !important;
}
.lh120, .line-height-120 {
    line-height: 120px !important;
}
.lh130, .line-height-130 {
    line-height: 130px !important;
}
.lh140, .line-height-140 {
    line-height: 140px !important;
}
.lh150, .line-height-150 {
    line-height: 150px !important;
}
.lh160, .line-height-160 {
    line-height: 160px !important;
}
.lh170, .line-height-170 {
    line-height: 170px !important;
}
.lh180, .line-height-180 {
    line-height: 180px !important;
}
.lh190, .line-height-190 {
    line-height: 190px !important;
}
.lh200, .line-height-200 {
    line-height: 200px !important;
}

.font-weight-100 { font-weight: 100 !important; }
.font-weight-200 { font-weight: 200 !important; }
.font-weight-300 { font-weight: 300 !important; }
.weight-normal{ font-weight:400 !important;}
.weight-semibold{ font-weight:600 !important;}
.weight-bold{ font-weight:800 !important;}

.font-rubik{
    font-family: "Rubik", sans-serif !important;
}
.font-azeret-mono{
    font-family: 'Azeret Mono', monospace;
}

.col-50 {
    width: 50%;
    float: left
}
.f-left {
    float: left
}
.f-left-important {
    float: left !important;
}
.f-right {
    float: right
}
.f-right-important {
    float: right !important;
}
.clearer {
    clear: both;
    display: block
}
.pos-abs, .absolute, .pos-absolute, .position-absolute{
    position: absolute;
}
.pos-rel, .relative, .pos-relative, .position-relative{
    position: relative;
}
.pos-fix, .fixed, .pos-fixed, .position-fixed{
    position: fixed;
}

.top-5{top:-5px !important;}
.top0{top:0px !important;}
.top1{top:1px !important;}
.top2{top:2px !important;}
.top3{top:3px !important;}
.top4{top:4px !important;}
.top5{top:5px !important;}
.top6{top:6px !important;}
.top7{top:7px !important;}
.top8{top:8px !important;}
.top9{top:9px !important;}
.top10{top:10px !important;}
.top11{top:11px !important;}
.top12{top:12px !important;}
.top13{top:13px !important;}
.top14{top:14px !important;}
.top15{top:15px !important;}
.top16{top:16px !important;}
.top17{top:17px !important;}
.top18{top:18px !important;}
.top19{top:19px !important;}
.top20{top:20px !important;}
.top24{top:24px !important;}
.top25{top:25px !important;}
.top28{top:28px !important;}
.top30{top:30px !important;}
.top32{top:32px !important;}
.top35{top:35px !important;}
.top48{top:48px !important;}
.top50{top:50px !important;}
.top55{top:55px !important;}
.top60{top:60px !important;}
.top65{top:65px !important;}
.top70{top:70px !important;}

.bottom-5{bottom:-5px !important;}
.bottom0{bottom:0px !important;}
.bottom1{bottom:1px !important;}
.bottom2{bottom:2px !important;}
.bottom3{bottom:3px !important;}
.bottom4{bottom:4px !important;}
.bottom5{bottom:5px !important;}
.bottom6{bottom:6px !important;}
.bottom7{bottom:7px !important;}
.bottom8{bottom:8px !important;}
.bottom9{bottom:9px !important;}
.bottom10{bottom:10px !important;}
.bottom11{bottom:11px !important;}
.bottom12{bottom:12px !important;}
.bottom13{bottom:13px !important;}
.bottom14{bottom:14px !important;}
.bottom15{bottom:15px !important;}
.bottom16{bottom:16px !important;}
.bottom17{bottom:17px !important;}
.bottom18{bottom:18px !important;}
.bottom19{bottom:19px !important;}
.bottom20{bottom:20px !important;}
.bottom24{bottom:24px !important;}
.bottom28{bottom:28px !important;}

.left-5{left:-5px !important;}
.left0{left:0px !important;}
.left1{left:1px !important;}
.left2{left:2px !important;}
.left3{left:3px !important;}
.left4{left:4px !important;}
.left5{left:5px !important;}
.left6{left:6px !important;}
.left7{left:7px !important;}
.left8{left:8px !important;}
.left9{left:9px !important;}
.left10{left:10px !important;}
.left11{left:11px !important;}
.left12{left:12px !important;}
.left13{left:13px !important;}
.left14{left:14px !important;}
.left15{left:15px !important;}
.left16{left:16px !important;}
.left17{left:17px !important;}
.left18{left:18px !important;}
.left19{left:19px !important;}
.left20{left:20px !important;}
.left24{left:24px !important;}
.left28{left:28px !important;}

.right-5{right:-5px !important;}
.right0{right:0px !important;}
.right1{right:1px !important;}
.right2{right:2px !important;}
.right3{right:3px !important;}
.right4{right:4px !important;}
.right5{right:5px !important;}
.right6{right:6px !important;}
.right7{right:7px !important;}
.right8{right:8px !important;}
.right9{right:9px !important;}
.right10{right:10px !important;}
.right11{right:11px !important;}
.right12{right:12px !important;}
.right13{right:13px !important;}
.right14{right:14px !important;}
.right15{right:15px !important;}
.right16{right:16px !important;}
.right17{right:17px !important;}
.right18{right:18px !important;}
.right19{right:19px !important;}
.right20{right:20px !important;}
.right24{right:24px !important;}
.right28{right:28px !important;}

.blue{
    color: rgba(95, 167, 231,1);
}

.soft-blue{
    color: rgba(62,147,222,1);
}

.gray{
    color: #818181;
}

.red{
    color: #a94442;
}

.green{
    color: #3c763d;
}

.white{
    color: #ffffff;
}

.orange{
    color: #8a6d3b;
}

.col-primary{
    color: var(--primary) !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f5f5f5;
}

.list-indented {
    padding: 5px 15px;
    list-style: disc;
}
.list-indented ul {
    list-style: circle;
}
.list-indented ul ul {
    list-style: square;
}

.opacity-0 { opacity: 0; }
.opacity-05 { opacity: 0.5; }
.opacity-06 { opacity: 0.6; }
.opacity-07 { opacity: 0.7; }
.opacity-08 { opacity: 0.8; }
.opacity-09 { opacity: 0.9; }
.opacity-1 { opacity: 1; }

.opacity-0:hover { opacity: 0; }
.opacity-hover-05:hover { opacity: 0.5; }
.opacity-hover-06:hover { opacity: 0.6; }
.opacity-hover-07:hover { opacity: 0.7; }
.opacity-hover-08:hover { opacity: 0.8; }
.opacity-hover-09:hover { opacity: 0.9; }
.opacity-hover-1:hover { opacity: 1; }

.page-preloader {
    background-color: #FFF;
    opacity: 0.7;
    border: medium none;
    cursor: default;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}
.center-loading {
    height: 34px;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 200;
}

@-moz-keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes three-quarters-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
 :not(:required) hides this rule from IE9 and below 
.three-quarters-loader:not(:required) {
  -moz-animation: three-quarters-loader 1250ms infinite linear;
  -webkit-animation: three-quarters-loader 1250ms infinite linear;
  animation: three-quarters-loader 1250ms infinite linear;
  border: 6px solid #234489;
  border-right-color: transparent;
  border-radius: 16px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
}

.info-text .info-text-label{
    margin-bottom:0.5rem;
}

.info-text .info-text-value{
    padding-left: 5px;
}


* display

.hide { display:none !important; }
.inline { display:inline !important; }
.inline-block { display:inline-block !important; }
.display-table { display: table !important; }


* float

.right, .f-right, .fright { float:right !important; }
.left, .f-left, .fleft { float:left !important; }
.flnone, .f-none, .fnone { float: none !important; }


* align

.align-left, .txt-left, .text-left { text-align: left !important; }
.align-right, .txt-right, .text-right { text-align: right !important; }
.align-center, .txt-center, .text-center { text-align: center !important; }
.txt-uppercase, .uppercase{text-transform: uppercase !important;}
.txt-lowercase, .lowercase{text-transform: lowercase !important;}


* clear

.clear { clear: both; }

.bold{ font-weight: bold !important; }

.brd0{border:0 !important;}
.brd-l0{border-left:0 !important;}
.brd-tp0{border-top:0 !important;}
.brd-bt0{border-bottom:0 !important;}
.brd-r0{border-right:0 !important;}

.brd-l1-gray { border-left: 1px solid #adb7be; }
.brd-l2-gray { border-left: 2px solid #adb7be; }
.brd-l3-gray { border-left: 3px solid #adb7be; }
.brd-r1-gray { border-right: 1px solid #adb7be; }
.brd-r2-gray { border-right: 2px solid #adb7be; }
.brd-r3-gray { border-right: 3px solid #adb7be; }


* margin

.mrg-l1per { margin-left:1% !important; }
.mrg-r1per { margin-right:1% !important; }
.mrg-l-auto { margin-left:auto !important; }
.mrg-r-auto { margin-right:auto !important; }

.mrg0 { margin:0 !important; }
.mrg5 { margin:5px !important; }
.mrg10 { margin:10px !important; }
.mrg15 { margin:15px !important; }
.mrg20 { margin:20px !important; }
.mrg25 { margin:25px !important; }
.mrg35 { margin:35px !important; }

.mrg-tp-0 { margin-top:0 !important; }
.mrg-tp-3 { margin-top:3px !important; }
.mrg-tp-5 { margin-top:5px !important; }
.mrg-tp-10 { margin-top:10px !important; }
.mrg-tp-15 { margin-top:15px !important; }
.mrg-tp-20 { margin-top: 20px !important; }
.mrg-tp-25 { margin-top:25px !important; }
.mrg-tp-28 { margin-top: 28px !important; }
.mrg-tp-30 { margin-top: 30px !important; }
.mrg-tp-35 { margin-top:35px !important; }
.mrg-tp-40 { margin-top: 40px !important; }
.mrg-tp-45 { margin-top:45px !important; }
.mrg-tp-50 { margin-top:50px !important; }
.mrg-tp-55 { margin-top:55px !important; }
.mrg-tp-60 { margin-top:60px !important; }
.mrg-tp-65 { margin-top:65px !important; }
.mrg-tp-70 { margin-top:70px !important; }

.mrg-bt-0 { margin-bottom:0 !important; }
.mrg-bt-3 { margin-bottom:3px !important; }
.mrg-bt-5 { margin-bottom:5px !important; }
.mrg-bt-8 { margin-bottom:8px !important; }
.mrg-bt-10 { margin-bottom:10px !important; }
.mrg-bt-15 { margin-bottom:15px !important; }
.mrg-bt-20 { margin-bottom:20px !important; }
.mrg-bt-25 { margin-bottom:25px !important; }
.mrg-bt-30 { margin-bottom:30px !important; }
.mrg-bt-35 { margin-bottom:35px !important; }
.mrg-bt-40 { margin-bottom:40px !important; }
.mrg-bt-45 { margin-bottom:45px !important; }
.mrg-bt-50 { margin-bottom:50px !important; }
.mrg-bt-100 { margin-bottom:100px !important; }

.mrg-bt-0pr { margin-bottom:0 !important; }
.mrg-bt-3pr { margin-bottom:3% !important; }
.mrg-bt-5pr { margin-bottom:5% !important; }
.mrg-bt-10pr { margin-bottom:10% !important; }
.mrg-bt-15pr { margin-bottom:15% !important; }
.mrg-bt-25pr { margin-bottom:25% !important; }
.mrg-bt-50pr { margin-bottom:50% !important; }
.mrg-bt-100pr { margin-bottom:100% !important; }

.mrg-tp-0pr { margin-top:0 !important; }
.mrg-tp-3pr { margin-top:3% !important; }
.mrg-tp-5pr { margin-top:5% !important; }
.mrg-tp-10pr { margin-top:10% !important; }
.mrg-tp-15pr { margin-top:15% !important; }
.mrg-tp-25pr { margin-top:25% !important; }
.mrg-tp-50pr { margin-top:50% !important; }
.mrg-tp-100pr { margin-top:100% !important; }

.mrg-l-0pr { margin-left:0 !important; }
.mrg-l-3pr { margin-left:3% !important; }
.mrg-l-5pr { margin-left:5% !important; }
.mrg-l-10pr { margin-left:10% !important; }
.mrg-l-15pr { margin-left:15% !important; }
.mrg-l-25pr { margin-left:25% !important; }
.mrg-l-50pr { margin-left:50% !important; }
.mrg-l-100pr { margin-left:100% !important; }

.mrg-r-0pr { margin-right:0 !important; }
.mrg-r-3pr { margin-right:3% !important; }
.mrg-r-5pr { margin-right:5% !important; }
.mrg-r-10pr { margin-right:10% !important; }
.mrg-r-15pr { margin-right:15% !important; }
.mrg-r-25pr { margin-right:25% !important; }
.mrg-r-50pr { margin-right:50% !important; }
.mrg-r-100pr { margin-right:100% !important; }

.mrg-l0 { margin-left:0 !important; }
.mrg-l5 { margin-left:5px !important; }
.mrg-l10 { margin-left:10px !important; }
.mrg-l12 { margin-left:12px !important; }
.mrg-l15 { margin-left:15px !important; }
.mrg-l20 { margin-left:20px !important; }
.mrg-l25 { margin-left:25px !important; }
.mrg-l30 { margin-left:30px !important; }
.mrg-l35 { margin-left:35px !important; }

.mrg-r0 { margin-right:0 !important; }
.mrg-r5 { margin-right:5px !important; }
.mrg-r10 { margin-right:10px !important; }
.mrg-r12 { margin-right:12px !important; }
.mrg-r15 { margin-right:15px !important; }
.mrg-r20 { margin-right:20px !important; }
.mrg-r25 { margin-right:25px !important; }
.mrg-r30 { margin-right:30px !important; }
.mrg-r35 { margin-right:35px !important; }

.mrg-tp-bt-0 { margin-top:0 !important; margin-bottom:0 !important; }
.mrg-tp-bt-5 { margin-top:5px !important; margin-bottom:5px !important; }
.mrg-tp-bt-10 { margin-top:10px !important; margin-bottom:10px !important; }
.mrg-tp-bt-12 { margin-top:12px !important; margin-bottom:12px !important; }
.mrg-tp-bt-15 { margin-top:15px !important; margin-bottom:15px !important; }
.mrg-tp-bt-20 { margin-top:20px !important; margin-bottom:20px !important; }
.mrg-tp-bt-25 { margin-top:25px !important; margin-bottom:25px !important; }
.mrg-tp-bt-35 { margin-top:35px !important; margin-bottom:35px !important; }

.mrg-lr-0 { margin-left:0 !important; margin-right:0 !important; }
.mrg-lr-5 { margin-left:5px !important; margin-right:5px !important; }
.mrg-lr-10 { margin-left:10px !important; margin-right:10px !important; }
.mrg-lr-15 { margin-left:15px !important; margin-right:15px !important; }
.mrg-lr-20 { margin-left:20px !important; margin-right:20px !important; }
.mrg-lr-25 { margin-left:25px !important; margin-right:25px !important; }
.mrg-lr-30 { margin-left:30px !important; margin-right:30px !important; }
.mrg-lr-35 { margin-left:35px !important; margin-right:35px !important; }


* padding

.pdd0 { padding:0 !important; }
.pdd1 { padding:1px !important; }
.pdd2 { padding:2px !important; }
.pdd3 { padding:3px !important; }
.pdd4 { padding:4px !important; }
.pdd5 { padding:5px !important; }
.pdd10 { padding:10px !important; }
.pdd12 { padding:12px !important; }
.pdd14 { padding:14px !important; }
.pdd15 { padding:15px !important; }
.pdd16 { padding:16px !important; }
.pdd18 { padding:18px !important; }
.pdd20 { padding:20px !important; }
.pdd22 { padding:22px !important; }
.pdd24 { padding:24px !important; }

.pdd-tp-0 { padding-top:0 !important; }
.pdd-tp-2 { padding-top:2px !important; }
.pdd-tp-3 { padding-top:3px !important; }
.pdd-tp-5 { padding-top:5px !important; }
.pdd-tp-6 { padding-top:6px !important; }
.pdd-tp-8 { padding-top:8px !important; }
.pdd-tp-10 { padding-top:10px !important; }
.pdd-tp-12 { padding-top:12px !important; }
.pdd-tp-14 { padding-top:14px !important; }
.pdd-tp-15 { padding-top:15px !important; }
.pdd-tp-16 { padding-top:16px !important; }
.pdd-tp-18 { padding-top:18px !important; }
.pdd-tp-20 { padding-top:20px !important; }
.pdd-tp-22 { padding-top:22px !important; }
.pdd-tp-24 { padding-top:24px !important; }
.pdd-tp-25 { padding-top:25px !important; }
.pdd-tp-30 { padding-top:30px !important; }
.pdd-tp-35 { padding-top:35px !important; }
.pdd-tp-40 { padding-top:40px !important; }
.pdd-tp-45 { padding-top:45px !important; }
.pdd-tp-50 { padding-top:50px !important; }
.pdd-tp-60 { padding-top:60px !important; }
.pdd-tp-70 { padding-top:70px !important; }
.pdd-tp-80 { padding-top:80px !important; }
.pdd-tp-90 { padding-top:90px !important; }
.pdd-tp-100 { padding-top:100px !important; }

.pdd-bt-0 { padding-bottom:0 !important; }
.pdd-bt-2 { padding-bottom:2px !important; }
.pdd-bt-5 { padding-bottom:5px !important; }
.pdd-bt-10 { padding-bottom:10px !important; }
.pdd-bt-12 { padding-bottom:12px !important; }
.pdd-bt-14 { padding-bottom:14px !important; }
.pdd-bt-15 { padding-bottom:15px !important; }
.pdd-bt-16 { padding-bottom:16px !important; }
.pdd-bt-18 { padding-bottom:18px !important; }
.pdd-bt-20 { padding-bottom:20px !important; }
.pdd-bt-22 { padding-bottom:22px !important; }
.pdd-bt-24 { padding-bottom:24px !important; }
.pdd-bt-25 { padding-bottom:25px !important; }
.pdd-bt-30 { padding-bottom:30px !important; }
.pdd-bt-35 { padding-bottom:35px !important; }
.pdd-bt-40 { padding-bottom:40px !important; }
.pdd-bt-45 { padding-bottom:45px !important; }
.pdd-bt-50 { padding-bottom:50px !important; }
.pdd-bt-60 { padding-bottom:60px !important; }
.pdd-bt-70 { padding-bottom:70px !important; }
.pdd-bt-80 { padding-bottom:80px !important; }
.pdd-bt-90 { padding-bottom:90px !important; }
.pdd-bt-100 { padding-bottom:100px !important; }

.pdd-l0 { padding-left:0 !important; }
.pdd-l4 { padding-left:4px !important; }
.pdd-l5 { padding-left:5px !important; }
.pdd-l6 { padding-left:6px !important; }
.pdd-l8 { padding-left:8px !important; }
.pdd-l10 { padding-left:10px !important; }
.pdd-l12 { padding-left:12px !important; }
.pdd-l14 { padding-left:14px !important; }
.pdd-l15 { padding-left:15px !important; }
.pdd-l16 { padding-left:16px !important; }
.pdd-l18 { padding-left:18px !important; }
.pdd-l20 { padding-left:20px !important; }
.pdd-l22 { padding-left:22px !important; }
.pdd-l24 { padding-left:24px !important; }
.pdd-l25 { padding-left:25px !important; }
.pdd-l30 { padding-left:30px !important; }
.pdd-l35 { padding-left:35px !important; }
.pdd-l40 { padding-left:40px !important; }
.pdd-l45 { padding-left:45px !important; }
.pdd-l50 { padding-left:50px !important; }

.pdd-r0 { padding-right:0 !important; }
.pdd-r4 { padding-right:4px !important; }
.pdd-r5 { padding-right:5px !important; }
.pdd-r6 { padding-right:6px !important; }
.pdd-r8 { padding-right:8px !important; }
.pdd-r10 { padding-right:10px !important; }
.pdd-r12 { padding-right:12px !important; }
.pdd-r14 { padding-right:14px !important; }
.pdd-r15 { padding-right:15px !important; }
.pdd-r16 { padding-right:16px !important; }
.pdd-r18 { padding-right:18px !important; }
.pdd-r20 { padding-right:20px !important; }
.pdd-r22 { padding-right:22px !important; }
.pdd-r24 { padding-right:24px !important; }
.pdd-r25 { padding-right:25px !important; }
.pdd-r30 { padding-right:30px !important; }
.pdd-r35 { padding-right:35px !important; }
.pdd-r40 { padding-right:40px !important; }
.pdd-r45 { padding-right:45px !important; }
.pdd-r50 { padding-right:50px !important; }

.pdd-tp-bt-0 { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5 { padding-top:5px !important; padding-bottom:5px !important; }
.pdd-tp-bt-10 { padding-top:10px !important; padding-bottom:10px !important; }
.pdd-tp-bt-15 { padding-top:15px !important; padding-bottom:15px !important; }
.pdd-tp-bt-20 { padding-top:20px !important; padding-bottom:20px !important; }

.pdd-lr-0 { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5 { padding-left:5px !important; padding-right:5px !important; }
.pdd-lr-10 { padding-left:10px !important; padding-right:10px !important; }
.pdd-lr-15 { padding-left:15px !important; padding-right:15px !important; }
.pdd-lr-20 { padding-left:20px !important; padding-right:20px !important; }

.pdd-bt-0pr { padding-bottom:0 !important; }
.pdd-bt-3pr { padding-bottom:3% !important; }
.pdd-bt-5pr { padding-bottom:5% !important; }
.pdd-bt-10pr { padding-bottom:10% !important; }
.pdd-bt-15pr { padding-bottom:15% !important; }
.pdd-bt-25pr { padding-bottom:25% !important; }
.pdd-bt-50pr { padding-bottom:50% !important; }
.pdd-bt-100pr { padding-bottom:100% !important; }

.pdd-tp-0pr { padding-top:0 !important; }
.pdd-tp-3pr { padding-top:3% !important; }
.pdd-tp-5pr { padding-top:5% !important; }
.pdd-tp-10pr { padding-top:10% !important; }
.pdd-tp-15pr { padding-top:15% !important; }
.pdd-tp-25pr { padding-top:25% !important; }
.pdd-tp-50pr { padding-top:50% !important; }
.pdd-tp-100pr { padding-top:100% !important; }

.pdd-l-0pr { padding-left:0 !important; }
.pdd-l-3pr { padding-left:3% !important; }
.pdd-l-5pr { padding-left:5% !important; }
.pdd-l-10pr { padding-left:10% !important; }
.pdd-l-15pr { padding-left:15% !important; }
.pdd-l-25pr { padding-left:25% !important; }
.pdd-l-50pr { padding-left:50% !important; }
.pdd-l-100pr { padding-left:100% !important; }

.pdd-r-0pr { padding-right:0 !important; }
.pdd-r-3pr { padding-right:3% !important; }
.pdd-r-5pr { padding-right:5% !important; }
.pdd-r-10pr { padding-right:10% !important; }
.pdd-r-15pr { padding-right:15% !important; }
.pdd-r-25pr { padding-right:25% !important; }
.pdd-r-50pr { padding-right:50% !important; }
.pdd-r-100pr { padding-right:100% !important; }

.pdd0-perc { padding:0 !important; }
.pdd5-perc { padding:5% !important; }
.pdd10-perc { padding:10% !important; }
.pdd15-perc { padding:15% !important; }
.pdd20-perc { padding:20% !important; }

.pdd-tp-0-perc { padding-top:0 !important; }
.pdd-tp-5-perc { padding-top:5% !important; }
.pdd-tp-10-perc { padding-top:10% !important; }
.pdd-tp-15-perc { padding-top:15% !important; }
.pdd-tp-20-perc { padding-top:20% !important; }
.pdd-tp-25-perc { padding-top:25% !important; }
.pdd-tp-50-perc { padding-top:50% !important; }

.pdd-bt-0-perc { padding-bottom:0 !important; }
.pdd-bt-5-perc { padding-bottom:5% !important; }
.pdd-bt-10-perc { padding-bottom:10% !important; }
.pdd-bt-15-perc { padding-bottom:15% !important; }
.pdd-bt-20-perc { padding-bottom:20% !important; }
.pdd-bt-25-perc { padding-bottom:25% !important; }
.pdd-bt-50-perc { padding-bottom:50% !important; }

.pdd-l0-perc { padding-left:0 !important; }
.pdd-l5-perc { padding-left:5% !important; }
.pdd-l10-perc { padding-left:10% !important; }
.pdd-l15-perc { padding-left:15% !important; }
.pdd-l20-perc { padding-left:20% !important; }

.pdd-r0-perc { padding-right:0 !important; }
.pdd-r5-perc { padding-right:5% !important; }
.pdd-r10-perc { padding-right:10% !important; }
.pdd-r15-perc { padding-right:15% !important; }
.pdd-r20-perc { padding-right:20% !important; }

.pdd-tp-bt-0-perc { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5-perc { padding-top:5% !important; padding-bottom:5% !important; }
.pdd-tp-bt-10-perc { padding-top:10% !important; padding-bottom:10% !important; }
.pdd-tp-bt-15-perc { padding-top:15% !important; padding-bottom:15% !important; }
.pdd-tp-bt-20-perc { padding-top:20% !important; padding-bottom:20% !important; }

.pdd-lr-0-perc { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5-perc { padding-left:5% !important; padding-right:5% !important; }
.pdd-lr-10-perc { padding-left:10% !important; padding-right:10% !important; }
.pdd-lr-15-perc { padding-left:15% !important; padding-right:15% !important; }
.pdd-lr-20-perc { padding-left:20% !important; padding-right:20% !important; }


* width

.w-auto { width: auto; }
.w5, .w5x100 { width: 5% !important; }
.w10, .w10x100 { width: 10% !important; }
.w11, .w11x100 { width: 11% !important; }
.w12, .w12x100 { width: 12% !important; }
.w13, .w13x100 { width: 13% !important; }
.w14, .w14x100 { width: 14% !important; }
.w15, .w15x100 { width: 15% !important; }
.w20, .w20x100 { width: 20% !important; }
.w22, .w22x100 { width: 22% !important; }
.w25, .w25x100 { width: 25% !important; }
.w30, .w30x100 { width: 30% !important; }
.w33, .w33x100 { width: 33.33% !important; }
.w40, .w40x100 { width: 40% !important; }
.w45, .w45x100 { width: 45% !important; }
.w48, .w48x100 { width: 48% !important; }
.w50, .w50x100 { width: 50% !important; }
.w58, .w58x100 { width: 58% !important; }
.w60, .w60x100 { width: 60% !important; }
.w65, .w65x100 { width: 65% !important; }
.w70, .w70x100 { width: 70% !important; }
.w75, .w75x100 { width: 75% !important; }
.w80, .w80x100 { width: 80% !important; }
.w85, .w85x100 { width: 85% !important; }
.w90, .w90x100 { width: 90% !important; }
.w95, .w95x100 { width: 95% !important; }
.w100,.w100x100 { width: 100% !important; }
.w100-row{
    width: calc(100% + calc(1 * var(--bs-gutter-x)));
}

.w5p   { width: 5px !important; }
.w10p  { width: 10px !important; }
.w15p  { width: 15px !important; }
.w20p  { width: 20px !important; }
.w22p  { width: 22px !important; }
.w25p  { width: 25px !important; }
.w30p  { width: 30px !important; }
.w33p  { width: 33px !important; }
.w35p  { width: 35px !important; }
.w40p  { width: 40px !important; }
.w45p  { width: 45px !important; }
.w50p  { width: 50px !important; }
.w58p  { width: 58px !important; }
.w60p  { width: 60px !important; }
.w70p  { width: 70px !important; }
.w80p  { width: 80px !important; }
.w90p  { width: 90px !important; }
.w95p  { width: 95px !important; }
.w100p { width: 100px !important; }
.w105p, .w105 { width: 105px !important; }
.w110p, .w110 { width: 110px !important; }
.w115p, .w115 { width: 115px !important; }
.w120p, .w120 { width: 120px !important; }
.w125p, .w125 { width: 125px !important; }
.w130p, .w130 { width: 130px !important; }
.w135p, .w135 { width: 135px !important; }
.w140p, .w140 { width: 140px !important; }
.w145p, .w145 { width: 145px !important; }
.w150p, .w150 { width: 150px !important; }
.w155p, .w155 { width: 155px !important; }
.w160p, .w160 { width: 160px !important; }
.w165p, .w165 { width: 165px !important; }
.w170p, .w170 { width: 170px !important; }
.w175p, .w175 { width: 175px !important; }
.w180p, .w180 { width: 180px !important; }
.w185p, .w185 { width: 185px !important; }
.w190p, .w190 { width: 190px !important; }
.w195p, .w195 { width: 195px !important; }
.w200p, .w200 { width: 200px !important; }
.w210p, .w210 { width: 210px !important; }
.w240p, .w240 { width: 240px !important; }
.w250p, .w250 { width: 250px !important; }
.w300p, .w300 { width: 300px !important; }
.w350p, .w350 { width: 350px !important; }
.w400p, .w400 { width: 400px !important; }

.h-auto { height: auto; }
.h5   { height: 5% !important; }
.h10  { height: 10% !important; }
.h15  { height: 15% !important; }
.h20  { height: 20% !important; }
.h22  { height: 22% !important; }
.h25  { height: 25% !important; }
.h30  { height: 30% !important; }
.h33  { height: 33.33% !important; }
.h40  { height: 40% !important; }
.h45  { height: 45% !important; }
.h48  { height: 48% !important; }
.h50  { height: 50% !important; }
.h58  { height: 58% !important; }
.h60  { height: 60% !important; }
.h65  { height: 65% !important; }
.h70  { height: 70% !important; }
.h75  { height: 75% !important; }
.h80  { height: 80% !important; }
.h85  { height: 85% !important; }
.h90  { height: 90% !important; }
.h95  { height: 95% !important; }
.h100 { height: 100% !important; }

.h5p   { height: 5px !important; }
.h10p  { height: 10px !important; }
.h15p  { height: 15px !important; }
.h20p  { height: 20px !important; }
.h22p  { height: 22px !important; }
.h25p  { height: 25px !important; }
.h30p  { height: 30px !important; }
.h33p  { height: 33px !important; }
.h35p  { height: 35px !important; }
.h36p  { height: 36px !important; }
.h40p  { height: 40px !important; }
.h45p  { height: 45px !important; }
.h50p  { height: 50px !important; }
.h58p  { height: 58px !important; }
.h60p  { height: 60px !important; }
.h70p  { height: 70px !important; }
.h80p  { height: 80px !important; }
.h90p  { height: 90px !important; }
.h95p  { height: 95px !important; }
.h100p { height: 100px !important; }
.h105p { height: 105px !important; }
.h110p { height: 110px !important; }
.h115p { height: 115px !important; }
.h120p { height: 120px !important; }
.h125p { height: 125px !important; }
.h130p { height: 130px !important; }
.h135p { height: 135px !important; }
.h140p { height: 140px !important; }
.h150p { height: 150px !important; }
.h160p { height: 160px !important; }
.h175p { height: 175px !important; }
.h180p { height: 180px !important; }
.h180p { height: 180px !important; }
.h200p { height: 200px !important; }
.h200p { height: 200px !important; }
.h210p { height: 210px !important; }
.h220p { height: 220px !important; }
.h230p { height: 230px !important; }
.h240p { height: 240px !important; }
.h250p { height: 250px !important; }
.h260p { height: 260px !important; }
.h270p { height: 270px !important; }
.h280p { height: 280px !important; }
.h290p { height: 290px !important; }
.h300p { height: 300px !important; }
.h310p { height: 310px !important; }
.h320p { height: 320px !important; }
.h330p { height: 330px !important; }
.h340p { height: 340px !important; }
.h350p { height: 350px !important; }
.h360p { height: 360px !important; }
.h370p { height: 370px !important; }
.h380p { height: 380px !important; }
.h390p { height: 390px !important; }
.h400p { height: 400px !important; }

.minw5   {min-width: 5% !important; }
.minw10  {min-width: 10% !important; }
.minw15  {min-width: 15% !important; }
.minw20  {min-width: 20% !important; }
.minw22  {min-width: 22% !important; }
.minw25  {min-width: 25% !important; }
.minw30  {min-width: 30% !important; }
.minw33  {min-width: 33.33% !important; }
.minw40  {min-width: 40% !important; }
.minw45  {min-width: 45% !important; }
.minw48  {min-width: 48% !important; }
.minw50  {min-width: 50% !important; }
.minw58  {min-width: 58% !important; }
.minw60  {min-width: 60% !important; }
.minw70  {min-width: 70% !important; }
.minw80  {min-width: 80% !important; }
.minw90  {min-width: 90% !important; }
.minw95  {min-width: 95% !important; }
.minw100 {min-width: 100% !important; }

.minw5p   {min-width: 5px !important; }
.minw10p  {min-width: 10px !important; }
.minw15p  {min-width: 15px !important; }
.minw20p  {min-width: 20px !important; }
.minw22p  {min-width: 22px !important; }
.minw25p  {min-width: 25px !important; }
.minw30p  {min-width: 30px !important; }
.minw33p  {min-width: 33px !important; }
.minw40p  {min-width: 40px !important; }
.minw45p  {min-width: 45px !important; }
.minw50p  {min-width: 50px !important; }
.minw58p  {min-width: 58px !important; }
.minw60p  {min-width: 60px !important; }
.minw70p  {min-width: 70px !important; }
.minw80p  {min-width: 80px !important; }
.minw90p  {min-width: 90px !important; }
.minw95p  {min-width: 95px !important; }
.minw100p {min-width: 100px !important; }
.minw105p {min-width: 105px !important; }
.minw120p {min-width: 120px !important; }
.minw130p {min-width: 130px !important; }
.minw140p {min-width: 140px !important; }
.minw150p {min-width: 150px !important; }
.minw160p {min-width: 160px !important; }
.minw175p {min-width: 175px !important; }
.minw180p {min-width: 180px !important; }
.minw210p {min-width: 210px !important; }
.minw245p {min-width: 245px !important; }
.minw280p {min-width: 280px !important; }
.minw300p {min-width: 300px !important; }
.minw320p {min-width: 320px !important; }
.minw350p {min-width: 350px !important; }
.minw400p {min-width: 400px !important; }

.minh5   {min-height: 5% !important; }
.minh10  {min-height: 10% !important; }
.minh15  {min-height: 15% !important; }
.minh20  {min-height: 20% !important; }
.minh22  {min-height: 22% !important; }
.minh25  {min-height: 25% !important; }
.minh30  {min-height: 30% !important; }
.minh33  {min-height: 33.33% !important; }
.minh40  {min-height: 40% !important; }
.minh45  {min-height: 45% !important; }
.minh48  {min-height: 48% !important; }
.minh50  {min-height: 50% !important; }
.minh58  {min-height: 58% !important; }
.minh60  {min-height: 60% !important; }
.minh70  {min-height: 70% !important; }
.minh80  {min-height: 80% !important; }
.minh90  {min-height: 90% !important; }
.minh95  {min-height: 95% !important; }
.minh100 {min-height: 100% !important; }

.minh5p   {min-height: 5px !important; }
.minh10p  {min-height: 10px !important; }
.minh15p  {min-height: 15px !important; }
.minh16p  {min-height: 16px !important; }
.minh18p  {min-height: 18px !important; }
.minh20p  {min-height: 20px !important; }
.minh22p  {min-height: 22px !important; }
.minh24p  {min-height: 24px !important; }
.minh25p  {min-height: 25px !important; }
.minh26p  {min-height: 26px !important; }
.minh28p  {min-height: 28px !important; }
.minh30p  {min-height: 30px !important; }
.minh32p  {min-height: 32px !important; }
.minh33p  {min-height: 33px !important; }
.minh34p  {min-height: 34px !important; }
.minh36p  {min-height: 36px !important; }
.minh40p  {min-height: 40px !important; }
.minh44p  {min-height: 44px !important; }
.minh45p  {min-height: 45px !important; }
.minh50p  {min-height: 50px !important; }
.minh58p  {min-height: 58px !important; }
.minh60p  {min-height: 60px !important; }
.minh70p  {min-height: 70px !important; }
.minh80p  {min-height: 80px !important; }
.minh90p  {min-height: 90px !important; }
.minh95p  {min-height: 95px !important; }
.minh100p {min-height: 100px !important; }
.minh105p {min-height: 105px !important; }
.minh120p {min-height: 120px !important; }
.minh140p {min-height: 140px !important; }
.minh150p {min-height: 150px !important; }
.minh160p {min-height: 160px !important; }
.minh175p {min-height: 175px !important; }
.minh180p {min-height: 180px !important; }
.minh190p {min-height: 190px !important; }
.minh200p {min-height: 200px !important; }
.minh210p {min-height: 210px !important; }
.minh220p {min-height: 220px !important; }
.minh230p {min-height: 230px !important; }
.minh240p {min-height: 240px !important; }
.minh245p {min-height: 245px !important; }
.minh250p {min-height: 250px !important; }
.minh280p {min-height: 280px !important; }

.maxw100p {max-width: 100px !important; }
.maxw200p {max-width: 200px !important; }
.maxw300p {max-width: 300px !important; }
.maxw400p {max-width: 400px !important; }
.maxw500p {max-width: 500px !important; }
.maxw600p {max-width: 600px !important; }

.maxh-reset {max-height: inherit !important;}
.minh-reset {min-height: inherit !important;}
.maxw-reset {max-width: inherit !important;}
.minw-reset {min-width: inherit !important;}

.maxh100p { max-height: 100px !important; }
.maxh200p { max-height: 200px !important; }
.maxh250p { max-height: 250px !important; }
.maxh300p { max-height: 300px !important; }
.maxh400p { max-height: 400px !important; }
.maxh500p { max-height: 500px !important; }
.maxh600p { max-height: 600px !important; }

.txtsize-10{font-size: 10px;}
.txtsize-12{font-size: 12px;}
.txtsize-13{font-size: 13px;}
.txtsize-14{font-size: 14px;}
.txtsize-15{font-size: 15px;}
.txtsize-16{font-size: 16px;}
.txtsize-18{font-size: 18px;}
.txtsize-20{font-size: 20px;}
.txtsize-22{font-size: 22px;}
.txtsize-24{font-size: 24px;}
.txtsize-26{font-size: 26px;}

.line-height-10{line-height: 10px;}
.line-height-12{line-height: 12px;}
.line-height-13{line-height: 13px;}
.line-height-14{line-height: 14px;}
.line-height-15{line-height: 15px;}
.line-height-16{line-height: 16px;}
.line-height-18{line-height: 18px;}
.line-height-20{line-height: 20px;}
.line-height-22{line-height: 22px;}
.line-height-24{line-height: 24px;}
.line-height-26{line-height: 26px;}
.line-height-28{line-height: 28px;}
.line-height-30{line-height: 30px;}
.line-height-32{line-height: 32px;}
.line-height-34{line-height: 34px;}
.line-height-36{line-height: 36px;}

.pointer { cursor: pointer; }
.cursor-move { cursor: move !important; }
.cursor-default { cursor: default !important; }

.font-italic { font-style:  italic; }

.breadcrumb>li+li:before {
    font-family: 'Font Awesome 6 Pro';
}

.row-deck > .col, .row-deck > [class*="col-"] {
    display: flex;
    align-items: stretch;
}
.header .container,.header .container-fluid {
    display: flex;
    align-items: center
}

.header .divider {
    height: 2.5rem;
    width: 1px;
    background-color: #e0dede
}

.header-transparent {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    background: transparent
}

.header-bottom,.header-middle,.header-top {
    display: flex
}

.has-center .header-right {
    flex: 1
}

.has-center .header-right {
    justify-content: flex-end
}

.has-center .header-center {
    margin: 0 2rem 0 3.8rem
}

.header-left {
    flex: 1
}

.header-center,.header-left,.header-right {
    display: flex;
    align-items: center
}

.header-right {
    margin-left: auto
}

.header-top {
    color: #54524d;
    border-bottom: 1px solid #e0dede;
    font-size: 0.75em;
    text-transform: uppercase
}

.header-top .header-right>* {
    margin-left: 2.3rem
}

.header-top .header-right>:first-child {
    margin-left: 0
}

.header-top .divider {
    margin-left: 2rem;
    height: 2rem
}

.header-top .contact {
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 1.4rem 0 1.2rem 1.5rem
}

.header-top .contact i {
    margin: 1px 7px 0 4px;
    font-size: 1.417em
}

.header-top .contact span {
    white-space: nowrap
}

.header-top .social-links {
    margin-left: 2rem;
    font-size: 1.167em
}

.header-top .social-links .social-link:last-child {
    margin-right: 0
}

.header-top .social-links .social-link {
    margin: 3px 26px 0 0
}

.header-middle {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #222;
    font-size: 0.875em
}

.header-middle.has-border {
    border-bottom: 1px solid #e0dede
}

.header-middle .login-toggle {
    margin: 0.2rem 1.9rem 0 0
}

.header-middle .login-toggle i {
    font-size: 1.543em
}

.header-middle .logo {
    margin-bottom: 0.2rem
}

.header-middle .header-right .cart-dropdown>a:after {
    content: none
}

.header-dark .header-middle {
    padding: 3.3rem 0 2.7rem;
    color: rgba(255,255,255,0.8)
}

.header-dark .header-middle .divider {
    margin: 0 24px 0 31px;
    opacity: 0.15
}

.header-dark .header-middle .call i {
    font-size: 1.714em
}

.header-dark .header-middle .mobile-menu-toggle {
    color: inherit
}

@media (max-width: 991px) {
    .header-dark .header-middle .header-center {
        flex:1
    }
}

.logo img {
    display: block
}

.header-bottom {
    border-bottom: 1px solid #e0dede;
    padding: 1rem 0
}

.header-search {
    position: relative
}

.header-search:not(.dir-up) {
    margin: 4px 1.9rem 0 0
}

.header-search input {
    padding: 0.95rem 2rem
}

.header-search .btn-search {
    min-width: 5rem
}

.header-search .btn-search i {
    margin: 0
}

.header-search .select-box select {
    width: 18.4rem;
    border: 0;
    font-size: 1em;
    letter-spacing: 0.05em
}

.header-search.hs-toggle .form-simple {
    position: absolute;
    border: none;
    display: flex;
    right: -1.5rem;
    padding: 2rem;
    min-width: 34rem;
    background-color: #fff;
    box-shadow: 0 2px 35px rgba(0,0,0,0.1);
    font-size: 1.6rem;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,-10px,0);
    z-index: 100;
    transition: transform 0.4s 0.2s,opacity 0.4s 0.2s
}

.header-search.hs-toggle .form-simple .btn {
    right: 2rem
}

.header-search.hs-toggle.show .form-simple,.header-search.hs-toggle:hover .form-simple {
    transform: translate3d(0,0,0);
    visibility: visible;
    opacity: 1
}

.header-search.hs-toggle:hover {
    color: #ff9c28
}

.header-search.hs-toggle input {
    border: 1px solid #eee
}

.header-search.hs-toggle .btn-search {
    font-size: 0.88em;
    color: #222
}

.header-search.hs-toggle .btn-search:hover {
    color: #ff9c28;
    background-color: transparent;
    cursor: pointer
}

.header-search.hs-expanded {
    max-width: 74.1rem;
    flex: 1
}

.header-search.hs-expanded .btn-search i {
    margin: 0;
    font-size: 1.5rem
}

.header-search.hs-expanded .btn-search:hover {
    color: #ff9c28
}

.header-search.hs-expanded input {
    padding: 0.8em 1.3em 0.6em;
    font-size: 1em
}

.hs-toggle.dir-up .form-simple {
    top: auto;
    bottom: 100%;
    transform: translate3d(0,10px,0)
}

.search-toggle {
    padding: 1.1rem 0
}

.search-toggle i {
    font-size: 2rem;
    line-height: 0.9
}
/****** font ******/
@font-face {
    font-family: 'dmsans-regular';
    src: url('/custom/istrumed/frontend/fonts/Exo2-Regular.ttf')  format('truetype')
}
@font-face {
    font-family: 'raleway-medium';
    src: url('/custom/istrumed/frontend/fonts/Exo2-Medium.ttf') format('truetype')
}
@font-face {
    font-family: 'dmsans-bold';
    src: url('/custom/istrumed/frontend/fonts/Exo2-Bold.ttf') format('truetype')
}

/****** base ******/
.font8{font-size:8px !important;}
.font9{font-size:9px !important;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font27{font-size:27px !important;}
.font28{font-size:28px !important;}
.font29{font-size:29px !important;}
.font30{font-size:30px !important;}
.font31{font-size:31px !important;}
.font32{font-size:32px !important;}
.font33{font-size:33px !important;}
.font34{font-size:34px !important;}
.font35{font-size:35px !important;}
.font36{font-size:36px !important;}
.font37{font-size:37px !important;}
.font38{font-size:38px !important;}
.font39{font-size:39px !important;}
.font40{font-size:40px !important;}
.font41{font-size:41px !important;}
.font42{font-size:42px !important;}
.font43{font-size:43px !important;}
.font44{font-size:44px !important;}
.font45{font-size:45px !important;}
.font46{font-size:46px !important;}
.font47{font-size:47px !important;}
.font48{font-size:48px !important;}
.font49{font-size:49px !important;}
.font50{font-size:50px !important;}
.font60{font-size:50px !important;}
.font64{font-size:64px !important;}
.font70{font-size:70px !important;}
.font72{font-size:72px !important;}
.font76{font-size:76px !important;}
.font80{font-size:80px !important;}
.font84{font-size:84px !important;}
.font90{font-size:90px !important;}
.font96{font-size:96px !important;}

.col-000000{color: #000000 !important;}
.col-111111{color: #111111 !important;}
.col-222222{color: #222222 !important;}
.col-333333{color: #333333 !important;}
.col-444444{color: #444444 !important;}
.col-555555{color: #555555 !important;}
.col-666666{color: #666666 !important;}
.col-777777{color: #777777 !important;}
.col-888888{color: #888888 !important;}
.col-999999{color: #999999 !important;}
.col-aaaaaa{color: #aaaaaa !important;}
.col-bbbbbb{color: #bbbbbb !important;}
.col-cccccc{color: #cccccc !important;}
.col-dddddd{color: #dddddd !important;}
.col-eeeeee{color: #eeeeee !important;}
.col-ffffff{color: #ffffff !important;}
.col-235682{color: #235682 !important;}
.col-25ad7e{color: #25ad7e !important;}
.col-238ada{color: #238ada !important;}
.col-E52B50{color: #E52B50 !important;}

.col-cdcdcd{color: #cdcdcd !important;}
.col-dedede{color: #dedede !important;}
.col-efefef{color: #efefef !important;}
.col-31A3E4{color: #31A3E4 !important;}
.col-00C3B2{color: #00C3B2 !important;}
.col-FF8F00{color: #FF8F00 !important;}
.col-FCD200{color: #FCD200 !important;}
.col-FF8F00:hover,.col-FF8F00:active{color: #E3931E !important;}
.col-FCD200:hover,.col-FCD200:active{color: #F2C200 !important;}

.bg-000000{background-color: #000000 !important;}
.bg-111111{background-color: #111111 !important;}
.bg-222222{background-color: #222222 !important;}
.bg-333333{background-color: #333333 !important;}
.bg-3e3e3e{background-color: #3e3e3e !important;}
.bg-444444{background-color: #444444 !important;}
.bg-555555{background-color: #555555 !important;}
.bg-666666{background-color: #666666 !important;}
.bg-777777{background-color: #777777 !important;}
.bg-888888{background-color: #888888 !important;}
.bg-999999{background-color: #999999 !important;}
.bg-aaaaaa{background-color: #aaaaaa !important;}
.bg-bbbbbb{background-color: #bbbbbb !important;}
.bg-cccccc{background-color: #cccccc !important;}
.bg-dddddd{background-color: #dddddd !important;}
.bg-eeeeee{background-color: #eeeeee !important;}
.bg-ffffff{background-color: #ffffff !important;}
.bg-f4f4f4{background-color: #f4f4f4 !important;}
.bg-235682{background-color: #235682 !important;}
.bg-25ad7e{background-color: #25ad7e !important;}
.bg-238ada{background-color: #238ada !important;}

.bg-cdcdcd{background-color: #cdcdcd !important;}
.bg-dedede{background-color: #dedede !important;}
.bg-efefef{background-color: #efefef !important;}
.bg-31A3E4{background-color: #31A3E4 !important;}
.bg-00C3B2{background-color: #00C3B2 !important;}
.bg-FF8F00{background-color: #FF8F00 !important;}
.bg-FCD200{background-color: #FCD200 !important;}
.bg-info{background-color: #90D9FA !important;}

.bg-333333:hover,.bg-333333:active{background-color: #666666 !important;}
.col-ffffff:hover,.col-ffffff:active{color: #eeeeee !important;}

.pointer{
    cursor: pointer;
}

.alert-simple.alert-danger {
    background-color: #f12a57;
    border-color: #f12a57;
    color: #f12a57;
}

.overflow-hidden {
    overflow: hidden !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-visible {
    overflow: visible;
}
.overflow-x-hidden{
    overflow-x: hidden !important;
}
.overflow-y-hidden{
    overflow-y: hidden !important;
}
.overflow-x-auto{
    overflow-x: auto !important;
}
.overflow-y-auto{
    overflow-y: auto !important;
}
.bs-gutter-x-0{
    --bs-gutter-x: 0px !important;
}
.brd {
    border: 1px solid #ffffff !important;
}
.brd2 {
    border: 2px solid !important;
}
.brd3 {
    border: 3px solid !important;
}
.brd-tp {
    border-top: 1px solid
}
.brd-bt {
    border-bottom: 1px solid
}
.border0 {
    border: 0!important
}
.brd-col-bbbbbb{border-color: #BBBBBB !important;}
.brd-col-cccccc{border-color: #cccccc !important;}
.brd-col-777777{border-color: #777777 !important;}
.brd-col-999999{border-color: #999999 !important;}
.brd-col-dddddd{border-color: #dddddd !important;}
.brd-col-dedede{border-color: #dedede !important;}
.brd-col-eeeeee{border-color: #eeeeee !important;}
.brd-col-ffffff{border-color: #ffffff !important;}
.brd-col-31A3E4{border-color: #31A3E4 !important;}
.brd-col-00C3B2{border-color: #00C3B2 !important;}
.brd-col-FF8F00{border-color: #FF8F00 !important;}
.brd-col-FCD200{border-color: #FCD200 !important;}
.brd-col-FF8F00:hover,.brd-col-FF8F00:active{border-color: #E3931E !important;}
.brd-col-FCD200:hover,.brd-col-FCD200:active{border-color: #F2C200 !important;}

.brd-l-0{
    border-left-width: 0px !important;
}
.brd-l-1{
    border-left-width: 1px !important;
}
.brd-l-2{
    border-left-width: 2px !important;
}
.brd-r-0{
    border-right-width: 0px !important;
}
.brd-r-1{
    border-right-width: 1px !important;
}
.brd-r-2{
    border-right-width: 2px !important;
}
.brd-t-0{
    border-top-width: 0px !important;
}
.brd-t-1{
    border-top-width: 1px !important;
}
.brd-t-2{
    border-top-width: 2px !important;
}
.brd-b-0{
    border-bottom-width: 0px !important;
}
.brd-b-1{
    border-bottom-width: 1px !important;
}
.brd-b-2{
    border-bottom-width: 2px !important;
}
.border-radius-50p{
    border-radius: 50% !important;
}
.border-radius-0{
    border-radius: 0px !important;
}
.border-radius-3{
    border-radius: 3px !important;
}
.border-radius-4{
    border-radius: 4px !important;
}
.border-radius-5{
    border-radius: 5px !important;
}
.border-radius-8{
    border-radius: 8px !important;
}
.border-radius-10{
    border-radius: 10px !important;
}
.border-radius-15{
    border-radius: 15px !important;
}
.border-radius-16{
    border-radius: 16px !important;
}
.border-radius-20{
    border-radius: 20px !important;
}
.border-radius-30{
    border-radius: 30px !important;
}
.border-radius-top-3{
    border-radius: 3px 3px 0px 0px !important;
}
.border-radius-top-4{
    border-radius: 4px 4px 0px 0px !important;
}
.border-radius-top-5{
    border-radius: 5px 5px 0px 0px !important;
}
.border-radius-top-10{
    border-radius: 10px 10px 0px 0px !important;
}
.border-radius-top-15{
    border-radius: 15px 15px 0px 0px !important;
}
.border-radius-bottom-3{
    border-radius: 0px 0px 3px 3px !important;
}
.border-radius-bottom-4{
    border-radius: 0px 0px 4px 4px !important;
}
.border-radius-bottom-5{
    border-radius: 0px 0px 5px 5px !important;
}
.border-radius-bottom-10{
    border-radius: 0px 0px 10px 10px !important;
}
.border-radius-bottom-15{
    border-radius: 0px 0px 15px 15px !important;
}
.border-radius-left-3{
    border-radius: 3px 0px 0px 3px !important;
}
.border-radius-left-4{
    border-radius: 4px 0px 0px 4px !important;
}
.border-radius-left-5{
    border-radius: 5px 0px 0px 5px !important;
}
.border-radius-left-10{
    border-radius: 10px 0px 0px 10px !important;
}
.border-radius-left-15{
    border-radius: 15px 0px 0px 15px !important;
}
.border-radius-right-3{
    border-radius: 0px 3px 3px 0px !important;
}
.border-radius-right-4{
    border-radius: 0px 4px 4px 0px !important;
}
.border-radius-right-5{
    border-radius: 0px 5px 5px 0px !important;
}
.border-radius-right-10{
    border-radius: 0px 10px 10px 0px !important;
}
.border-radius-right-15{
    border-radius: 0px 15px 15px 0px !important;
}

.border-dashed-1p-gray { border: 1px dashed #dedede !important; }

.clear {
    clear: both
}
.display-table{display:table !important;}
.display-block{display:block !important;}
.display-inline-block{display:inline-block !important;}
.display-contents{display:contents !important;}

.display-table-row{display:table-row !important;}
.display-table-cell{display:table-cell !important;}

.hidden-desktop {
    display: none !important;
}
.hidden-mobile {
    display: block !important;
}

.w10 {
    width: 10px !important;
}
.w15 {
    width: 15px !important;
}
.w20 {
    width: 20px !important;
}
.w25 {
    width: 25px !important;
}
.w30 {
    width: 30px !important;
}
.w35 {
    width: 35px !important;
}
.w40 {
    width: 40px !important;
}
.w45 {
    width: 45px !important;
}
.w50 {
    width: 50px !important;
}
.w55 {
    width: 55px !important;
}
.w60 {
    width: 60px !important;
}
.w70 {
    width: 70px !important;
}
.w80 {
    width: 80px !important;
}
.w90 {
    width: 90px !important;
}
.w100 {
    width: 100px !important;
}
.w110 {
    width: 110px !important;
}
.w115 {
    width: 115px !important;
}
.w120 {
    width: 120px !important;
}
.w125 {
    width: 125px !important;
}
.w130 {
    width: 130px !important;
}
.w135 {
    width: 135px !important;
}
.w140 {
    width: 140px !important;
}
.w145 {
    width: 145px !important;
}
.w150 {
    width: 150px !important;
}
.w160 {
    width: 160px !important;
}
.w170 {
    width: 170px !important;
}
.w175 {
    width: 175px !important;
}
.w180 {
    width: 180px !important;
}
.w190 {
    width: 190px !important;
}
.w200 {
    width: 200px !important;
}
.w210 {
    width: 210px !important;
}
.w250 {
    width: 250px !important;
}
.w300 {
    width: 300px !important;
}
.w350 {
    width: 350px !important;
}
.w5x100 {
    width: 5%!important
}
.w10x100 {
    width: 10%!important
}
.w15x100 {
    width: 15%!important
}
.w20x100 {
    width: 20%!important
}
.w25x100 {
    width: 25%!important
}
.w27x100 {
    width: 27%!important
}
.w30x100 {
    width: 30%!important
}
.w33x100 {
    width: 33%!important
}
.w35x100 {
    width: 35%!important
}
.w40x100 {
    width: 40%!important
}
.w45x100 {
    width: 45%!important
}
.w50x100 {
    width: 50%!important
}
.w55x100 {
    width: 55%!important
}
.w60x100 {
    width: 60%!important
}
.w65x100 {
    width: 65%!important
}
.w70x100 {
    width: 70%!important
}
.w73x100 {
    width: 73%!important
}
.w75x100 {
    width: 75%!important
}
.w80x100 {
    width: 80%!important
}
.w85x100 {
    width: 85%!important
}
.w90x100 {
    width: 90%!important
}
.w95x100 {
    width: 95%!important
}
.w96x100 {
    width: 96%!important
}
.w97x100 {
    width: 97%!important
}
.w100x100 {
    width: 100%!important
}

.max-width-5x100{
    max-width: 5% !important;
}
.max-width-10x100{
    max-width: 10% !important;
}
.max-width-15x100{
    max-width: 15% !important;
}
.max-width-20x100{
    max-width: 20% !important;
}
.max-width-25x100{
    max-width: 25% !important;
}
.max-width-30x100{
    max-width: 30% !important;
}
.max-width-35x100{
    max-width: 35% !important;
}
.max-width-40x100{
    max-width: 40% !important;
}
.max-width-45x100{
    max-width: 45% !important;
}
.max-width-50x100{
    max-width: 50% !important;
}
.max-width-55x100{
    max-width: 55% !important;
}
.max-width-60x100{
    max-width: 60% !important;
}
.max-width-65x100{
    max-width: 65% !important;
}
.max-width-70x100{
    max-width: 70% !important;
}
.max-width-75x100{
    max-width: 75% !important;
}
.max-width-80x100{
    max-width: 80% !important;
}
.max-width-85x100{
    max-width: 85% !important;
}
.max-width-90x100{
    max-width: 90% !important;
}
.max-width-95x100{
    max-width: 95% !important;
}
.max-width-100x100{
    max-width: 100% !important;
}

.max-height-5x100{
    max-height: 5% !important;
}
.max-height-10x100{
    max-height: 10% !important;
}
.max-height-15x100{
    max-height: 15% !important;
}
.max-height-20x100{
    max-height: 20% !important;
}
.max-height-25x100{
    max-height: 25% !important;
}
.max-height-30x100{
    max-height: 30% !important;
}
.max-height-35x100{
    max-height: 35% !important;
}
.max-height-40x100{
    max-height: 40% !important;
}
.max-height-45x100{
    max-height: 45% !important;
}
.max-height-50x100{
    max-height: 50% !important;
}
.max-height-55x100{
    max-height: 55% !important;
}
.max-height-60x100{
    max-height: 60% !important;
}
.max-height-65x100{
    max-height: 65% !important;
}
.max-height-70x100{
    max-height: 70% !important;
}
.max-height-75x100{
    max-height: 75% !important;
}
.max-height-80x100{
    max-height: 80% !important;
}
.max-height-85x100{
    max-height: 85% !important;
}
.max-height-90x100{
    max-height: 90% !important;
}
.max-height-95x100{
    max-height: 95% !important;
}
.max-height-100x100{
    max-height: 100% !important;
}

.max-height-50{
    max-height: 50px !important;
}
.max-height-100{
    max-height: 100px !important;
}
.max-height-150{
    max-height: 150px !important;
}
.max-height-200{
    max-height: 200px !important;
}
.max-height-250{
    max-height: 250px !important;
}
.max-height-300{
    max-height: 300px !important;
}

@media only screen and (max-width: 1150px) {
    .w-max1150-5x100, .w-max1150-5p {
        width: 5%!important
    }
    .w-max1150-10x100, .w-max1150-10p {
        width: 10%!important
    }
    .w-max1150-15x100, .w-max1150-15p {
        width: 15%!important
    }
    .w-max1150-20x100, .w-max1150-20p {
        width: 20%!important
    }
    .w-max1150-25x100, .w-max1150-25p {
        width: 25%!important
    }
    .w-max1150-27x100, .w-max1150-27p {
        width: 27%!important
    }
    .w-max1150-30x100, .w-max1150-30p {
        width: 30%!important
    }
    .w-max1150-33x100, .w-max1150-33p {
        width: 33%!important
    }
    .w-max1150-35x100, .w-max1150-35p {
        width: 35%!important
    }
    .w-max1150-40x100, .w-max1150-40p {
        width: 40%!important
    }
    .w-max1150-45x100, .w-max1150-45p {
        width: 45%!important
    }
    .w-max1150-50x100, .w-max1150-50p {
        width: 50%!important
    }
    .w-max1150-55x100, .w-max1150-55p {
        width: 55%!important
    }
    .w-max1150-60x100, .w-max1150-60p {
        width: 60%!important
    }
    .w-max1150-65x100, .w-max1150-65p {
        width: 65%!important
    }
    .w-max1150-70x100, .w-max1150-70p {
        width: 70%!important
    }
    .w-max1150-73x100, .w-max1150-73p {
        width: 73%!important
    }
    .w-max1150-75x100, .w-max1150-75p {
        width: 75%!important
    }
    .w-max1150-80x100, .w-max1150-80p {
        width: 80%!important
    }
    .w-max1150-85x100, .w-max1150-85p {
        width: 85%!important
    }
    .w-max1150-90x100, .w-max1150-90p {
        width: 90%!important
    }
    .w-max1150-95x100, .w-max1150-95p {
        width: 95%!important
    }
    .w-max1150-96x100, .w-max1150-96p {
        width: 96%!important
    }
    .w-max1150-97x100, .w-max1150-97p {
        width: 97%!important
    }
    .w-max1150-100x100, .w-max1150-100p {
        width: 100%!important
    }
}

.lh10, .line-height-10 {
    line-height: 10px !important;
}
.lh12, .line-height-12 {
    line-height: 12px !important;
}
.lh14, .line-height-14 {
    line-height: 14px !important;
}
.lh15, .line-height-15 {
    line-height: 15px !important;
}
.lh16, .line-height-16 {
    line-height: 16px !important;
}
.lh18, .line-height-18 {
    line-height: 18px !important;
}
.lh20, .line-height-20 {
    line-height: 20px !important;
}
.lh24, .line-height-24 {
    line-height: 24px !important;
}
.lh25, .line-height-25 {
    line-height: 25px !important;
}
.lh30, .line-height-30 {
    line-height: 30px !important;
}
.lh32, .line-height-32 {
    line-height: 32px !important;
}
.lh35, .line-height-35 {
    line-height: 35px !important;
}
.lh40, .line-height-40 {
    line-height: 40px !important;
}
.lh45, .line-height-45 {
    line-height: 45px !important;
}
.lh50, .line-height-50 {
    line-height: 50px !important;
}
.lh55, .line-height-55 {
    line-height: 55px !important;
}
.lh60, .line-height-60 {
    line-height: 60px !important;
}
.lh70, .line-height-70 {
    line-height: 70px !important;
}
.lh80, .line-height-80 {
    line-height: 80px !important;
}
.lh90, .line-height-90 {
    line-height: 90px !important;
}
.lh100, .line-height-100 {
    line-height: 100px !important;
}
.lh110, .line-height-110 {
    line-height: 110px !important;
}
.lh120, .line-height-120 {
    line-height: 120px !important;
}
.lh130, .line-height-130 {
    line-height: 130px !important;
}
.lh140, .line-height-140 {
    line-height: 140px !important;
}
.lh150, .line-height-150 {
    line-height: 150px !important;
}
.lh160, .line-height-160 {
    line-height: 160px !important;
}
.lh170, .line-height-170 {
    line-height: 170px !important;
}
.lh180, .line-height-180 {
    line-height: 180px !important;
}
.lh190, .line-height-190 {
    line-height: 190px !important;
}
.lh200, .line-height-200 {
    line-height: 200px !important;
}

.font-weight-100 { font-weight: 100 !important; }
.font-weight-200 { font-weight: 200 !important; }
.font-weight-300 { font-weight: 300 !important; }
.weight-normal{ font-weight:400 !important;}
.weight-semibold{ font-weight:600 !important;}
.weight-bold{ font-weight:800 !important;}

.font-rubik{
    font-family: "Rubik", sans-serif !important;
}
.font-azeret-mono{
    font-family: 'Azeret Mono', monospace;
}

.col-50 {
    width: 50%;
    float: left
}
.f-left {
    float: left
}
.f-left-important {
    float: left !important;
}
.f-right {
    float: right
}
.f-right-important {
    float: right !important;
}
.clearer {
    clear: both;
    display: block
}
.pos-abs, .absolute, .pos-absolute, .position-absolute{
    position: absolute;
}
.pos-rel, .relative, .pos-relative, .position-relative{
    position: relative;
}
.pos-fix, .fixed, .pos-fixed, .position-fixed{
    position: fixed;
}

.top-5{top:-5px !important;}
.top0{top:0px !important;}
.top1{top:1px !important;}
.top2{top:2px !important;}
.top3{top:3px !important;}
.top4{top:4px !important;}
.top5{top:5px !important;}
.top6{top:6px !important;}
.top7{top:7px !important;}
.top8{top:8px !important;}
.top9{top:9px !important;}
.top10{top:10px !important;}
.top11{top:11px !important;}
.top12{top:12px !important;}
.top13{top:13px !important;}
.top14{top:14px !important;}
.top15{top:15px !important;}
.top16{top:16px !important;}
.top17{top:17px !important;}
.top18{top:18px !important;}
.top19{top:19px !important;}
.top20{top:20px !important;}
.top24{top:24px !important;}
.top25{top:25px !important;}
.top28{top:28px !important;}
.top30{top:30px !important;}
.top32{top:32px !important;}
.top35{top:35px !important;}
.top48{top:48px !important;}
.top50{top:50px !important;}
.top55{top:55px !important;}
.top60{top:60px !important;}
.top65{top:65px !important;}
.top70{top:70px !important;}

.bottom-5{bottom:-5px !important;}
.bottom0{bottom:0px !important;}
.bottom1{bottom:1px !important;}
.bottom2{bottom:2px !important;}
.bottom3{bottom:3px !important;}
.bottom4{bottom:4px !important;}
.bottom5{bottom:5px !important;}
.bottom6{bottom:6px !important;}
.bottom7{bottom:7px !important;}
.bottom8{bottom:8px !important;}
.bottom9{bottom:9px !important;}
.bottom10{bottom:10px !important;}
.bottom11{bottom:11px !important;}
.bottom12{bottom:12px !important;}
.bottom13{bottom:13px !important;}
.bottom14{bottom:14px !important;}
.bottom15{bottom:15px !important;}
.bottom16{bottom:16px !important;}
.bottom17{bottom:17px !important;}
.bottom18{bottom:18px !important;}
.bottom19{bottom:19px !important;}
.bottom20{bottom:20px !important;}
.bottom24{bottom:24px !important;}
.bottom28{bottom:28px !important;}

.left-5{left:-5px !important;}
.left0{left:0px !important;}
.left1{left:1px !important;}
.left2{left:2px !important;}
.left3{left:3px !important;}
.left4{left:4px !important;}
.left5{left:5px !important;}
.left6{left:6px !important;}
.left7{left:7px !important;}
.left8{left:8px !important;}
.left9{left:9px !important;}
.left10{left:10px !important;}
.left11{left:11px !important;}
.left12{left:12px !important;}
.left13{left:13px !important;}
.left14{left:14px !important;}
.left15{left:15px !important;}
.left16{left:16px !important;}
.left17{left:17px !important;}
.left18{left:18px !important;}
.left19{left:19px !important;}
.left20{left:20px !important;}
.left24{left:24px !important;}
.left28{left:28px !important;}

.right-5{right:-5px !important;}
.right0{right:0px !important;}
.right1{right:1px !important;}
.right2{right:2px !important;}
.right3{right:3px !important;}
.right4{right:4px !important;}
.right5{right:5px !important;}
.right6{right:6px !important;}
.right7{right:7px !important;}
.right8{right:8px !important;}
.right9{right:9px !important;}
.right10{right:10px !important;}
.right11{right:11px !important;}
.right12{right:12px !important;}
.right13{right:13px !important;}
.right14{right:14px !important;}
.right15{right:15px !important;}
.right16{right:16px !important;}
.right17{right:17px !important;}
.right18{right:18px !important;}
.right19{right:19px !important;}
.right20{right:20px !important;}
.right24{right:24px !important;}
.right28{right:28px !important;}


/*
* display
*/
.hide { display:none !important; }
.inline { display:inline !important; }
.inline-block { display:inline-block !important; }
.display-table { display: table !important; }

/*
* float
*/
.right, .f-right, .fright { float:right !important; }
.left, .f-left, .fleft { float:left !important; }
.flnone, .f-none, .fnone { float: none !important; }

/*
* align
*/
.align-left, .txt-left, .text-left { text-align: left !important; }
.align-right, .txt-right, .text-right { text-align: right !important; }
.align-center, .txt-center, .text-center { text-align: center !important; }

/*
* clear
*/
.clear { clear: both; }

.bold{ font-weight: bold !important; }

.brd0{border:0 !important;}
.brd-l0{border-left:0 !important;}
.brd-tp0{border-top:0 !important;}
.brd-bt0{border-bottom:0 !important;}
.brd-r0{border-right:0 !important;}

.brd-l1-gray { border-left: 1px solid #adb7be; }
.brd-l2-gray { border-left: 2px solid #adb7be; }
.brd-l3-gray { border-left: 3px solid #adb7be; }
.brd-r1-gray { border-right: 1px solid #adb7be; }
.brd-r2-gray { border-right: 2px solid #adb7be; }
.brd-r3-gray { border-right: 3px solid #adb7be; }

/*
* margin
*/
.mrg-auto { margin-left:auto !important;margin-right:auto !important; }
.mrg-l1per { margin-left:1% !important; }
.mrg-r1per { margin-right:1% !important; }

.mrg0 { margin:0 !important; }
.mrg5 { margin:5px !important; }
.mrg10 { margin:10px !important; }
.mrg15 { margin:15px !important; }
.mrg20 { margin:20px !important; }
.mrg25 { margin:25px !important; }
.mrg35 { margin:35px !important; }

.mrg-tp-0 { margin-top:0 !important; }
.mrg-tp-5 { margin-top:5px !important; }
.mrg-tp-10 { margin-top:10px !important; }
.mrg-tp-15 { margin-top:15px !important; }
.mrg-tp-20 { margin-top: 20px !important; }
.mrg-tp-25 { margin-top:25px !important; }
.mrg-tp-28 { margin-top: 28px !important; }
.mrg-tp-30 { margin-top: 30px !important; }
.mrg-tp-35 { margin-top:35px !important; }
.mrg-tp-50 { margin-top:50px !important; }

.mrg-bt-0 { margin-bottom:0 !important; }
.mrg-bt-5 { margin-bottom:5px !important; }
.mrg-bt-10 { margin-bottom:10px !important; }
.mrg-bt-15 { margin-bottom:15px !important; }
.mrg-bt-25 { margin-bottom:25px !important; }
.mrg-bt-35 { margin-bottom:35px !important; }
.mrg-bt-100 { margin-bottom:100px !important; }

.mrg-bt-0pr { margin-bottom:0 !important; }
.mrg-bt-3pr { margin-bottom:3% !important; }
.mrg-bt-5pr { margin-bottom:5% !important; }
.mrg-bt-10pr { margin-bottom:10% !important; }
.mrg-bt-15pr { margin-bottom:15% !important; }
.mrg-bt-25pr { margin-bottom:25% !important; }
.mrg-bt-50pr { margin-bottom:50% !important; }
.mrg-bt-100pr { margin-bottom:100% !important; }

.mrg-tp-0pr { margin-top:0 !important; }
.mrg-tp-3pr { margin-top:3% !important; }
.mrg-tp-5pr { margin-top:5% !important; }
.mrg-tp-10pr { margin-top:10% !important; }
.mrg-tp-15pr { margin-top:15% !important; }
.mrg-tp-25pr { margin-top:25% !important; }
.mrg-tp-50pr { margin-top:50% !important; }
.mrg-tp-100pr { margin-top:100% !important; }

.mrg-l-0pr { margin-left:0 !important; }
.mrg-l-3pr { margin-left:3% !important; }
.mrg-l-5pr { margin-left:5% !important; }
.mrg-l-10pr { margin-left:10% !important; }
.mrg-l-15pr { margin-left:15% !important; }
.mrg-l-25pr { margin-left:25% !important; }
.mrg-l-50pr { margin-left:50% !important; }
.mrg-l-100pr { margin-left:100% !important; }

.mrg-r-0pr { margin-right:0 !important; }
.mrg-r-3pr { margin-right:3% !important; }
.mrg-r-5pr { margin-right:5% !important; }
.mrg-r-10pr { margin-right:10% !important; }
.mrg-r-15pr { margin-right:15% !important; }
.mrg-r-25pr { margin-right:25% !important; }
.mrg-r-50pr { margin-right:50% !important; }
.mrg-r-100pr { margin-right:100% !important; }

.mrg-l0 { margin-left:0 !important; }
.mrg-l5 { margin-left:5px !important; }
.mrg-l10 { margin-left:10px !important; }
.mrg-l15 { margin-left:15px !important; }
.mrg-l20 { margin-left:20px !important; }
.mrg-l25 { margin-left:25px !important; }
.mrg-l30 { margin-left:30px !important; }
.mrg-l35 { margin-left:35px !important; }

.mrg-r0 { margin-right:0 !important; }
.mrg-r5 { margin-right:5px !important; }
.mrg-r10 { margin-right:10px !important; }
.mrg-r15 { margin-right:15px !important; }
.mrg-r20 { margin-right:20px !important; }
.mrg-r25 { margin-right:25px !important; }
.mrg-r30 { margin-right:30px !important; }
.mrg-r35 { margin-right:35px !important; }

.mrg-tp-bt-0 { margin-top:0 !important; margin-bottom:0 !important; }
.mrg-tp-bt-5 { margin-top:5px !important; margin-bottom:5px !important; }
.mrg-tp-bt-10 { margin-top:10px !important; margin-bottom:10px !important; }
.mrg-tp-bt-15 { margin-top:15px !important; margin-bottom:15px !important; }
.mrg-tp-bt-25 { margin-top:25px !important; margin-bottom:25px !important; }
.mrg-tp-bt-35 { margin-top:35px !important; margin-bottom:35px !important; }

.mrg-lr-0 { margin-left:0 !important; margin-right:0 !important; }
.mrg-lr-5 { margin-left:5px !important; margin-right:5px !important; }
.mrg-lr-10 { margin-left:10px !important; margin-right:10px !important; }
.mrg-lr-15 { margin-left:15px !important; margin-right:15px !important; }
.mrg-lr-20 { margin-left:20px !important; margin-right:20px !important; }
.mrg-lr-25 { margin-left:25px !important; margin-right:25px !important; }
.mrg-lr-30 { margin-left:30px !important; margin-right:30px !important; }
.mrg-lr-35 { margin-left:35px !important; margin-right:35px !important; }

/*
* padding
*/
.pdd0 { padding:0 !important; }
.pdd1 { padding:1px !important; }
.pdd2 { padding:2px !important; }
.pdd3 { padding:3px !important; }
.pdd4 { padding:4px !important; }
.pdd5 { padding:5px !important; }
.pdd10 { padding:10px !important; }
.pdd15 { padding:15px !important; }
.pdd20 { padding:20px !important; }
.pdd30 { padding:30px !important; }

.pdd-tp-0 { padding-top:0 !important; }
.pdd-tp-2 { padding-top:2px !important; }
.pdd-tp-5 { padding-top:5px !important; }
.pdd-tp-10 { padding-top:10px !important; }
.pdd-tp-15 { padding-top:15px !important; }
.pdd-tp-20 { padding-top:20px !important; }
.pdd-tp-25 { padding-top:25px !important; }
.pdd-tp-30 { padding-top:30px !important; }
.pdd-tp-35 { padding-top:35px !important; }
.pdd-tp-40 { padding-top:40px !important; }
.pdd-tp-45 { padding-top:45px !important; }
.pdd-tp-50 { padding-top:50px !important; }

.pdd-bt-0 { padding-bottom:0 !important; }
.pdd-bt-2 { padding-bottom:2px !important; }
.pdd-bt-5 { padding-bottom:5px !important; }
.pdd-bt-10 { padding-bottom:10px !important; }
.pdd-bt-15 { padding-bottom:15px !important; }
.pdd-bt-20 { padding-bottom:20px !important; }
.pdd-bt-25 { padding-bottom:25px !important; }
.pdd-bt-30 { padding-bottom:30px !important; }
.pdd-bt-35 { padding-bottom:35px !important; }
.pdd-bt-40 { padding-bottom:40px !important; }
.pdd-bt-45 { padding-bottom:45px !important; }
.pdd-bt-50 { padding-bottom:50px !important; }
.pdd-bt-100 { padding-bottom:100px !important; }

.pdd-l0 { padding-left:0 !important; }
.pdd-l5 { padding-left:5px !important; }
.pdd-l10 { padding-left:10px !important; }
.pdd-l15 { padding-left:15px !important; }
.pdd-l20 { padding-left:20px !important; }

.pdd-r0 { padding-right:0 !important; }
.pdd-r5 { padding-right:5px !important; }
.pdd-r10 { padding-right:10px !important; }
.pdd-r15 { padding-right:15px !important; }
.pdd-r20 { padding-right:20px !important; }

.pdd-tp-bt-0 { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5 { padding-top:5px !important; padding-bottom:5px !important; }
.pdd-tp-bt-10 { padding-top:10px !important; padding-bottom:10px !important; }
.pdd-tp-bt-15 { padding-top:15px !important; padding-bottom:15px !important; }
.pdd-tp-bt-20 { padding-top:20px !important; padding-bottom:20px !important; }

.pdd-lr-0 { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5 { padding-left:5px !important; padding-right:5px !important; }
.pdd-lr-10 { padding-left:10px !important; padding-right:10px !important; }
.pdd-lr-15 { padding-left:15px !important; padding-right:15px !important; }
.pdd-lr-20 { padding-left:20px !important; padding-right:20px !important; }

.pdd-bt-0pr { padding-bottom:0 !important; }
.pdd-bt-3pr { padding-bottom:3% !important; }
.pdd-bt-5pr { padding-bottom:5% !important; }
.pdd-bt-10pr { padding-bottom:10% !important; }
.pdd-bt-15pr { padding-bottom:15% !important; }
.pdd-bt-25pr { padding-bottom:25% !important; }
.pdd-bt-50pr { padding-bottom:50% !important; }
.pdd-bt-100pr { padding-bottom:100% !important; }

.pdd-tp-0pr { padding-top:0 !important; }
.pdd-tp-3pr { padding-top:3% !important; }
.pdd-tp-5pr { padding-top:5% !important; }
.pdd-tp-10pr { padding-top:10% !important; }
.pdd-tp-15pr { padding-top:15% !important; }
.pdd-tp-25pr { padding-top:25% !important; }
.pdd-tp-50pr { padding-top:50% !important; }
.pdd-tp-100pr { padding-top:100% !important; }

.pdd-l-0pr { padding-left:0 !important; }
.pdd-l-3pr { padding-left:3% !important; }
.pdd-l-5pr { padding-left:5% !important; }
.pdd-l-10pr { padding-left:10% !important; }
.pdd-l-15pr { padding-left:15% !important; }
.pdd-l-25pr { padding-left:25% !important; }
.pdd-l-50pr { padding-left:50% !important; }
.pdd-l-100pr { padding-left:100% !important; }

.pdd-r-0pr { padding-right:0 !important; }
.pdd-r-3pr { padding-right:3% !important; }
.pdd-r-5pr { padding-right:5% !important; }
.pdd-r-10pr { padding-right:10% !important; }
.pdd-r-15pr { padding-right:15% !important; }
.pdd-r-25pr { padding-right:25% !important; }
.pdd-r-50pr { padding-right:50% !important; }
.pdd-r-100pr { padding-right:100% !important; }

.pdd0-perc { padding:0 !important; }
.pdd5-perc { padding:5% !important; }
.pdd10-perc { padding:10% !important; }
.pdd15-perc { padding:15% !important; }
.pdd20-perc { padding:20% !important; }

.pdd-tp-0-perc { padding-top:0 !important; }
.pdd-tp-5-perc { padding-top:5% !important; }
.pdd-tp-10-perc { padding-top:10% !important; }
.pdd-tp-15-perc { padding-top:15% !important; }
.pdd-tp-20-perc { padding-top:20% !important; }
.pdd-tp-25-perc { padding-top:25% !important; }
.pdd-tp-50-perc { padding-top:50% !important; }

.pdd-bt-0-perc { padding-bottom:0 !important; }
.pdd-bt-5-perc { padding-bottom:5% !important; }
.pdd-bt-10-perc { padding-bottom:10% !important; }
.pdd-bt-15-perc { padding-bottom:15% !important; }
.pdd-bt-20-perc { padding-bottom:20% !important; }
.pdd-bt-25-perc { padding-bottom:25% !important; }
.pdd-bt-50-perc { padding-bottom:50% !important; }

.pdd-l0-perc { padding-left:0 !important; }
.pdd-l5-perc { padding-left:5% !important; }
.pdd-l10-perc { padding-left:10% !important; }
.pdd-l15-perc { padding-left:15% !important; }
.pdd-l20-perc { padding-left:20% !important; }

.pdd-r0-perc { padding-right:0 !important; }
.pdd-r5-perc { padding-right:5% !important; }
.pdd-r10-perc { padding-right:10% !important; }
.pdd-r15-perc { padding-right:15% !important; }
.pdd-r20-perc { padding-right:20% !important; }

.pdd-tp-bt-0-perc { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5-perc { padding-top:5% !important; padding-bottom:5% !important; }
.pdd-tp-bt-10-perc { padding-top:10% !important; padding-bottom:10% !important; }
.pdd-tp-bt-15-perc { padding-top:15% !important; padding-bottom:15% !important; }
.pdd-tp-bt-20-perc { padding-top:20% !important; padding-bottom:20% !important; }

.pdd-lr-0-perc { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5-perc { padding-left:5% !important; padding-right:5% !important; }
.pdd-lr-10-perc { padding-left:10% !important; padding-right:10% !important; }
.pdd-lr-15-perc { padding-left:15% !important; padding-right:15% !important; }
.pdd-lr-20-perc { padding-left:20% !important; padding-right:20% !important; }

.mt-0 {
    margin-top: 0rem!important
}

.mb-0 {
    margin-bottom: 0rem!important
}

.ml-0 {
    margin-left: 0rem!important
}

.mr-0 {
    margin-right: 0rem!important
}

.pt-0 {
    padding-top: 0rem!important
}

.pb-0 {
    padding-bottom: 0rem!important
}

.pl-0 {
    padding-left: 0rem!important
}

.pr-0 {
    padding-right: 0rem!important
}

.mt-1 {
    margin-top: 0.5rem!important
}

.mb-1 {
    margin-bottom: 0.5rem!important
}

.ml-1 {
    margin-left: 0.5rem!important
}

.mr-1 {
    margin-right: 0.5rem!important
}

.pt-1 {
    padding-top: 0.5rem!important
}

.pb-1 {
    padding-bottom: 0.5rem!important
}

.pl-1 {
    padding-left: 0.5rem!important
}

.pr-1 {
    padding-right: 0.5rem!important
}

.mt-2 {
    margin-top: 1rem!important
}

.mb-2 {
    margin-bottom: 1rem!important
}

.ml-2 {
    margin-left: 1rem!important
}

.mr-2 {
    margin-right: 1rem!important
}

.pt-2 {
    padding-top: 1rem!important
}

.pb-2 {
    padding-bottom: 1rem!important
}

.pl-2 {
    padding-left: 1rem!important
}

.pr-2 {
    padding-right: 1rem!important
}

.mt-3 {
    margin-top: 1.5rem!important
}

.mb-3 {
    margin-bottom: 1.5rem!important
}

.ml-3 {
    margin-left: 1.5rem!important
}

.mr-3 {
    margin-right: 1.5rem!important
}

.pt-3 {
    padding-top: 1.5rem!important
}

.pb-3 {
    padding-bottom: 1.5rem!important
}

.pl-3 {
    padding-left: 1.5rem!important
}

.pr-3 {
    padding-right: 1.5rem!important
}

.mt-4 {
    margin-top: 2rem!important
}

.mb-4 {
    margin-bottom: 2rem!important
}

.ml-4 {
    margin-left: 2rem!important
}

.mr-4 {
    margin-right: 2rem!important
}

.pt-4 {
    padding-top: 2rem!important
}

.pb-4 {
    padding-bottom: 2rem!important
}

.pl-4 {
    padding-left: 2rem!important
}

.pr-4 {
    padding-right: 2rem!important
}

.mt-5 {
    margin-top: 2.5rem!important
}

.mb-5 {
    margin-bottom: 2.5rem!important
}

.ml-5 {
    margin-left: 2.5rem!important
}

.mr-5 {
    margin-right: 2.5rem!important
}

.pt-5 {
    padding-top: 2.5rem!important
}

.pb-5 {
    padding-bottom: 2.5rem!important
}

.pl-5 {
    padding-left: 2.5rem!important
}

.pr-5 {
    padding-right: 2.5rem!important
}

.mt-6 {
    margin-top: 3rem!important
}

.mb-6 {
    margin-bottom: 3rem!important
}

.ml-6 {
    margin-left: 3rem!important
}

.mr-6 {
    margin-right: 3rem!important
}

.pt-6 {
    padding-top: 3rem!important
}

.pb-6 {
    padding-bottom: 3rem!important
}

.pl-6 {
    padding-left: 3rem!important
}

.pr-6 {
    padding-right: 3rem!important
}

.mt-7 {
    margin-top: 3.5rem!important
}

.mb-7 {
    margin-bottom: 3.5rem!important
}

.ml-7 {
    margin-left: 3.5rem!important
}

.mr-7 {
    margin-right: 3.5rem!important
}

.pt-7 {
    padding-top: 3.5rem!important
}

.pb-7 {
    padding-bottom: 3.5rem!important
}

.pl-7 {
    padding-left: 3.5rem!important
}

.pr-7 {
    padding-right: 3.5rem!important
}

.mt-8 {
    margin-top: 4rem!important
}

.mb-8 {
    margin-bottom: 4rem!important
}

.ml-8 {
    margin-left: 4rem!important
}

.mr-8 {
    margin-right: 4rem!important
}

.pt-8 {
    padding-top: 4rem!important
}

.pb-8 {
    padding-bottom: 4rem!important
}

.pl-8 {
    padding-left: 4rem!important
}

.pr-8 {
    padding-right: 4rem!important
}

.mt-9 {
    margin-top: 4.5rem!important
}

.mb-9 {
    margin-bottom: 4.5rem!important
}

.ml-9 {
    margin-left: 4.5rem!important
}

.mr-9 {
    margin-right: 4.5rem!important
}

.pt-9 {
    padding-top: 4.5rem!important
}

.pb-9 {
    padding-bottom: 4.5rem!important
}

.pl-9 {
    padding-left: 4.5rem!important
}

.pr-9 {
    padding-right: 4.5rem!important
}

.mt-10 {
    margin-top: 5rem!important
}

.mb-10 {
    margin-bottom: 5rem!important
}

.ml-10 {
    margin-left: 5rem!important
}

.mr-10 {
    margin-right: 5rem!important
}

.pt-10 {
    padding-top: 5rem!important
}

.pb-10 {
    padding-bottom: 5rem!important
}

.pl-10 {
    padding-left: 5rem!important
}

.pr-10 {
    padding-right: 5rem!important
}

.p-0 {
    padding: 0!important
}

.m-0 {
    margin: 0!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

@media (min-width: 576px) {
    .mt-sm-0 {
        margin-top:0rem!important
    }

    .mb-sm-0 {
        margin-bottom: 0rem!important
    }

    .mr-sm-0 {
        margin-right: 0rem!important
    }

    .ml-sm-0 {
        margin-left: 0rem!important
    }

    .pt-sm-0 {
        padding-top: 0rem!important
    }

    .pr-sm-0 {
        padding-right: 0rem!important
    }

    .pl-sm-0 {
        padding-left: 0rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0rem!important
    }

    .mt-sm-1 {
        margin-top: 0.5rem!important
    }

    .mb-sm-1 {
        margin-bottom: 0.5rem!important
    }

    .mr-sm-1 {
        margin-right: 0.5rem!important
    }

    .ml-sm-1 {
        margin-left: 0.5rem!important
    }

    .pt-sm-1 {
        padding-top: 0.5rem!important
    }

    .pr-sm-1 {
        padding-right: 0.5rem!important
    }

    .pl-sm-1 {
        padding-left: 0.5rem!important
    }

    .pb-sm-1 {
        padding-bottom: 0.5rem!important
    }

    .mt-sm-2 {
        margin-top: 1rem!important
    }

    .mb-sm-2 {
        margin-bottom: 1rem!important
    }

    .mr-sm-2 {
        margin-right: 1rem!important
    }

    .ml-sm-2 {
        margin-left: 1rem!important
    }

    .pt-sm-2 {
        padding-top: 1rem!important
    }

    .pr-sm-2 {
        padding-right: 1rem!important
    }

    .pl-sm-2 {
        padding-left: 1rem!important
    }

    .pb-sm-2 {
        padding-bottom: 1rem!important
    }

    .mt-sm-3 {
        margin-top: 1.5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1.5rem!important
    }

    .mr-sm-3 {
        margin-right: 1.5rem!important
    }

    .ml-sm-3 {
        margin-left: 1.5rem!important
    }

    .pt-sm-3 {
        padding-top: 1.5rem!important
    }

    .pr-sm-3 {
        padding-right: 1.5rem!important
    }

    .pl-sm-3 {
        padding-left: 1.5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1.5rem!important
    }

    .mt-sm-4 {
        margin-top: 2rem!important
    }

    .mb-sm-4 {
        margin-bottom: 2rem!important
    }

    .mr-sm-4 {
        margin-right: 2rem!important
    }

    .ml-sm-4 {
        margin-left: 2rem!important
    }

    .pt-sm-4 {
        padding-top: 2rem!important
    }

    .pr-sm-4 {
        padding-right: 2rem!important
    }

    .pl-sm-4 {
        padding-left: 2rem!important
    }

    .pb-sm-4 {
        padding-bottom: 2rem!important
    }

    .mt-sm-5 {
        margin-top: 2.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 2.5rem!important
    }

    .mr-sm-5 {
        margin-right: 2.5rem!important
    }

    .ml-sm-5 {
        margin-left: 2.5rem!important
    }

    .pt-sm-5 {
        padding-top: 2.5rem!important
    }

    .pr-sm-5 {
        padding-right: 2.5rem!important
    }

    .pl-sm-5 {
        padding-left: 2.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 2.5rem!important
    }

    .mt-sm-6 {
        margin-top: 3rem!important
    }

    .mb-sm-6 {
        margin-bottom: 3rem!important
    }

    .mr-sm-6 {
        margin-right: 3rem!important
    }

    .ml-sm-6 {
        margin-left: 3rem!important
    }

    .pt-sm-6 {
        padding-top: 3rem!important
    }

    .pr-sm-6 {
        padding-right: 3rem!important
    }

    .pl-sm-6 {
        padding-left: 3rem!important
    }

    .pb-sm-6 {
        padding-bottom: 3rem!important
    }

    .mt-sm-7 {
        margin-top: 3.5rem!important
    }

    .mb-sm-7 {
        margin-bottom: 3.5rem!important
    }

    .mr-sm-7 {
        margin-right: 3.5rem!important
    }

    .ml-sm-7 {
        margin-left: 3.5rem!important
    }

    .pt-sm-7 {
        padding-top: 3.5rem!important
    }

    .pr-sm-7 {
        padding-right: 3.5rem!important
    }

    .pl-sm-7 {
        padding-left: 3.5rem!important
    }

    .pb-sm-7 {
        padding-bottom: 3.5rem!important
    }

    .mt-sm-8 {
        margin-top: 4rem!important
    }

    .mb-sm-8 {
        margin-bottom: 4rem!important
    }

    .mr-sm-8 {
        margin-right: 4rem!important
    }

    .ml-sm-8 {
        margin-left: 4rem!important
    }

    .pt-sm-8 {
        padding-top: 4rem!important
    }

    .pr-sm-8 {
        padding-right: 4rem!important
    }

    .pl-sm-8 {
        padding-left: 4rem!important
    }

    .pb-sm-8 {
        padding-bottom: 4rem!important
    }

    .mt-sm-9 {
        margin-top: 4.5rem!important
    }

    .mb-sm-9 {
        margin-bottom: 4.5rem!important
    }

    .mr-sm-9 {
        margin-right: 4.5rem!important
    }

    .ml-sm-9 {
        margin-left: 4.5rem!important
    }

    .pt-sm-9 {
        padding-top: 4.5rem!important
    }

    .pr-sm-9 {
        padding-right: 4.5rem!important
    }

    .pl-sm-9 {
        padding-left: 4.5rem!important
    }

    .pb-sm-9 {
        padding-bottom: 4.5rem!important
    }

    .mt-sm-10 {
        margin-top: 5rem!important
    }

    .mb-sm-10 {
        margin-bottom: 5rem!important
    }

    .mr-sm-10 {
        margin-right: 5rem!important
    }

    .ml-sm-10 {
        margin-left: 5rem!important
    }

    .pt-sm-10 {
        padding-top: 5rem!important
    }

    .pr-sm-10 {
        padding-right: 5rem!important
    }

    .pl-sm-10 {
        padding-left: 5rem!important
    }

    .pb-sm-10 {
        padding-bottom: 5rem!important
    }
}

@media (min-width: 768px) {
    .mt-md-0 {
        margin-top:0rem!important
    }

    .mb-md-0 {
        margin-bottom: 0rem!important
    }

    .mr-md-0 {
        margin-right: 0rem!important
    }

    .ml-md-0 {
        margin-left: 0rem!important
    }

    .pt-md-0 {
        padding-top: 0rem!important
    }

    .pb-md-0 {
        padding-bottom: 0rem!important
    }

    .pr-md-0 {
        padding-right: 0rem!important
    }

    .pl-md-0 {
        padding-left: 0rem!important
    }

    .mt-md-1 {
        margin-top: 0.5rem!important
    }

    .mb-md-1 {
        margin-bottom: 0.5rem!important
    }

    .mr-md-1 {
        margin-right: 0.5rem!important
    }

    .ml-md-1 {
        margin-left: 0.5rem!important
    }

    .pt-md-1 {
        padding-top: 0.5rem!important
    }

    .pb-md-1 {
        padding-bottom: 0.5rem!important
    }

    .pr-md-1 {
        padding-right: 0.5rem!important
    }

    .pl-md-1 {
        padding-left: 0.5rem!important
    }

    .mt-md-2 {
        margin-top: 1rem!important
    }

    .mb-md-2 {
        margin-bottom: 1rem!important
    }

    .mr-md-2 {
        margin-right: 1rem!important
    }

    .ml-md-2 {
        margin-left: 1rem!important
    }

    .pt-md-2 {
        padding-top: 1rem!important
    }

    .pb-md-2 {
        padding-bottom: 1rem!important
    }

    .pr-md-2 {
        padding-right: 1rem!important
    }

    .pl-md-2 {
        padding-left: 1rem!important
    }

    .mt-md-3 {
        margin-top: 1.5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1.5rem!important
    }

    .mr-md-3 {
        margin-right: 1.5rem!important
    }

    .ml-md-3 {
        margin-left: 1.5rem!important
    }

    .pt-md-3 {
        padding-top: 1.5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1.5rem!important
    }

    .pr-md-3 {
        padding-right: 1.5rem!important
    }

    .pl-md-3 {
        padding-left: 1.5rem!important
    }

    .mt-md-4 {
        margin-top: 2rem!important
    }

    .mb-md-4 {
        margin-bottom: 2rem!important
    }

    .mr-md-4 {
        margin-right: 2rem!important
    }

    .ml-md-4 {
        margin-left: 2rem!important
    }

    .pt-md-4 {
        padding-top: 2rem!important
    }

    .pb-md-4 {
        padding-bottom: 2rem!important
    }

    .pr-md-4 {
        padding-right: 2rem!important
    }

    .pl-md-4 {
        padding-left: 2rem!important
    }

    .mt-md-5 {
        margin-top: 2.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 2.5rem!important
    }

    .mr-md-5 {
        margin-right: 2.5rem!important
    }

    .ml-md-5 {
        margin-left: 2.5rem!important
    }

    .pt-md-5 {
        padding-top: 2.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 2.5rem!important
    }

    .pr-md-5 {
        padding-right: 2.5rem!important
    }

    .pl-md-5 {
        padding-left: 2.5rem!important
    }

    .mt-md-6 {
        margin-top: 3rem!important
    }

    .mb-md-6 {
        margin-bottom: 3rem!important
    }

    .mr-md-6 {
        margin-right: 3rem!important
    }

    .ml-md-6 {
        margin-left: 3rem!important
    }

    .pt-md-6 {
        padding-top: 3rem!important
    }

    .pb-md-6 {
        padding-bottom: 3rem!important
    }

    .pr-md-6 {
        padding-right: 3rem!important
    }

    .pl-md-6 {
        padding-left: 3rem!important
    }

    .mt-md-7 {
        margin-top: 3.5rem!important
    }

    .mb-md-7 {
        margin-bottom: 3.5rem!important
    }

    .mr-md-7 {
        margin-right: 3.5rem!important
    }

    .ml-md-7 {
        margin-left: 3.5rem!important
    }

    .pt-md-7 {
        padding-top: 3.5rem!important
    }

    .pb-md-7 {
        padding-bottom: 3.5rem!important
    }

    .pr-md-7 {
        padding-right: 3.5rem!important
    }

    .pl-md-7 {
        padding-left: 3.5rem!important
    }

    .mt-md-8 {
        margin-top: 4rem!important
    }

    .mb-md-8 {
        margin-bottom: 4rem!important
    }

    .mr-md-8 {
        margin-right: 4rem!important
    }

    .ml-md-8 {
        margin-left: 4rem!important
    }

    .pt-md-8 {
        padding-top: 4rem!important
    }

    .pb-md-8 {
        padding-bottom: 4rem!important
    }

    .pr-md-8 {
        padding-right: 4rem!important
    }

    .pl-md-8 {
        padding-left: 4rem!important
    }

    .mt-md-9 {
        margin-top: 4.5rem!important
    }

    .mb-md-9 {
        margin-bottom: 4.5rem!important
    }

    .mr-md-9 {
        margin-right: 4.5rem!important
    }

    .ml-md-9 {
        margin-left: 4.5rem!important
    }

    .pt-md-9 {
        padding-top: 4.5rem!important
    }

    .pb-md-9 {
        padding-bottom: 4.5rem!important
    }

    .pr-md-9 {
        padding-right: 4.5rem!important
    }

    .pl-md-9 {
        padding-left: 4.5rem!important
    }

    .mt-md-10 {
        margin-top: 5rem!important
    }

    .mb-md-10 {
        margin-bottom: 5rem!important
    }

    .mr-md-10 {
        margin-right: 5rem!important
    }

    .ml-md-10 {
        margin-left: 5rem!important
    }

    .pt-md-10 {
        padding-top: 5rem!important
    }

    .pb-md-10 {
        padding-bottom: 5rem!important
    }

    .pr-md-10 {
        padding-right: 5rem!important
    }

    .pl-md-10 {
        padding-left: 5rem!important
    }
}

@media (min-width: 992px) {
    .mt-lg-0 {
        margin-top:0rem!important
    }

    .mb-lg-0 {
        margin-bottom: 0rem!important
    }

    .pt-lg-0 {
        padding-top: 0rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0rem!important
    }

    .ml-lg-0 {
        margin-left: 0rem!important
    }

    .mr-lg-0 {
        margin-right: 0rem!important
    }

    .pl-lg-0 {
        padding-left: 0rem!important
    }

    .pr-lg-0 {
        padding-right: 0rem!important
    }

    .mt-lg-1 {
        margin-top: 0.5rem!important
    }

    .mb-lg-1 {
        margin-bottom: 0.5rem!important
    }

    .pt-lg-1 {
        padding-top: 0.5rem!important
    }

    .pb-lg-1 {
        padding-bottom: 0.5rem!important
    }

    .ml-lg-1 {
        margin-left: 0.5rem!important
    }

    .mr-lg-1 {
        margin-right: 0.5rem!important
    }

    .pl-lg-1 {
        padding-left: 0.5rem!important
    }

    .pr-lg-1 {
        padding-right: 0.5rem!important
    }

    .mt-lg-2 {
        margin-top: 1rem!important
    }

    .mb-lg-2 {
        margin-bottom: 1rem!important
    }

    .pt-lg-2 {
        padding-top: 1rem!important
    }

    .pb-lg-2 {
        padding-bottom: 1rem!important
    }

    .ml-lg-2 {
        margin-left: 1rem!important
    }

    .mr-lg-2 {
        margin-right: 1rem!important
    }

    .pl-lg-2 {
        padding-left: 1rem!important
    }

    .pr-lg-2 {
        padding-right: 1rem!important
    }

    .mt-lg-3 {
        margin-top: 1.5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1.5rem!important
    }

    .pt-lg-3 {
        padding-top: 1.5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1.5rem!important
    }

    .ml-lg-3 {
        margin-left: 1.5rem!important
    }

    .mr-lg-3 {
        margin-right: 1.5rem!important
    }

    .pl-lg-3 {
        padding-left: 1.5rem!important
    }

    .pr-lg-3 {
        padding-right: 1.5rem!important
    }

    .mt-lg-4 {
        margin-top: 2rem!important
    }

    .mb-lg-4 {
        margin-bottom: 2rem!important
    }

    .pt-lg-4 {
        padding-top: 2rem!important
    }

    .pb-lg-4 {
        padding-bottom: 2rem!important
    }

    .ml-lg-4 {
        margin-left: 2rem!important
    }

    .mr-lg-4 {
        margin-right: 2rem!important
    }

    .pl-lg-4 {
        padding-left: 2rem!important
    }

    .pr-lg-4 {
        padding-right: 2rem!important
    }

    .mt-lg-5 {
        margin-top: 2.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 2.5rem!important
    }

    .pt-lg-5 {
        padding-top: 2.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 2.5rem!important
    }

    .ml-lg-5 {
        margin-left: 2.5rem!important
    }

    .mr-lg-5 {
        margin-right: 2.5rem!important
    }

    .pl-lg-5 {
        padding-left: 2.5rem!important
    }

    .pr-lg-5 {
        padding-right: 2.5rem!important
    }

    .mt-lg-6 {
        margin-top: 3rem!important
    }

    .mb-lg-6 {
        margin-bottom: 3rem!important
    }

    .pt-lg-6 {
        padding-top: 3rem!important
    }

    .pb-lg-6 {
        padding-bottom: 3rem!important
    }

    .ml-lg-6 {
        margin-left: 3rem!important
    }

    .mr-lg-6 {
        margin-right: 3rem!important
    }

    .pl-lg-6 {
        padding-left: 3rem!important
    }

    .pr-lg-6 {
        padding-right: 3rem!important
    }

    .mt-lg-7 {
        margin-top: 3.5rem!important
    }

    .mb-lg-7 {
        margin-bottom: 3.5rem!important
    }

    .pt-lg-7 {
        padding-top: 3.5rem!important
    }

    .pb-lg-7 {
        padding-bottom: 3.5rem!important
    }

    .ml-lg-7 {
        margin-left: 3.5rem!important
    }

    .mr-lg-7 {
        margin-right: 3.5rem!important
    }

    .pl-lg-7 {
        padding-left: 3.5rem!important
    }

    .pr-lg-7 {
        padding-right: 3.5rem!important
    }

    .mt-lg-8 {
        margin-top: 4rem!important
    }

    .mb-lg-8 {
        margin-bottom: 4rem!important
    }

    .pt-lg-8 {
        padding-top: 4rem!important
    }

    .pb-lg-8 {
        padding-bottom: 4rem!important
    }

    .ml-lg-8 {
        margin-left: 4rem!important
    }

    .mr-lg-8 {
        margin-right: 4rem!important
    }

    .pl-lg-8 {
        padding-left: 4rem!important
    }

    .pr-lg-8 {
        padding-right: 4rem!important
    }

    .mt-lg-9 {
        margin-top: 4.5rem!important
    }

    .mb-lg-9 {
        margin-bottom: 4.5rem!important
    }

    .pt-lg-9 {
        padding-top: 4.5rem!important
    }

    .pb-lg-9 {
        padding-bottom: 4.5rem!important
    }

    .ml-lg-9 {
        margin-left: 4.5rem!important
    }

    .mr-lg-9 {
        margin-right: 4.5rem!important
    }

    .pl-lg-9 {
        padding-left: 4.5rem!important
    }

    .pr-lg-9 {
        padding-right: 4.5rem!important
    }

    .mt-lg-10 {
        margin-top: 5rem!important
    }

    .mb-lg-10 {
        margin-bottom: 5rem!important
    }

    .pt-lg-10 {
        padding-top: 5rem!important
    }

    .pb-lg-10 {
        padding-bottom: 5rem!important
    }

    .ml-lg-10 {
        margin-left: 5rem!important
    }

    .mr-lg-10 {
        margin-right: 5rem!important
    }

    .pl-lg-10 {
        padding-left: 5rem!important
    }

    .pr-lg-10 {
        padding-right: 5rem!important
    }
}

@media (min-width: 1200px) {
    .mt-xl-0 {
        margin-top:0rem!important
    }

    .mb-xl-0 {
        margin-bottom: 0rem!important
    }

    .ml-xl-0 {
        margin-left: 0rem!important
    }

    .mr-xl-0 {
        margin-right: 0rem!important
    }

    .pl-xl-0 {
        padding-left: 0rem!important
    }

    .pt-xl-0 {
        padding-top: 0rem!important
    }

    .pr-xl-0 {
        padding-right: 0rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0rem!important
    }

    .mt-xl-1 {
        margin-top: 0.5rem!important
    }

    .mb-xl-1 {
        margin-bottom: 0.5rem!important
    }

    .ml-xl-1 {
        margin-left: 0.5rem!important
    }

    .mr-xl-1 {
        margin-right: 0.5rem!important
    }

    .pl-xl-1 {
        padding-left: 0.5rem!important
    }

    .pt-xl-1 {
        padding-top: 0.5rem!important
    }

    .pr-xl-1 {
        padding-right: 0.5rem!important
    }

    .pb-xl-1 {
        padding-bottom: 0.5rem!important
    }

    .mt-xl-2 {
        margin-top: 1rem!important
    }

    .mb-xl-2 {
        margin-bottom: 1rem!important
    }

    .ml-xl-2 {
        margin-left: 1rem!important
    }

    .mr-xl-2 {
        margin-right: 1rem!important
    }

    .pl-xl-2 {
        padding-left: 1rem!important
    }

    .pt-xl-2 {
        padding-top: 1rem!important
    }

    .pr-xl-2 {
        padding-right: 1rem!important
    }

    .pb-xl-2 {
        padding-bottom: 1rem!important
    }

    .mt-xl-3 {
        margin-top: 1.5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-3 {
        margin-left: 1.5rem!important
    }

    .mr-xl-3 {
        margin-right: 1.5rem!important
    }

    .pl-xl-3 {
        padding-left: 1.5rem!important
    }

    .pt-xl-3 {
        padding-top: 1.5rem!important
    }

    .pr-xl-3 {
        padding-right: 1.5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1.5rem!important
    }

    .mt-xl-4 {
        margin-top: 2rem!important
    }

    .mb-xl-4 {
        margin-bottom: 2rem!important
    }

    .ml-xl-4 {
        margin-left: 2rem!important
    }

    .mr-xl-4 {
        margin-right: 2rem!important
    }

    .pl-xl-4 {
        padding-left: 2rem!important
    }

    .pt-xl-4 {
        padding-top: 2rem!important
    }

    .pr-xl-4 {
        padding-right: 2rem!important
    }

    .pb-xl-4 {
        padding-bottom: 2rem!important
    }

    .mt-xl-5 {
        margin-top: 2.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 2.5rem!important
    }

    .ml-xl-5 {
        margin-left: 2.5rem!important
    }

    .mr-xl-5 {
        margin-right: 2.5rem!important
    }

    .pl-xl-5 {
        padding-left: 2.5rem!important
    }

    .pt-xl-5 {
        padding-top: 2.5rem!important
    }

    .pr-xl-5 {
        padding-right: 2.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 2.5rem!important
    }

    .mt-xl-6 {
        margin-top: 3rem!important
    }

    .mb-xl-6 {
        margin-bottom: 3rem!important
    }

    .ml-xl-6 {
        margin-left: 3rem!important
    }

    .mr-xl-6 {
        margin-right: 3rem!important
    }

    .pl-xl-6 {
        padding-left: 3rem!important
    }

    .pt-xl-6 {
        padding-top: 3rem!important
    }

    .pr-xl-6 {
        padding-right: 3rem!important
    }

    .pb-xl-6 {
        padding-bottom: 3rem!important
    }

    .mt-xl-7 {
        margin-top: 3.5rem!important
    }

    .mb-xl-7 {
        margin-bottom: 3.5rem!important
    }

    .ml-xl-7 {
        margin-left: 3.5rem!important
    }

    .mr-xl-7 {
        margin-right: 3.5rem!important
    }

    .pl-xl-7 {
        padding-left: 3.5rem!important
    }

    .pt-xl-7 {
        padding-top: 3.5rem!important
    }

    .pr-xl-7 {
        padding-right: 3.5rem!important
    }

    .pb-xl-7 {
        padding-bottom: 3.5rem!important
    }

    .mt-xl-8 {
        margin-top: 4rem!important
    }

    .mb-xl-8 {
        margin-bottom: 4rem!important
    }

    .ml-xl-8 {
        margin-left: 4rem!important
    }

    .mr-xl-8 {
        margin-right: 4rem!important
    }

    .pl-xl-8 {
        padding-left: 4rem!important
    }

    .pt-xl-8 {
        padding-top: 4rem!important
    }

    .pr-xl-8 {
        padding-right: 4rem!important
    }

    .pb-xl-8 {
        padding-bottom: 4rem!important
    }

    .mt-xl-9 {
        margin-top: 4.5rem!important
    }

    .mb-xl-9 {
        margin-bottom: 4.5rem!important
    }

    .ml-xl-9 {
        margin-left: 4.5rem!important
    }

    .mr-xl-9 {
        margin-right: 4.5rem!important
    }

    .pl-xl-9 {
        padding-left: 4.5rem!important
    }

    .pt-xl-9 {
        padding-top: 4.5rem!important
    }

    .pr-xl-9 {
        padding-right: 4.5rem!important
    }

    .pb-xl-9 {
        padding-bottom: 4.5rem!important
    }

    .mt-xl-10 {
        margin-top: 5rem!important
    }

    .mb-xl-10 {
        margin-bottom: 5rem!important
    }

    .ml-xl-10 {
        margin-left: 5rem!important
    }

    .mr-xl-10 {
        margin-right: 5rem!important
    }

    .pl-xl-10 {
        padding-left: 5rem!important
    }

    .pt-xl-10 {
        padding-top: 5rem!important
    }

    .pr-xl-10 {
        padding-right: 5rem!important
    }

    .pb-xl-10 {
        padding-bottom: 5rem!important
    }
}

@media (min-width: 992px) {
    .ml-lg-auto {
        margin-left:auto!important
    }

    .mr-lg-auto {
        margin-right: auto!important
    }

    .mx-lg-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }
}

input:focus, textarea:focus, select:focus {
    outline: none;
    box-shadow: none;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px
}

.row>* {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px
}

.gutter-lg {
    margin-left: -15px;
    margin-right: -15px
}

.gutter-lg>* {
    padding-right: 15px;
    padding-left: 15px
}

.gutter-sm {
    margin-left: -5px;
    margin-right: -5px
}

.gutter-sm>* {
    padding-right: 5px;
    padding-left: 5px
}

.gutter-xs {
    margin-left: -1px;
    margin-right: -1px
}

.gutter-xs>* {
    padding-right: 1px;
    padding-left: 1px
}

.gutter-no {
    margin-left: 0;
    margin-right: 0
}

.gutter-no>* {
    padding-right: 0;
    padding-left: 0
}

[class*=cols-]>* {
    flex: 0 0 auto
}

.cols-1>* {
    width: 100%
}

.cols-2>* {
    width: 50%
}

.cols-3>* {
    width: 33.3333%
}

.cols-4>* {
    width: 25%
}

.cols-5>* {
    width: 20%
}

.cols-6>* {
    width: 16.6667%
}

.cols-7>* {
    width: 14.2857%
}

.cols-8>* {
    width: 12.5%
}

@media (min-width: 480px) {
    .cols-xs-1>* {
        width:100%
    }

    .cols-xs-2>* {
        width: 50%
    }

    .cols-xs-3>* {
        width: 33.3333%
    }

    .cols-xs-4>* {
        width: 25%
    }

    .cols-xs-5>* {
        width: 20%
    }

    .cols-xs-6>* {
        width: 16.6667%
    }

    .cols-xs-7>* {
        width: 14.2857%
    }

    .cols-xs-8>* {
        width: 12.5%
    }
}

@media (min-width: 576px) {
    .cols-sm-1>* {
        width:100%
    }

    .cols-sm-2>* {
        width: 50%
    }

    .cols-sm-3>* {
        width: 33.3333%
    }

    .cols-sm-4>* {
        width: 25%
    }

    .cols-sm-5>* {
        width: 20%
    }

    .cols-sm-6>* {
        width: 16.6667%
    }

    .cols-sm-7>* {
        width: 14.2857%
    }

    .cols-sm-8>* {
        width: 12.5%
    }
}

@media (min-width: 768px) {
    .cols-md-1>* {
        width:100%
    }

    .cols-md-2>* {
        width: 50%
    }

    .cols-md-3>* {
        width: 33.3333%
    }

    .cols-md-4>* {
        width: 25%
    }

    .cols-md-5>* {
        width: 20%
    }

    .cols-md-6>* {
        width: 16.6667%
    }

    .cols-md-7>* {
        width: 14.2857%
    }

    .cols-md-8>* {
        width: 12.5%
    }
}

@media (min-width: 992px) {
    .cols-lg-1>* {
        width:100%
    }

    .cols-lg-2>* {
        width: 50%
    }

    .cols-lg-3>* {
        width: 33.3333%
    }

    .cols-lg-4>* {
        width: 25%
    }

    .cols-lg-5>* {
        width: 20%
    }

    .cols-lg-6>* {
        width: 16.6667%
    }

    .cols-lg-7>* {
        width: 14.2857%
    }

    .cols-lg-8>* {
        width: 12.5%
    }
}

@media (min-width: 1200px) {
    .cols-xl-1>* {
        width:100%
    }

    .cols-xl-2>* {
        width: 50%
    }

    .cols-xl-3>* {
        width: 33.3333%
    }

    .cols-xl-4>* {
        width: 25%
    }

    .cols-xl-5>* {
        width: 20%
    }

    .cols-xl-6>* {
        width: 16.6667%
    }

    .cols-xl-7>* {
        width: 14.2857%
    }

    .cols-xl-8>* {
        width: 12.5%
    }
}

@media (min-width: 1600px) {
    .cols-xxl-1>* {
        width:100%
    }

    .cols-xxl-2>* {
        width: 50%
    }

    .cols-xxl-3>* {
        width: 33.3333%
    }

    .cols-xxl-4>* {
        width: 25%
    }

    .cols-xxl-5>* {
        width: 20%
    }

    .cols-xxl-6>* {
        width: 16.6667%
    }

    .cols-xxl-7>* {
        width: 14.2857%
    }

    .cols-xxl-8>* {
        width: 12.5%
    }
}

[class*=col-] {
    flex: 0 0 auto
}

.col-1 {
    width: 8.3333%
}

.col-2 {
    width: 16.6667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.3333%
}

.col-5 {
    width: 41.6667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.3333%
}

.col-8 {
    width: 66.6667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.3333%
}

.col-11 {
    width: 91.6667%
}

.col-12 {
    width: 100%
}

@media (min-width: 480px) {
    .col-xs-1 {
        width:8.3333%
    }

    .col-xs-2 {
        width: 16.6667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.3333%
    }

    .col-xs-5 {
        width: 41.6667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.3333%
    }

    .col-xs-8 {
        width: 66.6667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.3333%
    }

    .col-xs-11 {
        width: 91.6667%
    }

    .col-xs-12 {
        width: 100%
    }
}

@media (min-width: 576px) {
    .col-sm-1 {
        width:8.3333%
    }

    .col-sm-2 {
        width: 16.6667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333%
    }

    .col-sm-5 {
        width: 41.6667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333%
    }

    .col-sm-8 {
        width: 66.6667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333%
    }

    .col-sm-11 {
        width: 91.6667%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media (min-width: 768px) {
    .col-md-1 {
        width:8.3333%
    }

    .col-md-2 {
        width: 16.6667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333%
    }

    .col-md-5 {
        width: 41.6667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333%
    }

    .col-md-8 {
        width: 66.6667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333%
    }

    .col-md-11 {
        width: 91.6667%
    }

    .col-md-12 {
        width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg-1 {
        width:8.3333%
    }

    .col-lg-2 {
        width: 16.6667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333%
    }

    .col-lg-5 {
        width: 41.6667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333%
    }

    .col-lg-8 {
        width: 66.6667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333%
    }

    .col-lg-11 {
        width: 91.6667%
    }

    .col-lg-12 {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl-1 {
        width:8.3333%
    }

    .col-xl-2 {
        width: 16.6667%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.3333%
    }

    .col-xl-5 {
        width: 41.6667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.3333%
    }

    .col-xl-8 {
        width: 66.6667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.3333%
    }

    .col-xl-11 {
        width: 91.6667%
    }

    .col-xl-12 {
        width: 100%
    }
}

@media (min-width: 1600px) {
    .col-xxl-3 {
        width:25%
    }

    .col-xxl-9 {
        width: 75%
    }
}

@media (min-width: 1200px) {
    .col-xl-5col {
        width:20%
    }

    .col-xl-5col2 {
        width: 40%
    }

    .col-xl-5col3 {
        width: 60%
    }

    .col-xl-5col4 {
        width: 80%
    }
}

@media (min-width: 992px) {
    .col-lg-8col1 {
        width:22.2%
    }
}

.btn {
    display: inline-block;
    border: 1px solid #e4eaec;
    /*background-color: #e4eaec;*/
    /*color: #222;*/
    outline: 0;
    cursor: pointer;
    padding: .533rem .933rem;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    transition: color 0.3s,border-color 0.3s,background-color 0.3s,box-shadow 0.3s;
    white-space: nowrap
}

.btn:active,.btn:focus,.btn:hover {
    color: #222;
    border-color: #cfdadd;
    background-color: #cfdadd
}

.btn i {
    position: relative;
    vertical-align: middle;
    /*margin-left: 0.6rem;*/
    font-size: 1.357em
}

/*.btn-primary {
    color: #fff;
    border-color: #ff9c28;
    background-color: #ff9c28
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
    color: #fff;
    border-color: #ffac4c;
    background-color: #ffac4c
}

.btn-primary.btn-solid {
    color: #ff9c28;
    border-color: #fff;
    background-color: #fff
}

.btn-primary.btn-solid:active,.btn-primary.btn-solid:focus,.btn-primary.btn-solid:hover {
    border-color: #ff9c28;
    background-color: #ff9c28;
    color: #fff
}

.btn-primary.btn-outline {
    color: #ff9c28
}

.btn-primary.btn-outline:active,.btn-primary.btn-outline:focus,.btn-primary.btn-outline:hover {
    background-color: #ff9c28;
    border-color: #ff9c28;
    color: #fff
}

.btn-primary.btn-link {
    background-color: transparent;
    color: #ff9c28
}

.btn-primary.btn-link:active,.btn-primary.btn-link:focus,.btn-primary.btn-link:hover {
    color: #222
}

.btn-primary.btn-underline:active,.btn-primary.btn-underline:focus,.btn-primary.btn-underline:hover {
    color: #ff9c28
}

.btn-secondary {
    color: #fff;
    border-color: #ff9c28;
    background-color: #ff9c28
}

.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover {
    color: #fff;
    border-color: #ffac4c;
    background-color: #ffac4c
}

.btn-secondary.btn-solid {
    color: #ff9c28;
    border-color: #fff;
    background-color: #fff
}

.btn-secondary.btn-solid:active,.btn-secondary.btn-solid:focus,.btn-secondary.btn-solid:hover {
    border-color: #ff9c28;
    background-color: #ff9c28;
    color: #fff
}

.btn-secondary.btn-outline {
    color: #ff9c28
}

.btn-secondary.btn-outline:active,.btn-secondary.btn-outline:focus,.btn-secondary.btn-outline:hover {
    background-color: #ff9c28;
    border-color: #ff9c28;
    color: #fff
}

.btn-secondary.btn-link {
    background-color: transparent;
    color: #ff9c28
}

.btn-secondary.btn-link:active,.btn-secondary.btn-link:focus,.btn-secondary.btn-link:hover {
    color: #222
}

.btn-secondary.btn-underline:active,.btn-secondary.btn-underline:focus,.btn-secondary.btn-underline:hover {
    color: #ff9c28
}

.btn-dim {
    color: #fff;
    border-color: #54524d;
    background-color: #54524d
}

.btn-dim:active,.btn-dim:focus,.btn-dim:hover {
    color: #fff;
    border-color: #67645e;
    background-color: #67645e
}

.btn-dim.btn-solid {
    color: #54524d;
    border-color: #fff;
    background-color: #fff
}

.btn-dim.btn-solid:active,.btn-dim.btn-solid:focus,.btn-dim.btn-solid:hover {
    border-color: #54524d;
    background-color: #54524d;
    color: #fff
}

.btn-dim.btn-outline {
    color: #54524d
}

.btn-dim.btn-outline:active,.btn-dim.btn-outline:focus,.btn-dim.btn-outline:hover {
    background-color: #54524d;
    border-color: #54524d;
    color: #fff
}

.btn-dim.btn-link {
    background-color: transparent;
    color: #54524d
}

.btn-dim.btn-link:active,.btn-dim.btn-link:focus,.btn-dim.btn-link:hover {
    color: #222
}

.btn-dim.btn-underline:active,.btn-dim.btn-underline:focus,.btn-dim.btn-underline:hover {
    color: #54524d
}

.btn-alert {
    color: #fff;
    border-color: #f12a57;
    background-color: #f12a57
}

.btn-alert:active,.btn-alert:focus,.btn-alert:hover {
    color: #fff;
    border-color: #f34b71;
    background-color: #f34b71
}

.btn-alert.btn-solid {
    color: #f12a57;
    border-color: #fff;
    background-color: #fff
}

.btn-alert.btn-solid:active,.btn-alert.btn-solid:focus,.btn-alert.btn-solid:hover {
    border-color: #f12a57;
    background-color: #f12a57;
    color: #fff
}

.btn-alert.btn-outline {
    color: #f12a57
}

.btn-alert.btn-outline:active,.btn-alert.btn-outline:focus,.btn-alert.btn-outline:hover {
    background-color: #f12a57;
    border-color: #f12a57;
    color: #fff
}

.btn-alert.btn-link {
    background-color: transparent;
    color: #f12a57
}

.btn-alert.btn-link:active,.btn-alert.btn-link:focus,.btn-alert.btn-link:hover {
    color: #222
}

.btn-alert.btn-underline:active,.btn-alert.btn-underline:focus,.btn-alert.btn-underline:hover {
    color: #f12a57
}

.btn-success {
    color: #fff;
    border-color: #b1ca39;
    background-color: #b1ca39
}

.btn-success:active,.btn-success:focus,.btn-success:hover {
    color: #fff;
    border-color: #bcd255;
    background-color: #bcd255
}

.btn-success.btn-solid {
    color: #b1ca39;
    border-color: #fff;
    background-color: #fff
}

.btn-success.btn-solid:active,.btn-success.btn-solid:focus,.btn-success.btn-solid:hover {
    border-color: #b1ca39;
    background-color: #b1ca39;
    color: #fff
}

.btn-success.btn-outline {
    color: #b1ca39
}

.btn-success.btn-outline:active,.btn-success.btn-outline:focus,.btn-success.btn-outline:hover {
    background-color: #b1ca39;
    border-color: #b1ca39;
    color: #fff
}

.btn-success.btn-link {
    background-color: transparent;
    color: #b1ca39
}

.btn-success.btn-link:active,.btn-success.btn-link:focus,.btn-success.btn-link:hover {
    color: #222
}

.btn-success.btn-underline:active,.btn-success.btn-underline:focus,.btn-success.btn-underline:hover {
    color: #b1ca39
}

.btn-primary-dark {
    color: #fff;
    border-color: #222;
    background-color: #222
}

.btn-primary-dark:active,.btn-primary-dark:focus,.btn-primary-dark:hover {
    color: #fff;
    border-color: #343434;
    background-color: #343434
}

.btn-primary-dark.btn-solid {
    color: #222;
    border-color: #fff;
    background-color: #fff
}

.btn-primary-dark.btn-solid:active,.btn-primary-dark.btn-solid:focus,.btn-primary-dark.btn-solid:hover {
    border-color: #222;
    background-color: #222;
    color: #fff
}

.btn-primary-dark.btn-outline {
    color: #222
}

.btn-primary-dark.btn-outline:active,.btn-primary-dark.btn-outline:focus,.btn-primary-dark.btn-outline:hover {
    background-color: #222;
    border-color: #222;
    color: #fff
}

.btn-primary-dark.btn-link {
    background-color: transparent;
    color: #222
}

.btn-primary-dark.btn-link:active,.btn-primary-dark.btn-link:focus,.btn-primary-dark.btn-link:hover {
    color: #222
}

.btn-primary-dark.btn-underline:active,.btn-primary-dark.btn-underline:focus,.btn-primary-dark.btn-underline:hover {
    color: #222
}

.btn-dark {
    color: #fff;
    border-color: #333;
    background-color: #333
}

.btn-dark:active,.btn-dark:focus,.btn-dark:hover {
    color: #fff;
    border-color: #454545;
    background-color: #454545
}

.btn-dark.btn-solid {
    color: #333;
    border-color: #fff;
    background-color: #fff
}

.btn-dark.btn-solid:active,.btn-dark.btn-solid:focus,.btn-dark.btn-solid:hover {
    border-color: #333;
    background-color: #333;
    color: #fff
}

.btn-dark.btn-outline {
    color: #333
}

.btn-dark.btn-outline:active,.btn-dark.btn-outline:focus,.btn-dark.btn-outline:hover {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.btn-dark.btn-link {
    background-color: transparent;
    color: #333
}

.btn-dark.btn-link:active,.btn-dark.btn-link:focus,.btn-dark.btn-link:hover {
    color: #222
}

.btn-dark.btn-underline:active,.btn-dark.btn-underline:focus,.btn-dark.btn-underline:hover {
    color: #333
}

.btn-white {
    color: #222;
    background-color: #fff;
    border-color: #fff
}

.btn-white:active,.btn-white:focus,.btn-white:hover {
    color: #fff;
    border-color: #ff9c28;
    background-color: #ff9c28
}

.btn-white.btn-outline {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.btn-white.btn-outline:active,.btn-white.btn-outline:focus,.btn-white.btn-outline:hover {
    color: #ff9c28;
    background-color: #fff
}

.btn-white.btn-link {
    color: #fff;
    background-color: transparent
}

.btn-white.btn-link:active,.btn-white.btn-link:focus,.btn-white.btn-link:hover {
    color: #fff;
    background-color: transparent
}

.btn-outline {
    color: #eee;
    background-color: transparent
}

.btn-outline:active,.btn-outline:focus,.btn-outline:hover {
    border-color: #666;
    background-color: #666;
    color: #fff
}

.btn-outline.btn-bg {
    color: #fff
}*/

.btn-reveal-right i {
    font-size: 0.95em;
    opacity: 0;
    margin-right: -1em;
    transform: translateX(-0.5em);
    margin-left: 0;
    transition: transform 0.3s,opacity 0.3s,margin 0.3s
}

.btn-reveal-right:active i,.btn-reveal-right:focus i,.btn-reveal-right:hover i {
    opacity: 1;
    margin-left: 0.7rem;
    transform: translateX(0);
    margin-right: 0
}

.btn-slide-right:active i,.btn-slide-right:focus i,.btn-slide-right:hover i {
    animation: 0.5s ease slideRight
}

@keyframes slideRight {
    0% {
        left: 0
    }

    50% {
        left: 0.5em
    }

    to {
        left: 0
    }
}

.btn-shadow {
    box-shadow: 0 8px 10px 0px rgba(0,0,0,0.1)
}

.btn-shadow:active,.btn-shadow:focus,.btn-shadow:hover {
    box-shadow: 0 15px 20px -15px rgba(0,0,0,0.35)
}

.btn-shadow-lg {
    box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.05)
}

.btn-shadow-lg:active,.btn-shadow-lg:focus,.btn-shadow-lg:hover {
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.4)
}

.btn-shadow-success {
    box-shadow: 3px 6px 20px 1px #dcff77
}

.btn-shadow-success:active,.btn-shadow-success:focus,.btn-shadow-success:hover {
    box-shadow: 0 13px 20px -10px rgba(220,255,119,0.2)
}

.btn-shadow-icon i {
    padding: 5px 3px 3px 5px;
    margin-left: 1rem;
    font-size: 1em;
    line-height: 2.3rem;
    color: #fff;
    background-color: #b1ca39;
    border-radius: 100%;
    box-shadow: 2px 3px 9px 0px #b1ca39
}

.btn-shadow-icon.btn-white:active,.btn-shadow-icon.btn-white:focus,.btn-shadow-icon.btn-white:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-overlap {
    box-shadow: 4px 4px 0px 0px #a1bc20
}

.btn-overlap:hover {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5)
}

.btn-underline:active:after,.btn-underline:focus:after,.btn-underline:hover:after {
    transform: scaleX(1)
}

.btn-underline:after {
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    width: 100%;
    border-bottom: 1px solid;
    transform: scaleX(0);
    transition: transform 0.3s
}

.btn-underline.btn-underline-visible:after {
    transform: scaleX(1)
}

.btn-underline.btn-underline-width-sm:after {
    height: 1px;
    border-bottom: 0
}

.btn-underline.primary-bold {
    position: relative
}

.btn-underline.primary-bold:after {
    position: absolute;
    bottom: 0%;
    border-bottom: 10px solid transparent;
    transform-origin: left center
}

.btn-underline.sm:after {
    width: 46%
}

.btn-underline.lg:after {
    margin-left: -16.5%;
    margin-right: -16.5%;
    width: 133%
}

.btn-underline.primary-bold:hover:after {
    border-color: rgba(255,156,40,0.3)
}

.btn-link {
    padding: 0;
    border: 0;
    background-color: transparent
}

.btn-link:active,.btn-link:focus,.btn-link:hover {
    background-color: transparent
}

.btn-disabled {
    cursor: not-allowed;
    background-color: #e4eaec!important;
    color: #999!important;
    border-color: #e4eaec!important;
    box-shadow: none!important
}

.btn-disabled:after,.btn-disabled:before {
    content: none!important
}

.btn.btn-rounded {
    border-radius: 8px
}

.btn.btn-rounded:after,.btn.btn-rounded:before {
    border-radius: 8px
}

.btn.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.btn.btn-right-circle i {
    position: relative;
    z-index: 2;
    margin-left: 20px
}

.btn.btn-right-circle i:before {
    color: #ff9c28
}

.btn.btn-right-circle i:after {
    position: absolute;
    content: "";
    width: 38px;
    height: 38px;
    z-index: -1;
    left: 50%;
    top: 43%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 50%
}

.btn.btn-ellipse {
    border-radius: 3rem
}

.btn-lg {
    padding: 1.1em 2.45em 0.9em;
    font-size: 1.429em
}

.btn-md {
    padding: 1.16em 2.38em 1em;
    font-size: 0.8125em
}

.btn-sm {
    padding: 0.9em 1.75em 0.7em;
    font-size: 0.75em
}

.btn-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    font-size: 0.857em;
    color: #54524d;
    border: 1px solid #e1e1e1;
    border-radius: 50%
}

.btn-remove i {
    line-height: 0
}

.mobile-menu-wrapper {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    transition: visibility 0.4s
}

.mobile-menu-container {
    max-width: 296px;
    padding: 2rem 1.5rem;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #222529;
    box-shadow: 1px 0 5px rgba(0,0,0,0.5);
    margin-left: -296px;
    transition: margin 0.4s
}

.mobile-menu-container form {
    display: flex;
    margin-bottom: 0.6rem
}

.mobile-menu-container form input {
    border-color: #2e3237;
    padding: 0.707em 1.22em 0.507em
}

.mobile-menu-container form input:focus {
    border-color: #54524d
}

.mobile-menu-container form .btn-search {
    padding: 4px 0 0;
    width: 4rem;
    background-color: #ff9c28;
    border-color: #ff9c28;
    color: #fff
}

.mobile-menu-container form .btn-search i {
    margin: 0;
    font-size: inherit
}

.mobile-menu-container.scrollable::-webkit-scrollbar-thumb {
    margin-right: 2px;
    background: rgba(0,0,0,0.1);
    border-radius: 7px;
    cursor: pointer
}

.mobile-menu-container .nav-tabs {
    border-bottom: 1px solid #3f3e3d
}

.mobile-menu-container .tab-nav-underline .nav-link {
    color: #fff
}

.mobile-menu-container .tab-nav-underline .nav-item.show .nav-link,.mobile-menu-container .tab-nav-underline .nav-link.active,.mobile-menu-container .tab-nav-underline .nav-link:hover {
    color: #ff9c28
}

.mobile-menu {
    color: #e1e1e1;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1.5;
    padding: 5px 0
}

.mobile-menu ul {
    display: none
}

.mobile-menu li a {
    display: block;
    position: relative;
    padding: 1.3rem 0.6rem 1.3rem 1rem
}

.mobile-menu li li a {
    padding-left: 2.4rem
}

.mobile-menu li li li a {
    padding-left: 3.6rem
}

.mobile-menu li:not(:last-child) {
    border-bottom: 1px solid #2e3237
}

.mobile-menu .tab-pane.active>ul {
    display: block
}

.mobile-menu .tab-pane.active>ul li a>i {
    font-size: 2rem;
    margin-right: 1rem
}

.mobile-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0;
    transition: opacity 0.4s
}

.mobile-menu-close {
    position: fixed;
    left: calc(100vw - 50px);
    top: 25px;
    z-index: 10001;
    transition: opacity 0.3s;
    opacity: 0
}

.mobile-menu-close i {
    font-size: 2.8rem;
    color: #e1e1e1
}

.mmenu-anim {
    transform: translateY(30%)
}

.mmenu-anim,.mmenu-anim>li {
    transition: transform 0.4s,opacity 0.3s;
    transition-timing-function: cubic-bezier(0.5,0,0.3,1)
}

.mmenu-anim>li:nth-child(0) {
    opacity: 0;
    transform: translateY(0px)
}

.mmenu-anim>li:first-child {
    opacity: 0;
    transform: translateY(50px)
}

.mmenu-anim>li:nth-child(2) {
    opacity: 0;
    transform: translateY(100px)
}

.mmenu-anim>li:nth-child(3) {
    opacity: 0;
    transform: translateY(150px)
}

.mmenu-anim>li:nth-child(4) {
    opacity: 0;
    transform: translateY(200px)
}

.mmenu-anim>li:nth-child(5) {
    opacity: 0;
    transform: translateY(250px)
}

.mmenu-anim>li:nth-child(6) {
    opacity: 0;
    transform: translateY(300px)
}

.mmenu-anim>li:nth-child(7) {
    opacity: 0;
    transform: translateY(350px)
}

.mmenu-anim>li:nth-child(8) {
    opacity: 0;
    transform: translateY(400px)
}

.mmenu-anim>li:nth-child(9) {
    opacity: 0;
    transform: translateY(450px)
}

.mmenu-anim>li:nth-child(10) {
    opacity: 0;
    transform: translateY(500px)
}

.mmenu-anim>li:nth-child(11) {
    opacity: 0;
    transform: translateY(550px)
}

.mmenu-anim>li:nth-child(12) {
    opacity: 0;
    transform: translateY(600px)
}

.mmenu-active {
    overflow: hidden
}

.mmenu-active .mmenu-anim,.mmenu-active .mmenu-anim>li {
    opacity: 1;
    transform: translateY(0)
}

.mmenu-active .page-wrapper {
    margin-left: 296px;
    margin-right: -296px
}

.mmenu-active .mobile-menu-wrapper {
    visibility: visible
}

.mmenu-active .mobile-menu-container {
    margin: 0
}

.mmenu-active .mobile-menu-overlay {
    opacity: 0.65
}

.mmenu-active .mobile-menu-close {
    opacity: 1
}

@media (max-width: 400px) {
    .mobile-menu-close {
        left:calc(100vw - 40px);
        top: 10px
    }
}

.f-right {
    float: right;
}

.w10p { width: 10%; }
.w15p { width: 15%; }
.w60p { width: 60%; }
.w70p { width: 70%; }

.pdd-l10 { padding-left: 10px !important; }

.weight-400 { font-weight: 400; }

a.btn-outline:hover {
    background-color: #25ad7e !important;
    border-color: #25ad7e !important;
    color: #ffffff !important;
}

.txt-right{
    text-align: right;
}
.txt-left{
    text-align: left;
}
.weight-bold{
    font-weight: 800;
}
/****** loader ******/
.page-preloader {
    background-color: #FFF;
    opacity: 0.7;
    border: medium none;
    cursor: default;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}

.center-loading {
    height: 34px;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 200;
}

@-moz-keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes three-quarters-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
    -moz-animation: three-quarters-loader 1250ms infinite linear;
    -webkit-animation: three-quarters-loader 1250ms infinite linear;
    animation: three-quarters-loader 1250ms infinite linear;
    border: 6px solid #25ad7e;
    border-right-color: transparent;
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-block;
    /*position: relative;*/
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
}

/****** sfondo diagonale ******/
.diagonal-box {
    background: #eaeaea;
    transform: skewY(-2deg);
}

.diagonal-content {
    transform: skewY(2deg);
    padding: 100px 0;
}
footer.diagonal-box .diagonal-space {
    background: #050505;
    height: 40px;
    transform: skewY(2deg);
}
footer.diagonal-box {
    position: relative;
}
footer.diagonal-box .diagonal-content {
    padding-bottom: 0 !important;
}

/****** base ******/
.grecaptcha-badge {
    display: none !important;
}
.container {
    max-width: 1440px !important;
}
.mini-container {
    max-width: 800px !important;
    margin:0 auto;
}
img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}
a:not(.btn):hover {
    color: #25ad7e;
    text-decoration:none !important;
}
.text-mail {
    text-transform: lowercase !important;
}
.color-green {
    color: #25ad7e;
}

.text-success {
    color: #25ad7e !important;
}
.alert-simple.alert-success{
    background-color: #25ad7e;
    border-color: #25ad7e;
    color: white;
}

.btn-success {
    background-color: #25ad7e;
    border-color: #25ad7e;
}
.btn-success:hover {
    background-color: #25ad7e;
    border-color: #25ad7e;
}

.hidden { display: none !important; }

.bold { font-weight: bold; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.alert {
    padding: 2rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}

.font22 { font-size: 22px !important; }

/****** table ******/
table.bg-row tr:nth-child(even) {
    background-color: #ffffff;
}
table.bg-row tr:nth-child(odd) {
    background-color: #f7f7f7;
}
table.bg-row td {
    padding: 5px 10px;
}

/****** elements: form ******/
.form-select .error {
    font-size: 14px;
    color: #f12a56;
}
.form-select .correct {
    font-size: 14px;
    color: #b1ca38
}
input[type=checkbox]:checked {
    background: #25ad7e;
    border-color: #25ad7e;
}
.form-group.error input, .form-group.error select, .form-group.error textarea {
    border-color: #f12a56 !important;
}
.form-group.error .error {
    color: #f12a56 !important;
    text-align: left;
    font-size: 16px;
}
.btn-success:active, .btn-success:focus {
    background-color: #25ad7e !important;
    border-color: #25ad7e !important;
}
.login-popup .form-group input:not(:last-child) {
    margin-bottom: 0;
}

.shop-page .toolbox .form-select {
    display: inline-flex;
}
.shop-page .toolbox label {
    text-transform: initial;
    font-weight: 600;
}

.form-check.form-switch {
    display: flex;
    align-items: center;
    gap: 8px;
}
.form-check.form-switch .form-check-input {
    background-repeat: no-repeat !important;
}

/****** elements: icon-box-side ******/
.icon-box-side .icon-box-icon-right {
    margin: 0 0 0.3rem 1.9rem !important;
}

/****** elements: alert ******/
.alert-title {
    font-weight: 600;
    color: #333333;
}
.alert-message {
    margin-bottom: 0;
    color: #ffffff;
}
.alert .btn-close {
    top: 20%;
    color: #333333 !important;
}

/***** mini alert ******/
@media (min-width: 769px) {
    .mini-alert{
        position: absolute;
        display: none;
        right: 24px;
        top: 20px;
        max-width: 300px;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 10px;
        padding: 10px 20px;
        color: var(--primary-color);
        z-index: 100000;
        font-weight: bold;
        font-size: 18px;
        box-shadow: 0px 0px 6px 0px #999999;
    }
}

@media (max-width: 768px) {
    .mini-alert{
        position: fixed;
        display: none;
        left: 0px;
        bottom: 0px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 20px;
        color: var(--primary-color);
        z-index: 100000;
        font-weight: bold;
        font-size: 18px;
        box-shadow: 0px 0px 6px 0px #999999;
    }
}

/***** login ******/
.login-form {
    margin-top:20px;
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
}
.login-form input[type='email'], .login-form input[type='password'] {
    border-radius: 10px;
    margin-top: 20px !important;
}
.login-form .btn {
    width: 100%;
    border-radius: 10px;
    text-transform: capitalize;
    font-size: 18px;
}
.login-form .forgot-pass {
    text-decoration: underline;
}
.login-form .login-header p {
    color: #333333;
    font-weight: 500;
    font-size: 19px;
}

.coming-page .banner-content {
    max-width: 100%;
}

.coming-page {
    height: 100vh;
    min-height: 100vh;
    padding: 14.5% 0;
    font-size: 1em;
}

.coming-page .banner-content {
    max-width: 100%;
}

/*************************************************/
/******************* responsive ******************/
/*************************************************/

@media screen and (max-width: 1200px) {
    .hero{
        height:auto;
        padding-top: 20px;
        padding-bottom: 30px;
    }
}

.wishlist-table td, .wishlist-table th{
    font-size: 14px;
    padding:4px;
    border: 1px solid #666666;
}

input[type=date] {
    display: block;
    width: 100%;
    padding: 1.1em 1.22em 0.9em;
    border: 1px solid #e0dede;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 0.875em;
    line-height: 1.5;
    color: #999;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 20px;
}

select{
    font-size: 0.875em;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

.row-labels{
    display:none;
}

@media screen and (max-width: 768px) {
    .page-header {
        padding: 15px 0;
    }
    section.section {
        padding: 20px 0;
    }
    .breadcrumb {
        margin-bottom: 10px;
    }

    /*** slider ***/
    .modal-content {
        width: 90%;
    }
    .header-labels{
        display: none;
    }
    .row-labels{
        display:block;
    }
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  position: absolute;
  right: 20px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.file-drop {
    height: 140px;
    border: 2px dashed #adb7be;
    text-align: center;
    padding: 0;
}

.file-drop i{
    
}

.file-drop .btn{
    display: inline-block;
    border: 0;
    background-color: #ffffff;
    color: #222;
    outline: 0;
    cursor: pointer;
    padding: 10px 5px;
}

.overlay-primary:before{
    background: #ffffff !important;
}

@media (max-width: 580px) {
    .site-title{
        font-size: 48px !important;
    }
}

.row-deck>.col, .row-deck>[class*="col-"] {
    display: flex;
    align-items: stretch;
}

.size-button.selected, .size-button:hover{
    background-color: #238ada !important;
    color: white;
}

.home-description{
    font-size: 28px;
    line-height: 38px;
    font-weight:400;
}

@media (max-width: 767px) {
    .home-description{
        font-size: 20px;
        line-height: 26px;
    }
}

.reel-container {
    width: 100%;
    max-width: 1000px;
    /* Facoltativo, imposta un limite massimo */
    margin: 0 auto;
    /* Centra il contenuto */
}

.fb-video {
    width: 100% !important;
    /* Assicura il 100% della larghezza */
    aspect-ratio: 9 / 16;
    /* Facoltativo, per mantenere le proporzioni */
}

.product-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.product-content-video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before{
    /*opacity:0 !important;*/
}

.thumb-info:hover .thumb-info-wrapper:after{
    opacity: 0 !important;
}

.whatsapp-contact {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 999;
}
.whatsapp-contact a {
    display: block;
    font-size: 40px;
    background-color: #65bc54;
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    text-align: center;
}
.whatsapp-contact a i {
    line-height: 1.2;
}

.iub__us-widget {
    display: none !important;
}
.scroll-to-top i::before, .social-icons i::before {
    line-height: 2.5;
}

.v-image-slider-thumbnails{
    width: calc(15% - 20px);
    float:left;
    margin-right:20px;  
    height:500px;
    overflow:hidden;
    position:relative;
}

.v-image-slider-thumbnails-list{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
}

.v-image-slider-thumbnails-list-prev, .v-image-slider-thumbnails-list-next{    
    position:absolute;
    left:0px;
    color:#559231;
    width:100%;
    background-color:white;
}

.v-image-slider-thumbnails-list-prev div, .v-image-slider-thumbnails-list-next div{
    background-color:#f3d7ad;
    display: flex; 
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    padding:12px 8px;
}

.v-image-slider-thumbnails-list-prev{
    display:none;
    padding-bottom:8px;
    top:0px;    
}

.v-image-slider-thumbnails-list-prev div{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.v-image-slider-thumbnails-list-next{
    bottom:0px;
    padding-top:8px;
}

.v-image-slider-thumbnails-list-next div{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.v-image-slider-thumbnails-list-prev .fa-chevron-left{
    display:none;
}

.v-image-slider-thumbnails-list-next .fa-chevron-right{
    display:none;
}

.v-image-slider-thumb{
    cursor: pointer;
    width:100%;
    height: 90px;
    margin-bottom:10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:15px;
    overflow:hidden;
    border:1px solid #559231;
}

.v-image-slider-thumb.selected{
    border:3px solid #559231;
}


.v-image-slider-thumb img{
    max-width:100%;
    max-height:100%;
}

.v-image-slider-image{
    width: 85%;
    /*height:500px;*/
    float:right;
    border-radius:15px;
    overflow:hidden;
    border:0px solid #559231;
    position:relative;
    display: flex; 
    align-items: center;
    justify-content: center;
}

.v-image-slider-image img{
    width:100%;
    /*max-height:100%;*/
}

@media screen and (max-width: 991px) {
    .breadcrumb-nav .breadcrumb{
        padding-top:10px !important;
    }
    
    .v-image-slider-thumbnails{
        width:100%;
        padding-right:0px;    
        height:90px;       
        overflow-x: auto;
    }
    
    .v-image-slider-thumbnails-list{
        display: flex;
        white-space: nowrap;        
    }
    
    .v-image-slider-image{
        /*height:400px;*/
        width: 100%;
        margin-bottom: 20px;
    }
    
    .v-image-slider-thumb{
        width:80px;
        height: 80px;
        /*float: left;*/        
        flex: 0 0 auto;
        margin-bottom:0px;
        margin-right:12px;
    }
    
    .v-image-slider-thumbnails-list-prev, .v-image-slider-thumbnails-list-next{
        width:auto;
        height:100%;
        display: none;
    }
    
    .v-image-slider-thumbnails-list-prev{
        display:none;
        padding-right:8px;
        padding-bottom:0px;
        left:0px;    
        right:unset;
    }

    .v-image-slider-thumbnails-list-prev div{
        border-top-left-radius:10px;
        border-bottom-left-radius:10px;
        border-top-right-radius:0px;
        width:auto;
    }

    .v-image-slider-thumbnails-list-next{
        left:unset;
        right:0px;
        padding-left:8px;
        padding-top:0px;
    }

    .v-image-slider-thumbnails-list-next div{
        border-bottom-left-radius:0px;
        border-top-right-radius:10px;
        border-bottom-right-radius:10px;
        width:auto;
    }
    
    .v-image-slider-thumbnails-list-prev .fa-chevron-left{
        display:block;
    }

    .v-image-slider-thumbnails-list-next .fa-chevron-right{
        display:block;
    }
    
    .v-image-slider-thumbnails-list-prev .fa-chevron-up{
        display:none;
    }

    .v-image-slider-thumbnails-list-next .fa-chevron-down{
        display:none;
    }
}

@media screen and (max-width: 590px) {
    .v-image-slider-thumbnails{
        height: 70px;
    }
    
    .v-image-slider-thumb{
        width:60px;
        height: 60px;
    }
    
    .v-image-slider-image{
        /*height:300px;*/
    }
}

@media screen and (max-width: 590px) {
    .contact-title{
        font-size: 26px;
        text-align: center;
    }
}

.header-right a:not(.logout-btn){
    background: linear-gradient(135deg, #39a843, #1d872f);
    border-color: #299b36;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(41, 155, 54, .22);
}