@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;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#0e4e7a!important;}
.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.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;}
.lightred {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-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-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-lg {width:250px;border-bottom:4px solid #005480;margin:12px 0;}
.seperator-md {width:145px;border-bottom:4px solid #005480;margin:8px 0;}
.seperator-sm {width:80px;border-bottom:4px solid #005480;margin:5px 0;}
.seperator-xs {width:55px;border-bottom:2px solid #005480;margin:5px 0;}
.seperator-lg.center, .seperator-md.center, .seperator-sm.center, .seperator-xs.center {margin-left:auto!important;margin-right:auto!important;}
.seperator-lg.pink, .seperator-md.pink, .seperator-sm.pink {border-color:#cf7575;}
.seperator-xl.white, .seperator-md.white, .seperator-sm.white, .seperator-xs.white {border-color:#fff;}
/* UL List Style */
.ul-list-border {list-style:none;}
.ul-list-border li {border-bottom:1px solid rgba(205,117,117,.65);padding:15px 0;letter-spacing:1px;}
.ul-list-border.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;}
/* 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;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar {border:0;padding:0;margin:0;}
.navbar.fixed-top {min-height:120px;}
.navbar.in {background:rgba(255,255,255,1);}
.navbar-bg {width:100%;}
/* Navbar Brand */
.navbar .navbar-brand {position:absolute;z-index:9999;top:20px;left:20px;width:120px;max-width:215px;padding:6px 10px 16px 0;margin:0;background:transparent;display:inline-block;}
.navbar .navbar-brand img {width:120px;padding:5px 0 5px 10px;}
.navbar .navbar-brand img.logo-white {display:block;}
.navbar .navbar-brand img.logo-blue {display:none;}
	/* 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:2000;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:39px;}
/* 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;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:#ccc;border-bottom:2px solid #ccc;text-decoration:none;}
	.navbar.fixed-top .nav-item.active .nav-link, .navbar.fixed-top .nav-item.active .nav-link:hover {border-bottom:2px solid #00557d;color:#ccc;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:45px;}
.navbar .nav-contact a {color:#fff;letter-spacing:1px;}
.navbar .nav-contact a:hover {color:#ccc;}
.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;}
/*Resposive Burger*/
.navbar-toggler {position:absolute;top:50px;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: #999;}
.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;background:rgba(255,255,255,1);box-shadow:0 4px 24px rgba(0,0,0,.35);min-height:auto;height:80px!important;}
nav.navbar.fixed-top.in.shrink {background:rgba(255,255,255,.99);}
nav.navbar.fixed-top.shrink .navbar-nav {top:-7px;}
nav.navbar.fixed-top.shrink .navbar-brand {top:6px;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;}
nav.navbar.fixed-top.shrink .navbar-collapse {margin:42px 0px 0 20px;}
nav.navbar.fixed-top.shrink .navbar-toggler {top:30px;right:0;}
nav.navbar.fixed-top.shrink .nav-item .nav-link {font-size:12px;padding:5px 10px!important;margin:0 0 5px;color:#00557d;}
nav.navbar.fixed-top.shrink .nav-item .nav-link:hover, .nav-item .nav-link:hover {color:#00557d;border-bottom:2px solid #00557d;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 #00557d;color:#00557d;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:30px;}
nav.navbar.fixed-top.shrink .nav-contact img {max-width:35px;}
nav.navbar.fixed-top.shrink .nav-contact a {color:#00557d;}
nav.navbar.fixed-top.shrink .nav-contact a:hover {color:#ccc;}
nav.navbar.fixed-top.shrink .nav-contact img.contact-i-white {display:none;}
nav.navbar.fixed-top.shrink .nav-contact img.contact-i-blue {display:inline-block;}
/* ------------------------------------------------ */

/* 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:black;}
.trans-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:1;}
/* Carousel Default Size */
.carousel-inner>.carousel-item {height:100vh;min-height:740px!important;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>.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;padding-left:6vw;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.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:80vw;max-width:80%;padding-left:10%;}
/* Carousel Content (Text Style) */
.carousel-inner>.carousel-item .layer-slogan h2{font-weight:700;font-size:35px;line-height:47px;text-transform: uppercase;letter-spacing: 5px;margin: 15px 0 0;padding: 0;}
.carousel-inner>.carousel-item .layer-slogan h3{font-weight:300;font-size: 21px;line-height: 28px;color: #44111d;text-transform:none;letter-spacing: 1px;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 Indicator */
.carousel-indicators{bottom: 30px;}
.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;}
/*Carousel Gallery */
.carousel-gallery {padding-bottom:200px;}
.carousel-gallery .carousel-control-prev, .carousel-gallery .carousel-control-next {color:#000;margin-top:-30%;}
.carousel-gallery .carousel-control-prev {left:-12%;}
	.carousel-gallery .carousel-control-next {right:-12%;}
.carousel-gallery .carousel-indicators {bottom: 190px;}
	.carousel-gallery .carousel-indicators li {border:1px solid #666;margin:5px;}
	.carousel-gallery .carousel-indicators .active{width: 7px;height: 7px;border-radius: 50%;background-color:#333;border:1px solid #333;}

/* Slick Carousel (Homepage) */
.slider {width:100%;margin:30px auto;}
.slick-slide {margin:0px 40px;padding:60px 0;position:relative;}
.slick-slide a {border:0;outline:0;display:block;color:#fff;}
.slick-slide a:hover {}
.slick-slide img {width: 100%;}
.slick-slide:hover img {transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.slick-prev:before,.slick-next:before {color:#005480;}
.trans-title {position:absolute;bottom:65px;width:100%;height:45%;text-align:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:50% 15px 0;}
.slick-slide {transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;opacity: .2;}
.slick-active {opacity:1;}
.slick-active a {margin:0;overflow:hidden!important;}
.slick-active a .trans-title {font-size:13px;padding:70% 15px 0;}
.slick-current {opacity: 1;transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.slick-current a {margin:0;/*box-shadow:0 10px 22px rgba(0,0,0,.35);*/}
.slick-current a .trans-title {font-size:11px;padding:70% 15px 0;}

/* 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;top:0;right:0;bottom:0;left:0;background-color:#d1ddbb;}
.modal-backdrop.fade{filter:alpha(opacity=9.5);opacity:.95}
body.news .modal-backdrop {position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;background-color:#fff;}
body.news .modal-backdrop.fade{filter:alpha(opacity=.5);opacity:.5}


.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.light {background:#bba07d;border:0;}
.modal-header.blank {background:transparent!important;border:0;}
.modal-header .modal-title {padding:0;padding-right:60px;line-height:110%;}
.modal-header .close {position:fixed;z-index:999;width:100%;top:120px;right:2%;font-size:40px;margin:0 0 0 0;text-align:right;}
.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;}

/*Full width banner*/
.fix-height-block {position:relative;max-width:100%;display:table;margin:0 auto;}
.fix-height-content {display:table-cell;vertical-align:middle;width:1%;}
.fix-height-content .container {margin:0 auto;}
.fix-height-block.max-width {max-width:100%;overflow:hidden;}
.height-lg, .fix-height-block.height-lg .fix-height-content  {min-height:780px;height:100vh;}
.height-md, .fix-height-block.height-md .fix-height-content  {min-height:600px;height:600px;}
.height-sm, .fix-height-block.height-sm .fix-height-content  {min-height:420px;height:420px;}
.fix-height-content.bg-in-screen {background:rgba(255,255,255, .45);padding:0;margin:0;}
.fix-height-content.bg-blk-in-screen {background:rgba(0,0,0, .65);padding:0;margin:0;}
.fix-height-content.bg-blk-in-screen h1, .fix-height-content.bg-blk-in-screen h2, .fix-height-content.bg-blk-in-screen h3, .fix-height-content.bg-blk-in-screen h4, .fix-height-content.bg-blk-in-screen h5, .fix-height-content.bg-blk-in-screen h6, .fix-height-content.bg-blk-in-screen p {color:#fff!important;}

/**** Footer ****/
footer{position:relative;z-index:9999;padding:5px 15px;margin:0;background:#005480;vertical-align:top;}
footer, footer p, footer span, footer a{color:white;font-size:11px;line-height:20px;font-weight:300;letter-spacing:2px;text-align: left;margin: 7px 0 0;color:#fff;}
footer a:hover {color:#ccc;}
.footer-copyrights p {text-align:right;vertical-align:top;margin:0;}
/* Go to Top */
.gotop {position:fixed;z-index:20;right:0;bottom:0px;display:none;}
.gotop a {font-size:15px;background:red;padding:16px 13px;color:#fff;height:69px;display:block;}

/**** Homepage ****/
.top-spacing {min-height:100px;background:transparent;}
/* Overlay Banner */
.overlay-wrap, .overlay-banner {position:fixed;top:0;left:0;right:0;width:100%;height:100vh;}
	.overlay-wrap {z-index:99991;background:#333;}
	.overlay-banner {z-index:99999;background:url('../img/slider/teaser01.jpg') center no-repeat;background-size:cover;}
	.overlay-banner a {display:block;height:100%;width:100%;}
	.overlay-logo {position:absolute;left:0;right:0;top:26%;text-align:center;}
	.overlay-logo img {max-width:175px;}
	.overlay-ani {position:fixed;z-index:99992;top:0;left:0;right:0;width:100%;height:100vh;vertical-align:middle;text-align:center;display:table;}
	.overlay-ani .logo-ani {display:table-cell;vertical-align:middle;height:100vh;}
	.overlay-ani .logo-ani img {width:80%;max-height:80%;transform:rotate(180deg);background:#fff;}
	/*-webkit-animation: fadeIn 11s ease-out both;
	-moz-animation: fadeIn 11s ease-out both;
	-o-animation: fadeIn 11s ease-out both;
	-ms-animation: fadeIn 11s ease-out both;
	animation: fadeIn 11s ease-out both;}*/
	/* Overlay Wrap Animation*/
	/*@-webkit-keyframes wrap {
	  from {-webkit-transform:  scale(1.3, 1.3);opacity:0;}
	  to {-webkit-transform: scale(1, 1);opacity:1}
	}
	@-webkit-keyframes wrap {
	  from {-ms-transform: scale(1.3, 1.3);opacity:0;}
	  to {-ms-transform: scale(1, 1);opacity:1}
	}
	@-webkit-keyframes wrap {
	  from {-moz-transform: scale(1.3, 1.3);opacity:0;}
	  to {-moz-transform: scale(1, 1);opacity:1}
	}
	@keyframes wrap {
	  from {transform: scale(1.3, 1.3);opacity:0}
	  to {transform: scale(1, 1);opacity:1}
	}
	.overlay-banner {-webkit-animation: wrap 7s;-ms-animation: wrap 7s;-moz-animation: wrap 7s;animation: wrap 7s;}*/
	/* Overlay Banner Animation*/
	@-webkit-keyframes zoom {
	  from {-webkit-transform: scale(1.15, 1.15);opacity:0;}
	  to {-webkit-transform: scale(1, 1);opacity:1}
	}
	@-webkit-keyframes zoom {
	  from {-ms-transform: scale(1.15, 1.15);opacity:0;}
	  to {-ms-transform: scale(1, 1);opacity:1}
	}
	@-webkit-keyframes zoom {
	  from {-moz-transform: scale(1.15, 1.15);opacity:0;}
	  to {-moz-transform: scale(1, 1);opacity:1}
	}
	@keyframes zoom {
	  from {transform: scale(1.15, 1.15);opacity:0}
	  to {transform: scale(1, 1);opacity:1}
	}
	.overlay-banner {-webkit-animation: zoom 7s;-ms-animation: zoom 7s;-moz-animation: zoom 7s;animation: zoom 7s;}

/*******Inside Page *******/
/* Our Businesses */
.our-business-wrap p {text-align:justify;}
.img-extra-20 {max-width:120%;margin-left:-20%;}

/* Text Animation */
.linear-text {padding:0;margin:0;font-weight:900;line-height:160%;text-transform:Uppercase;}
.linear-wipe {
	padding:0;margin:0;
	font-weight:900;
	line-height:160%;
	text-transform:Uppercase;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(20%, #005480), color-stop(70%, #005480), color-stop(80%, #005480), color-stop(100%, #00557d));
	background: linear-gradient(to right, #005480 0%, #005480 60%, #34a1fd 80%, #005480 100%);
	background-size: 200% auto;
	color: #005480;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-ms-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent
	-ms-text-fill-color: transparent
	-webkit-animation: shine 2s linear infinite;
	-moz-animation: shine 2s linear infinite;
	-ms-animation: shine 2s linear infinite;
					animation: shine 2s linear infinite;
	}
	@-webkit-keyframes shine {
	  from {background-position: 200% center;}
		to {background-position: 50% center;}
	}
	@-moz-keyframes shine {
	  from {background-position: 200% center;}
		to {background-position: 50% center;}
	}
	@-ms-keyframes shine {
	  from {background-position: 200% center;}
		to {background-position: 50% center;}
	}
	@keyframes shine {
	  from {background-position: 200% center;}
		to {background-position: 50% center;}
	}

/* Company */
.col-wrap {display:table;width:80%;max-width:860px;min-height:280px;height:100vh;margin:0 auto;}
.col-row {display:table-cell;vertical-align:middle;padding:135px 0 0;}

.mng-wrap h1, .mng-wrap h2, .mng-wrap h3, .mng-wrap h4, .mng-wrap h5, .mng-wrap h6 {padding:0;margin:0;}
.mng-wrap h1, .mng-wrap h2, .mng-wrap h4, .mng-wrap h5 {text-transform:uppercase;font-weight:900;display:block;width:100%;}
.mng-wrap h2 {letter-spacing:10px;line-height:130%;}
.mng-wrap h2 small {font-size:65%;display:block;}
.mng-wrap h5 {letter-spacing:5px;line-height:130%;margin:10px 0;}
.mng-wrap h6 {letter-spacing:2px;}
.mng-wrap .mng-info-wrap {
	display: flex;
	align-items: center;
	width: 100%;
	margin:0;
	height: 100%;
}
.mng-wrap .mng-info {width:100%;padding:0 20px;}

.p-link {position:relative;z-index:100;display:block;}

/* News */
.section-fix-height, .side-navi, .right-content, .section-wrap {height:100vh;min-height:740px!important;position:relative;}
.side-navi {max-width:300px;width:60%;margin:20% auto;}
	.side-navi.box-wrap {width:100%;max-width:80%;height:80vh;min-height:400px!important;margin:10vh auto;position:relative;}
.side-navi-flex {width:60%;margin:20% auto;}
.section-fix-height {overflow:hidden;}
.section-fix-height.top-padding {padding-top:100px;}
.right-content {overflow-y:scroll;}
.section-wrap {padding:50px;}
.section-wrap.md {padding:0px 15px 0px 40px;max-width:1000px;margin:0 auto;}
.section-wrap.full {padding:0px;}
.content {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 52vh;
	min-height:280px;
	padding:0;
	padding-bottom:20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.content.md-fixed {height:420px;min-height:420px;}
.content.md {height:80vh;min-height:600px;}
.content.lg, .content.xl {height:75vh;}
.news-content {padding:30px 30px 10vh;}

.news-block {padding:10px 0 0;margin:10px 30px;position:relative;min-height:150px;border-bottom:1px solid #999;}
.news-block.flex {min-height:30px;border-bottom:0;}
.news-block a {display:block;color:#404041;padding:0 0 65px;}
.news-block a h6 {color:#005480;padding:3px 0;margin:0;}
.news-block a p {padding:0;margin:0;}
.news-block .readmore {position:absolute;left:0;bottom:26px;font-weight:700;}
.news-block a:hover .readmore {transform:scale(1.1);}
.news-pic-img {display:block;min-height:20vh;margin:15px 0;}

/*Career */
.top-img {height:40vh;min-height:400px;}
.career-wrap {padding:50px 25px;}
.career-requirement {margin:35px 0 25px;}
.career-position h6, .career-requirement h6 {margin:12px 0;padding:0;}

/* Contact */
.contact-wrap {text-align:center;padding:10px 0;}
.contact-info {margin:25px 20px;line-height:185%;letter-spacing:1px;}
.contact-map {position:relative;z-index:1;top:-45px;width:100vw;height:100vw;max-width:540px;max-height:540px;border-radius:20px;overflow:hidden;margin:0 auto;box-shadow:8px 15px 26px rgba(0,0,0,.15);}
.contact-map-border {position:absolute;z-index:0;top:-280px;left:-320px;width:150vw;height:150vw;max-width:840px;max-height:840px;border-radius:100%;overflow:hidden;border:1px solid rgba(216,92,92,.35);}

/* Section - Enquiry */
.bg-enquiry{background: url("../img/bg-enquiry.jpg") no-repeat #c6c6c6;background-size: contain;background-position: bottom right;display:flex;align-items: center;width: 100%;height: 600px;}
.bg-enquiry h3{font-size:50px;line-height:52px;color:#44111d;padding:0;margin:0;}
.bg-enquiry h4{font-weight:700;font-size:41px;line-height:43px;color:#d0333a;letter-spacing:0.5px;margin:0 0 60px;}
.bg-enquiry p{font-size:16px;line-height:18px;color:black;letter-spacing:0.5px;}
.bg-enquiry .row{padding: 0;margin: 0;}

/* Sitemap */
.sitemap-link {padding:25px 0;}
.sitemap-link a {display:block;padding:2px 0;color:#fff!important;}
.sitemap-link a:hover {color:#ccc!important;padding-left:12px;}
.sitemap-link h4, .sitemap-link p {padding:0;margin:2px 0;}
.sitemap-link h4 {font-size:13px;letter-spacing:4px;margin:2px 0 4px;}
	.sitemap-link p {font-size:10px;letter-spacing:2px;}
.d-block-seperator {display:block;height:8px!important;overflow:hidden;}

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

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.navbar .navbar-brand {left:20px;}
	/* Navi Rollover */
	.navbar .navbar-collapse {position:fixed;top:35px;padding-top:155px;padding-bottom:300px;width:100%;background:rgba(0,0,0,.85);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:#ccc;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 #ccc;color:#999;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:84px;}
	.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 .navbar-collapse {top:60px;margin:0;}
	/*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);}


	.layer-content{
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}
	.layer-header .layer-content{
		padding: 0;
	}
	.ul-list-border.quarter li, .ul-list-full.quarter li {width:48%;}
	.size-box-height {height:auto;padding-bottom:25px;}

}

/*@media (min-width: 1199.98px) {
	.dropdown-menu {padding:0;margin-top:0!important;border:0!important;}
	.dropdown-menu:before {content:"";display:block;padding-top: .5rem;}
	.dropdown-menu:after {content:"";display:block;padding-bottom: .5rem;}
}*/

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.carousel-control-prev, .carousel-control-next {display:none;}
	/*Carousel Gallery */
	.carousel-gallery {padding-bottom:0px;}
	.carousel-gallery .carousel-indicators {bottom: -10px;}
	.container {padding:0 50px;margin:0 auto;min-width:100%!important;}
	.layer-4banner .thumbnail{
		height: 400px;
		padding-top:50px;
	}
	.bg-enquiry{
		height: 400px;
	}
	.bg-enquiry h3 {
		font-size: 35px;
		line-height: 37px;
		color: #44111d;
		padding: 0;
		margin: 0;
	}
	.bg-enquiry h4{
		font-size: 30px;
    	line-height: 32px;
		margin: 0 0 10px;
	}

	/*Carousel*/
	.carousel-inner>.carousel-item .layer-slogan h2 {font-size:28px;line-height:36px;}

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

	/* News */
	.section-fix-height, .side-navi, .right-content, .section-wrap {height:auto;min-height:auto!important;}
	.section-wrap.full {min-height:560px!important;}
	.side-navi {max-width:100%;width:100%;padding:10px 25px;margin:30px auto 15px;}
		.side-navi.box-wrap {width:100%;max-width:100%;height:auto;min-height:auto!important;margin:-35px auto 25px;}
		.side-navi-btn .icon-lg {font-size:24px;padding:0 5px;}
		.side-navi-btn .rotate {transition: .3s transform ease-in-out;-moz-transition: .3s transform ease-in-out;-ms-transition: .3s transform ease-in-out;-webkit-transition: .3s transform ease-in-out;transform:rotate(-180deg);opacity:1;}
		.side-navi-btn .collapsed .rotate {display:inline-block;opacity:0;}
	.section-fix-height {overflow-y:auto;overflow-x:hidden;}
	.right-content {overflow-y:scroll;}
	.section-wrap.md {padding:0px;margin:0 0 0 1%;}

	/*Side Navi */
	.side-navi-flex {width:80%;margin:180px auto 40px;}
	.col-wrap {max-width:100%;height:auto!important;display:block;}
	.col-row {display:block;vertical-align:middle;padding:80px 15px 0;}

	/* Our Business */
	.img-extra-20 {max-width:100%;margin-left:0;}

	/* Our Portfolios */
	.content {height: 160px;min-height:160px;}
	.content.md-fixed {height:350px!important;min-height:350px;}
	.content.md {height:40vh!important;min-height:300px;}
	.content.lg {height:140px!important;min-height:140px;}
	.content.xl {height:100vh!important;min-height:700px;}
	.c-image img {padding:0 0;}


}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

	/*Full width banner*/
	.fix-height-content.bg-in-smallscreen {background:rgba(255,255,255, .5);padding:0!important;margin:0!important;}
	.fix-height-content.bg-blk-in-smallscreen {background:rgba(0,0,0, .55);padding:0;margin:0;}
  .fix-height-content.bg-blk-in-smallscreen .reverse-to-white h1, .fix-height-content.bg-blk-in-smallscreen .reverse-to-white h2, .fix-height-content.bg-blk-in-smallscreen .reverse-to-white h3, .fix-height-content.bg-blk-in-smallscreen .reverse-to-white h4, .fix-height-content.bg-blk-in-smallscreen .reverse-to-white h5, .fix-height-content.bg-blk-in-smallscreen .reverse-to-white h6, .fix-height-content.bg-blk-in-smallscreen .reverse-to-white p {color:#fff;}

	/*.top-spacing {min-height:90px;}*/
	.contact-map {width:80vw;height:80vw;}

	.overlay-logo img {max-width:135px;}

	.layer-4banner {transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	.layer-4banner .layer-item{padding-left:0px;padding-right:0px;margin:0 0 5px;}
	.layer-4banner .thumbnail{height: 350px;padding-top:65px;}

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

	.size-box {height:auto;}
	.blank-link-box {max-height:1px;overflow:hidden;}
	.h-10, .h-20, .h-30, .h-40, .h-50 {min-height:auto;height:auto;}

	.our-business-wrap h4 {font-size:120%;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* Overlay Banner */
	.overlay-logo img {max-width:110px;}
	/*Carousel*/
	.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%;}
	.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-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;}

	/*Full width banner*/
	.fix-height-block {display:block;}
	.fix-height-content {display:block;max-width:100%;width:100%;}
	.height-lg, .fix-height-block.height-lg .fix-height-content, .height-md, .fix-height-block.height-md .fix-height-content, .height-sm, .fix-height-block.height-sm .fix-height-content  {min-height:240px;height:auto;}

	/* News */
	.news-pic-img {min-height:30vh;}

}

@media (min-width: 1600px) {
	.section-fix-height {padding-bottom:50px;}
}

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

@media (min-width: 991.98px) {
	.fixed-on-md {position:fixed;height:100vh;}
	.collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
	.side-navi.box-wrap .title-gradient {text-align:center;}
	.side-navi.box-wrap .seperator-xs {margin:0 auto;}
}

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