html {
margin-top: 0px !important;
}
body {
font-family:  Helvetica, sans-serif; 
font-weight: 500;
font-style: normal;
overflow-x: hidden;
}
a {
color: #184D87;
font-weight: bold;
}
:focus {
outline: none !important;
} .container-full {
margin: 0 auto;
width: 100%;
}
.container-sm {
max-width: 890px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container-large {
max-width: 1300px !important;
} img {
max-width: 100%;
height: auto;
border-radius: 15px;
}
.tar {
text-align: right !important;
}
.tac {
text-align: center;
} h1 {
}
h2 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 2.5rem;
font-style: normal;
text-transform: uppercase;
margin-bottom: 20px;
}
h3 {
}
h4 {
}
p {
font-size: 18px;
color: #184D87;
}
.oswald-text {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.6rem;
font-style: normal;
text-transform: uppercase;
}
.d-blue {
color: #184D87;
} a {
}
a:hover{
text-decoration:none;
}
.drk-blue-btn-outline {
border: 1px solid #184D87;
text-align: center;
padding: 10px;
border-radius: 10px;
background-color: #5EC3F0;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.5rem;
font-style: normal;
text-transform: uppercase;
color: #fff;
padding-left: 25px;
padding-right: 25px;
margin-top: 20px;
margin-right: 20px;
display: inline-block;
transition: all ease 500ms; 
}
.drk-blue-btn-outline:hover {
background: #fff;
color: #184D87;
}
.light-blue-btn-solid {
border: 1px solid  #5EC3F0;
text-align: center;
padding: 10px;
border-radius: 10px;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.5rem;
font-style: normal;
text-transform: uppercase;
color: #194D87;
padding-left: 25px;
padding-right: 25px;
margin-top: 20px;
margin-right: 20px;
display: inline-block;
transition: all ease 500ms;
} 
.light-blue-btn-solid:hover {
border: 1px solid  #5EC3F0;
background: 
}
.careers-box {
border: 2px solid  #5EC3F0;
padding: 15px;
border-radius: 15px;
}
.header-nav .mega-menu li {
padding-left: 5px !important;
padding-right: 5px !important;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item > a.mega-menu-link {
padding: 0px 5px 0px 5px; 
font-size: 12px;
}
.header-nav .mega-menu li a {
color: #194D87 !important;
font-family: oswald, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
}
.header-nav .mega-menu li a:hover {
color: #5EC3F0 !important;
font-family: oswald, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important; 
background: transparent !important;
}
.mega-menu-btn-1 a {
border: 1px solid #5EC3F0 !important;
text-align: center !important;
padding: 10px !important;
border-radius: 10px !important;
background-color: transparent !important;
font-family: oswald, sans-serif !important;
font-weight: 600 !important;
font-style: normal !important;
text-transform: uppercase !important;
color: #fff !important;
padding-left: 25px !important;
padding-right: 25px !important;
display: inline-block !important;
padding-top: 0px !important;
transition: all ease 500ms !important;
}
.mega-menu-btn-2 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mega-menu-btn-2 a {
border: 1px solid  #194D87 !important;
text-align: center !important;
padding: 10px !important;
border-radius: 10px !important;
background-color: #5EC3F0 !important;
font-family: oswald, sans-serif !important;
font-weight: 600 !important;
font-style: normal !important ;
text-transform: uppercase !important;
color: #fff !important !important;
padding-left: 25px !important;
padding-right: 25px !important;
display: inline-block !important; 
padding-top: 0px !important;
transition: all ease 500ms !important;
}
.logo-slider-blox {
background: #fff;
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0.2)); 
padding-top: 50px;
padding-bottom: 50px;
}
.mega-current-menu-item {
color: #194D87 !important;
font-family: oswald, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
background: transparent !important;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: transparent;
} li {
}
.content-box {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.page-internal-header h1 {
padding-top: 450px;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 4.5rem;
font-style: normal;
text-transform: uppercase;
margin-bottom: 20px;
color: #fff;
}
.scale-head .logo {
transform: scale(0.6);
transform-origin: top;
}
.logo {
transition: transform ease 400ms;
}
.mega-menu-wrap{
padding-top: 60px !important;
transition: padding-top ease 400ms !important;
}
.home .header-nav {
background: rgb(255 255 255 / 0%);
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0));
transition: all ease 200ms;
}
.home .header-nav.scale-head {
background: rgb(255 255 255 );
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0.2));
}
.header-nav {
display: block;
padding-top: 20px ;
padding-bottom: 20px;
position: fixed;
width: 100%;
z-index: 25000;
background: #fff;
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0.2));
transition: max-height ease 200ms;
max-height: 175px;
}
.header-nav.scale-head {
max-height: 114px;
}
.scale-head .mega-menu-wrap{
padding-top: 20px !important;
} .slider-title {
padding: 15px;
color: #fff;
background: #194D87 ;
border-radius: 15px;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.6rem;
font-style: normal;
text-transform: uppercase;
}
.slider-block-general {
background:  #fff; 
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0.2));
position: relative;
z-index: 1000;
}
.general-slider, .general-slider1, .general-slider2 {
padding-top:50px;
padding-bottom: 50px;
}
.general-slider-image {
margin-right: 20px;
background:#194D87 ;
position: relative;
border-radius: 20px;
border: 2px solid #194D87;
overflow: hiddenl
}
.slider-text {
text-align: center;
vertical-align: middle;
position: absolute;
z-index: 1000;
top: 45%;
width: 100%;
height: 100%;
color: #fff;
opacity: 1;
transition: opacity ease 500ms;
}
.general-slider-image img {
opacity: 0.6;
transition: opacity ease 400ms;
border-radius: 18px;
width: 100%;
}
.general-slider-image:hover img {
opacity: 0.6;
}
.general-slider-image:hover .slider-text {
opacity: 1;
}
.prev, .next, .prev-csr1, .next-csr1, .prev-csr2, .next-csr2  {
padding: 0px; 
padding-left: 16px;
padding-right: 16px;
color: #fff ;
border: 1px solid #014d87 ;
outline: none;
border-radius: 15px;
margin-bottom: -60px;
background: #5EC3F0;
font-size: 32px;
}
.arrow-box {
position: absolute;
width: 100%;
bottom: -20px;
}
.slider-box-block-p {
display: block;
margin-top: 50px;
}
.careers-box h2 {
display: block;
padding-bottom: 20px;
border-bottom: 2px solid #5EC3F0;
color: #194D87;
font-size: 1.8rem;
}	
.careers-box h3 {
color: #194D87;
font-size: 1.8rem;
font-family: oswald, sans-serif;
font-weight: 600;
}	
.page-internal-header {
position: relative;
background-size: cover;
}
.gradient-box {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 26%, rgba(0,0,0,1) 98%);
position: absolute;
width: 100%;
height: 250px;
bottom: 0px;
z-index: 900;
}
.page-internal-header h1 {
z-index: 1000;
position: relative;
}
.full-width-content ul{
list-style: none;
padding-left: 0px;
}
.full-width-content li {
font-size: 18px;
color: #194D87;
}
.full-width-content li i {
font-size: 19px;
padding-right: 10px;
}
.page-id-947 h3{
color: #194D87;
}
.page-id-947 a{
color: #194D87;
} .points-of-contact {
margin-bottom: 80px;
}
.contact-bord-box {
border: 2px solid #5EC3F0;
padding: 30px;
border-radius: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
.contact-bord-box h3 {
font-size: 1.5rem;
font-family: oswald, sans-serif;
font-weight: 600;
text-transform: uppercase;
color: #5EC3F0;
}
.key-dets {
font-size: 1.1rem;
font-family: oswald, sans-serif;
font-weight: 600;
text-transform: uppercase;
color: #194D87;
}
.contact-bord-box a {
font-size: 18px;
color: #194D87;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}
.contact-bord-box p {
padding-bottom: 5px;
margin-bottom: 0px;
}
.resources-top-cols img {
width: 100%;
border-radius: 0px;
}
.container-text-co{
padding: 20px;
padding-top: 10px;
}
.resources-top-cols .col-sm-4 {
max-width: 32%;
border-radius: 15px;
border: 1px solid #36a9e1;
margin-bottom: 30px;
margin-right: 15px;
padding: 0px;
overflow: hidden;
}
.page-child .full-width-content ul  {
list-style: disc;
padding-left: 35px;
}
.resources-top-cols .col-12 {
}
.container-text-co h3 {
min-height: 60px;
}
.btn-resources {
background: transparent;
border: none;
text-align: left;
}
.card-body {
padding: 20px;
border-radius: 15px;
border: 1px solid rgb(54, 169, 225);
margin-left: -15px;
}
.resources-top-cols {
margin-bottom: 30px;
}
.card-body input {
width: 100%;
display: inline-block;
padding: 20px;
border-radius: 10px;
outline: none;
border: 1px solid #5EC3F0;
margin-bottom: 15px;
color: #194D87;
font-size: 18px;
}
.card-body input[type="checkbox"] {
width: auto;
display: inline-block;
padding: 20px;
border-radius: 10px;
outline: none;
border: 1px solid #5EC3F0;
margin-bottom: 15px;
color: #194D87;
font-size: 18px;
}
.card-body .wpcf7-list-item {
margin: 0;
}
.card-body input::placeholder {
color: #184D87;
font-size: 18px;
}
.card-body .wpcf7-submit {
background-color: #5EC3F0;
font-family: oswald, sans-serif;
font-weight: 600;
color: #fff;
text-transform: uppercase;
display: inline-block;
width: 250px;
font-size: 1.5rem;
}
#collapse0 .card-body {
border: none;
}
.become-a-customer1 {
background: #184d86;
min-height: 250px;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.become-a-customer1 h3  {
color: #fff;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 2.3rem;
text-transform: uppercase;
margin-bottom: 15px;
}
.become-a-customer1 p  { 
color: #fff;
font-size: 20px;
}
.become-cus-btn {
padding: 10px;
padding-left: 15px;
padding-right: 15px;
background:#36a9e1;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.2rem;
border-radius: 15px;
color: #fff;
margin-top: 10px;
display: inline-block;
transition: all ease 500ms;
}
.become-cus-btn:hover {
color: #36a9e1;
background: #fff;
}
.overflow-actual-truck {
position: absolute;
top: -250px;
width: 800px;
max-width: 5000px !important;
}
.foot-menu {
list-style: none;
}
.foot-menu  li{
list-style: none;
display: inline-block;
padding-right: 14px;
}
.foot-menu  li a {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
color:  #184d86;
}
.footer-info-block {
padding-top: 50px;
padding-bottom: 30px;
}
.footer-info-block h3 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
color: #184d86;
}
#menu-footer-nav {
padding-left: 0px;
}
.socials-foot a img {
width: 30px;
}
.last-foot {
padding-right:0px !important;
} .button-blog {
border: 1px solid #5EC3F0;
text-align: center;
padding: 10px;
border-radius: 10px;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.3rem;
font-style: normal;
text-transform: uppercase;
color: #194D87;
padding-left: 25px;
padding-right: 25px;
margin-top: 20px;
margin-right: 20px;
display: inline-block;
}
.news-article {
min-height: 250px;
}
.project-tiles .col-sm-4 img {
width: 100%;
}
.article-text-center {
padding: 20px;
margin-bottom: 60px;
}
.article-text-center h3 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.5rem;
font-style: normal;
text-transform: uppercase;
color: #194D87;
}
.news-article img {
border-radius: 0px;
}
.news-article {
overflow: hidden;
}
.single  .news-article {
border: none;
}
.home-hero {
padding-top: 350px;
padding-bottom: 150px;
background-size: cover;
position: relative;
background-position: center;
}
.home-hero h1 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 2.5rem;
font-style: normal;
text-transform: uppercase;
margin-bottom: 20px;
color: #194D87;
}
.blackpool-block .slick-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
left: 0;
}
.blackpool-block {
background-size: cover !important;
padding-top: 350px;
padding-bottom: 80px;
}
.blackpool-block h2 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 2.8rem;
font-style: normal;
text-transform: uppercase;
color: #194D87;
}
.slide-block-test {
background: #fff;
padding: 25px;
border-radius: 20px;
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0.2));
}
.blackpool-block   .slick-slide{
margin-left:  15px;
margin-right:  15px;
}
.testi-slider {
margin-top: 150px;
}
.test-blue-h3 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.5rem;
font-style: normal;
text-transform: uppercase;
color: #36a9e1;
margin-top: 40px;
}
.cat-list {
list-style: none;
padding-left: 0px;
margin-top: 20px;
margin-bottom: 60px;
display: block;
}
.cat-list li {
display: inline-block;
}
.cat-list_item {
color: #194D87;
font-size: 18px;
padding-left: 15px;
padding-right: 15px;
transition: all ease 400ms;
}
.cat-list_item:hover {
color: #5EC3F0;
}
.cat-list_item.active {
font-weight: bold;
}
.filter-title-text {
margin-top: 80px;
}
.filter-title {
margin-bottom: 80px;
}
.filter-title-text h2 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.9rem;
font-style: normal;
text-transform: uppercase;
color: #194D87;
}
.red-test {
height: 150px;
background: red;
}
.slider-box {
padding: 20px;
}
.featured-posts-slider {
border: 2px solid #5EC3F0;
border-radius: 20px;
overflow: hidden;
}
.featured-posts-block {
margin-bottom: 50px;
}
.featured-ban-img img{
border-radius: 0px;
}
.slick-dots li button:before {
font-family: slick;
font-size: 13px;
line-height: 20px;
}
.slick-dots {
position: absolute;
bottom: 20px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
left: 50px;
}
.slick-dots li.slick-active button:before {
opacity: 1;
color: #194D87;
}
.slick-dots li button:hover:before {
opacity: 1;
color: #194D87;
}
.button-blog  {
position: absolute;
bottom: 20px;
}
.other-posts {
border: 2px solid #5EC3F0;
border-radius: 15px;
overflow: hidden;
height: 100%;
}
.slider-box .button-blog {
position: absolute;
bottom: 60px;
left: 15px;
}
.contact-form-2col {
margin-top: 50px;
margin-bottom: 50px;
}
.contact-form {
margin-top: 20px;
}
.contact-form-2col a {
font-family: oswald, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
color: #194D87;
padding-top: 10px;
display: block;
}
.contact-form-2col h3 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.6rem;
font-style: normal;
text-transform: uppercase;
color: #194D87;
}
.contact-form-2col .light-blue-btn-solid {
display: inline-block;
margin-bottom: 20px;
}
.contact-form-2col input[type="text"] {
width: 100%;
display: inline-block;
padding: 20px;
border-radius: 10px;
outline: none;
border: 1px solid #5EC3F0;
margin-bottom: 15px;
color: #194D87;
font-size: 18px;
}
.contact-form-2col input[type="text"]::placeholder {
color: #194D87;
font-size: 18px;
}
.contact-form-2col textarea {
width: 100%;
display: inline-block;
padding: 20px;
border-radius: 10px;
outline: none;
border: 1px solid #5EC3F0;
margin-bottom: 15px;
color: #194D87;
font-size: 18px;	height: 150px;
}
.contact-form-2col textarea::placeholder {
color: #194D87;
font-size: 18px;
}
.contact-form-2col .wpcf7-submit {
border: 1px solid #194D87;
background: #5EC3F0;
color: #fff;
padding: 10px;
font-family: oswald, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
font-size: 1.5rem;
border-radius: 10px;
padding-left: 25px;
padding-right: 25px; }
.history-box-slide {
padding-top: 30px;
padding-bottom: 30px;
border-radius: 15px;
overflow: hidden;
}
.history-title-overflow {
position: absolute;
bottom: 0;
width: 100%;
z-index: 20;
left: 0;
padding-top: 15px;
text-align: center;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,60%) 0%, rgba(255,255,255,0) 100%);
}
.history-relative {
position: relative;
margin-bottom: 15px;
overflow: hidden;
border-radius: 15px;
}
.history-title-overflow p {
color: #fff;
}
.history-title-overflow h4 {
color: #fff;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.6rem;
font-style: normal;
text-transform: uppercase;
}
.history-timeline {
background:#f1f1f1;
padding-top: 50px;
padding-bottom: 50px;
}
.history-timeline h3 {
padding: 15px;
color: #fff;
background: #194D87 ;
border-radius: 15px;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.6rem;
font-style: normal;
text-transform: uppercase;
display: inline-block;
}
.overflow-image {
position: relative;
min-height: 300px;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 100px;
margin-bottom: 150px;
background:  #fff; 
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0.2));
}
.overflow-image h2 {
padding-bottom: 20px;
}
.overflow-image-block {
position: absolute;
top: -130px;
width: 100%;
left: 400px;
}
.overflow-actual {
width: 917px;
position: absolute;
top: -390px;
left: -175px;
max-width: 5000px;
}
.video-box {
border-radius: 20px;
border: 2px solid #66CCC9;
overflow: hidden;
position: relative;padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;
}
.video-box iframe, .video-box object, .video-box embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-loop-prods img {
border-radius: 0px;
}
.page-loop-prods .col-sm-6 {
border-radius: 15px;
border: 2px solid #36a9e1;
margin-bottom: 15px;
padding: 0px;
margin-left: 10px;
margin-right: 10px;
max-width: 48%;
overflow: hidden;
}
.page-loop-prods .product-box-container{
border-radius: 15px;
margin-bottom: 15px;
overflow: hidden;
}
.prod-btn-1 {
border: 1px solid #5EC3F0 !important;
text-align: center ;
padding: 15px ;
border-radius: 10px ;
background-color: transparent ;
font-family: oswald, sans-serif ;
font-weight: 600 ;
font-style: normal ;
text-transform: uppercase ;
color: #194D87  ;
padding-left: 25px ;
padding-right: 25px ;
display: inline-block ;
padding-top: 15px;
margin-right: 15px;
}
.prod-btn-2 {
border: 1px solid #194D87 ;
text-align: center ;
padding: 15px ;
border-radius: 10px ;
background-color: #5EC3F0 ;
font-family: oswald, sans-serif;
font-weight: 600;
font-style: normal ;
text-transform: uppercase ;
color: #194D87 ;
padding-left: 25px ;
padding-right: 25px ;
display: inline-block ;
}
.page-loop-prods h3 a {
color: #194D87 ;
}
.become-a-customer input {
width: 100%;
display: inline-block;
padding: 20px;
border-radius: 10px;
outline: none;
border: 1px solid #5EC3F0;
margin-bottom: 15px;
color: #194D87;
font-size: 18px;
}
.become-a-customer .wpcf7-acceptance .wpcf7-list-item {
margin-left: 0px !important;
}
.become-a-customer input[type='checkbox']{
background-color: red;
width: auto !important;
padding-left: 0px !important;
}	  
.become-a-customer textarea {	  
width: 100%;
display: inline-block;
padding: 20px;
border-radius: 10px;
outline: none;
border: 1px solid #5EC3F0;
margin-bottom: 15px;
color: #194D87;
font-size: 18px; 
}
.become-a-customer .wpcf7-submit {
border: 1px solid #194D87;
background: #5EC3F0;
color: #fff;
padding: 10px;
font-family: oswald, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
font-size: 1.5rem;
border-radius: 10px;
padding-left: 25px;
padding-right: 25px;
display: inline-block;
width: auto;
}
.section-line {
height: 1px;
background: #5EC3F0;
width: 100%;
display: block;
margin-bottom: 30px;
}
.careers-block.paginated .careers-box {
margin-bottom: 50px;
}
.careers-block.paginated {
margin-bottom: 50px;
}
.paginated-content-title {
margin-bottom: 15px;
}
.burger-home {
position: absolute;
right: -150px;
top: -200px; 
width: 850px;
z-index: 5000;
}
.home-hero .container {
position: relative;
}
.content-block-overlay {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 2px solid #194D87;
padding: 60px;
padding-top: 120px;
padding-bottom: 80px;
}
.content-block-overlay p {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.9rem;
margin-bottom: 40px;
display: block;
}
.resource-nocontact {
margin-bottom: 80px;
}
.resource-nocontact .col-sm-4 {
max-width: 32%;
border-radius: 15px;
border: 1px solid #36a9e1;
margin-bottom: 30px;
margin-right: 15px;
padding: 0px;
overflow: hidden;
}
.resource-box-no-form img {
width: 100%;
border-radius: 0px;
}
.container-text-co{
padding: 20px;
padding-top: 10px;
}
.resource-box-no-form h3 {
padding-top: 20px;
min-height: 100px;
}
.resource-box-no-form a {
border: 1px solid #36a9e1;
text-align: center;
padding: 10px;
border-radius: 10px;
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.5rem;
font-style: normal;
text-transform: uppercase;
color: #194D87;
padding-left: 25px;
padding-right: 25px;
margin-top: 20px;
margin-right: 20px;
display: inline-block;
}
.sectors-header h1 {
padding-top: 300px;
font-family: oswald, sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 72px;
color:  #194D87;
z-index: 1000;
position: relative;
}
.sectors-header {
height: 500px;
overflow: hidden;
position: relative;
background-size: cover;
}
.sectors-header img {
margin-top: -30px;
position: relative;
z-index: 1000;
}
.banner-overlay {
background: rgba(255, 255, 255, 0.3);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6.2px);
-webkit-backdrop-filter: blur(4px);
position: absolute;
width: 100%;
height: 100vh;
min-height: 500px;
top: 0px;
}
.slider-block-general {
position: relative;
overflow-x: hidden;
}
.full-width-content ul {
list-style: none;
margin-left: 0px;
padding-left: 0px;
}
.full-width-content ul li {
color: #014d87 ;
font-size: 18px;
padding-bottom: 10px;
}
.full-width-content ul li i{
min-width: 30px;
text-align: center
}
.shadow-image {
position: absolute;
right: 0px;
z-index: 1500;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.3) 65%, rgba(255,255,255,0) 100%);
width: 1078px;
height: 100%;
}
.buttons-slider {
position: relative;
z-index: 1500;
}
.title-box {
position: relative;
z-index: 1800;
margin-bottom: -10px;
}
.team-grey h3 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 1.6rem;
font-style: normal;
text-transform: uppercase;
color: #184D87;
margin-top: 15px;
}
.team-grey img {
margin-top: 20px;
}
.team-grey {
background: #f1f1f1;
padding-top: 60px;
}
.last-grey {
padding-bottom: 80px;
}
.test-content {
background: #fff;
border: 2px solid #5EC3F0;
padding: 50px;
border-radius: 20px;
}
.test-content p {
color: #194D87 !important;
}
.test-w-bg h3 {
color: #fff;
font-family: oswald, sans-serif;
font-weight: 600;
text-transform: uppercase;
}
.test-w-bg p {
color: #fff;
}
.arrow-test {
margin-top: -30px;
}
.test-info {
position: relative;
z-index: 2000;
}
.content-bord-block {
padding:30px;
border-radius: 20px;
border: 2px solid #5EC3F0;
padding-top: 40px;
}
.content-bord-block li {
font-size: 18px;
color: #184D87;
}
.two-col-block {
padding-top: 80px; 
padding-bottom: 50px;
}
.blog-single{
padding-top: 250px;
padding-bottom: 60px;
} @media screen and (min-width:768px) {
.project-tiles .col-sm-4 {
max-width: 32%;
border-radius: 15px;
border: 2px solid #36a9e1;
margin-bottom: 30px;
margin-right: 15px;
padding: 0px;
overflow: hidden;
}
.contact-content {
padding-left: 20px;
} .product-box-container {
display: table-cell;
padding: 20px;
}
} @media screen and (max-width:767px) {
.sectors-header h1 {
padding-top: 95px;
font-family: oswald, sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 60px;
color: #194D87;
z-index: 1000;
position: relative;
}.sectors-header {
height: 350px;
overflow: hidden;
position: relative;
background-size: cover;
}
.blog-single {
padding-top: 60px;
padding-bottom: 60px;
}
.card-body {
padding: 20px;
border-radius: 15px;
border: 1px solid rgb(54, 169, 225);
margin: 5px;
}
.resource-nocontact .col-sm-4 , .resources-top-cols .col-sm-4  {
max-width: 100%;
margin-left: 20px;
}
.prod-btn-2 {
border: 1px solid #194D87;
text-align: center;
padding: 15px;
border-radius: 10px;
background-color: #5EC3F0;
font-family: oswald, sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
color: #194D87;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
}
.image-block-three .slick-dots {
position: relative;
bottom: 0px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
left: 0px;
}
.block-spacing {
display: block;
padding: 15px;
}
.product-box-container {
padding: 0px;
}
.overflow-image {
position: relative;
min-height: 300px;
padding-top: 50px;
padding-bottom: 50px;
margin-top: -100px;
margin-bottom: 60px;
background: #fff;
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0.2));
}
.history-timeline {
max-width: 100%;
overflow: hidden;
}
.grey-history-text {
background: #f1f1f1;
display: block;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -15px;
}
.contact-content {
padding-top: 20px;
}
.filter-title-text {
max-width: 100%;
overflow: hidden;
}
.featured-posts-block .slick-dots {
position: relative;
bottom: 10px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
left: 0px; 
}
.slick-dotted.slick-slider {
margin-bottom: 0px;
}
.slider-box .button-blog {
position: relative;
bottom: 0px;
left: 0px;
}
.button-blog {
position: absolute;
bottom: 37px;
left: 38px;
}
.news-article {
border-radius: 15px;
border: 2px solid #36a9e1;
margin-bottom: 20px;
}
.blackpool-block {
background-size: 100% !important;
padding-top: 150px;
padding-bottom: 80px;
background-repeat: no-repeat;
background-position-y: bottom !important;
}
.home-hero {
padding-top: 50px;
padding-bottom: 150px;
background-size: 100% !important;
background-repeat: no-repeat !important;
position: relative;
background-position: center;
}
.home-hero h1 {
font-family: oswald, sans-serif;
font-weight: 600;
font-size: 2rem;
font-style: normal;
text-transform: uppercase;
margin-bottom: 20px;
color: #194D87;
}
.header-nav {
display: block;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
width: 100%;
z-index: 25000;
background: #fff;
filter: drop-shadow(0rem 0rem 0.4rem rgba(0, 0, 0, 0.2));
transition: max-height ease 200ms;
max-height: 175px;
}
.nav-mob-new {
position: absolute;
top: 40px;
width: 100%;
right: 20px;
z-index: 2000;
transition: all 500ms ease;
}
.mega-menu-toggle {
background: transparent !important;
}
.mega-toggle-block {
border: 1px solid #004d86 !important;
border-radius: 10px;
padding: 10px !important;
padding-left: 5px !important;
padding-right: 5px !important;
color: #004d86 !important;
height: auto !important;
}
.mega-menu-wrap{padding-top: 0px !important; }
.header-nav {
z-index: 5;
}
.arrow-box {
position: absolute;
width: 100%;
bottom: -20px;
left: 0px;
}
#mega-menu-wrap-alt-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-alt-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-alt-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
background-color: #004d86 !important;
}
#mega-menu-wrap-alt-nav .mega-menu-toggle + #mega-menu-alt-nav {
background: #f1f1f1;
padding: 0px 0px 0px 0px;
display: none;
position: absolute;
width: 100%;
z-index: 9999999;
margin-top: 45px;
left: 20px;
padding-bottom: 15px;
padding-top: 10px;
}
#mega-menu-alt-nav li a{
color: #004d86 !important;
font-family: oswald, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
font-size: 1.5rem !important;
}
#mega-menu-alt-nav li {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
#mega-menu-wrap-alt-nav #mega-menu-alt-nav > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background: transparent !important;
}
.mega-sub-menu, .mega-sub-menu .mega-menu-item,  .mega-sub-menu .mega-menu-item a {
background: #d3d3d3 !important;
color: #5EC3F0 !important !important;
}
.general-slider-image img {
opacity: 0.6;
}
.slider-text {
text-align: center;
vertical-align: middle;
position: absolute;
z-index: 1000;
top: 40%;
width: 100%;
height: 100%;
color: #fff;
opacity: 1;
transition: opacity ease 500ms;
}
.logo-slider-blox {
overflow-x: hidden;
max-width: 100%;
}
.contact-bord-box {
border: 2px solid #5EC3F0;
padding: 30px;
border-radius: 20px;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 30px;
}
#mega-menu-wrap-alt-nav .mega-menu-toggle.mega-menu-open + #mega-menu-alt-nav {
display: block;
text-align: left;
}
.mega-menu-btn-1, .mega-menu-btn-2 {
display: inline-block !important;
margin-right: 10px !important;
}
#mega-menu-alt-nav {
padding-left: 10px !important;
}
}
@media only screen and (device-width: 768px) {
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
}