.post, .page {
  margin: 0;
}
@font-face {
    font-family: 'Winsome Basic';
    src: url('../fonts/WinsomeBasic.eot');
    src: url('../fonts/WinsomeBasic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WinsomeBasic.woff2') format('woff2'),
        url('../fonts/WinsomeBasic.woff') format('woff'),
        url('../fonts/WinsomeBasic.ttf') format('truetype'),
        url('../fonts/WinsomeBasic.svg#WinsomeBasic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.clearfix:after {

  content: "";

  display: block;

  clear: both;

}



a,

.btn,

.nav-opener:before,

.nav-opener:after,

.nav-opener span,

#nav {

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.ellipsis {

  white-space: nowrap; /* 1 */

  text-overflow: ellipsis; /* 2 */

  overflow: hidden;

}

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

	3. General reset

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



html.resize-active *,

html.resize-active *:before,

html.resize-active *:after {

  -webkit-transition: none !important;

  transition: none !important;

}



body {

  min-width: 375px;

  -ms-overflow-style: scrollbar;

  background: #fff;

  color: #1c4b70;

  font-family: 'Open Sans', sans-serif;


  font-weight: 400;

  font-style: normal;

  font-size: 16px;

  line-height: 1.6;

}



a,

.btn,

button {

  text-decoration: none;

}

a {

  color: #24547b;

}

a:hover {

  color: #1c4b70;

  transition: 0.3s;

}

a:focus,

a:active,

.btn:focus,

.btn:active,

button:focus,

button:active {

  outline: none;

}



strong,

b {

  font-weight: 600;

}



h1:last-child,

h2:last-child,

h3:last-child,

h4:last-child,

h5:last-child,

h6:last-child,

.h1:last-child,

.h2:last-child,

.h3:last-child,

.h4:last-child,

.h5:last-child,

.h6:last-child {

  margin-bottom: 0 !important;

}

h1,

h2,

h3,

h4,

h5,

.h1,

.h2,

.h3,

.h4,

.h5,

h3 a,

h4 a,

h5 a,

.h3 a,

.h4 a,

.h5 a {

  font-family:"aviano";

  font-style: normal;

  line-height: 1;

  font-weight: 400;

  color: #24547b;

  margin: 0 0 10px;

  transition: 0.5s;

  font-size: 22px;

  margin-bottom: 15px;

}

h1,

.h1 {

  font-size: 50px;

  letter-spacing: 1px;

  line-height: 1.4;

   font-family: 'Winsome Basic';

}



h2,

.h2 {

  font-size: 20px;

}



p:last-child {

  margin-bottom: 0 !important;

}

.uppercase {

  text-transform: uppercase;

}

.btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border: 1px solid transparent;

  padding: 15px 32px;

  border-radius: 0;

  font-family: 'Open Sans', sans-serif;

  text-transform: uppercase;

  line-height: 20px;

  font-weight: 500;

  font-style: normal;

  font-size: 16px;

  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);

  border-radius: 80px;

  min-width: 230px;

  position: relative;

	z-index: 5;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.btn-primary:after {

	content: "";

	position: absolute;

	height: 0%;

	left: 50%;

	top: 50%;

	width: 150%;

	z-index: 0;

	transition: .35s;

	background-color: #eef3f5;

	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);

	transform: translateX(-50%) translateY(-50%) rotate(-25deg);

	z-index: -1;

}

.btn-secondary:after {

	content: "";

	position: absolute;

	height: 0%;

	left: 50%;

	top: 50%;

	width: 150%;

	z-index: 0;

	transition: .35s;

	background-color: #24547b;

	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);

	transform: translateX(-50%) translateY(-50%) rotate(-25deg);

	z-index: -1;

  }

.btn-primary:hover:after,

.btn-secondary:hover:after{

	height: 450%;

	transition: 1s;

}

.btn i {

  display: inline-flex;

  font-size: 14px;

  margin: 0 10px 0 0;

}

.btn-primary {

  color: #fff;

  background: #24547b;

  border-color: #24547b;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active {

  background: #eef3f5;

  color: #24547b;

  border-color: #24547b;

  transition: 1s;

}



.btn-secondary {

  color: #24547b;

  border-color: #24547b;

  background: #eef3f5;

}

.btn-secondary:hover,

.btn-secondary:focus,

.btn-secondary:active {

  background: #24547b;

  color: #fff;

  border-color: #24547b;

  transition: 1s;

}

.btn-link {

  color: #24547b;

  border: none;

  background: transparent;

  padding: 0 15px 0 0;

  position: relative;

  font-weight: bold;

  min-width: inherit;

}

.btn-link::after {

  content: "\f054";

  font: normal normal normal 14px/1 FontAwesome;

  position: absolute;

  right: 0;

  font-size: 10px;

}

.special-text {

  font-family: 'Open Sans', sans-serif !important;

}

.font-20 {

  font-size: 20px;

}

.white {

  color: #fff !important;

}

.blue-light {

  color: #24547b !important;

}

.blue-dark {

  color: #1c4b70 !important;

}

.off-white-light {

  color: #eef3f5 !important;

}

.bg-blue-light {

  background-color: #24547b !important;

}

.bg-blue-dark {

  background-color: #1c4b70 !important;

}

.bg-off-white-light {

  background-color: #eef3f5 !important;

}

.img-full {

  display: block;

  width: 100%;

  height: auto;

}

.object {

  object-fit: cover;

  object-position: right;

  height: 100%;

}

.overline {

  font-size: 14px;

  line-height: 19px;

  margin: 0 0 8px;

  font-weight: bold;

  text-transform: uppercase;

  font-family: 'Open Sans', sans-serif !important;


}

.btn-wrapper {

  display: flex;

  flex-direction: column;

  padding: 20px 0;

}

.btn-wrapper a {

  margin-bottom: 20px;

}

.btn-wrapper a:last-child {

  margin: 0;

}

.play-button {

	position: relative;

	height: 150px;

}

.video-play-button {

	position: absolute;

	z-index: 10;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	box-sizing: content-box;

	display: block;

	width: 32px;

	height: 44px;

	/* background: #fa183d; */

	border-radius: 50%;

	padding: 18px 20px 18px 28px;

	display: flex;

	align-items: center;

	justify-content: center;
  border: 0;
  background-color: transparent;

  }

  

  .video-play-button:before {

	content: "";

	position: absolute;

	z-index: 0;

	left: 50%;

	top: 50%;

	transform: translateX(-50%) translateY(-50%);

	display: block;

	width: 80px;

	height: 80px;

	background: #24547b;

	border-radius: 50%;

	animation: pulse-border 1500ms ease-out infinite;

  }

  

  .video-play-button:after {

	content: "";

	position: absolute;

	z-index: 1;

	left: 50%;

	top: 50%;

	transform: translateX(-50%) translateY(-50%);

	display: block;

	width: 80px;

	height: 80px;

	background: #24547b;

	border-radius: 50%;

	transition: all 200ms;

  }

  

  .video-play-button:hover:after {

	background-color: #1c4b70;

  }



  .fa-play{

	position: relative;

	z-index: 5;

  } 

  .fa-play::before {

    font-size: 30px;

    color: #fff;

}

  

  @keyframes pulse-border {

	0% {

	  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

	  opacity: 1;

	}

	100% {

	  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

	  opacity: 0;

	}

  }

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

	4. Сommon site styles

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



/* main container styles */



/* header styles */



#header {

  width: 100%;

  min-width: 375px;


  z-index: 999;

}

.header-main {

  transition: 0.3s;

  position: relative;

  padding: 17px 0;

  background: #fff;

}

.header-main .row [class*="col-"] {

  position: static;

}

.header-main.header-fixed {

  top: 0;

  left: 0;

  width: 100%;

  position: fixed;

  background: #fff;

  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 99;

}

#header .logo {

  width: 100px;

  margin: 0;

}

#header .header-main.header-fixed .logo {

  width: 150px;

}

#header .logo img {

  display: block;

  width: 100%;

  height: auto;

}

.nav-opener {

  width: 14px;

  height: 26px;

  position: absolute;

  top: 50%;

  right: 15px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  border-radius: 0;

}



.nav-opener:before,

.nav-opener:after,

.nav-opener span {

  height: 2px;

  background: #000;

  border-radius: 0;

  position: absolute;

  top: 12px;

  left: 50%;

  right: 0;

  width: 24px;

  transform: translateX(-50%);

}

.header-main.header-fixed .nav-opener:before,

.header-main.header-fixed .nav-opener:after,

.header-main.header-fixed .nav-opener span {

  background: #24547b;

}

.nav-opener:before,

.nav-opener:after {

  content: "";

  top: 6px;

}



.nav-opener:after {

  top: 18px;

}



.nav-active .nav-opener span {

  opacity: 0;

}



body.nav-active {

  overflow: hidden;

}

.nav-active .nav-opener:before,

.nav-active .nav-opener:after {

  -webkit-transform: rotate(45deg) / translateX(-50%);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg), translateX(-50%);

  top: 50%;

  transform: translateX(-50%) rotate(45deg);

}



.nav-active .nav-opener:after {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transform: translateX(-50%) rotate(-45deg);

}



.nav-opener:hover {

  opacity: 1;

}



.nav-holder {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  position: relative;

}



#nav {

  width: 100%;

  padding: 50px 0;

  color: #fff;

  background: #fff;

  display: flex;

  flex-direction: column;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  overflow-y: auto;

  transform: translateX(100%);

  z-index: 99;

  transition: all ease-out 0.2s;

}



.nav-active #nav {

  transform: translateX(0);

  transition: all ease-in 0.2s;

}



#nav .main-nav {

  margin: 0;
  width: 100%

}



#nav .main-nav li {

  padding: 0;

  position: relative;

}

#nav .main-nav li i {

  color: #24547b;

}

#nav .main-nav li a {

  color: #000;

  font-weight: 400;

  font-family: 'Open Sans', sans-serif;

  position: relative;

  display: block;

  width: auto;

  height: auto;

  padding: 10px 22px 10px 15px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.075);

  text-decoration: none;

  font-size: 16px;

  line-height: 27px;

  text-transform: uppercase;

}

.nav-active .nav-opener {

  top: -15px;

  transform: translateX(0);

  z-index: 999;

  transition: all ease-in-out 0.3s;

}

.nav-active .nav-opener::before,

.nav-active .nav-opener::after {

  background: #24547b;

}

#nav .main-nav li a:hover {

  color: #24547b;

  text-decoration: none;

}
#nav .main-nav li.menu-item-has-children > a{
  position: relative;
}
#nav .main-nav li.menu-item-has-children > a:after {
  content: "\f078";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 8px;
  padding-left: 6px;
}
#nav .main-nav li.menu-item-has-children:hover > a:after{
  content: "\f077";
}
.sub-menu {

  display: none;

  left: 0;

  width: 100%;

  position: relative;

  right: 0;

  z-index: 9;

  background: #fff;

  margin: 0;

}

#nav ul.sub-menu li {

  border-bottom: none;

  margin: 0;

}

#nav ul.sub-menu li a {

  padding: 12px 24px;

  color: #00051b;

  display: flex;

  align-items: center;

  font-size: 14px;

  line-height: 1.2;

}

#nav ul.sub-menu li a:hover {

  color: #24547b;

}

#nav ul.sub-menu li a:before {

  display: none;

}

#nav .main-nav li:hover .sub-menu {

  display: block;

}

/* .slider-section .step-slider {

	position: static;

} */

.slider-section .img-holder {

  padding-top: 0;

  min-height: 710px;

}

[style*="background-image"] {

  background-size: cover;

  background-position: center;

}

.slick-dots {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  width: 100%;

  justify-content: center;

}

.slick-dots li {

  margin: 0 5px;

  font-size: 0;

  line-height: 0;

}

.slick-dots li button {

  width: 12px;

  height: 12px;

  border: 1px solid #fff;

  border-radius: 100%;

  background: transparent;

  font-size: 0;

  line-height: 0;

}

.slick-dots li.slick-active button {

  background: #fff;

}

/* Slick slider styles */



.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



.slick-list {

  position: relative;

  overflow: hidden;

  display: block;

  margin: 0;

  padding: 0;

}



.slick-list:focus {

  outline: none;

}



.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.slick-track {

  position: relative;

  left: 0;

  top: 0;

  display: block;

}



.slick-track:before,

.slick-track:after {

  content: "";

  display: table;

}



.slick-track:after {

  clear: both;

}



.slick-loading .slick-track {

  visibility: hidden;

}



.slick-slide {

  float: left;

  height: 100%;

  min-height: 1px;

  display: none;

}



[dir="rtl"] .slick-slide {

  float: right;

}



.slick-slide img {

  display: block;

}



.slick-slide.slick-loading img {

  display: none;

}



.slick-slide.dragging img {

  pointer-events: none;

}



.slick-initialized .slick-slide {

  display: block;

}



.slick-loading .slick-slide {

  visibility: hidden;

}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

  display: none;

}



.slick-arrow {

	width: 35px;

	height:35px;

	padding: 0;

	font-size: 14px;

	background: #fff;

	border-radius: 100%;

	border: none;

	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.09);

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	position: absolute;

	left: 30%;

	top: 100%;

	transform: translateY(-100%);

	font-size: 0;

	line-height: 0;

	z-index: 5;

}

.slick-arrow.slick-next {

	left: auto;

	right: 30%;

}

.slick-arrow.slick-next:after {

	content:"\f178";

}

.slick-arrow:after {

	content:"\f177";

	font: normal normal normal 14px/1 FontAwesome;

}

.slick-arrow:hover {

  color: #fff;

  background: #24547b;

}



.slick-arrow i {

  display: block;

}

.banner-area {

  background-image: url(../images/home-banner.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  padding: 120px 0 80px;

}

.banner-area:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 5, 27, 0.5);

  z-index: 9;

}

.banner-area .holder {

  position: relative;

  width: 100%;

  z-index: 10;

}

.banner-area .banner-text {

  color: #fff;

  padding-bottom: 50px;

}



footer {

  position: relative;

  background-color: #000;

}

.footer-top .widget {

  margin-bottom: 20px;

}

.footer-top .widget .widget-title {

  margin-bottom: 25px;

  color: #fff;

}

.footer-list {
    display: inline-block;
    list-style: none;
    padding: 0;
}

.footer-list li {
    display: inline-block;
    position: relative;
    padding-right: 15px; /* Adjust spacing between items */
}

.footer-list li a {
    color: #fff;
}

.footer-list li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
}

.footer-copy {
    color:#fff ;
    font-size: 14px;
}
.textwidget {

  margin-bottom: 20px;

}

.textwidget P {

  font-weight: 400;

  font-size: 15px;

  color: #d9e0e8;

  line-height: 26px;

}

.footer-nav li {

  margin-bottom: 12px;

  font-weight: 400;

  font-size: 15px;

  color: #d9e0e8;

  line-height: 26px;

}

.footer-nav li a {

  color: #d9e0e8;

}

.footer-nav li a:hover {

  color: #fff;

}

.textwidget a {

  color: #d9e0e8;

}

.textwidget a:hover {

  color: #fff;

}

.footer-bottom {

  padding: 15px 0;

  border-top: 1px solid #fff;

  background-color: #000;

}

.footer-bottom .developed {

  color: #fff;

}

.social {

  display: flex;

  justify-content: center;

}

.social li {

  margin-left: 15px;

}

.social li i {

  font-size: 13px;

  color: #fff;

  line-height: 1;

}

.social li a {

  color: #fff;

}

.contact-us-section {

  position: relative;

  margin-bottom: 50px;

}

textarea {

  resize: none;

}

.map-area {

  position: relative;

  padding-top: 50px;

}

.form-col {

	border: none;

	background: #fff;

	padding: 30px 37px;

	background-color: #fff;

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

	position: relative;

	z-index: 1;

}


.form-col form.invalid .wpcf7-response-output{
  border-color: red;
}

.wpcf7-spinner {
  position: absolute;
}

iframe {

  display: block;

  width: 100%;

}



.col-service-card {

  position: relative;

}

.card-desc-service {

	padding: 22px 25px 22px;

	box-shadow: 0px 3px 10px rgba(5, 17, 69, 0.06);

	width: calc(100% - 50px);

	margin: -95px auto 0;

	background-color: #fff;

	z-index: 3;

	position: relative;

	transition: 0.4s;

}

.col-service-card:hover .card-desc-service{

	margin: -115px auto 0;

}

.ytp-ce-covering-overlay {

  display: none !important; /* Hide the "Up Next" overlay */

}

#player-container {

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625 or 56.25%) */

}



#player {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

#player #background-video {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.inner-container-medium {

  width: 100%;

  max-width: 740px;

  margin: 0 auto;

  text-align: center;

}

.inner-container-small {

  width: 100%;

  max-width: 640px;

  margin: 0 auto;

  text-align: center;

}

.overline {

  position: relative;

  margin: 0 0 12px;

  padding: 0;

  font-size: 16px;

}

.overline.center {

  margin: 0 auto 20px auto;

  padding: 0;

  width: 100%;

  max-width: 200px;

}

.overline.center::before,

.overline.left::before {

  left: -1rem;

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  height: 0.125rem;

  width: 3.5rem;

  background-color: #24547b;

}

.overline.center::after,

.overline.right::after {

  right: -1rem;

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  height: 0.125rem;

  width: 3.5rem;

  background-color: #24547b;

}

.overline.left {

  padding-left: 4rem;

}

.overline.left::before {

  left: 0;

}

.overline.right {

  padding-right: 5rem;

  text-align: right;

}

.overline.right::after {

  right: 0;

  padding-right: 4rem;

}

.section-inner-banner {

  background-image: url(../images/inner-hero-bg.jpg);

  background-position: top left;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  min-height: 250px;

  display: flex;

  align-items: flex-end;

  padding-bottom: 50px;

  background-attachment: fixed;

}

.section-inner-banner::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 5, 27, 0.4);

}

.list li {

  position: relative;

  padding-left: 25px;

  margin-bottom: 10px;

  color: #1c4b70;

}

.list li:before {

  content: "\f00c";

  position: absolute;

  left: 0;

  font-family: "FontAwesome";

  color: #1c4b70;

}

.list li a {

  color: #00214e;

}

.list li a:hover {

  color: #24547b;

}

/* Sidebar styles */

.sidebar .widget {

  padding: 20px;

  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);

  margin-bottom: 30px;

}

.sidebar .widget-title {

  font-weight: 700;

  margin-bottom: 20px;

}

.sidebar .search-form {

  position: relative;

}

.sidebar .search-form:before {

  content: "\f002";

  font-family: FontAwesome;

  font-size: 16px;

  font-weight: 400;

  text-rendering: auto;

  display: block;

  text-align: center;

  position: absolute;

  right: 1.2em;

  top: 50%;

  margin-top: -0.5em;

  width: 1em;

  height: 1em;

  line-height: 1em;

  color: #0d366c;

}

.sidebar .search-form .search-field {

  font-size: 16px;

  background-color: #f8f8fa;

  border: 1px solid #f8f8fa;

  color: #6c7176;

  width: 100%;

  border-radius: 0;

  padding: 10px 12px 10px 17px;

  box-shadow: none;

  outline: 0;

  -webkit-appearance: none;

  transition: 0.3s linear;

}

.sidebar .search-form .search-field:focus {

  border-color: #24547b;

  background-color: #fff;

}

.sidebar .search-form .search-submit {

  display: block;

  text-indent: -1000px;

  position: absolute;

  right: 0;

  top: 0;

  width: 64px;

  height: 100%;

  padding: 0;

  border: none !important;

  background: 0 0 !important;

  z-index: 1;

  cursor: pointer;

}

.sidebar .search-form .search-submit:hover {

  color: #24547b;

}

.conatct-info-list {

  padding: 0;

  margin: 0 0 30px;

}

.conatct-info-list li {

  position: relative;

  padding: 3px 0 3px 30px;

  color: #24547b;

  margin-bottom: 10px;

}

.conatct-info-list li .icon {

  position: absolute;

  left: 5px;

  top: 7px;

  font-size: 16px;

}

.conatct-info-list li .title {

  display: block;

  font-weight: 700;

}

.conatct-info-list li a {

  color: #24547b;

  position: relative;

}

.conatct-info-list li a:hover{

  color: #1c4b70;

}

/* About home page */

.about-img {

  position: relative;

}

.about-img .img {

  padding: 0 30px 30px 15px;

  position: relative;

}

.about-img .img img {

  position: relative;

  z-index: 2;

  background: transparent;

  transition: all 0.5s;

}

.about-img img:hover {

  transform: scale(0.95);

}

.about-img .img::before {

  content: "";

  position: absolute;

  top: 30px;

  right: 0;

  left: 45px;

  bottom: 0;

  background-color: #24547b;

}

.about-img .img::after {

  content: "";

  width: 50%;

  position: absolute;

  top: -6%;

  bottom: 60%;

  left: -3%;

  background-image: url(../images/dots.png);

  background-repeat: repeat;

  z-index: 0;

}

/* home page services slider */

.step-services-slider,

.post-services-slider {

  padding-bottom: 50px;

}

.post-services-slider .slick-list {

	padding-bottom: 30px;

}

.services-slider .slick-dots li button {

  border: 1px solid #24547b;

  border-radius: 100%;

  background: transparent;

  font-size: 0;

  line-height: 0;

}

.services-slider .slick-dots li.slick-active button {

  background: #24547b;

}



.service-slider-content {

  position: relative;

  overflow: hidden;

}

.services-slider .con {

  padding: 20px;

  position: absolute;

  bottom: -40px;

  left: 0;

  width: 100%;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  text-align: left;

  z-index: 20;

  height: auto;

  box-sizing: border-box;

  background: -moz-linear-gradient(

    top,

    transparent 0,

    rgba(0, 0, 0, 0.1) 2%,

    rgba(0, 0, 0, 0.75) 90%

  );

  background: -webkit-linear-gradient(

    top,

    transparent 0,

    rgba(0, 0, 0, 0.01) 2%,

    rgba(0, 0, 0, 0.75) 90%

  );

  background: linear-gradient(

    to bottom,

    transparent 0,

    rgba(0, 0, 0, 0.01) 2%,

    rgba(0, 0, 0, 0.75) 90%

  );

}

.services-slider .con h5,

.services-slider .con h5 a {

  position: relative;

  color: #fff;

  margin-top: 0px;

  margin-bottom: 10px;

}

.services-slider .con i {

  color: #fff;

  font-size: 18px;

}

.services-slider .con i:hover {

  color: #fff;

}

/* line animation */

.services-slider .line {

  text-align: center;

  height: 1px;

  width: 60px;

  background-color: #fff;

  transition-property: all;

  transition-duration: 0.3s;

  transition-timing-function: ease-in-out;

  margin: auto 0 20px;

}

.line {

  width: 60px;

  border-top: 1px solid #fff !important;

  margin-bottom: 20px;

}

.services-slider .slide:hover .line {

  width: 100%;

  transition-property: all;

  transition-duration: 0.8s;

  transition-timing-function: ease-in-out;

}



.services-slider .con .permalink {

  font-size: 12px;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: #fff;

  height: 0;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  display: inline;

}

.services-slider .con .permalink a {

  color: #fff;

  text-align: right;

}

.services-slider .con .permalink i {

  font-size: 10px;

  text-align: right;

}

.services-slider .con .permalink a:hover,

.services-slider .con .permalink a:hover i {

  color: #24547b;

}

.services-slider .slide:hover img {

  -webkit-filter: none;

  filter: none;

  -webkit-transform: scale(1.09, 1.09);

  transform: scale(1.09, 1.09);

  -webkit-filter: brightness(70%);

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

}

.services-slider .slide:hover .con {

  bottom: 0;

}

.services-slider .slide img {

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  width: 100%;

}

/* home page history section */

.history-section {

  background: url(../images/bg-section-about.jpg);

  background-color: #eef3f5;

  color: #24547b;

  position: relative;

  background-size: cover;

  background-position: 50% 50%;

  background-repeat: no-repeat;

}

.format-videoresponsive {

  position: relative;

  display: block;

  width: 100%;

  padding: 0;

  overflow: hidden;

  height: 0;

  padding-bottom: 80%;

  background-color: #000;

}

.format-videoresponsive:before {

  display: block;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0.6;

  background-color: #0d425e;

  z-index: 2;

}

.format-videoresponsive img {

	position: absolute;

	left: 0;

	top: 0;

	width: auto;

	height: 100%;

	object-fit: cover;

}

.format-videoresponsive-holder::after {

	transition: all 0.3s ease-in-out;

	content: "\f04b";

	font-family: 'FontAwesome';

	position: absolute;

	color: #fff;

	font-size: 14px;

	line-height: 46px;

	width: 50px;

	height: 50px;

	text-align: center;

	border: 2px solid #fff;

	border-radius: 50%;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	z-index: 4;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

}

.format-videoresponsive-holder:hover::after {

	opacity: 0.4;

}

.video-wrapper {

	background-image: url(../images/bg-video.jpg);

	position: relative;

	background-size: cover;

	background-attachment: fixed;

	background-repeat: no-repeat;

	min-height: 350px;

}

.video-wrapper:before {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #24547b;

	opacity: 0.4;

}

.video-wrapper .vid {

	position: relative;

	z-index: 8;

}

.video-wrapper .vid .vid-butn .icon {

	color: #fff;

	width: 100px;

	height: 100px;

	border: 2px solid rgba(255, 255, 255, 0.2);

	border-radius: 50%;

	line-height: 100px;

	text-align: center;

	font-size: 40px;

	position: relative;

	transition: all .5s;

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 20px auto;

}

.video-wrapper .vid .vid-butn .icon::before {

	content: '';

	position: absolute;

	top: 5px;

	bottom: 5px;

	right: 5px;

	left: 5px;

	background: transparent;

	border-radius: 50%;

	z-index: -1;

	transition: all 0.5s cubic-bezier(1, 0, 0, 1);

}

.video-wrapper .vid .vid-butn .icon::after {

	content: '';

	position: absolute;

	top: 5px;

	bottom: 5px;

	right: 5px;

	left: 5px;

	border: 2px solid #fff;

	border-radius: 50%;

	z-index: -1;

}

.services-section-rows {

	position: relative;

	z-index: 1;

}

.services-section-rows:after {

	position: absolute;

	top: 0;

	left: 0;

	content: "";

	width: 100%;

	height: 70%;

	z-index: -1;

	background-color: #eef3f5;

}

.services-section-rows .slick-slide img {
	height: 350px;
	object-fit: cover;
	object-position: center;	
}

.pop-up-img {

	position: relative;
  height: 100%;

}
.pop-up-img img{
  height: 100%;
  object-fit: cover; 
}
.play-icon {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	display: flex;

	align-items: center;

	justify-content: center;

}

.play-icon::after {

	transition: all 0.3s ease-in-out;

	content: "\f04b";

	font-family: 'FontAwesome';

	position: absolute;

	color: #fff;

	font-size: 14px;

	line-height: 46px;

	width: 50px;

	height: 50px;

	text-align: center;

	border: 2px solid #fff;

	border-radius: 50%;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	z-index: 4;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

}

.play-icon:hover::after {

	opacity: 0.4;

}

.grid-container {

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

  }

  

  .grid-item {

	flex: 1 0 200px;

	display: flex;

	align-items: stretch;

  }

  

  .grid-item img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	cursor: pointer;

  }

  .contact-detail {

    padding: 50px;

    text-align: center;

    background: #eef3f5;

    height: 100%;

  }

  .contact-detail .icon {

    font-size: 60px;

    line-height: 60px;

    display: block;

    margin-bottom: 20px;

  }
.video-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 84, 123, 1);
  z-index: 999;
}

.lock-scroll {
  overflow: hidden;
}

.video-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 1312px;
  margin: 0 auto;
  padding: 20px;
}

.video-frame-iframe {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  border-radius: 1.25rem;
  overflow: hidden;
}

iframe.video-frame-iframe-embed {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: #000;
}

.video-popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 100%;
  background: #eef3f5;
  border: 0;
  box-shadow: none;
}

.video-popup-close .fa-close {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #24547b;
}

#closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

#videoContainer {
  max-width: 100%;
}
.lightbox-visible {
  display: block;
}
@media (min-width: 576px) {

}



@media (min-width: 768px) {

  h1,

  .h1 {

    font-size: 60px;

  }

  .nav-active .header-main .row [class*="col-"] {

    position: static;

  }

  .nav-active .nav-opener {

    top: -30%;

    transform: translateY(-50%);

  }

  .social {

    justify-content: flex-end;

  }

  .border-left-custom {

    border-left: 2px solid #24547b;

    padding-left: 50px;

    padding-top: 10px;

    padding-bottom: 10px;

    margin-top: 50px;

    margin-bottom: 50px;

  }

  .btn-wrapper {

    flex-direction: row;

  }

  .btn-wrapper a {

    margin-right: 20px;

    margin-bottom: 0;

  }

  .btn-wrapper a:last-child {

    margin: 0;

  }

  .slick-arrow {

	left: 0;

	top: 50%;

	transform: translateY(-50%);

   }

  .slick-arrow.slick-next {

		left: auto;

		right: 0;

	}

}



@media (min-width: 992px) {

  .video-frame {
    padding: 0;
  }

  #header .logo {

    width: 150px;

  }

  h1,

  .h1 {

    font-size: 80px;

  }

  h2,

  .h2 {

    font-size: 35px;

  }

  .header-main.header-fixed #nav .main-nav > li > a {

    color: #000;

  }

  .nav-opener {

    display: none;

  }

  #nav {

    width: auto;

    padding: 0;

    flex-grow: 1;

    position: static;

    overflow: visible;

    color: inherit;

    border: none;

    background: none;

    transform: none;

    flex-direction: row;

    align-items: center;

  }



  .nav-active #nav {

    box-shadow: none;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }



  #nav .main-nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    justify-content: flex-end;

  }

  #nav .main-nav li {

    padding: 0;

    margin: 0;

    width: auto;

    height: auto;

    margin-right: 30px;

    position: relative;

  }

  #nav .main-nav li:last-child {

    margin-right: 0;

  }

  #nav .main-nav li a {

    display: inline-block;

    transition: 0.5s;

    position: relative;

    color: #000;

    text-transform: uppercase;

    line-height: 20px;

    font-weight: 500;

    font-style: normal;

    font-size: 12px;

    padding: 0;

    cursor: pointer;

    position: relative;

    border-bottom: none;

  }

  #nav .main-nav li a i {

    position: absolute;

    top: 9px;

    transform: translateY(-50%);

    right: -13px;

    font-size: 8px;

  }

  #nav .main-nav li:hover a i:before {

    content: "\f077";

  }

  #nav .main-nav > li.active > a,

  #nav .main-nav > li:hover > a,

  .header-main.header-fixed #nav .main-nav > li.active > a,

  .header-main.header-fixed #nav .main-nav > li:hover > a,
  .header-main.header-fixed #nav .main-nav > li.current-menu-item > a,
  #nav .main-nav > li.current-menu-item > a {

    text-decoration: none;

    color: #24547b;

  }

  #nav .main-nav li i {

    color: currentColor;

  }

  .sub-menu {

    position: absolute;

    display: block;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

    width: 190px;

    padding: 15px;

    border-radius: 0;

    border: 0;

    background-color: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    border-bottom: 1px solid rgba(0, 0, 0, 0.03);

    box-shadow: 0 16px 50px rgb(0 0 0 / 7%);

    margin: 0;

  }

  #nav .main-nav li:hover .sub-menu {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

  }

  .header-main {

    padding: 10px 0;

  }

  .banner-area {

    padding: 0;

  }

  .banner-area .holder {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    display: flex;

    align-items: center;

    height: 100%;

  }



  .section-inner-banner {

    min-height: 347px;

    padding-bottom: 90px;

  }

}



@media (min-width: 1200px) {

  #nav .main-nav li {

    margin-right: 30px;

  }

  #nav .main-nav li a {

    font-size: 16px;

  }

  .contact-us-section {

    width: 100%;

  }

  .map-area {

    padding-top: 50px;


    position: relative;

  }

}

@media (min-width: 992px) {
	.section-content-side-image.image-align-left .col-image{
		order: 1;
		margin-left: 0;
	}
	.section-content-side-image.image-align-left .col-text{
		order: 2;
		margin-left: 8.3333333333%;
	}	
}

.section-hero.banner.hero-small {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 50vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 50px;
}

.section-hero.banner.hero-small::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 5, 27, 0.4);
}

.section-hero.banner.hero-small p {
	color: #fff;
	font-size: 16px;
}

.section-hero.banner.hero-large {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 50px;
}

.section-hero.banner.hero-large::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 5, 27, 0.55);
}

.section-hero.banner.hero-large p {
	color: #fff;
	font-size: 16px;
}

.section-cta-standard {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 260px;
	padding: 64px 0;
}

.section-cta-standard::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #24547b;
	opacity: 0.75;
}

.section-cta-standard .cta-box--content {
	color: #fff;
}

.section-cta-standard .cta-box--content .overline {
	color: #fff;
	font-size: 14px;
}

.section-cta-standard .cta-box--content h3 {
	color: #fff;
	font-size: 20px;
}

.section-cta-standard .cta-box--content p {
	color: #fff;
	font-size: 16px;
}

/* SA Styles */

.page-template-template-contact .section-cta-standard {
  background-position: 100% 70%;
  display: flex;
  align-items: center;
}

.page-template-template-contact .section-cta-standard .cta-box--content h3 {
  margin: 0 0 12px!important;
}

.page-template-template-contact .contact-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.page-template-template-contact .contact-info i {
  width: 20px;
  font-size: 20px;
  margin: 0 6px 0 0;
  line-height: normal;
}


@media (min-width: 992px) {
	.section-cta-standard .cta-box {
		display: flex;
	}
	.section-cta-standard .cta-box--content {
		width: 100%;
		padding-right: 64px;
		max-width: 640px;
	}
	.section-cta-standard .cta-box--button {
		display: flex;
		align-items: center;
		align-content: end;
	}
	.section-cta-standard .cta-box--content .overline {
		font-size: 16px;
	}

	.section-cta-standard .cta-box--content h3 {
		font-size: 36px;
	}

	.section-cta-standard .cta-box--content p {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {
	.section-cta-standard .cta-box--content {
		padding-right: 128px;
		max-width: 940px;
	}
}
.page-id-432 .section-content-side-image + .gallery-section {
  padding-top: 0 !important;
}