@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500;600;700;800;900&family=Roboto+Condensed:wght@400;500;600;700;800;900&family=Mukta:wght@200;300;400;500;600;700;800&display=swap');

@media all{
html,body {max-width:100%;overflow-x:hidden;}
body {font-family:'Roboto',Arial,Helvetica,Verdana,sans-serif;}

/* Links & Button */
a, a:hover, a img, a:hover img, a span, div, span, div span, .img-scale, .img-scale:hover {
	text-decoration:none;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out!important;
	-webkit-user-modify: read-only;
	-moz-user-modify: read-only;
}
a:hover{
	opacity: 0.9!important;
	text-decoration:none;
}
a {color:#000;}
a:hover {color:#333;}
a:hover, a.img-scale:hover img {transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-webkit-transform:scale(1.03);}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#000!important;}
p.small, small {font-size:.7em;}
.p-sm {font-size:.86em;}
.p-xs {font-size:.7em;}
p {font-size:.85em;letter-spacing:1px;}
p small {display:inline-block;line-height:1.3em!important;}
.label-p {font-size:.75em!important;line-height:1em!important;padding-top:5px!important;}
.mandatory, .redstar {color:#e50101;font-weight:900;opacity:.85;font-size:1.25em;line-height:1em;}
.btn, .btn:hover {-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}
.btn-custom {background:#034ea2;color:#fff!important;border:0;border-radius:0;font-weight:700;letter-spacing:1px;padding:14px 25px;font-size:14px;text-transform:uppercase;}
.btn-custom:hover {background:#002c5e;transform:scale(1.03);}
.btn-custom.lg {font-size:16px;color:#fff;}
.btn-custom.outline {background:transparent;border:2px solid #fff;}
.btn-custom.outline:hover {background:#fff;color:#000!important;border:2px solid #fff;}
.btn-custom.outline-black {background:transparent;border:2px solid #333;color:#333!important;}
.btn-custom.outline-black:hover {background:#000;border:2px solid #000;color:#fff!important;}
.btn-custom.outline-blue {background:transparent;border:2px solid #29b5c2;color:#29b5c2;}
.btn-custom.outline-blue:hover {background:#29b5c2;border:2px solid #29b5c2;color:#fff;}
.btn-custom.outline-red {background:transparent;border:2px solid #ee0000;color:#ee0000;}
.btn-custom.outline-red:hover {background:#ee0000;border:2px solid #ee0000;color:#fff;}
.btn-custom.blank {background:rgba(0,0,0,0);border:0px solid #fff;border-radius:0;outline:0;-webkit-appearance:none;color:#999!important;}
.btn-custom.blank:hover, .btn-custom.blank:focus {outline:0;color:#000;transform:scale(1.15);}
.btn-custom.blue {background:#005480;color:#fff!important;border:0px solid #005480;border-radius:10px;outline:0;padding:9px 12px;box-shadow:0 3px 21px rgba(0,0,0,.5);}
.btn-custom.blue, .btn-custom.blank:hover, .btn-custom.blank:focus {outline:0;}
.btn-custom.green {background:#0d723b;}
.btn-custom.green:hover {background:#035227;}
.btn-custom.grey {background:#999;}
.btn-custom.grey:hover {background:#666;}
.btn-custom.white {background:#fff;color:#000!important;}
.btn-custom.white:hover {background:#0d723b;color:#fff!important;}
.btn-custom.btn-sm {font-size:.65em;padding:4px 9px;}
.btn-custom.btn-md {font-size:14px;letter-spacing:1.5px;padding:8px 12px;}
.btn-custom.btn-lg {font-size:18px;letter-spacing:2px;padding:14px 25px;}
.btn-custom.btn-xl {font-size:24px;letter-spacing:3px;padding:20px 25px;}

.btn-blank {color:#999!important;font-weight:700;}
.btn-blank:hover {color:#000!important;}
.btn-alignLeft {font-weight:700;padding:0 12px;text-decoration:underline;line-height:.85em;margin-right:12px;border-right:1px solid #999;}
.btn-alignLeft:hover {color:#000!important;}
.btn-blank.white, .btn-alignLeft.white {color:#fff!important;font-weight:700;}
.btn-blank.white:hover, .btn-alignLeft.white:hover {color:#01d857!important;}
.btn-blank.blue, .btn-alignLeft.blue {color:#034ea2!important;font-weight:700;}
.btn-blank.blue:hover, .btn-alignLeft.blue:hover {color:#002c5e!important;}
.btn-blank.green, .btn-alignLeft.green {color:#0d723b!important;font-weight:700;}
.btn-blank.green:hover, .btn-alignLeft.green:hover {color:#076528!important;}

.action-btns {margin:-30px 0 30px;}
.action-btn-left {display:inline-block;width:50px;height:50px;font-size:22px;text-align:center;line-height:50px;border-radius:100%;border:2px solid #444;padding:0 0 0 5px;margin:3px 6px 3px 0;}
.action-btns a:hover, .action-btns a:focus {background:#0c4da2;border-color:#0c4da2;color:#fff;}

.container {position:relative;z-index:1}
.bg-float {position:absolute;z-index:0;top:0;left:0;right:0;width:100%;height:100%;}

/* ROOT-Color */
.red {color:#ed1b24;}
.lightred {color:#ff8282;}
.lowred {color:#f3e6e6;}
.pink {color:#d75e80;}
.lightpink {color:#faeeea;}
.yellow{color:#f9cf00!important}
.orange {color:#ffa200;}
.lightorange {color:#ffcb08;}
.grey {color:#888888;}
.green {color:#00723b;}
.lightgreen {color:#1baf56;}
.lightergreen {color:#99cc80;}
.lowgreen {color:#e7f0ed;}
.beige {color:#dec8b2}
.blue {color:#034ea2;}
.lightblue {color:#3292ff;}
.lowblue {color:#e7ecf3;}
.darkblue {color:#002c5e;}
.orange {color:#ff8a00;}
.lightorange {color:#f0d778;}
.loworange {color:#f4f1e6;}
.grey {color:#999999;}
.lightgrey {color:#ccc;}
.lightergrey {color:#D1D2D4;}
.darkgrey {color:#666666;}
.darkergrey {color:#333333;}
.black {color:#000000;}
.blackbold {color:#000000; font-weight:bold;}
.white {color:#ffffff!important;}
.gold {color:#b69c7f;}
.lightgold {color:#e0c19e;}
.lowgold {color:#f4ece3;}
.purple {color:#2400c1;}
.lightpurple {color:#9785e3;}
.lowpurple {color:#f1e9f4;}
.bg-red {background:#ed1b24;}
.bg-lightred {background:#ff8282;}
.bg-lowred {background:#f3e6e6;}
.bg-pink {background:#d75e80;}
.bg-lightpink {background:#faeeea;}
.bg-orange {background:#FF6600;}
.bg-lightorange {background:#f0d778;}
.bg-loworange {background:#f4f1e6;}
.bg-grey {background:#666666;}
.bg-green {background:#00723b;}
.bg-lightgreen {background:#1baf56;}
.bg-lightergreen {background:#99cc80;}
.bg-lowgreen {background:#e7f0ed;}
.bg-blue {background:#034ea2;}
.bg-lightblue {background:#3292ff;}
.bg-lowblue {background:#e7ecf3;}
.bg-darkblue {background:#002c5e;}
.bg-black {background:#000000;}
.bg-white {background:#ffffff;}
.bg-beige {background:#dec8b2;}
.bg-gold {background:#b69c7f;}
.bg-lightgold {background:#e0c19e;}
.bg-lowgold {background:#f4ece3;}
.bg-grey {background:#999999;}
.bg-lowgrey {background:#f4f4f4;}
.bg-lightgrey {background:#E6E7E8;}
.bg-lightergrey {background:#D1D2D4;}
.bg-darkgrey {background:#666666;}
.bg-darkergrey {background:#333333;}
.bg-purple {background:#2400c1;}
.bg-lightpurple {background:#9785e3;}
.bg-lowpurple {background:#f1e9f4;}
/*Gradient*/
.gradient-lightgrey {background-color:#f6f6f6;
background: linear-gradient(to bottom right, #f6f6f6, #e6e6e6);
background:-webkit-linear-gradient(to bottom right, #f6f6f6, #e6e6e6);
background:-moz-linear-gradient(to bottom right, #f6f6f6, #e6e6e6);
background:-ms-linear-gradient(to bottom right, #f6f6f6, #e6e6e6);
background:-o-linear-gradient(to bottom right, #f6f6f6, #e6e6e6);}
.gradient-lightergrey {background-color:#B1B3B5;
background: linear-gradient(to right, #6D6E70, #B1B3B5);
background:-webkit-linear-gradient(to right, #6D6E70, #B1B3B5);
background:-moz-linear-gradient(to right, #6D6E70, #B1B3B5);
background:-ms-linear-gradient(to right, #6D6E70, #B1B3B5);
background:-o-linear-gradient(to right, #6D6E70, #B1B3B5);}
.gradient-lowgrey {background-color:#e6e6e6;
background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #e6e6e6);
background:-webkit-linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #e6e6e6);
background:-moz-linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #e6e6e6);
background:-ms-linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #e6e6e6);
background:-o-linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #e6e6e6);}
.gradient-trans {background-color:#000;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));
background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));
background:-moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));
background:-ms-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));
background:-o-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));}
.gradient-red {background-color:#d53920;
background: linear-gradient(to bottom right, #d2763e, #d13f1a,#d53920);
background:-webkit-linear-gradient(to bottom right, #d2763e, #d13f1a,#d53920);
background:-moz-linear-gradient(to bottom right, #d2763e, #d13f1a,#d53920);
background:-ms-linear-gradient(to bottom right, #d2763e, #d13f1a,#d53920);
background:-o-linear-gradient(to bottom right, #d2763e, #d13f1a,#d53920);}
.gradient-blue {background-color:#2a2a86;
background: linear-gradient(to bottom right, #2a2a86, #000053);
background:-webkit-linear-gradient(to bottom right, #2a2a86, #000053);
background:-moz-linear-gradient(to bottom right, #2a2a86, #000053);
background:-ms-linear-gradient(to bottom right, #2a2a86, #000053);
background:-o-linear-gradient(to bottom right, #2a2a86, #000053);}
.gradient-green-orange {background-color:#59c9bd;
background: linear-gradient(to bottom right, #59c9bd, #fcefa9);
background:-webkit-linear-gradient(to bottom right, #59c9bd, #fcefa9);
background:-moz-linear-gradient(to bottom right, #59c9bd, #fcefa9);
background:-ms-linear-gradient(to bottom right, #59c9bd, #fcefa9);
background:-o-linear-gradient(to bottom right, #59c9bd, #fcefa9);}
.gradient-pink {background-color:#fad8cc;
background: linear-gradient(to bottom right, #fad8cc, #fcf1ed);
background:-webkit-linear-gradient(to bottom right, #fad8cc, #fcf1ed);
background:-moz-linear-gradient(to bottom right, #fad8cc, #fcf1ed);
background:-ms-linear-gradient(to bottom right, #fad8cc, #fcf1ed);
background:-o-linear-gradient(to bottom right, #fad8cc, #fcf1ed);}

/* Text Style */
.text-custom {font-family:'Roboto Condensed',Arial,Helvetica,Verdana,Sans-serif;}
.text-serif {font-family:'Libre Baskerville',Times,serif;}
.text-thin {font-weight:300;}
.text-xthin {font-weight:200!important;}
.text-normal {font-weight:400;}
.text-bold {font-weight:700;}
.text-black {font-weight:900;}
.title {font-size:200%;}
.title-md {line-height:180%;}
.title-sm {font-size:135%;}
.title-xs {font-size:80%;}
.letter-spacing-xl {letter-spacing:6.5px;}
.letter-spacing-lg {letter-spacing:4px;}
.letter-spacing-md {letter-spacing:3px;}
.letter-spacing-sm {letter-spacing:2px;}
.letter-spacing-xs {letter-spacing:1px;}
.letter-spacing {letter-spacing:1px;}
.text-align-justify {text-align:justify;}
.text-shadow {text-shadow:0 3px 15px rgba(0,0,0,.25);}
.text-shadow-md {text-shadow:0 3px 21px rgba(0,0,0,.25);}
.text-shadow-lg {text-shadow:0 3px 28px rgba(0,0,0,.25);}
.text-shadow-xl {text-shadow:0 4px 36px rgba(0,0,0,.35);}
/*Highlight*/
.highlight-txt {background:#034ea2;color:#fff;padding:12px 30px;font-weight:300;}
/* SPACING */
.spacing {width:100%;margin:0;height:6px;overflow:hidden;}
.spacing.xs {height:3px;}
.spacing.md {height:9px;}
.spacing.lg {height:14px;}
.spacing.xl {height:18px;}
/* Seperator */
.seperator {width:100%;min-width:240px;border-bottom:2px solid #333;margin:0;height:2px;overflow:hidden;}
.seperator-xl {width:80%;min-width:240px;border-bottom:2px solid #333;margin:0;height:2px;overflow:hidden;}
.seperator-lg {width:50%;min-width:240px;border-bottom:1px solid #333;margin:0;height:2px;overflow:hidden;}
.seperator-md {width:145px;border-bottom:2px solid #333;margin:0;height:2px;overflow:hidden;}
.seperator-sm {width:80px;border-bottom:2px solid #333;margin:0;height:2px;overflow:hidden;}
.seperator-xs {width:55px;border-bottom:2px solid #333;margin:0;height:2px;overflow:hidden;}
.seperator.thin, .seperator-xl.thin, .seperator-lg.thin, .seperator-md.thin, .seperator-sm.thin, .seperator-xs.thin {border-width:1px;}
.seperator.thick, .seperator-xl.thick, .seperator-lg.think, .seperator-md.thick, .seperator-sm.thick, .seperator-xs.thick {border-width:4px;}
.seperator.thick-sm, .seperator-xl.thick-sm, .seperator-lg.think-sm, .seperator-md.thick-sm, .seperator-sm.thick-sm, .seperator-xs.thick-sm {border-width:7px;}
.seperator.thick-md, .seperator-xl.thick-md, .seperator-lg.think-md, .seperator-md.thick-md, .seperator-sm.thick-md, .seperator-xs.thick-md {border-width:12px;}
.seperator.thick-lg, .seperator-xl.thick-lg, .seperator-lg.think-lg, .seperator-md.thick-lg, .seperator-sm.thick-lg, .seperator-xs.thick-lg {border-width:18px;}
.seperator.center, .seperator-xl.center, .seperator-lg.center, .seperator-md.center, .seperator-sm.center, .seperator-xs.center {margin-left:auto!important;margin-right:auto!important;}
.seperator.red, .seperator-xl.red, .seperator-lg.red, .seperator-md.red, .seperator-sm.red, .seperator-xs.red {border-color:#d71921;}
.seperator.blue, .seperator-xl.blue, .seperator-lg.blue, .seperator-md.blue, .seperator-sm.blue, .seperator-xs.blue {border-color:#034ea2;}
.seperator.white, .seperator-xl.white, .seperator-xl.white, .seperator-md.white, .seperator-sm.white, .seperator-xs.white {border-color:#fff;}
.seperator.green, .seperator-xl.green, .seperator-xl.green, .seperator-md.green, .seperator-sm.green, .seperator-xs.green {border-color:#00723b;}
.seperator.grey, .seperator-xl.grey, .seperator-lg.grey, .seperator-xl.grey, .seperator-md.grey, .seperator-sm.grey, .seperator-xs.grey {border-color:#e4e4e4;}
/* UL List Style */
ul li, ol li {margin-top:10px;}
.ul-underline {list-style:none;padding:0;margin:5px auto;}
.ul-underline li {border-bottom:1px solid rgba(0,0,0,.25);padding:10px 0;letter-spacing:1px;}
	.ul-underline li:hover {border-bottom:1px solid rgba(0,0,0,.85);}
.ul-underline.dark li {border-bottom:1px solid #444;}
.ul-list-full li {padding:15px 0;margin:3px 1px;border:2px solid rgba(205,117,117,.65);color:#fff;letter-spacing:2px;}
.ul-list-border.quarter li, .ul-list-full.quarter li {width:32%;display:inline-block;}
.ul-list-border.half li, .ul-list-full.half li {width:49%;display:inline-block;}
.ul-arrow {list-style: url(../img/i-arrow-right-sm.png);margin:10px 0 10px 15px;padding:0;}
.ul-arrow li:after {position:relative;left:0;content:('11');font-size:12px;color:red;}
.ol-blank {margin:0;padding:0 0 0 15px;}
ul.no-padding, ol.no-padding {padding:0;margin:0;}
/* Table Style */
.table-wrap {width:100%;overflow-x:scroll;}
.table.min-width {min-width:780px;}
.table.white {margin:15px 0;}
.table.white thead tr {background:#2a2a86;color:#fff;}
.table.white tbody tr {background:#fff;color:#333;}
.table.white tbody tr:nth-child(even) {background:rgba(167,226,243,.08);color:#000;}
.table.trans-white {background:rgba(255,255,255,.0);margin:15px 0;border:0;}
.table.trans-white thead tr {background:rgba(255,255,255,.1);color:#fff;text-transform:uppercase;}
.table.trans-white tbody tr {background:transparent;color:#fff;}
.table.trans-white thead th, .table.trans-white tbody td {border:0;}
.table.trans-white tbody td {border-bottom:1px solid #333;;}
/*.table.trans-white a {color:#eecfcf;}*/
.shadow {box-shadow:0 6px 26px rgba(0,0,0,.35);}
/* Badge Style */
badge {background:red;font-size:10px;color:#fff;padding:6px 12px;vertical-align:middle;transform:rotate(36deg);}
.badge-30deg {display:inline-block;background:red;font-size:12px;color:#fff;padding:6px 12px;vertical-align:middle;transform:rotate(-26deg);margin:-45px -30px 0 0;}
/* Tabs */
.nav-list .nav.nav-pills, .nav-tabs .nav.nav-pills {width:100%;}
.nav-list .nav.nav-pills .nav-item {padding:1px;}
.nav-list .nav.nav-pills .nav-link, .nav-tabs .nav.nav-pills .nav-link {position:relative;border-radius:10px;border:0;color:#333;background:#d5d5d5;letter-spacing:2px;padding:18px 10px;font-weight:700;}
.nav-list .nav.nav-pills .nav-link:hover, .nav-tabs .nav.nav-pills .nav-link:hover {background:#bbb;}
.nav-list .nav.nav-pills .nav-link.active, .nav-tabs .nav.nav-pills .nav-link.active {background:#034ea2;color:#fff;font-weight:700;}
.nav-list .nav.nav-pills .nav-link.active::after, .nav-tabs .nav.nav-pills .nav-link.active::after {font-family:"Font Awesome 6 Free";font-weight:700;content:"\f078";font-size:8px;color:#fff;position:absolute;bottom:6px;left:0;right:0;border:0!important;}
	.nav-list .nav.nav-pills.noMargin .nav-item, .nav-tabs .nav.nav-pills.noMargin  .nav-item {padding:0;}
	.nav-list .nav.nav-pills.only-2tabs .nav-item, .nav-tabs .nav.nav-pills.only-2tabs  .nav-item {padding:0;}
	.nav-list .nav.nav-pills.only-2tabs .nav-item:first-child .nav-link, .nav-tabs .nav.nav-pills.only-2tabs  .nav-item:first-child .nav-link {border-radius:10px 0 0 10px;}
	.nav-list .nav.nav-pills.only-2tabs .nav-item:last-child .nav-link, .nav-tabs .nav.nav-pills.only-2tabs  .nav-item:last-child .nav-link {border-radius:0 10px 10px 0;}
.nav-list .nav.nav-pills.white .nav-link, .nav-tabs .nav.nav-pills.white .nav-link {border-radius:0;border-bottom:1px solid #ccc;color:#fff;letter-spacing:2px;padding:4px 0px;font-size:12px;}
.nav-list .nav.nav-pills.white .nav-link:hover, .nav-tabs .nav.nav-pills.white .nav-link:hover {text-shadow:0 2px 20px rgba(0,0,0,.95);}
.nav-list .nav.nav-pills.white .nav-link.active, .nav-tabs .nav.nav-pills.white .nav-link.active {background:transparent;color:#005480;font-weight:700;}
.nav-list .nav.nav-pills.blue .nav-link, .nav-tabs .nav.nav-pills.blue .nav-link {display:block;width:100%;border-radius:0;border-bottom:1px solid #999;color:#005480;letter-spacing:2px;font-weight:900;padding:5px 10px;font-size:16px;line-height:18px;border-radius:6px;}
.nav-list .nav.nav-pills.blue .nav-link:hover, .nav-tabs .nav.nav-pills.blue .nav-link:hover {background:#005480;color:#fff;}
.nav-list .nav.nav-pills.blue .nav-link.active, .nav-tabs .nav.nav-pills.blue .nav-link.active {background:#005480;color:#fff;font-weight:700;}

.nav-list .nav.nav-pills.with-menu .nav-link, .nav-tabs .nav.nav-pills.with-menu .nav-link {font-weight: 700;
font-size:12px;letter-spacing:1px;text-transform:uppercase;position: relative;display: block;padding: 8px 35px 8px 12px;margin:5px 0;color: #fff;-webkit-transition: color 0.1s;transition: color 0.1s;background:transparent;border:1px solid rgba(255,255,255.25);border-radius:8px;}
.nav-list .nav.nav-pills.with-menu .nav-link:hover, .nav-tabs .nav.nav-pills.with-menu .nav-link:hover {}
.nav-list .nav.nav-pills.with-menu .nav-link.active, .nav-tabs .nav.nav-pills.with-menu .nav-link.active {color: #000;background:#fff;opacity:1;}

/*Form */
label {margin-top:4px;display:block;width:100%;font-size:12px;font-weight:400;padding:4px 0 0;letter-spacing:1px;}
label.light {color:#ccc;}
label.dark {color:#333;}
label.form-check-label {display:inline-block;width:auto;}
.btn {margin:12px 0 5px 0;}
.red-star {font-weight:800;color:#f16d6d;font-size:18px;line-height:12px;}
input, select {width:100%;margin-bottom:0;border-radius:0!important;}
select::after {}
.input-checkbox {vertical-align:top;margin-top:6px;margin-bottom:0;}
.input-checkbox input {display:inline-block;vertical-align:top;}
.input-checkbox span{display:inline-block;max-width:70%;padding:2px 0 10px 0;margin:0 12px 0;line-height:16px;font-weight:700;font-size:11px;color:#000;letter-spacing:1.5px;}
.input-checkbox span img {display:inline-block;float:left;max-width:100px;max-height:75px;margin:2px 10px;}
fieldset {border:0;outline:0;}
/*.form-control, .form-select {width:100%;border:0;border-bottom:2px solid #333;padding:6px 2px;height:40px;margin:0;display:block;line-height:18px;font-size:16px;box-shadow: none;outline:0px inset white;outline-offset:-1px;letter-spacing:1px;}
.form-control.center, .form-select.center {text-align:center;}
.form-control.light, .form-select.light {background:rgba(255,255,255,.75)!important;border:0;}
.form-control.grey, .form-select.grey {background:rgba(0,0,0,.2)!important;border:0;}
.form-control.dark, .form-select.dark {background:rgba(0,0,0,.75);color:#fff;border:0;}
.form-control.border, .form-select.border {outline:0;border:1px solid #ccc!important;}
.form-control.border-btm, .form-select.border-btm {background:rgba(255,255,255,0);border:0!important;outline:0;border-bottom:2px solid black!important;}
.form-control.border-btm.red, .form-select.border-btm.red {border-bottom:2px solid red!important;}
.form-control.auto-width, .form-select.auto-width {width:auto;max-width:100%;}
.form-control.one-digit-width, .form-select.one-digit-width {width:28px;max-width:28px;padding:0px 1px;text-align:center;display:inline-block;}
.form-control.padding, .form-select.padding {margin:12px 10px 6px!important;}*/
.form-control-txt {position:relative;width:100%;border:0;border-bottom:1px solid #999;padding:6px 2px;min-height:40px;font-weight:700;margin:0;display:block;line-height:18px;font-size:16px;box-shadow: none;outline:0px inset white;outline-offset:-1px;letter-spacing:1px;}
.form-control-txt.fix-width {overflow-y:hidden;max-height:40px;}
	.form-control-txt.sm {font-size:12px;line-height:14px;padding:3px 2px;}
	.form-control-txt.md {font-size:14px;line-height:16px;padding:4px 2px;}
	.form-control-txt.lg {font-size:18px;line-height:20px;}
	.form-control-txt.xl {font-size:24px;line-height:27px;}
	.form-control-txt.no-border {border-width:0!important;}
	.form-control-txt.border-md {border-bottom:2px solid #333;}
	.form-control-txt.border-lg {border-bottom:4px solid #333;}
	.form-control-txt.border-xl {border-bottom:8px solid #333;}
	.form-control-txt.red {border-color:red!important;}
	.form-control-txt.blue {border-color:#0c4da2!important;}
	.form-control-txt.green {border-color:#0a8736!important;}
.form-control-txt.active,.form-control-txt.pending, .form-control-txt.alert {padding:6px 22px 6px 2px;}
	.form-control-txt.active::after, .form-control-txt.pending::after, .form-control-txt.alert::after {font-family:"Font Awesome 6 Free";font-weight:700;content:"\f00c";font-size:12px;font-weight:700;color:#0a8736;position:absolute;right:2px;top:16px;}
	.form-control-txt.pending::after {content:"\f017";color:#999;}
	.form-control-txt.alert::after {content:"\f00d";color:#fb4040;}

select.form-control, select.form-select {border-radius:none!important;}
.form-select-indicator-color {color:red!important;background:red!important;}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#999;
	font-size:13px;
  opacity: 1; /* Firefox */
	letter-spacing:1px;
}
.form-control.light::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#ccc;
  opacity: 1; /* Firefox */
}
.form-control.light:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#ccc;
}
.form-control.light::-ms-input-placeholder { /* Microsoft Edge */
  color:#ccc;
}
.form-control-text {width:100%;background:#bbb!important;border:0;border-bottom:2px solid #bbb;border-left:2px solid #666;padding:12px 10px;min-height:40px;margin:0;display:block;line-height:18px;font-size:16px;box-shadow: none;outline:0px inset white;outline-offset:-1px;letter-spacing:1px;}
.form-control-text.md {min-height:120px;}
.form-control-text.lg {min-height:300px;}
.form-control-text.light {background:#666!important;color:#fff;border-radius:5px;box-shadow:0 1px 18px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.15);}

/* Full width box */
.display-table {display:table;width:100%;max-width:100%;min-height:100%;height:100vh;margin:0 auto;}
	.display-table.lg {width:80%;max-width:80%;}
	.display-table.md {width:80%;max-width:860px;}
	.display-table.full {min-height:500px;height:100vh;}
	.display-table.twothird {min-height:480px;height:80vh;}
	.display-table.xhalf {min-height:350px;height:60vh;}
	.display-table.half {min-height:240px;height:50vh;}
	.display-table.xquarter {min-height:280px;height:30vh;}
	.display-table.quarter {min-height:160px;height:25vh;}
.ver-middle {display:table-cell;vertical-align:middle;height:100%;}
.ver-top {padding:0px 30px 20px 50px;}

/* Box Shape */
.curve-box {border-radius:35px;padding:60px 30px;min-height:100%;}

/* Accordion */
.accordion-item {border:0;margin:0 0 5px;}
.accordion-button::after {color:red;}
.accordion-button {background:#0c4da2!important;color:#fff!important;border-radius:0px!important;border-bottom:0px solid #0c4da2;font-weight:700;text-align:left!important;}
.accordion-button.collapsed {background:#fff!important;color:#0c4da2!important;border-radius:0px!important;border-bottom:1px solid rgba(0,0,0,.05);}
.accordion-body {background:#fff;color:#000;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* TOP SPACING */
.top-spacing {min-height:100px;background:transparent;}
.reduce-top {margin-top:-100px;}

/* NAVBAR */
.navbar {border:0;padding:0;background:rgba(255,255,255,0);font-family:'Roboto',Arial,Helvetica,Verdana,sans-serif;}
.navbar.fixed-top {margin:0;padding:20px 0;min-height:100px;background:rgba(255,255,255,1);box-shadow:0;}
.navbar-bg {width:100%;}
/* Navbar Brand */
.navbar .navbar-brand {position:absolute;z-index:999;top:13px;left:25px;width:175px;max-width:215px;padding:5px 0px;margin:0;display:inline-block;border-radius:10px;}
.navbar .navbar-brand img {width:175px;padding:5px;}
/* Navigation */
.navbar.fixed-top {z-index:20;top:0;/*box-shadow:0 4px 14px rgba(0,0,0,.1);*/}
.navbar.fixed-top .navbar-nav {margin:0 auto!important;}
.navbar.fixed-top .nav-break {position:absolute;width:100%;top:32px;}
/* Navi Rollover */
.navbar-collapse {background:#fff;text-align:right;clear:both;margin:0;}
.navbar .navbar-collapse .nav-close {display:none;}
	/*Navbar Collapse Animation*/
	#mainNavi {transition: width 0.1s ease;}
.navbar-nav {position:absolute;top:0;left:520px;margin:0 auto;padding:0;width:auto;max-width:740px;text-align:left;}
.dual-lang .navbar-nav {top:-10px;}
.navbar-collapse .nav-item {display:inline-block;padding:0;float:none!important;margin:12px 0 0;}
.navbar-collapse .nav-item.title {display:none;margin:30px 0 18px;}
	/* Link Style (homepage - white) */
	.navbar.fixed-top .nav-item .nav-link {font-size:12px;color:#000;padding:5px 24px;margin:0 5px 0 0;text-transform:Uppercase;;letter-spacing:2.5px;border:1px solid #ccc;font-weight:500;border-radius:2px;}
		.navbar.fixed-top .nav-item .nav-link:hover, .nav-item .nav-link:hover {opacity:.5;text-decoration:none;color:#034ea2;}
		.navbar.fixed-top .nav-item.active .nav-link, .navbar.fixed-top .nav-item.active .nav-link:hover {background:#034ea2;border:1px solid #034ea2;color:#fff!important;text-decoration:none;}
	.navbar.fixed-top .nav-item .nav-link.nav-link-onlyIcon {font-size:16px;color:#000;padding:5px 16px;margin:0 5px 0 0;text-transform:capitalize;;letter-spacing:2.5px;border:0px solid #ccc;font-weight:500;}
	.navbar.dual-lang .nav-item .nav-link.nav-link-onlyIcon {padding-top:10px;}
		.navbar.fixed-top .nav-item .nav-link.nav-link-onlyIcon :hover {opacity:1;text-decoration:none;color:#034ea2;}
	.navbar.fixed-top .nav-item.nav-highlight {margin-left:20px;}
	.navbar.fixed-top .nav-item.nav-highlight .nav-link {background:transparent!important;color:#639e33;}
/* Dropdown (dropdown Arrow on the Right side) */
.navbar.fixed-top .dropdown .nav-link.dropdown-toggle, .navbar.fixed-top .dropdown-toggle.toggle, .navbar.fixed-top .dropdown-toggle.active {transition:1.5s slide all;}
.navbar.fixed-top .dropdown .dropdown-toggle {position:relative;}
.navbar.fixed-top .dropdown .dropdown-toggle::after {font-family:"Font Awesome 6 Free";font-weight:700;content:"\f078";font-size:8px;color:#333;position:absolute;top:30%;right:2px;border:0!important;}
 .navbar.fixed-top .nav-item.active .dropdown-toggle::after {color:#fff;}
/*.navbar.fixed-top .dropdown-toggle .toggle-arrow {position:absolute;top:39%;right:-30px;font-size:9px;display:none;}
.navbar.fixed-top .dropdown-toggle:hover .toggle-arrow {display:block;color:#d65e80;}
.navbar.fixed-top.in .dropdown-toggle:hover .toggle-arrow {display:block;color:#00557d;}*/
/* Dropdown Menu Box Style Align Center */
.navbar.fixed-top .dropdown-menu, .dropdown-menu {background:white!important;padding:12px 0;top:;box-shadow:0 4px 12px rgba(0,0,0,.1);border:0!important;}
.dropdown-menu .dropdown-item-txt, .dropdown-menu .dropdown-item .dropdown-item-txt {display:inline-block;max-width:80%;}
.dropdown-menu .dropdown-item i {vertical-align:top;padding:3px 0 0;}
/* Dropdown */
.navbar.fixed-top .dropdown-menu li, .dropdown-menu li {position:relative;margin:0px;}
.navbar.fixed-top .dropdown-item, .dropdown-item {font-size:.8rem;padding:12px 32px 12px 15px!important;margin:0px;background:#fff;color:#000!important;letter-spacing:1px;text-transform:uppercase;}
	.navbar.dual-lang .dropdown-item {padding:6px 32px 6px 15px!important;}
.navbar.fixed-top .dropdown-item:hover, .navbar.fixed-top .dropdown-item:focus, .navbar.fixed-top .dropdown-item.active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {background:#034ea2;color:#fff!important;opacity:1;}
.navbar.fixed-top .dropdown-item.active::after, .dropdown-item.active::after {font-family:"Font Awesome 6 Free";font-weight:700;content:"\f00c";font-size:12px;color:#fff;position:absolute;top:30%;right:12px;border:0!important;}
/*.navbar.fixed-top .dropdown-item:first-child {padding-top:15px;}
.navbar.fixed-top .dropdown-item:last-child {border-bottom:0;padding-bottom:15px;}
.navbar.fixed-top .dropdown-item.active::after {font-family:"Font Awesome 6 Free";font-weight: 900;content:"\f00c";font-size:14px;color:#fff;position:absolute;top:;right:12px;}*/
/* Header without Navi & Toggler */
.without-navi {}
.without-navi .navbar-toggler, .without-navi .navbar-collapse {display:none!important;}
/*Login or Dropdown Selection*/
.navbar .nav-right {position:absolute;right:30px;top:42px;z-index:99999999;font-size:21px;}
.navbar.dual-lang .nav-right {top:36px;}
	.navbar .nav-right .nav-right-item {display:inline-block;vertical-align:top;}
	.navbar .nav-right .nav-link {position:relative;display:block;padding:0 6px;text-align:center;}
	.navbar .nav-right .nav-link i {display:block;padding:0 0 5px 10px;margin:0 auto;}
	.navbar .nav-right .nav-link .nav-right-iconTxt {display:block;font-size:.34em;letter-spacing:.5px;padding:0;margin:0;text-transform:uppercase;line-height:1.1em;}
	.navbar .nav-right .nav-link .cart-alert {position:absolute;top:-12px;right:0;display:block;font-size:.4em;line-height:1.8em;font-weight:700;padding:2px 3px;background:#00723b;color:#fff;border-radius:15px;min-width:24px;text-align:center;text-transform:uppercase;letter-spacing:.2px;border:2px solid #fff;}
	.navbar .nav-right .nav-dropdown-link {padding:3px 10px;}
	.navbar .nav-right .nav-dropdown-link::after {font-family:"Font Awesome 6 Free";font-weight: 900;content:"\f0dd";font-size:30px;color:#333;position:absolute;top:10%;right:-15px;}
.navbar .nav-right .sub-title, .navbar .nav-right a {color:#000!important;letter-spacing:2px;}
.navbar .nav-right a:hover {color:#f4f4f4;}
/*Resposive Burger*/
.navbar-toggler {position:absolute;top:50px;right:0px;}
.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {outline:0!important;border:0!important;box-shadow: none;}
	/* TO EDIT BOOTSTRAP TOGGLER STYLE */
	.navbar-toggler, .navbar-toggler-icon {border:0!important;border-color:white!important;outline-color:white;background:transparent!important;}
	.navbar-toggler-icon.open {margin-top:-10px!important;}
/* Animate Burger */
.animated-icon {width:30px;height:20px;position:relative;right:0;z-index:999999;margin:0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.animated-icon span {display: block;position: absolute;height: 2px;width: 100%;border-radius: 9px;opacity: 1;left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.animated-icon span {background: #333;}
.animated-icon span:nth-child(1) {top: 0px;}
.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {top: 10px;}
.animated-icon span:nth-child(4) {top: 20px;}
.animated-icon.open span:nth-child(1) {top: 11px;width: 0%;left: 50%;}
.animated-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.animated-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.animated-icon.open span:nth-child(4) {top: 11px;width: 0%;left: 50%;}

/* Navi Title */
.navi-title-block {position:fixed;top:26px;left:265px;z-index:1;display:inline-block;}
.navi-title-txt {font-family:'Roboto Condensed',Arial,Helvetica,Verdana,Sans-serif;line-height:.9em;font-size:1.4em;color:#999;border-left:3px solid #ccc;padding-left:15px;height:46px;width:200px;display:table;}
.navi-title-vBtm {display:table-cell;vertical-align:bottom;}
.navi-title-txt strong {color:#000;}
.navi-title-txt small {font-size:.5em;line-height:1.2em;display:block;}
.navi-title-txt .navi-title-sm {font-size:.85em;line-height:.8em;display:block;margin:6px 0 0;}

/* Search */
.check-shipment {position:fixed;z-index:9998;background:#fff;padding:20px 0 12px;}
.check-shipment-closebtn {position:absolute;z-index:9999;right:25px;top:44%;}
.search-box {padding:12px 0;}

/* !!!!!!! ANIMATE WHEN SCROLL - Navbar shrink when scroll !!!!!
-------------------------------------------------- */
nav.navbar.fixed-top.shrink {top:0px;transition: all .15s ease-in;-moz-transition: all .15s ease-in;-webkit-transition: all .15s ease-in;-o-transition: all .15s ease-in;box-shadow:0 4px 24px rgba(0,0,0,.25);min-height:auto;height:66px!important;margin:0;background:#ffffff;}
nav.navbar.fixed-top.shrink .navbar-nav {top:-8px;}
nav.navbar.dual-lang.shrink .navbar-nav {top:-12px;}
nav.navbar.fixed-top.shrink .navbar-brand {top:5px;left:20px;max-height:40px;overflow:hidden;}
nav.navbar.fixed-top.shrink .navbar-brand img {width:160px;padding:0 15px 5px 10px;}
nav.navbar.fixed-top.shrink .navbar-collapse {margin:0px 0px 0 0px;}
nav.navbar.fixed-top.shrink .nav-break {top:13px;}
nav.navbar.fixed-top.shrink .navbar-toggler {top:24px;right:0;}
nav.navbar.fixed-top.shrink .nav-item .nav-link {}
nav.navbar.fixed-top.shrink .nav-item .nav-link:hover, .nav-item .nav-link:hover {text-decoration:none;opacity:1;}
nav.navbar.fixed-top.shrink .dropdown-menu {}
nav.navbar.fixed-top.shrink .animated-icon {margin: 0 30px 0 0;}
nav.navbar.fixed-top.shrink .nav-right {top:22px;}
nav.navbar.dual-lang.shrink .nav-right {top:16px;}
nav.navbar.fixed-top.shrink .nav-right img {max-width:35px;}
nav.navbar.fixed-top.shrink .navi-title-block {top:0px;left:230px;z-index:2223;display:inline-block;}
nav.navbar.fixed-top.shrink .navi-title-txt {padding:0 0 0 15px;height:66px;}
nav.navbar.fixed-top.shrink .navi-title-vBtm {height:65px;display:table-cell;vertical-align:middle;}
nav.navbar.fixed-top.shrink .navi-title-txt strong {color:#000;}

/* ------------------------------------------------ */

/* Scrollbar */
#style-1::-webkit-scrollbar-track
	{border-radius:10px;background-color:transparent;}
#style-1::-webkit-scrollbar
	{width:12px;background-color:transparent;}
#style-1::-webkit-scrollbar-thumb
{border-radius: 10px;background-color:#d9d9d9;}

/* Bootstrap Slider / Carousel
-------------------------------------------------- */
.carousel.home {background:#ccc;}
.trans-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:1;}
.carousel-bottom-gradient {position:absolute;left:0;right:0;bottom:0;width:100%;height:100px;}
.carousel-bottom-gradient {background-color:#e8f1ee;
background: linear-gradient(to bottom, rgba(232,241,238,0), rgba(232,241,238,1));
background:-webkit-linear-gradient(to bottom, rgba(232,241,238,0), rgba(232,241,238,1));
background:-moz-linear-gradient(to bottom, rgba(232,241,238,0), rgba(232,241,238,1));
background:-ms-linear-gradient(to rgba(232,241,238,0), rgba(232,241,238,1));
background:-o-linear-gradient(to rgba(232,241,238,0), rgba(232,241,238,1));}

}
/* Carousel Default Size */
.carousel-inner>.carousel-item {height:auto;min-height:680px;background-repeat: no-repeat!important;background-size: cover!important;background-position: center center!important;position:relative;}
.carousel-inner>.carousel-item.in {height:100vh;min-height:680px;}
.carousel-inner.in-half>.carousel-item {height:100vh;min-height:500px;}
.carousel-inner.flex>.carousel-item {height:auto!important;min-height:180px!important;margin-bottom:80px;}
/* Carousel IMG */
#myCarousel .carousel-item img{width: 100%;}
/* Carousel Content (Size & Position) */
.carousel-inner.in .layer-img, .carousel-inner.in-half .layer-img {display:none;}
/* Carousel Image */
.carousel-inner>.carousel-item .layer-pic {position:relative;z-index:1;margin-top:0px;min-height:780px;height:100vh;}
.carousel-inner>.carousel-item .layer-pic img {max-width:100%;text-align:center;}
.carousel-inner>.carousel-item .layer-wrap {position:absolute;z-index:2;height:100vh;min-height:740px;display:table;margin:0 auto;}
	.carousel-inner>.carousel-item .layer-wrap.full {margin:0;}
	.carousel-inner>.carousel-item .layer-wrap.left {margin:0 50% 0 0;}
	.carousel-inner>.carousel-item .layer-wrap.right {margin:0 0 0 50%;}
.carousel-inner>.carousel-item .layer-slogan {display:table-cell;vertical-align:middle;padding-top:10px;}
.carousel-inner>.carousel-item .layer-slogan.top{vertical-align:top;}
.carousel-inner>.carousel-item .layer-slogan.bottom{vertical-align:bottom;padding-bottom:10vh;}
.carousel-inner>.carousel-item .layer-slogan.left {margin:0;padding-left:6%;text-align:left;}
.carousel-inner>.carousel-item .layer-slogan.center {margin:0 auto;text-align:center;}
.carousel-inner>.carousel-item .layer-slogan.right {margin:0 15% 0 0;}
.carousel-inner>.carousel-item .layer-slogan.xs, .carousel-inner>.carousel-item .layer-slogan .xs {width:30vw;max-width:400px;}
.carousel-inner>.carousel-item .layer-slogan.sm {width:50vw;max-width:600px;}
.carousel-inner>.carousel-item .layer-slogan.md {width:60vw;max-width:800px;}
.carousel-inner>.carousel-item .layer-slogan.lg {width:75vw;max-width:980px;}
.carousel-inner>.carousel-item .layer-slogan.xl {width:88vw;max-width:88%;padding-left:6%;}
/* Carousel Content (Text Style) */
.carousel-inner>.carousel-item .layer-slogan h1{font-size:78px;line-height:78px;text-transform: uppercase;letter-spacing: 5px;margin:15px 0 0;padding: 0;}
.carousel-inner>.carousel-item .layer-slogan h2{font-size:50px;line-height:47px;text-transform: uppercase;letter-spacing: 5px;margin: 15px 0 0;padding: 0;}
.carousel-inner>.carousel-item .layer-slogan h3{font-size:40px;line-height:40px;text-transform:none;letter-spacing: 5px;margin: 0 0 15px;padding: 0;}
.carousel-inner>.carousel-item .layer-slogan h4{font-size:30px;line-height:38px;text-transform:none;letter-spacing: 3px;margin: 0 0 15px;padding: 0;}
.carousel-inner>.carousel-item .layer-slogan .title-h1 {font-weight:900;letter-spacing:0;padding-top:20px;}
.carousel-inner>.carousel-item .layer-slogan .layer-slogan-title {text-shadow:0 3px 24px rgba(0,0,0,.5);}
.carousel-inner>.carousel-item .layer-slogan .title-h4 {font-weight:400;letter-spacing:4px;}
.carousel-inner>.carousel-item .layer-slogan .layer-text {padding-left:12%;}
.carousel-inner>.carousel-item .layer-slogan .bg-trans-green {background:rgba(0,148,68,.75);color:#fff;display:inline-block;width:auto;padding:10px 30px 25px;}
.slider-h5 {line-height:1.75em;font-size:1.2em;}

/* Carousel Control */
.carousel-control-prev, .carousel-control-next, .carousel-control-prev:hover, .carousel-control-next:hover, .carousel-control-prev h1, .carousel-control-next h1, .carousel-control-prev:hover h1, .carousel-control-next:hover h1 {-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;transition: all .2s ease-out;}
.carousel-control-prev, .carousel-control-next {z-index: 4;background:transparent!important;border:0!important;}
.carousel-control-prev h1, .carousel-control-next h1 {padding-top:50%;}
.carousel-control-prev:hover h1 {transform:scale(1.3);margin:-35px 0 0 -15px;}
.carousel-control-next:hover h1 {transform:scale(1.3);margin:-35px 0 0 15px;}
.carousel-control{height:100vh;}
.carousel-control span{color:white;}
/* Carousel Indicator */
.carousel-indicators{bottom:45px;}
.carousel-indicators button {width:12px!important;height:12px!important;padding:0!important;border-radius:100%;background-color:transparent;border:2px solid white;margin:4px;}
.carousel-indicators .active{width:7px;height:7px;border-radius:50%;background-color:white;border:2px solid white;}
/* Fade Effect */
.carousel-fade .carousel-item {opacity:0;transition:opacity 0.25s ease-in-out;-moz-transition:opacity 0.25s ease-in-out;-ms-transition:opacity 0.25s ease-in-out;-webkit-transition:opacity 0.25s ease-in-out;}
.carousel-fade .carousel-item.active {opacity: 1;}
/* Gallery Carousel */
.c-image img {max-width:100%;width:100%;padding:0 0px;}
.c-text {position:absolute;bottom:-65px;width:100%;color:#005480;text-align:center;padding:25px 40px;font-size:12px;letter-spacing:1.5px;font-weight:900;}

.layer-dots {position:absolute;top:20%;right:11%;z-index:3;max-width:200px;}
.dot-circle {width:180px;height:180px;border-radius:100%;background:#be1e2d;color:#fff;padding:0 10px;margin:15px 0;text-align:center;}
.dot-circle .ver-middle {height:180px;max-height:180px;}
.dot-circle h2 {margin:0;}
.dot-circle p {font-size:13px;line-height:15px;margin:0;letter-spacing:1px;}

/* Table */
.table th {background:#f2b033;font-weight:700;}

/* Bootstrap Top Banner
-------------------------------------------------- */
/* Toogle Style */
.item-toggle {display:none;background:#fff;color:#000;padding:0px 15px 20px;margin-top:-10px;}
.item-toggle .form-group {padding:0;margin:0;clear:both;}
.item-toggle h4 {padding:9px 10px;}
.item-toggle .input-text {display:inline-block;}

/* Modal */
.modal-backdrop {position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;background-color:rgba(32,77,156,.98);}
.modal-backdrop.fade{filter:alpha(opacity=9.6);opacity:.96}
/*Modal Content Style*/
.modal-content {position:relative;z-index:9999999;border-radius:0px;padding:0px;border:0px solid rgba(0,0,0,.15);color:#404041;box-shadow:0 4px 50px rgba(0,0,0,.12);}
.modal-content.border {border:10px solid #fff;}
.modal-content.shadow {box-shadow:0 10px 30px rgba(0,0,0,.1);}
.modal-content-box.padding {padding:20px 15px 50px;}
/*Modal Header & footer*/
.modal-header {position:relative;background:#ccc;height:auto!important;min-height:60px;border:0;border-radius:0;padding:0;border-bottom:1px solid #ccc!important;overflow:hidden;}
	.modal-header .modal-title {max-width:90%;line-height:1em;padding:10px 20px;}
		.modal-header .modal-title small {display:block;}
	.modal-header .btn-close {position:absolute;right:0;top:0;width:70px;height:120%;min-height:120%;display:table;text-align:center;line-height:120%;font-size:30px;padding:0px;background:#333;border-radius:0;color:#ccc;opacity:1;}
		.modal-header .btn-close:hover, .modal-header .btn-close:focus {background:#000;color:#fff;}
.modal-body {background:transparent;border:0;position:relative!important;padding:0!important;}
.modal-footer {background:transparent;/*border:0;*/}
/*Modan Flex*/
.modal-flex .modal-content {position:relative;}
.modal-flex .modal-header {position:absolute;z-index:9991090;top:0;left:0;right:0;border:0;padding:15px 20px;margin:0;width:100%;background:rgba(255,255,255,.28);}
/*Custom Modal Style*/
.modal-blank {background:transparent;background-size:cover;padding:15px;margin:10px 0;border-radius:8px;position:fixed;box-shadow:none;}
.modal-blank .modal-content {background:rgba(0,0,0,0);box-shadow:none;border:none;outline:0;border-radius:0;margin:0;padding:10px 0 20px;box-shadow: none;}
.modal-blank .modal-content.blank-bg {background:transparent;box-shadow:none;border:0px solid;outline:0;border-radius:0;}
.modal-blank .modal-body {padding:0;margin:0;box-shadow:0 1px 10px #000;}
.modal-bg {background:#666;color:#fff;width:100%;padding:40px 15px 40px 15px;}
.modal-blank .modal-header {position:relative;z-index:9991090;border:none;padding-left:0;}
.modal-blank .modal-header .modal-title {font-size:24px;}
.modal-blank .close {text-shadow:none;position:absolute;z-index:999;width:100%;top:0;right:-5px;font-size:40px;margin:0 0 0 0;text-align:right;}
.modal-blank .modal-content-box {color:#000;}

/* Footer */
footer {padding:55px 20px 10px;margin:0;position:relative;z-index:15;background:#fff;}
footer.footer-fullscreen {padding:15px 20px;background:transparent;position:fixed;bottom:0;left:0;right:0;}
footer.footer-fullscreen, footer.footer-fullscreen p {line-height:150%;}
footer .container {padding:45px 20px 0;}
footer .copyright-box {line-height:26px;vertical-align:middle;font-size:12px;letter-spacing:1px;color:#bbb;}
footer .copyright-box p {color:#000;font-weight:400;line-height:20px;letter-spacing:2px;}
footer .copyright-box ul {list-style:none;margin:18px auto 24px;padding:0;}
footer .copyright-box li {display:inline-block;padding:0 21px 0 0;margin:0;}
footer .copyright-box li:last-child {border-right:0;}
footer .copyright-box li a {padding:0;color:#777;text-transform:uppercase;}
footer .copyright-box li a:hover {padding:0;color:#ccc;}
footer .copyright-logo {margin:20px 0 12px;}
footer .copyright-logo img {padding:0;max-width:115px;}
footer .footer-logo {text-align:center;padding-bottom:15px;}
footer .footer-logo img {max-width:100%;width:45px;}
footer .footer-logo a {padding:10px 0 0 4px;margin:0 5px 5px 0;font-size:21px;color:#fff;border-radius:50%;opacity: .85;}
footer .footer-logo a:hover {opacity:1;}
footer .footer-btn {text-align:right;padding:0;}
footer .footer-btn a {font-size:21px;color:#666;}
footer .footer-btn a:hover {color:#000;}
	footer .footer-icon-float {position:fixed;bottom:15px;right:15px;background:#fff;padding:6px 6px 3px 10px;border-radius:10px;}
	footer .footer-icon-float:hover {box-shadow:0 2px 14px rgba(0,0,0,.25);}
footer .footer-links {padding:45px 20px;}
footer .footer-links ul {padding:0;margin:0;list-style:none;}
footer .footer-links li {display:inline-block;position:relative;}
	footer .footer-links li a {display:block;padding:3px 20px;font-weight:400;color:#fff;font-size:1.12em;letter-spacing:2px;}
	footer .footer-links li:first-child a {padding:10px 20px 10px 0;}
footer .footer-links li a::before {font-family:"Font Awesome 6 Free";font-weight: 900;content:"\f111";color:#ccc;font-size:6px;position:absolute;top:39%;left:-2px;}
	footer .footer-links li:first-child a::before {content:"";}
/* Footer - Motion */
.footer-nav .go-up, .footer-nav .go-up:hover, .footer-social, .footer-social:hover {-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}

/**** LOGIN ****/
.nav-login {position:absolute;width:100%;top:0;left:0;right:0;}
	.nav-login .login-branding {width:50%;padding:50px;margin-left:50%;}
	.nav-login .login-branding img {max-width:195px;}
.login-slider {height:100vh;min-height:780px;}
.login-content {position:relative;height:auto;min-height:500px;padding:130px 50px 80px;}
.login-copyrights {position:absolute;width:100%;bottom:25px;left:0px;right:0px;padding:0 50px;}
/**** Homepage ****/

/* DASHBOARD */
.small-label {display:block;font-size:.4em;letter-spacing:1px;padding:0;margin:-2px 0 0;text-transform:uppercase;}
.dashboard-panel {}
.row-padding {padding:35px 50px;}
.content-padding {padding:50px 35px;}
.header-secure {padding:10px 35px;}
.header-secure {background-color:#1baf56;
background: linear-gradient(to right, #076528, #076528, #0c4da2);
background:-webkit-linear-gradient(to right, #076528, #076528, #0c4da2);
background:-moz-linear-gradient(to right, #076528, #076528, #0c4da2);
background:-ms-linear-gradient(to right, #076528, #076528, #0c4da2);
background:-o-linear-gradient(to right, #076528, #076528, #0c4da2);}
.header-secure.bg-grey {background:#e2e2e2!important;}
.header-running-txt {position:relative;font-size:.86em;letter-spacing:.8px;padding:0 0 0 35px;}
.header-deco-banner {width:100%;min-height:185px;}
.dashboard-left {padding:0;border-right:4px solid #fff;}
.dashboard-right {padding:0;border-left:4px solid #fff;}
.dashboard-div-height-left {min-height:350px;}
.dashboard-div-height-right {min-height:350px;max-height:350px;overflow-y:scroll;}
.dashboard-btn-row {}

/*SEARCH*/
.search-panel .form-control, .search-panel:hover .form-control {-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}
.search-panel:hover .form-control  {transform: scale(1.015);}
.search-panel .form-control {box-shadow:0 7px 15px rgba(0,0,0,.15);}
.search-panel:hover .form-control {box-shadow:0 4px 25px rgba(16,79,158,.5);}

/**** All Pages ****/
.full-height-block {width:100%;min-height:100vh;height:100%;}
.content-panel-wrap {height:100%;min-height:84vh;}
/*Page Anchor*/
.page-anchor {position:absolute;top:-66px;left:0;opacity:0;width:1px;height:1px;}
/*Inside Banner */

/*Float Shape background */
.float-bg-shape {position:absolute;z-index:0;width:100%;}
.float-bg-shape img {max-width:1500px;min-width:400px;margin:-15% -25px 0 -25px;}

/* Title */
.dash-left {border-left:9px solid #999;padding-left:25px;}
.title-lg {font-family:'Roboto Condensed',Arial,Helvetica,Verdana,Sans-serif;line-height:.9em;}
/* TITLE */
.header-title {position:relative;z-index:3;padding:30px 35px;}
  .header-title-h1 {font-size:38px;letter-spacing:2px;font-weight:300;color:#fff;line-height:38px;}
.header-title {background-color:#0c4da2;
background: linear-gradient(to right, #0c4da2, #0c4da2, #0a8736);
background:-webkit-linear-gradient(to right, #0c4da2, #0c4da2, #0a8736);
background:-moz-linear-gradient(to right, #0c4da2, #0c4da2, #0a8736);
background:-ms-linear-gradient(to right, #0c4da2, #0c4da2, #0a8736);
background:-o-linear-gradient(to right, #0c4da2, #0c4da2, #0a8736);}
.header-title.secureSite {background-color:#1baf56;
background: linear-gradient(to right, #076528, #076528, #0c4da2);
background:-webkit-linear-gradient(to right, #076528, #076528, #0c4da2);
background:-moz-linear-gradient(to right, #076528, #076528, #0c4da2);
background:-ms-linear-gradient(to right, #076528, #076528, #0c4da2);
background:-o-linear-gradient(to right, #076528, #076528, #0c4da2);}
.header-title.shrink {position:fixed;width:100%;top:64px;padding:10px 35px 10px;}
.header-title.shrink .header-title-h1 {font-size:24px;letter-spacing:1.5px;line-height:28px;}

/* Other Style */
.rounded-box {border-radius:24px;background:red;}
.rounded-box.rounded-special {border-radius:0 120px;}
.rounded-box.outline {background:transparent;border:2px solid #00b050;}
.rounded-box.outline-red {background:transparent;border:5px solid red;}
.rounded-box.outline-white {background:transparent;border:5px solid #fff;}
.rounded-box.outline-black {background:transparent;border:5px solid #333;}
.rounded-box.outline-tranwhite {background:transparent;border:5px solid rgba(255,255,255,.65);}
.rounded-box.outline-grey {background:rgba(255,255,255,.75);border:5px solid #e8e8e8;}
.rounded-box.white {background:rgba(255,255,255,.9);}
.rounded-box.gradient-green-orange {background-color:#59c9bd;
background: linear-gradient(to bottom right, #59c9bd, #fcefa9);
background:-webkit-linear-gradient(to bottom right, #59c9bd, #fcefa9);
background:-moz-linear-gradient(to bottom right, #59c9bd, #fcefa9);
background:-ms-linear-gradient(to bottom right, #59c9bd, #fcefa9);
background:-o-linear-gradient(to bottom right, #59c9bd, #fcefa9);}

/* SEWERAGE ACCOUNT */
.collapse-box {position:relative;margin:0 0 15px;}
.collapse-wrap {position:relative;background:#034ea2;border-radius:12px;box-shadow:0 5px 24px rgba(0,0,0,.1);padding:12px 0 0;overflow:hidden;border:2px solid #034ea2;}
.collapse-wrap:hover {/*background:rgba(255,255,255,1);*/box-shadow:0 5px 24px rgba(12,77,162,.4);transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);}

.collapse-pukal-wrap {position:relative;background:#347042;border-radius:12px;box-shadow:0 5px 24px rgba(0,0,0,.1);padding:12px 0 0;overflow:hidden;border:2px solid #347042;}
.collapse-pukal-wrap:hover {/*background:rgba(255,255,255,1);*/box-shadow:0 5px 24px rgba(12,77,162,.4);transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);}

.list-number-float {position:absolute;top:-11px;left:-12px;z-index:1;min-width:28px;font-size:.85em;font-weight:700;text-align:center;border-radius:14px;padding:4px 5px;background:#fff;}
.collapse-content {background:#fff;color:#000;padding-top:10px;padding-bottom:20px;}

/* Announcement */
/*.owl-announcement {display: flex;}
.owl-announcement .item {display: flex;flex:1 0 auto;height:100%;}*/
.announcement-content {height:100%;min-height:180px;padding:18px 20px;margin:5px 0px 5px 0;background:#e2e2e2;border-radius:6px;}
.announcement-date {font-weight:300;font-size:18px;letter-spacing:2px;color:#999;}
.announcement-txt {font-size:.9em;letter-spacing:1.5px;}
.search-block:hover {box-shadow:0 4px 22px rgba(0,0,0,.15);}
.note-block p {font-size:.7em;}

/*Youtube*/
.youtube-video {position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height:0;}
.youtube-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ====================================================================================================================
 * CUSTOM FOR THIS WEBSITE ONLY
 * ====================================================================================================================*/
.sub-title, .sub-title small {display:block;}
.sub-title small {font-size:.6em;font-weight:400;}
.dual-lang-alert {line-height:1.04em;max-width:85%;display:inline-block;}
.dual-lang-alert small, .dual-lang-alert .small {display:block;}

.listing-section {list-style:none;padding:0;margin:0;}
.listing-section li {padding:0;margin:0;}
.listing-section-head  {background:#034ea2;color:#fff;}
.listing-section-row  {background:#fff;border-bottom:2px solid #034ea2;padding:12px 0;}
.listing-section-row.odd  {background:#e3e3e3;}
.listing-section-row.even  {background:#f3f3f3;}


/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media (max-width: 1399.98px) {

}

@media (max-width: 1299.98px) {
	.cell-block, .cell-ver-middle {min-height:360px;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	nav.navbar.fixed-top {height:66px;}
	.navbar .navbar-brand {left:20px;top:20px;}
	/* Navi Rollover */
	.navbar .navbar-collapse {z-index:9999990;position:fixed;left:0;top:60px;padding-top:25px!important;padding-bottom:0px;width:100%;background:#fff;text-align:left;clear:both;margin:25px 0 0 0;overflow:hidden;height:100vh;min-height:120vh;max-height:150vh;align-items:flex-start;transition: all 0.05s ease-in;-moz-transition: all 0.05s ease-in;-webkit-transition: all 0.05s ease-in;-o-transition: all 0.05s ease-in;}
	/* Dropdown Menu Box Style Align Center */
	.navbar.fixed-top .nav-break {padding-top:5px;}
	/*.navbar .navbar-collapse .nav-close {display:block;position:absolute;z-index:9999991;top:55px;right:0;width:100%;text-align:right;padding:30px 20px;font-size:36px;}
	.navbar .navbar-collapse .nav-close a {color:white;text-decoration:none;}*/
	.navbar .navbar-collapse .navbar-nav {position:relative;left:0;padding:0px 35px;min-width:100%;}
	.navbar .navbar-collapse .nav-item {display:block;width:100%;padding:0;background:transparent;text-align:left!important;border-bottom:1px solid rgba(0,0,0,.15);}
	.navbar.fixed-top .nav-item .nav-link, nav.navbar.fixed-top.shrink .nav-item .nav-link {display:block;font-size:13px;padding:10px 10px!important;margin:1px 0 0;text-transform:uppercase;letter-spacing:3px;border:0;background:transparent;color:#000;}
	.navbar.fixed-top .nav-item .nav-link::after {content:"";font-family: "Font Awesome 6 Free";font-size:16px;float:right;}
	.navbar.fixed-top .nav-item .nav-link:hover, .nav-item .nav-link:hover {color:#000;background:transparent;text-decoration:none;}
	.navbar.fixed-top .nav-item.active .nav-link, .navbar.fixed-top .nav-item.active .nav-link:hover {text-decoration:none;}
		/* Subpage link color */
		.navbar.fixed-top.in .nav-item .nav-link:hover {border-bottom:2px solid transparent;color:#00557d;}
		.navbar.fixed-top.in .nav-item.active .nav-link {border-bottom:2px solid #003553;color:#003553;}
		.navbar.fixed-top .nav-item.nav-highlight {margin-left:0px;}
		.navbar.fixed-top .nav-item.nav-highlight .nav-link, nav.navbar.fixed-top.shrink .nav-item.nav-highlight .nav-link {padding:15px 20px!important;border-radius:15px;background:red;color:white}
		.navbar.fixed-top .nav-item.nav-highlight .nav-link:hover, .navbar.fixed-top .nav-item.nav-highlight .nav-link:focus, nav.navbar.fixed-top.shrink .nav-item.nav-highlight .nav-link:hover, nav.navbar.fixed-top.shrink .nav-item.nav-highlight .nav-link:focus {background:#fff;color:black;}
		.navbar.fixed-top .nav-item.nav-highlight .nav-link::after {}
	.navi-title-txt strong {color:#000;}
	/* Dropdown */
	.navbar.fixed-top .navbar-nav .dropdown .nav-link.dropdown-toggle, .navbar.fixed-top .dropdown-toggle.toggle, .navbar.fixed-top .dropdown-toggle.active {transition:1.5s slide all;}
	.navbar.fixed-top .navbar-nav .dropdown .dropdown-toggle {position:relative;}
	.navbar.fixed-top .navbar-nav .dropdown .dropdown-toggle::after {content:"\2b";font-size:10px;color:#333;top:30%;right:15px;}
	.navbar.fixed-top .navbar-nav .dropdown .dropdown-toggle.show::after {content:"\f068";font-size:8px;color:#333;top:30%;right:15px;}
		.navbar.fixed-top .navbar-nav .nav-item.active .dropdown .dropdown-toggle::after, .navbar.fixed-top .nav-item.active .dropdown .dropdown-toggle.show::after {color:#fff!important;}
	 .navbar.fixed-top .navbar-nav .nav-item.active .dropdown-toggle::after {color:#fff;}
	/*NAV-RIGHT*/
	.navbar .nav-right {position:absolute;z-index:9;right:75px;}
	/* Header without Navi & Toggler */
	.without-navi .nav-right {right:20px;}

	/*Burger*/

	/*nav.navbar.fixed-top.shrink .navbar-collapse {top:-45px;padding-top:195px;}*/
	nav.navbar.fixed-top.shrink {height:66px!important;}
	nav.navbar.fixed-top.in.shrink {background:rgba(255,255,255,.99);}
	nav.navbar.fixed-top.shrink .animated-icon, .animated-icon {margin-right:10px;}
	nav.navbar.fixed-top.shrink .navbar-collapse .nav-close {top:13px!important;}

	/*Top Banner */
	.display-table.half.flex-sm {top:0;min-height:10vh;height:100%;padding:20px 0;}
	.display-table.flex-sm {top:0;min-height:10vh;height:100%;padding:20px 0;}
	.display-table.xquarter {min-height:320px;max-height:320px!important;height:320px!important;}
	.top-banner-in-img {opacity:.6;}
	.top-banner-in-txt {padding:10vh 0px;}
	/* Pricebox*/
	.pricebox {margin:0;box-shadow:none;min-height:350px;}
	/*.pricebox {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
		.pricebox:hover, .pricebox:focus, .pricebox:active, .pricebox:checked {box-shadow:none;}*/

	/* DASHBOARD*/
	.header-running-txt {padding:0 0 0 25px;}

	/*Home*/
	.title-float {top:-85px;font-size:165px;}
	.ul-no li {width:49%;}
	.shape-wrap {width:800px;left:-30%;top:-860px;}

	.cell-boxes {width:33.1%!important;max-width:33.1%;}

	.home-founder {min-height:500px;}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	nav.navbar.fixed-top .navbar-brand,	nav.navbar.fixed-top.shrink .navbar-brand {left:12px;}
	.navbar .nav-right .nav-dropdown-link::after {right:-118px!important;}
	/* TOP SPACING */
	.top-spacing {min-height:145px;background:transparent;}
	.top-spacing.dual-lang-spacing {min-height:155px;}
	/* NAVBAR */
	.navbar-nav {left:250px;}
	/* Navi Title */
	.navi-title-block {position:absolute;top:100px;left:0;width:100%;background:#eee;}
	.navi-title-txt  {border-left:12px solid #ccc;width:100%;}
	nav.navbar.fixed-top.shrink .navi-title-block {top:-100px;left:0;z-index:0;display:block;}
	.navi-title-txt, nav.navbar.fixed-top.shrink .navi-title-txt {padding:14px 20px 14px 10px;height:auto;}

	/*Login*/
	.nav-login {position:fixed;background:#fff;width:100%;top:0;left:0;right:0;}
		.nav-login .login-branding {width:100%;padding:20px 25px;margin-left:0%;}
		.nav-login .login-branding img {max-width:135px;}
	.login-content {min-height:200px;padding:10px 50px 80px;}
	.login-copyrights {position:relative;top:50px;left:0px;right:0px;padding:0;}
	.login-slider {height:50vh;min-height:380px;max-height:500px;}
	/*Pages*/
	.container {padding:0 50px;margin:0 auto;min-width:100%!important;}
	/*Carousel*/
	.carousel-inner>.carousel-item .layer-slogan.bottom {padding-bottom:0px;}
	.carousel-inner>.carousel-item .layer-slogan.left {padding-left:0;}
	.carousel-inner>.carousel-item .layer-slogan, .carousel-inner>.carousel-item .layer-slogan.sm, .carousel-inner>.carousel-item .layer-slogan.md, .carousel-inner>.carousel-item .layer-slogan.lg, .carousel-inner>.carousel-item .layer-slogan.xl {width:90vw!important;max-width:90%!important;padding:0 25px;}
	.carousel-inner>.carousel-item .layer-slogan {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
	.carousel-inner>.carousel-item .layer-slogan h1 {font-size:48px;line-height:51px;}
	.carousel-inner>.carousel-item .layer-slogan h2 {font-size:25px;line-height:30px;}
	.carousel-inner>.carousel-item .layer-slogan h4 {font-size:20px;line-height:25px;}
	.carousel-inner>.carousel-item .layer-wrap {position:relative;height:auto;min-height:140px;}
		.carousel-inner>.carousel-item .layer-wrap.left, .carousel-inner>.carousel-item .layer-wrap.right {margin:0;padding:0;}
	.carousel-inner>.carousel-item .layer-pic {margin-top:-100px;min-height:300px;max-height:500px;}
	.carousel-inner>.carousel-item .layer-dots {width:100%;}
	.slider-h5 {line-height:1.6em;font-size:1em;}
	.layer-dots {position:relative;top:-15px;left:0;right:0;max-width:365px;margin:0 auto;text-align:center;}
	.dot-circle {width:110px;height:110px;padding:0 10px;margin:15px 5px;float:left;}
	.dot-circle .ver-middle {height:110px;max-height:110px;}
	.dot-circle h2 {font-size:98%;}
	.dot-circle p {font-size:8px;line-height:10px;}
	/*.carousel-control-prev, .carousel-control-next{display:none;}*/
	.title-md {font-size:21px;}
	.title-h1 {font-size:34px;}
	/* LAYOUT */
	.content-panel-wrap {height:auto;min-height:300px;}
	/*Footer*/
	footer {padding:35px 12px 50px;}
	.footer-logo {padding:5px 0;}
	.footer-logo, .footer-copyrights, .footer-copyrights p {text-align:center;}

	/*LOGIN*/
	.login-wrap-box {min-height:110px;}

	/* DASHBOARD */
	.row-padding {padding:50px 35px;}
	.content-padding {padding:50px 25px;}
	.dashboard-div-height-left {min-height:150px;}

	/*PAY BILL*/
	.btn-reduceLeft {margin-left:-20px;}

	/*Home*/
	.img-square-wrap {position:relative;width:94%;margin:0 auto;min-height:300px;}
	.img-square-wrap.left {left:0;right:0;border-radius:35px 35px 0 0;}
	.img-square-wrap.right {left:0;right:0;border-radius:35px 35px 0 0;}
	.outline-wrap {padding:0 3%;margin-top:0;}
	.outline-wrap .rounded-box {border-radius:0 0 35px 35px;}

	.layer-dots {top:20%;right:9%;max-width:200px;}
	.dot-circle {width:140px;height:140px;}
	.dot-circle .ver-middle {height:140px;max-height:140px;}
	.dot-circle p {font-size:11px;line-height:12px;}

	.header-title {padding:30px 26px;}
  .header-title.shrink {padding:12px 25px 10px;}
  .header-title .header-title-h1 {font-size:24px;letter-spacing:1.5px;line-height:24px!important;}
  .header-title.shrink .header-title-h1 {font-size:24px;letter-spacing:1.5px;line-height:24px!important;}

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	/* UL*/
	.ul-list-border.quarter li, .ul-list-full.half li, .ul-list-full.quarter li {width:100%;}
	/* Modal */
	.modal-content {border-radius:0px;}
	.title-float {top:-55px;font-size:110px;right:4%;display:none;}

	.img-wrap.left {left:auto;right:25px;}
	.img-wrap.right {left:25px;}

	.shape-wrap {width:450px;left:-15%;top:-55%;}

	.cell-boxes {width:49.8%!important;max-width:49.8%;}
	.cell-block, .cell-ver-middle {min-height:280px;}

	.mission-content {min-height:100px;}

	/*LOGIN*/
	.login-wrap-box {min-height:auto;}

	/*DASHBOARD*/
	.header-secure {padding:6px 25px;}

	/* TITLE */
	.header-title.shrink .breadcrum-wrap {position:relative;top:-5px;height:20px!important;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/*Header*/
	.navbar .navbar-brand {width:166px;top:24px;}
	.navbar .navbar-brand img {width:120px;padding:8px 0 5px 10px;}
	.navbar .navbar-collapse .navbar-nav {padding:0 15px;}
	nav.navbar.fixed-top.shrink .navbar-brand {top:15px;left:10px;max-height:60px;}
	nav.navbar.fixed-top.shrink .navbar-brand img {width:125px;}

	/*Top Banner*/
	.top-banner-in-img {position:relative;right:0;top:0;z-index:0;}
	.top-banner-in-img img {max-width:70%;float:right;}
	/**** Footer ****/
	footer {padding:35px 20px 50px 10px;}
	footer .footer-links {margin:0;padding:0;}
	footer .footer-links li {display:block;margin:0;padding:0;}
	footer .footer-links li a {font-size:.88em!important;padding:10px 14px;}
	footer .footer-links li:first-child a {padding:10px 14px;}
	footer .footer-links li a:before {display:none;}
	/* Home */
	.reduce-top {margin-top:-350px;}
	.img-wrap.full-in-xs {width:100%;}
	.img-wrap.full-in-xs.left {right:0!important;border-radius:0 0 75px;}
	/*Pic Img*/
	.pic-square {min-height:340px;}

	/* DASHBOARD*/
	.dashboard-items-listing {background:rgba(255,255,255,.5);padding-top:15px;padding-bottom:15px;}
	.dashboard-div-height-right {max-height:100%;overflow:visible;}

	/*PAY BILL*/
	.btn-reduceLeft {margin-left:-25px;}

	.cell-boxes {width:90%!important;max-width:90%;margin:1% 5% 0!important;}
	.cell-block {padding:35px 25px;}
	.cell-block, .cell-ver-middle {min-height:50px;}
	.home-founder {min-height:400px;}

}
@media (max-width: 575.98px) {
	.home-founder {min-height:310px;}
}
@media (max-width: 415.98px) {
	/*NAV-RIGHT*/
	.navbar .nav-right {right:70px;font-size:18px;}
		/* Header without Navi & Toggler */
		.without-navi .nav-right {right:20px;}
	.navbar.fixed-top .dropdown .dropdown-toggle::after {right:-2px;}
	.navbar .nav-right .nav-link {padding:0 2px;}
	.navbar .nav-right .nav-link .nav-right-iconTxt {font-size:.3em;line-height:1.3em;}
}

@media (min-width: 1299.97px) {
	.carousel-inner>.carousel-item .layer-slogan .logo-icon {max-width:30vh;}
}

@media (min-width: 1199.97px) {
	.modal-dialog.modal-full {min-width:76.5%;}
	.wrap-spacing {padding:0;}
}

@media (min-width: 991.98px) {

}

@media (min-width: 768px) {
	.table-wrap {width:100%;overflow-x: auto;}
	.img-overflow-top {margin-top:-10%;}
}


/* CUSTOM Style
---------------------------------------------------------------------------------*/

.img-block {position:absolute;top:0;left:0;right:0;width:100%;height:100%;min-height:500px;margin:0;padding:0;}
	.img-block.sm {min-height:250px;}
	.img-block.md {min-height:500px;}
	.img-block.lg {min-height:750px;}
	.img-block.xl {min-height:10000px;}
	.img-block.xxl {min-height:100vh;}
@media (max-width: 991.98px) {
	.img-block {position:relative;}
}

/* CUSTOM CHECKBOX */
.checkbox-wrapper {position:relative;width:100%;display:block;}
/*.checkbox-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	user-select: none;
	& > * {margin: .5rem 0.5rem;}
}
.checkbox-group-legend {
	font-size: 1.5rem;
	font-weight: 700;
	color: #9c9c9c;
	text-align: center;
	line-height: 1.125;
	margin-bottom: 1.25rem;
}*/
.checkbox-input {
	// Code to hide the input
	clip: rect(0 0 0 0);
	clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;

	&:checked + .checkbox-tile {
		border-color: #00723b;
		box-shadow: 0 5px 10px rgba(#000, 0.1);
		color: #00723b;
		background:#00723b;
		&:before {
			transform: scale(1);
			opacity: 1;
			background-color: #fff;
			border-color: #fff;
		}

		.checkbox-icon, .checkbox-label {
			color: #ffffff;
		}
	}

	&:focus + .checkbox-tile {
		border-color: #00723b;
		box-shadow: 0 5px 10px rgba(#000, 0.1), 0 0 0 4px #b5c9fc;
		&:before {
			transform: scale(1);
			opacity: 1;
		}
	}
}
.checkbox-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 60px;
	border-radius: 0.5rem;
	border: 2px solid #fff;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(#000, 0.1);
	transition: 0.15s ease;
	cursor: pointer;
	position: relative;

	&:before {
		content: "";
		position: absolute;
		display: block;
		width: 1.25rem;
		height: 1.25rem;
		border: 2px solid #e5e5e5;
		background-color: #e5e5e5;
		border-radius: 50%;
		top: 32%;
		left: 12px;
		right:0;
		opacity: 0;
		transform: scale(0);
		transition: 0.25s ease;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%2300723b' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%2300723b' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
		background-size: 12px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	&:hover {
		border-color: #00723b;
		&:before {
			transform: scale(1);
			opacity: 1;
		}
	}
}
/*.checkbox-icon {
	transition: .375s ease;
	color: #494949;
	svg {
		width: 3rem;
		height: 3rem;
	}
}*/
.checkbox-label {
	color: #555;
	transition: .375s ease;
	text-align: center;
	font-weight:700;
	font-size:1.5em;
}
@media (max-width: 768px) {
	.checkbox-tile {
		min-height: 40px;
		&:before {
			top: 22%;}
	}
}

/* SEARCh */
.search-wrap.shrink {position:fixed;z-index:120;top:65px;left:0;right:0;padding:15px 35px 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.search-wrap .form-control {padding:10px 15px;height:49px;}
.search-wrap .btn-custom {margin:0;}
@media (max-width: 991.98px) {
	.search-wrap.shrink {padding:15px 25px 5px;}
}
@media (max-width: 768px) {
	.search-wrap .form-control {padding:10px 15px;height:37px;}
	.search-wrap .btn-custom {margin:0;padding:8px 3px;}
}
@media (max-width: 468px) {
	.search-wrap .form-control {padding:10px 10px!important;height:29px!important;}
	.search-wrap .btn-custom {margin:0;padding:4px 3px;}
	.search-wrap small {font-size:.6em;}
}
/* FLOATING ACTION BOX */
.float-action-box {position:fixed;bottom:10px;right:35px;z-index:102;min-width:350px;max-width:480px;padding:15px 5px 15px 10px;background:rgba(0,0,0,.85);border-radius:10px;}
.float-action-box a:hover, .float-action-box button:hover {transform:scale(2)!important;}
.float-action-box:hover {box-shadow:0 2px 25px rgba(0,0,0,.65);}
.float-action-content {padding:12px 0 4px;font-size:.75em;max-height:58px;}
.float-action-item {display:inline-block;margin:0 6px 5px 0;}
.float-action-item a {color:orange;}
.float-action-item a:hover {color:red;}
.float-action-content ul {list-style:none;padding:0;margin:0;}
.float-action-content li {display:inline-block;padding:0;margin:0;}
.float-action-content li .float-action-item::after {content:',';}
.float-action-content li:last-child .float-action-item::after {content:'';}
@media (max-width: 991.98px) {
	.float-action-box {max-width:100%;bottom:10px;left:0;right:0;margin:0 10px;}
	.float-action-box.no-float-md {position:relative;max-width:100%;bottom:0;left:0;right:0;z-index:1;margin:0 25px 40px;padding:35px 25px;}
}