@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

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

/* Links & Button */
a, a img, a span {
	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;
	-webkit-user-modify: read-only;
	-moz-user-modify: read-only;
}
a:hover{
	opacity: 0.8;
	text-decoration:none;
}
a {color:#000;}
a:hover {color:#333;}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#000!important;}
p.small {font-size:.85em}
.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-info {background:#000;color:#fff;letter-spacing:2px;padding:12px 16px;font-size:12px;}
.btn-info:hover {background:#666;transform:scale(1.03);}
.btn-info.outline {background:transparent;border:2px solid #fff;border-radius:0;}
.btn-info.outline-black {background:transparent;border:2px solid #333;color:#333;border-radius:0;}
.btn-info.outline-blue {background:transparent;border:2px solid #29b5c2;color:#29b5c2;border-radius:0;font-weight:900!important;}
.btn-info.blank {background:transparent;border:0px solid #fff;border-radius:0;outline:0;padding:0 5px;-webkit-appearance:none}
.btn-info.blank, .btn-info.blank:hover, .btn-info.blank:focus {outline:0;}
.btn-info.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-info.blue, .btn-info.blank:hover, .btn-info.blank:focus {outline:0;}

/* ROOT-Color */
.red {color:#FF0000;}
.pink {color:#ee5c5c;}
.lightpink {color:#e19b9b;}
.yellow{color:#f9cf00!important}
.orange {color:#ffa200;}
.grey {color:#888888;}
.green {color:#73AD00;}
.beige {color:#dec8b2}
.blue {color:#005480;}
.lightblue {color:#28cfe3;}
.darkblue {color:#201161;}
.orange {color:#ff8a00;}
.lightorange {color:#fdb07d;}
.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:#b8a252;}
.purple {color:#2400c1;}
.lightpurple {color:#7560ce;}
.lighterpurple {color:#d0c8f3;}
.bg-red {background:#FF0000;}
.bg-pink {background:#ee5c5c;}
.bg-lightpink {background:#e19b9b;}
.bg-orange {background:#FF6600;}
.bg-grey {background:#666666;}
.bg-green {background:#73AD00;}
.bg-blue {background:#005480;}
.bg-lightblue {background:#28cfe3;}
.bg-darkblue {background:#201161;}
.bg-black {background:#000000;}
.bg-white {background:#ffffff;}
.bg-beige {background:#dec8b2;}
.bg-grey {background:#999999;}
.bg-lowgrey {background:#f4f4f4;}
.bg-lightgrey {background:#E6E7E8;}
.bg-lightergrey {background:#D1D2D4;}
.bg-darkgrey {background:#666666;}
.bg-darkergrey {background:#333333;}
/*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:#f60101;
background: linear-gradient(to bottom right, #f60101, #a00000);
background:-webkit-linear-gradient(to bottom right, #f60101, #a00000);
background:-moz-linear-gradient(to bottom right, #f60101, #a00000);
background:-ms-linear-gradient(to bottom right, #f60101, #a00000);
background:-o-linear-gradient(to bottom right, #f60101, #a00000);}
.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);}

/* Text Style */
.text-thin {font-weight:300;}
.text-normal {font-weight:400;}
.text-bold {font-weight:700;}
.title-md {line-height:180%;}
.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 {letter-spacing:1px;}
/* Seperator */
.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-xl.center, .seperator-lg.center, .seperator-md.center, .seperator-sm.center, .seperator-xs.center {margin-left:auto!important;margin-right:auto!important;}
.seperator-xl.pink, .seperator-lg.pink, .seperator-md.pink, .seperator-sm.pink, .seperator-xs.pink {border-color:#cf7575;}
.seperator-xl.white, .seperator-xl.white, .seperator-md.white, .seperator-sm.white, .seperator-xs.white {border-color:#fff;}
.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-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.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-link, .nav-tabs .nav.nav-pills .nav-link {border-radius:0;border-bottom:1px solid #939597;color:#939597;letter-spacing:2px;padding:7px 10px;font-weight:900;}
.nav-list .nav.nav-pills .nav-link:hover, .nav-tabs .nav.nav-pills .nav-link:hover {color:#005480;}
.nav-list .nav.nav-pills .nav-link.active, .nav-tabs .nav.nav-pills .nav-link.active {background:transparent;color:#005480;font-weight:700;}
.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%;text-transform:capitalize;font-size:15px;font-weight:400;padding:4px 0 0;}
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;}
input[type=checkbox] {padding:4px 0;margin:2px 12px 10px 0;outline:0;width:18px;height:18px;zoom:1.1;position:relative;z-index:500;}
input[type=radio] {padding:4px 0;margin:2px 0px 10px 0;outline:0;width:18px;height:18px;zoom:1.1;position:relative;z-index:500;}
.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 {width:100%;border:1px solid #fff;padding:15px 16px;height:48px;margin:0;display:block;line-height:24px;font-size:18px;background:transparent;box-shadow: none;border-radius:none!important;outline:0px inset white; outline-offset:-1px;color:#444!important;letter-spacing:1px;}
.form-control.center {text-align:center;}
.form-control.white {background:rgba(255,255,255,.75);}
.form-control.border {background:rgba(255,255,255,0);outline:0;border:1px solid #999!important;}
.form-control.border-btm {background:rgba(255,255,255,0);border:0!important;outline:0;border-bottom:1px solid #999!important;}
.form-control.auto-width {width:auto;max-width:100%;}
.form-control.one-digit-width {width:28px;max-width:28px;padding:0px 1px;text-align:center;display:inline-block;}
.form-control.padding {margin:12px 10px 6px!important;}
select.form-control {border-radius:none!important;}

/* 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:450px;height:100vh;}
	.display-table.twothird {min-height:450px;height:70vh;}
	.display-table.xhalf {min-height:350px;height:60vh;}
	.display-table.half {min-height:240px;height:50vh;}
	.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;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar {border:0;padding:0;margin:0;}
.navbar.fixed-top {min-height:80px;}
.navbar {background:rgba(26,208,217,1);}
.navbar-bg {width:100%;}
/* Navbar Brand */
.navbar .navbar-brand {position:absolute;z-index:999;top:7px;left:20px;width:120px;max-width:215px;padding:6px 10px 16px 0;margin:0;background:transparent;display:inline-block;}
.navbar .navbar-brand img {width:110px;padding:18px 0 5px 10px;}
.navbar .navbar-brand img.logo-white {display:block;}
.navbar .navbar-brand img.logo-blue {display:none;}
.navbar .navbar-brand img.logo-blue {width:45px;}
	/* Navbar Brand (subpage - Blue) */
	.navbar.in .navbar-brand img.logo-white {display:none;}
	.navbar.in .navbar-brand img.logo-blue {display:block;}
/* 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:30px;}
/* Navi Rollover */
.navbar-collapse {background:transparent;text-align:right;clear:both;margin:0;}
	/*Navbar Collapse Animation*/
	#mainNavi {transition: width 0.1s ease;}
.navbar-nav {position:absolute;top:0;margin:0 auto;padding:0 2%;width:100%;max-width:800px;text-align:center;left:0;right:0;}
.navbar-collapse .nav-item {display:inline-block;padding:0;float:none!important;margin:0 auto;}
.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:#fff;padding:7px 0px;margin:5px 0;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid transparent;font-weight:900;}
	.navbar.fixed-top .nav-item .nav-link:hover, .nav-item .nav-link:hover {color:#f4f4f4;border-bottom:2px solid #fff;text-decoration:none;}
	.navbar.fixed-top .nav-item.active .nav-link, .navbar.fixed-top .nav-item.active .nav-link:hover {border-bottom:2px solid #fff;color:#fff;text-decoration:none;}
	/* Link Style (subpage - blue) */
	.navbar.fixed-top.in .nav-item .nav-link {color:#00557d;}
	.navbar.fixed-top.in .nav-item .nav-link:hover, .nav-item .nav-link:hover {color:#00557d;border-bottom:2px solid #00557d;text-decoration:none;}
	.navbar.fixed-top.in .nav-item.active .nav-link, .navbar.fixed-top .nav-item.active .nav-link:hover {border-bottom:2px solid #00557d;color:#00557d;text-decoration:none;}
/* Dropdown (remove dropdown Arrow on the Right side) */
.navbar.fixed-top .dropdown-toggle,.navbar.fixed-top .dropdown-toggle.toggle,.navbar.fixed-top .dropdown-toggle.active {transition:1.5s slide all;}
.navbar.fixed-top .dropdown-toggle::after {display:block;border:0;}
.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:#fff;}
.navbar.fixed-top.in .dropdown-toggle:hover .toggle-arrow {display:block;color:#00557d;}
/* Dropdown Menu Box Style Align Center */
.navbar.fixed-top .dropdown-menu {right: auto;left: 50%;-webkit-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);margin-top:0px;border:0;border-radius:0;padding:35px 0 0;background:transparent;/*box-shadow:0 6px 12px rgba(0,0,0,.15);*/}
/* Dropdown */
.navbar.fixed-top .dropdown-item {font-size:.65rem;padding:10px 20px;background:#00557d;color:#fff;letter-spacing:1px;text-transform:uppercase;text-align:center;}
.navbar.fixed-top .dropdown-item:hover, .navbar.fixed-top .dropdown-item:focus, .navbar.fixed-top .dropdown-item.active {background:#003553;opacity:1;}
.navbar.fixed-top .dropdown-item:first-child {padding-top:15px;}
.navbar.fixed-top .dropdown-item:last-child {border-bottom:0;padding-bottom:15px;}
/*Contact*/
.navbar .nav-contact {position:absolute;right:35px;top:20px;}
.navbar .nav-contact h1 {display:inline;margin-left:15px;}
.navbar .nav-contact h1, .navbar .nav-contact a {color:#fff!important;letter-spacing:1px;}
.navbar .nav-contact a:hover {color:#f4f4f4;}
.navbar .nav-contact a:hover img {transform:scale(1.05);}
.navbar .nav-contact img {padding-right:6px;max-width:42px;}
.navbar .nav-contact img.contact-i-white {display:inline-block;}
.navbar .nav-contact img.contact-i-blue {display:none;}
	/* Contact Icon (subpage - blue) */
	.navbar.in .nav-contact a {color:#00557d;}
	.navbar.in .nav-contact a:hover {color:#ccc;}
	.navbar.in .nav-contact img.contact-i-white {display:none;}
	.navbar.in .nav-contact img.contact-i-blue {display:inline-block;}
.nav-tel-no {font-size:89%;min-width:200px;padding:22px 12px 0 0;}
/*Resposive Burger*/
.navbar-toggler {position:absolute;top:32px;right:15px;padding:0;padding:0;}
.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {outline:0;border:0;}
/* 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: #fff;}
.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%;}

/* !!!!!!! ANIMATE WHEN SCROLL - Navbar shrink when scroll !!!!!
-------------------------------------------------- */
nav.navbar.fixed-top.shrink {top:0px;transition: all 1.5s ease-in;-moz-transition: all 1.5s ease-in;-webkit-transition: all 1.5s ease-in;-o-transition: all 1.5s ease-in;box-shadow:0 4px 24px rgba(0,0,0,.35);min-height:auto;height:66px!important;}
nav.navbar.fixed-top.shrink .navbar-nav {top:-8px;}
nav.navbar.fixed-top.shrink .navbar-brand {top:10px;left:20px;}
nav.navbar.fixed-top.shrink .navbar-brand img {width:125px;padding:5px 15px 5px 10px;}
nav.navbar.fixed-top.shrink .navbar-brand img.logo-white {display:none;}
nav.navbar.fixed-top.shrink .navbar-brand img.logo-blue {display:block;max-width:68px;}
nav.navbar.fixed-top.shrink .navbar-collapse {margin:42px 0px 0 20px;}
nav.navbar.fixed-top.shrink .navbar-toggler {top:22px;right:0;}
nav.navbar.fixed-top.shrink .nav-item .nav-link {font-size:12px;padding:5px 10px!important;margin:0 0 5px;}
nav.navbar.fixed-top.shrink .nav-item .nav-link:hover, .nav-item .nav-link:hover {text-decoration:none;}
nav.navbar.fixed-top.shrink .nav-item.active .nav-link, nav.navbar.fixed-top.shrink .nav-item.active .nav-link:hover {border-bottom:2px solid #fff;color:#fff;text-decoration:none;}
nav.navbar.fixed-top.shrink .dropdown-menu {padding:13px 0 0;}
nav.navbar.fixed-top.shrink .animated-icon {margin: 0 30px 0 0 ;}
nav.navbar.fixed-top.shrink .nav-contact {top:9px;}
nav.navbar.fixed-top.shrink .nav-contact-tel {display:none;}
nav.navbar.fixed-top.shrink .nav-contact img {max-width:35px;}

/* Online Shopping */
.online-shop {position:absolute;z-index:9;top:80px;width:100%;padding:10px 20px 15px;background:#ffdde1;color:#7f5024;letter-spacing:2px;text-align:center;font-size:11px;font-weight:900;vertical-align:middle;}
.shop-tagline {display:inline-block;padding:6px 10px 0;}
.btn-shop {display:inline;font-size:11px;text-transform:uppercase;padding:5px 15px;background:#fff6db;color:#666;border-radius:20px;font-weight:700;}
.btn-shop:hover {background:#16d0d7;color:#fff;}

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

/* 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:#f7f1df;}
.trans-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.35);z-index:1;}
.trans-bg.badge {background:rgba(243,223,192,.45);}
.trans-bg.yellow {background:rgba(255,222,119,.4);}
.trans-bg.darkblue {background:rgba(122,156,234,.4);}
.trans-bg.yellow {background:rgba(255,222,119,.5);}
/* Carousel Default Size */
.carousel-inner>.carousel-item {height:100vh;min-height:740px;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.flex>.carousel-item {height:auto!important;min-height:180px!important;margin-bottom:80px;}
/*.carousel-inner>.carousel-item {transition: transform .008s ease-in-out, opacity .15s ease-out;-moz-transition: transform .008s ease-in-out, opacity .15s ease-out;-ms-transition: transform .008s ease-in-out, opacity .15s ease-out;-webkit-transition: transform .008s ease-in-out, opacity .15s ease-out;}*/
/* Carousel IMG */
#myCarousel .carousel-item img{width: 100%;}
/* Carousel Content (Size & Position) */
.carousel-inner.in .layer-img {display:none;}
.carousel-inner>.carousel-item .layer-wrap {position:relative;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-slogan {display:table-cell;vertical-align:middle;}
.carousel-inner>.carousel-item .layer-slogan.top{vertical-align:top;}
.carousel-inner>.carousel-item .layer-slogan.bottom{vertical-align:bottom;padding-bottom:15vh;}
.carousel-inner>.carousel-item .layer-slogan.left {margin:0 0 0;padding-left:6%;text-align:}
.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:680px;}
.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-inner>.carousel-item .layer-slogan .logo-icon {max-width:230px;margin:90px 15px 15px;}
.logo-icon-in {max-width:195px;padding:0 15px 60px;}
/* Carousel Content (Text Style) */
.carousel-inner>.carousel-item .layer-slogan h2{font-weight:700;font-size:50px;line-height:47px;text-transform:uppercase;letter-spacing: 5px;margin: 15px 0 0;padding: 0;}
	.carousel-inner>.carousel-item .layer-slogan h2 .small {display:block;font-size:34px;line-height:34px;}
.carousel-inner>.carousel-item .layer-slogan h3{font-weight:900;font-size: 26px;line-height: 28px;color: #44111d;text-transform:none;letter-spacing: 5px;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 .title-h4 {font-weight:400;letter-spacing:4px;}
.carousel-inner>.carousel-item .layer-slogan .layer-text {padding-left:12%;}
/* Carousel Control */
.carousel-control-prev, .carousel-control-next {z-index: 4;}
.carousel-control{height: 100vh;}
.carousel-control span{color: white;}
.carousel-gallery .carousel-control-prev, .carousel-gallery .carousel-control-next {color:#000;}
.carousel-gallery .carousel-control-prev {left:-12%;}
	.carousel-gallery .carousel-control-next {right:-12%;}
/* Carousel Indicator */
.carousel-indicators{bottom: 45px;}
.carousel-indicators li {width: 7px;height: 7px;border-radius: 50%;background-color: transparent;border:1px solid white;margin:5px;}
.carousel-indicators .active{width: 7px;height: 7px;border-radius: 50%;background-color: white;border:1px 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;}
/*Inside Banner */
.top-banner-in {margin-top:125px;}

/* 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(0,0,0,.75);}
.modal-backdrop.fade{filter:alpha(opacity=9.5);opacity:.95}

.modal-full {padding:0;margin:0;}
.modal-dialog.modal-full {min-width:69%;margin:0 -16px 0 0;float:right;}
.modal-dialog.modal-full .modal-content {border-radius:0;height:100%;min-height:100vh;padding:150px 10% 50px 7%;}

.modal-header {background:transparent;border:0;padding-top:25px;}
.modal-header .modal-title {padding:0;padding-top:12px;padding-right:60px;line-height:110%;}
.modal-header .close {position:absolute;z-index:999;width:65px;height:65px;background:rgba(0,0,0,.15);top:0px;right:0px;font-size:40px;margin:0 0 0 0;text-align:center;padding:0 0 0 5px;text-shadow:none;}
.modal-header .close span {font-size:40px;}

.modal-content {border-radius:0;border:0;color:#404041;}
.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-content.no-shadow {box-shadow:none;}
.modal-content.no-shadow .modal-header {padding-left:0;}
.modal-content.no-shadow .modal-body {box-shadow:0 10px 12px #998162;}

.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{background:transparent;font-family:'Nexa',Arial,Helvetica,Verdana,sans-serif;}
.footer-nav{padding: 80px 0 120px;}
.footer-nav .go-up {position:relative;top:80px;margin:30px 15px;font-size:45px;text-align:center;color:#ccc;}
.footer-nav .go-up:hover {color:#999;}
.footer-nav ul{list-style-type: none;margin: 0 auto 25px;padding: 0;clear:both;display: block;text-align:center;}
.footer-nav ul li{display:inline-block;padding:0 0 10px;margin:0 2% 0;}
.footer-nav ul.footer-link li a{font-size:14px;line-height:16px;font-weight:400;color:#000;letter-spacing:3px;padding:0 10px;display:inline-block;text-transform:uppercase;font-weight:700;}
.footer-nav ul.footer-link li a:hover{color:#000;}
.footer-nav ul li a b{font-weight:700;}
.footer-nav span{font-weight:700;display:block;font-weight: bold;padding: 0 0 5px;}
.footer-nav .footer-title {padding:15px 0;display:block;font-size:21px;color:#d0333a;font-weight:300;letter-spacing:2px;}
.footer-block {margin:20px 15px 5px;text-align:center;}
.footer-social {display:inline-block!important;/*width:40px;height:40px;background:#000;*/text-align:center;border-radius:100%;margin:4px;}
.footer-social:hover {transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.footer-social a {display:block;position:relative;color:#28cfe3;font-size:34px;padding:11px 10px;}
.footer-copyrights {text-align:center;font-size:11px;padding:10px 25px;letter-spacing:2px;}
.footer-copyrights p {;}
.footer-logo {text-align:center;margin:50px 15px 35px;}
.footer-logo img {max-width:80px;}
/* 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;}

/**** Homepage ****/
.top-spacing {min-height:100px;background:transparent;}

/*******Inside Page *******/
/* About*/


/* News */

/* Products */
.circle {width:50px;height:50px;border-radius:100%;}
.thumb-wrap {position:relative;padding:15px;}
.thumb-pic {width:100%;min-height:380px;border-radius:14px;box-shadow:0 5px 16px rgba(0,0,0,.1);}
.thumb-text {margin:12px 10px;letter-spacing:2px;font-size:12px;font-weight:900;}


/* Contact */
.home-contact-box {position:relative;padding:12px 0;}
.home-contact-box i.fa {position:absolute;left:-65px;top:-224px;font-size:40px;color:#bbb;}
.home-contact-pic img {width:100%;margin-left:-10%;margin-top:-20%}
.contact-pic {position:absolute;z-index:0;top:0;left:0;right:0;width:100%;height:100%;overflow:hidden;}
.contact-pic .contact-bg {position:relative;margin-top:-580px;left:-600px;width:50vw;max-width:1300px;min-width:1300px;}
	.contact-pic .contact-bg img {max-width:100%;opacity:.04}
.contact-wrap {padding:210px 20px;}
	.contact-radius {background:url('../img/bg-texture-white.jpg') center no-repeat;border-radius:25px;padding:45px 35px;}
	.contact-radius.full-width {background-size:cover;}
	.contact-info {text-align:center;}
	.contact-info-logo {max-width:150px;}
	.contact-link-icon i {font-size:25px;padding-left:16px;}
	.contact-box {position:relative;padding:16px 0 16px;}
	.contact-box .contact-box-icon {position:absolute;left:-80px;top:2px;font-size:25px;text-align:center;width:50px;height:50px;border-radius:100%;color:#ddd;background:#000;padding:6px 10px;}
	/*.contact-pic img {width:100%;margin-left:-10%;margin-top:-20%}*/

	/*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%;
	}


/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	nav.navbar.fixed-top {height:66px;}
	.navbar .navbar-brand {left:20px;}
	/* Navi Rollover */
	.navbar .navbar-collapse {position:fixed;top:25px;padding-top:155px;padding-bottom:300px;width:100%;background:rgba(26,208,217,1);text-align:center;clear:both;margin:45px 0 0 0;overflow:auto;height:100vh;min-height:100vh;max-height:300vh;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;}
		/* Navi Collapse (Subpage - white) */
		.navbar.in .navbar-collapse {background:rgba(255,255,255,1);}
		.navbar-nav {padding-bottom:150px;}
	/* Dropdown Menu Box Style Align Center */
	.navbar.fixed-top .dropdown-menu {right:0;left:0;-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);padding-bottom:}
	.navbar .navbar-collapse .nav-item {display:block;width:100%;padding:0 12%;background:transparent;}
	.navbar.fixed-top .nav-item .nav-link, nav.navbar.fixed-top.shrink .nav-item .nav-link {display:inline-block;font-size:17px;padding:7px 8px!important;margin:12px 0;text-transform:uppercase;letter-spacing:3px;border-bottom:2px solid transparent;background:transparent;}
	.navbar.fixed-top .nav-item .nav-link:hover, .nav-item .nav-link:hover {color:#c3f7ff;background:transparent;text-decoration:none;}
	.navbar.fixed-top .nav-item.active .nav-link, .navbar.fixed-top .nav-item.active .nav-link:hover {border-bottom:2px solid #fff;color:#c3f7ff;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;}
	/*Contact*/
	.navbar .nav-contact {position:absolute;right:95px;}
	.navbar .nav-contact span {display:none;}
	/*Burger*/
	.animated-icon {margin-right:16px;}
	/*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 .navbar-collapse {top:60px;margin:0;}
	nav.navbar.fixed-top.shrink .nav-contact {right:90px;}
	/*Animate when Click to open */
	.navbar.fixed-top .dropdown>div {position:relative;height:auto;clip: rect(0.5rem,9999px,9999px,-9999px);}
	.navbar.fixed-top .dropdown-menu {margin:-20px auto 20px;height:100%;transition: transform 1.35s ease-in-out!important;}
	.navbar.fixed-top .dropdown-menu.collapse, .dropdown-menu.sliding {height:0;}
	.navbar.fixed-top .dropdown-menu.collapse:not(.show) {display:block;opacity:0;}
	.navbar.fixed-top .dropdown-menu.collapse.show {height:auto;opacity:1;transform:scale(1);}
	/* Dropdown */
	.navbar.fixed-top .dropdown-item {padding:10px 35px;background:transparent;color:#999;letter-spacing:2px;border-bottom:1px solid #333;}
	.navbar.fixed-top .dropdown-item:hover, .navbar.fixed-top.in .dropdown-item:focus, .navbar.fixed-top.in .dropdown-item.active {background:transparent/*#003553*/;color:#fff;}
		/*Subpage Color*/
		.navbar.fixed-top.in .dropdown-item {padding:10px 35px;color:#003553;border-bottom:1px solid #ccc;}
		.navbar.fixed-top.in .dropdown-item:hover, .navbar.fixed-top.in .dropdown-item:focus, .navbar.fixed-top.in .dropdown-item.active {color:#003553;background:rgba(0,53,83,.07);}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.container {padding:0 50px;margin:0 auto;min-width:100%!important;}

	/*Carousel*/
	.carousel-inner>.carousel-item .layer-slogan h2 {font-size:28px;line-height:36px;}
	.carousel-control-prev, .carousel-control-next {display:none;}

	/*Footer*/
	.footer-logo {padding:5px 0;}
	.footer-logo, .footer-copyrights, .footer-copyrights p {text-align:center;}

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.carousel-inner.in>.carousel-item {height:auto!important;min-height:200px;display:none;}
	.carousel-inner.in>.layer-img {display:block;}
	.carousel-inner.in>.layer-img img {max-width:100%;margin-top:80px;}

	.ul-list-border.quarter li, .ul-list-full.half li, .ul-list-full.quarter li {width:100%;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.online-shop {padding:5px 20px 15px;}
	.btn-shop {display:inline-block;margin:6px 0 0;}
	/*Carousel*/
	.carousel.home {margin-top:150px;}
	.carousel-inner>.carousel-item {height:50vh;min-height:520px;}
	.carousel-inner>.carousel-item .layer-wrap {height:50vh;min-height:520px;}

	.carousel-inner>.carousel-item .layer-slogan.bottom {padding-bottom:0px;}
	.carousel-inner>.carousel-item .layer-slogan.left {padding-left:1vw;}
	.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:100vw;max-width:90%;padding:20px 20px 100px 55px;}
	.carousel-inner>.carousel-item .layer-slogan {transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-webkit-transform:scale(.8);}
	.carousel-inner>.carousel-item .layer-slogan.xl {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
	.carousel-inner>.carousel-item .layer-slogan .logo-icon {max-width:140px;}
	.logo-icon-in {max-width:180px;margin:0px 0 20px;}
	.carousel-control-prev, .carousel-control-next{display:none;}
	.title-md {font-size:21px;}
	.title-h1 {font-size:34px;}
		/* Inside carousel Content */
		.carousel-inner>.carousel-item.in .layer-wrap {display:block;}
		.carousel-inner>.carousel-item.in .layer-slogan.bottom {position:absolute;bottom:50px;}
	/*Slick Carousel*/
	.slick-slide {margin:0px 20px;}
	/**** Footer ****/
	.footer-nav {text-align:center;}
	.footer-nav ul.footer-link {margin:15px 0 5px;}
	.footer-nav ul.footer-link li{float:none;display:inline-block;padding:0 15px 20px;}
	.footer-nav ul {margin-bottom:35px;}
	.footer-nav ul li{float: none;padding:0 0 20px 0;}

}

@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%;}
}

@media (min-width: 991.98px) {

}

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