/*
<?php if( $detect->isMobile() && !$detect->isTablet() ){ ?><!--mobile--><?php } ?> 
<?php if( $detect->isTablet() ){ ?><!--tablet--><?php } ?>
<?php if( !$detect->isTablet() && !$detect->isMobile() ){ ?><!--desktop--><?php } ?>

 <jdoc:include type="component" />
 <jdoc:include type="modules" name="breadcrumbs" style="none" />
 
*/



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




:root {
	--font-family:"Poppins", sans-serif;
	--color-white:#fff;
	--color-dark:#202020;
	--color-dark:#000;
	--color-skyblue:#1AC7E6;
	--font-size-p:1.125rem;
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--color-dark);
 	color: var(--color-white);
	scroll-behavior: smooth;
	min-width:320px;
	font-family: var(--font-family);
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}

body{
	overflow-x: hidden;
}

ul,li ,ol{
  list-style:none;
  padding:0;
  margin:0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlowXHidden{
 overflow-x:hidden;
}


a p:hover,
a:hover,
a:active{
	color:var(--color-skyblue);
}


/* -------------------------------- 
Main components 
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

header .wrp{
	width:96%;
	max-width:1920px;
	margin:auto;
	position:relative;
	height:50px;
}

.wrp-big{
	width:96%;
	max-width:1920px;
	margin:auto;
	position:relative;
	height:50px;
}


.wrp{
	width:90%;
	max-width:1440px;
	margin:auto;
	position:relative;
}

.wrp.slider{
	width: 90%;
    height: 100vh;
    position: absolute;
    margin: auto;
    display: block;
    max-width: 100%;
    left: 2%;
    right: 2%;
    z-index: 2;
    max-width: 1440px;
}


.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 110px;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  left:0%
}

.cd-main-content.inside-pages{
	margin-top:110px;
}


.cd-main-content.blogPages{
	margin-top:180px;
}


.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-0);
  -moz-transform: translateX(-0);
  -ms-transform: translateX(-0);
  -o-transform: translateX(-0);
  transform: translateX(-0);
}

.cd-main-content.open{
	position:relative;
	left:100%;
}

.parallax-div-main{
	position: relative;
    background: var(--color-dark);
    z-index: 2;
    padding: 140px 0 0 0;
    /* display: table; */
    width: 100%;
    top: 100vh;
	box-shadow:rgba(0,0,0, .8) 0px -2px 15px 7px
}



.inside-pages{
	padding:80px 0 0px 0;
}

.inside-pages .main-body{
	padding:20px 0 0 0;
}


.inside-pages .parallax-div-main{
    top: 55vh;
	box-shadow:rgba(0,0,0, .4) 0px -2px 15px 7px
}

.inside-pages .bdt-timeline-container {
    display: flow-root;
    box-sizing: content-box;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
    height: 100vh;
    position: fixed;
    z-index: 1;
    top: 125px;
}



/*********
FONTS 
**************/ 
h1,h2,h3,h4,h5,h6,div,span,article,p,a,ul,li,nav,button,#cssmenu ul li a,textarea,input, ol li p{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-white);
	font-family: var(--font-family);
	font-weight:500;
 }

a{
  cursor:pointer;
  transition:all ease 0.3s;
}	


h1{
	font-weight:700;
	font-size:36px;
	line-height:46px;
	letter-spacing:1px;
}

h2{
	font-weight:700;
	letter-spacing:2px;
	font-size:2.50rem;
}


.sectionTitle{
	display:table;
}

.sectionTitle:after{
	content:"";
	width:00%;
	height:8px;
	margin:10px 0 0 0;
	background:var(--color-skyblue);
	display:block;
	transition:width ease 0.4s;
	transition-delay: 3s;
}

.sectionTitle.add-animate.in-view:after{
	content:"";
	width:40%;
	max-width:100px;
	height:8px;
	margin:10px 0 0 0;
	background:var(--color-skyblue);
	display:block;
	transition:width ease 2s;
	transition-delay: 1s;
}

h3{
	font-weight:700;
	font-size:1.8rem;
	line-height:150%;
	letter-spacing:1px;
}


p,
ol li{
	font-size:var(--font-size-p);
	line-height:180%;
	letter-spacing:1px;
}


a h3:hover{
	 color: var(--color-dark-blue);
	 transition:color ease 0.3s
}

.cl-dark{
	color: var(--color-dark);
}


.cl-skyblue{
	color:var(--color-skyblue);
}

a.cl-dark:hover{
	color: var(--color-dark);
}

.smallfonts p,
.smallfonts a,
.smallfonts ol li{
	font-size:0.8rem;
	line-height:1.1rem;
}


.article p{
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: 1px;
}

.article p:after{
	content:"";
	padding:0 0 20px 0;
	display:block;
}


.uppertitle{
	font-size:18px;
	font-weight:300;
	letter-spacing:1px;
}


.small-text{
	font-size:0.8rem
}

.logo-dsg span{
	display:inline-flex;
	font-size:2rem;
	font-weight:900;
	color:#fff;
}

 
.logo-dsg span.sky{
	color:var(--color-skyblue);
}

.logo{
    background: url(../background/svg/bevisible-logo.svg) no-repeat center center;
	background-size:222px 60px;
	width:222px;
	height:60px;
	display:block;
}

.image-full-1{
	width:100%;
	height:100%;
	object-fit:cover
}


header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  padding:15px 0;
  height:80px;
	transition:background ease 0.3s;
	background:var(--color-dark);
}

header.scrolled{
	background: var(--color-dark);
	transition:background ease 0.3s;
}



.homepage header{
	background:transparent;
	transition:all ease .3s;
	border-bottom:0px solid transparent;
	box-shadow: rgba(149, 157, 165, 0.0) 0px 8px 24px;
		background: var(--color-dark);
	transition:background ease 0.3s;
}

.homepage header.addbgColor{
	background:var(--color-dark);
	transition:all ease .3s;
	border-bottom:1px solid var(--color-dark);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-0);
  -moz-transform: translateX(-0);
  -ms-transform: translateX(-0);
  -o-transform: translateX(-0);
  transform: translateX(-0);
}


header.shadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition:all ease .4s;
}


header .logo-pos {
	display: block;
	margin-right:20px;
	height:50px;
	position:absolute
}

header .info-pos {
    max-width:500px;
    position: absolute;
    right: 80px;
    margin: auto;
    top: 12px;
    bottom: 0;
}


header .info-pos .icon{
	float:left;
}
 

header .menu-pos {
	display: block;
    position: absolute;
    top: 0px;
    height: 50px;
    width: 50px;
    right: 0;
} 

header .contact-icons a{
	font-size:1rem
}



/***********************
icons svg
*****************/
.contact-icons .icon {
	display:block;
	width:18px;
	height:18px;
	background:red;
	float:left;
	margin-right:10px;
	position:relative;
	top:4px;
}

.contact-icons .icon.icon-email{
   background: url(../background/svg/Email.svg) no-repeat center center;
	background-size:18px 18px;
	width:18px;
	height:18px;
	display:block;
}

.contact-icons .icon-ctn{
	position:relative;
	display: table;
	margin-left: auto;
    margin-right: auto;
}

 
.contact-icons .icon-ctn .icon-phone:before{
	content: "";
    background: url(../background/svg/Phone.svg) no-repeat center center;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    margin-right: 10px;
    display: table;
    float: left;
}


.contact-icons .icon-ctn .icon-email:before{
	content: "";
    background: url(../background/svg/Email.svg) no-repeat center center;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    margin-right: 10px;
    display: table;
    float: left;
}


.contact-icons .icon.icon-phone{
   background: url(../background/svg/Phone.svg) no-repeat center center;
	background-size:18px 18px;
	width:18px;
	height:18px;
	display:block;
}

.contact-icons .icon.icon-location{
   background: url(../background/svg/location.svg) no-repeat center center;
	background-size:18px 18px;
	width:18px;
	height:18px;
	display:block;
}


.social-icons .horizontal li{
	display:inline-flex;
	margin-right:20px;
}




.social-icons li{
	margin-right:10px;
}

.social-icons li:last-child{
	margin-right:0px;
}

.social-icons .icon.icon-facebook{
   background: url(../background/svg/facebook.svg) no-repeat center center;
	background-size:18px 18px;
	width:18px;
	height:18px;
	display:block;
}

.social-icons .icon.icon-instagram{
   background: url(../background/svg/Instagram.svg) no-repeat center center;
	background-size:18px 18px;
	width:18px;
	height:18px;
	display:block;
		position:relative;
	top:5px;
}


.social-icons .icon.icon-linkedin{
   background: url(../background/svg/Linkedin.svg) no-repeat center center;
	background-size:18px 18px;
	width:18px;
	height:18px;
	display:block;
}

.social-icons .icon.icon-twitter{
   background: url(../background/svg/Twitter.svg) no-repeat center center;
	background-size:18px 18px;
	width:18px;
	height:18px;
	display:block;
	position:relative;
	top:5px;
}


.menu-expand .social-icons .icon.icon-instagram{
	top:2px;
} 

.menu-expand .social-icons .icon.icon-twitter{
	top:2px;
}


/***********************
MENU EXPAND 
*****************/

/* header */
/* header */
.burger {
	font-size: 2rem;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    width: 100%;
    background: #1ac7e6;
	height: 50px;
}

/* backdrop */
.menu-backdrop {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  pointer-events: none;
  transition: top 0.5s ease;
  z-index: 2500;
	top:  -100%;
}

.menu-backdrop.active {
	top:  00%;
	opacity: 0.8; /* dimmed background */
  pointer-events: auto;
   transition: top 0.5s ease;
}

/* overlay menu */
.menu-overlay {
  position: fixed;
  top:  -200%;
  right:0; /* hidden */
  width: 100%;
  height: 100%;
  background: var(--color-dark);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: top 0.5s ease;
  z-index: 3000;
}
 
.menu-overlay.active {
  top: 0;
}

.menu-overlay ul.main-services-cols {
  list-style: none;
  padding: 0;
  text-align: center;
}

.menu-overlay ul.main-services-cols li {
  margin: 0 0;
}

.menu-overlay ul.main-services-cols li a {
  color: white;
  font-size: 2rem;
  text-decoration: none;
  transition: color 0.3s;
}

.menu-overlay ul.main-services-cols li a:hover {
  color: #d9534f;
}

/* close button */
.menu-overlay .close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 3rem;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  z-index:99999
}

.menu-overlay .main-services .main-services-cols li{
	height:33.3vh;
	position:relative;
	overflow:hidden;
}

.menu-overlay .main-services .main-services-cols li h3{
    position: absolute;
    top: 0;
    bottom: 0;
    display: table;
    color: #fff;
	font-weight:normal;
    font-size: 1.5rem;
    left: 0;
    right: 0;
    margin: auto;
	z-index:1;
	width: 80%;
    height: auto;
	align-self: center;
    justify-self: center;
}

.menu-overlay .main-services .main-services-cols li img{
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0.2;
	transition: all 0.5s ease;
	transform: scale(1.0);
}



.menu-overlay .main-services .main-services-cols li:hover img{
	opacity:1;
	transition: all 0.5s ease;
	transform: scale(1.1);
}


.menu-overlay .right-column .right-column-bg {
	position:absolute;
	top:-110%;
	width:40%;
	height:100vh;
	display:block;
	background: var(--color-skyblue);
	transition:all ease 2.4s;
}

.menu-overlay .right-column.in-view .right-column-bg{
	top:0%;
	bottom:0;
 	transition:all ease 0.4s;
	transition-delay: 1.2s;
}

.menu-overlay .right-column .right-column-ctn{
	position: absolute;
    width: 80%;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: auto;
    display: table;
}





@-moz-document url-prefix() {
  .menu-overlay .right-column .right-column-ctn{
	position: absolute;
	width: 80%;
	margin: auto;
	top: 00px;
	bottom: 0;
	right: 0;
	left: 0;
	height: 330px;
	display: table;
	z-index: 999999;
	}
}




.menu-overlay .right-column .right-column-ctn .menu-logo{
	width:200px;
	height:40px;
	display:block;
	margin:auto;
	text-align:center;
}

.menu-overlay .right-column-ctn .secondary-menu ul li {
    margin: 0 0;
    text-align: center;
    margin: 10px 0;
}


.menu-overlay .right-column-ctn .secondary-menu  ul li a {
    color: white;
    font-size: 1.4rem;
    text-decoration: none;
    transition: color 0.3s;
}

.menu-overlay .right-column-ctn .secondary-menu ul li a:hover,
.menu-overlay .right-column-ctn .secondary-menu ul li.active a{
    color: var(--color-dark);
    font-size: 1.4rem;
    text-decoration: none;
    transition: color 0.3s;
}

.menu-overlay .right-column-ctn .contact-info-ctn,
.menu-overlay .right-column-ctn .social-media-ctn{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}



.menu-overlay ul.main-services-cols-v2 {
  list-style: none;
  padding: 0;
  text-align: center;
}


.menu-overlay ul.main-services-cols-v2 li{
   width:100%;
   height:40px;
   display:block;
}

.menu-overlay .services-menu{
	margin:auto;
	width: 80%;
}

.menu-overlay .add-animate-menu li.add-animate {
	transition:all ease 0.4s;
	transition-delay: 1.2s;
	position:relative;
	bottom:-25px;
	opacity:0;
}


.menu-overlay .add-animate-menu li.add-animate.in-view {
	opacity:1;
	bottom:0px;
	transition:all ease 0.4s;
	transition-delay: 1.2s;
	position: relative;
}



/***********************
FOOTER 
*****************/
footer{
	margin-top:120px;
	width:100%;
	display:block;
	padding:50px 0 40px 0;
}

.footer-vertical-menu li{
	margin-bottom:10px;
}

.footer-vertical-menu li a:before{
	content: "";
    display: block;
    background: var(--color-skyblue);
    width: 8px;
    height: 8px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 8px;
}



.contact-details ul li{
	display: inline-grid;
	width:100%;
	grid-template-columns:20px auto;
	column-gap: 5%;
	margin-bottom:20px;
}


.contact-details ul li p{
	font-size:1rem
}


footer .social-icons{
	width: auto;
    display: flex;
}

footer .social-icons li{
	width: auto;
    display: inline-grid;
    grid-template-columns: 20% 20% 20% 20%;
}


footer .social-icons .icon.icon-facebook {
    background: url(../background/svg/facebook.svg) no-repeat center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

footer  .social-icons .icon.icon-twitter {
    background: url(../background/svg/Twitter.svg) no-repeat center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    top: 5px;
}

footer .social-icons .icon.icon-instagram {
    background: url(../background/svg/Instagram.svg) no-repeat center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    top: 5px;
}

footer .social-icons .icon.icon-linkedin {
    background: url(../background/svg/Linkedin.svg) no-repeat center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}



.row-columns {
	display: flex;
    margin: auto;
    justify-self: center;
}

.row-columns li{
	margin-right:20px;
	border-right:1px solid #dadada;
	padding:0 10px 0 0;
}

.row-columns li:last-child{
	margin-right:00px;
	padding:0 0 0 0;
	border-right:0px solid #dadada;
}

.bv-logo  {
    color: #fff;
	font-weight:900;
}
 
.bv-logo .cl-blue {
    color: #075ee3;
	font-weight:900;
}
 
 

/* -------------------------------- 
BUTTONS 
-------------------------------- */
/* 1.45(5) trans effect button outline style */
.btn-trans{cursor: pointer;   z-index: 0;  display:inline-block;  position:relative; border:1px solid #fff}
.btn-trans span {color: #fff;  display: block;  padding-left: 0%; padding-right: 25px;  text-transform: uppercase; font-size:12px; letter-spacing:5px; transform: scaleX(0.9);  transform-origin: center left;  transition: color 0.3s ease;
  position: relative;  z-index: 1;}
.btn-trans em {  position: absolute;  height: 1px;  background: #1AC7E6;  width: 15%;  right: 23px;  top: 50%;  transform: scaleX(0.25);  transform-origin: center right;  transition: all 0.3s ease;  z-index: 1;}
.btn-trans:before,
.btn-trans:after {  content: '';  background-color:#1AC7E6;  height: 50%;  width: 0;  position: absolute;  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.btn-trans:before {  top: 0;  left: 0;  right: auto;}
.btn-trans:after {  bottom: 0;  right: 0;  left: auto;}
.btn-trans.site-button:hover{ background-color: #1AC7E6; }
.btn-trans:hover:before {  width: 100%;  right: 0;  left: auto;}
.btn-trans:hover:after {  width: 100%;  left: 0;  right: auto;}
.btn-trans:hover span {  color: #fff;}
.btn-trans:hover em {  background: #fff;  transform: scaleX(1);}


/* 1.45(5) sky effect button outline style */
.btn-sky{cursor: pointer;   z-index: 0;  display:inline-block;  background:#1AC7E6; position:relative; border:0px solid #1AC7E6}
.btn-sky span {color: #fff;  display: block;  padding-left: 0%; padding-right: 25px;  text-transform: uppercase; font-size:1rem; letter-spacing:5px; transform: scaleX(0.9);  transform-origin: center left;  transition: color 0.3s ease;
  position: relative;  z-index: 1;}
.btn-sky em {  position: absolute;  height: 1px;  background: #fff;  width: 20%;  right: 23px;  top: 50%;  transform: scaleX(0.25);  max-width: 45px; transform-origin: center right;  transition: all 0.3s ease;  z-index: 1;}
.btn-sky:before,
.btn-sky:after {  content: '';  background-color:#323232;  height: 51%;  width: 0;  position: absolute;  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.btn-sky:before {  top: 0;  left: 0;  right: auto;}
.btn-sky:after {  bottom: 0;  right: 0;  left: auto;}
.btn-sky.site-button:hover{ background-color: #323232; }
.btn-sky:hover:before {  width: 100%;  right: 0;  left: auto;}
.btn-sky:hover:after {  width: 100%;  left: 0;  right: auto;}
.btn-sky:hover span {  color: #fff;}
.btn-sky:hover em {  background: #fff;  transform: scaleX(1);}


/* green effect button outline style */
.btn-green{cursor: pointer;   z-index: 0;  display:inline-block;  background:#8bc34a; position:relative; border:0px solid #8bc34a}
.btn-green span {color: #fff;  display: block;  padding-left: 0%; padding-right: 25px;  text-transform: uppercase; font-size:12px; letter-spacing:5px; transform: scaleX(0.9);  transform-origin: center left;  transition: color 0.3s ease;
  position: relative;  z-index: 1;}
.btn-green em {  position: absolute;  height: 1px;  background: #fff;  width: 20%;  right: 23px;  top: 50%;  transform: scaleX(0.25);  max-width: 45px; transform-origin: center right;  transition: all 0.3s ease;  z-index: 1;}
.btn-green:before,
.btn-green:after {  content: '';  background-color:#323232;  height: 51%;  width: 0;  position: absolute;  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.btn-green:before {  top: 0;  left: 0;  right: auto;}
.btn-green:after {  bottom: 0;  right: 0;  left: auto;}
.btn-green.site-button:hover{ background-color: #323232; }
.btn-green:hover:before {  width: 100%;  right: 0;  left: auto;}
.btn-green:hover:after {  width: 100%;  left: 0;  right: auto;}
.btn-green:hover span {  color: #fff;}
.btn-green:hover em {  background: #fff;  transform: scaleX(1);}



 
.btn {
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: 0px;
    transition: all 3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 16px 30px;
	position:relative;
	min-width:180px;
}
 
.btn:disabled{
	opacity:0.7;
	cursor:none;
}
 
 
.button-arrow {
  color: #fff;
  margin: 1em 0;
}
.button-arrow::after {
  display: inline-block;
  content: "➞";
  transition: transform 0.3s ease-out;
   transform: translateX(4px);
}
.button-arrow:hover {
	color: #fff;
	color: var(--color-skyblue);
}
.button-arrow:hover::after {
  transform: translateX(8px);
}


.button-back-arrow {
  color: #fff;
  margin: 1em 0;
}
.button-back-arrow::before {
  display: inline-block;
  content: "➞";
  transition: transform 0.3s ease-out;
   transform: translateX(4px) rotate(180deg);
}
.button-back-arrow:hover {
	color: #fff;
	color: var(--color-skyblue);
	transform: rotate(0deg);
}
.button-back-arrow:hover::before {
  transform: translateX(0px) rotate(180deg);
}

.dsg-1 .img-ctn{
	position:relative;
	height:440px;
	display:block;
}

.dsg-1 .img-ctn .box-border{
	background:transparent;
	border:20px solid #1AC7E6;
	width:90%;
	height:300px;
	display:block;
	position: absolute;
	left: -60px;
    bottom: -20px;
}

.dsg-1 .img-ctn .image{
	width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
    background: #202020;
    max-height: 400px;
    height: 400px;
 }

.dsg-1 .img-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
    height: 400px;
}


.dsg-1.left .img-ctn .image{
    left: 0;
	right: auto;
 }
 
.dsg-1.left .img-ctn .box-border{
    right: 0;
	left: auto;
}



.message-sign-text{
	display:block;
	border-right:8px solid #1AC7E6;
	padding-right: 20px;
}


.message-sign-text span{
	width: 100%;
    display: table;
    text-align: right;
	color:#fff;
	letter-spacing:1px;
}


.message-sign-text span.line1{
	font-size:2.2rem;
	line-height:2.8rem;
	font-weight:900;
}

.message-sign-text span.line2{
	font-size:1.2rem;
	line-height:1.6rem;
	font-weight:400;
}
 

.carouselCtn{
	width: 100%;
    height: 500px;
    display: block;
} 

.words-trailer p{
	font-size:3rem;
	line-height:4.2rem;
	color:#676767; 
	transition:color ease 3s;
	transition-delay: 2s, 3s;
}
.words-trailer .center  p{
	color:#1AC7E6; 
	transition:color ease 3s;
	transition-delay: 2s, 3s;
}

.words-trailer p:before{
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #676767;
    float: left;
    position: relative;
    top: 40px;
    margin-right: 25px;
}


.latestProjectsCtn{
	height:600px;
 }

.latestProjectsCtn .latestProjectsImg{
	height:500px;
}

.latestProjectsCtn .latestProjectsImg img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.owl-dots {
    text-align: center;
    display: table;
	width: auto;
    margin: 30px auto 0 auto;
}

.owl-dots button{
	display:block;
	width:12px;
	height:12px;
	margin-right:10px;
	float:left
}

.owl-dots button:last-child{
	margin-right:0px;
}

.owl-dots span{
	display:block;
	width:12px;
	height:12px;
	background:transparent;
	border-radius:12px;
	border:1px solid #fff;
	transition:all ease 0.4s;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot span:hover{
	display:block;
	width:12px;
	height:12px;
	background:#1AC7E6;
	border-radius:12px;
	border:1px solid #1AC7E6;
	transition:all ease 0.4s;
}

 

.services-box-ctn .title h3{
	font-size:1rem
} 


.services-menu {
	position:relative;
	z-index:2;
}

#service-image {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  display: block;
  max-width: 100%;
}

#service-text {
	position:absolute;
	z-index:1;
	margin-top: 15px;
	transition: opacity 0.5s ease-in-out;
	font-size: 8.2rem;
	text-align: center;
	color:#fff;
	opacity:0.1
}



.services-menu li{
	margin-bottom:20px;
	position:relative;
	display:table;
	width:auto;
}

.services-menu li a{
	opacity:1;
	position:relative;
	left:0px;
	transition:all ease 0.4s;
	cursor:pointer;
	font-weight:normal;
	width: 100%;
    display: table;
	font-size: 1.2rem;
}


.services-menu li a:after {
    display: inline-block;
    content: "➞";
	opacity:0.3;
    transition: transform 0.3s ease-out;
    transform: translateX(4px);
}
 
 

.services-menu li:hover a{
	opacity:1;
	left:25px;
	transition:all ease 0.4s;
	color:var(--color-skyblue);
	transition:all ease 0.4s;
}

.services-menu li:before{
	content: "";
    display: block;
    width: 0px;
    height: 2px;
    background: var(--color-skyblue);
    float: left;
    position: relative;
    top: 16px;
    margin-right: 10px;
	transition:all ease 0.4s;
}


.services-menu li:hover:before{
	content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: var(--color-skyblue);
    float: left;
    position: relative;
	transition:all ease 0.4s;
}

 .services-images {
	position: relative;
    width: 100%;
    height: 100%;
	max-height:400px;
    top: 0px;
	 background:#202020;
	 z-index:1
}


.services-images img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
	max-height:400px;
  transition: opacity 0.5s ease-in-out;
}




.multitab-section {
    display: inline-block;
    text-transform: uppercase;
    width: 100%;
    height: 500px;
}

.multitab-section p {
  display: inline-block;
  background: #323232;
  text-transform: lowercase;
  font-size: 14px;
  padding: 20px;
  margin: 0;
}

.multitab-widget {
  float: right;
}

.multitab-widget li {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  margin-right: 30px;
  position: relative;
}

.multitab-widget li:after{
	content: "/";
    display: block;
    position: absolute;
    right: -15px;
    color: #fff;
    float: right;
    top: 0;
    padding: 0;
    margin: 0;
}


.multitab-widget li:last-child:after{
	content: "";
}

.multitab-widget li:last-child {
  margin-right: 0px;
}

.multitab-widget li a {
  color: #fff;
  display: block;
  text-decoration: none
}


.multitab-widget li a:hover,
.multitab-widget li a.multitab-widget-current{
	color:var(--color-skyblue)
}


.multitab-tab {
  text-align: center
}

.multitab-section h2,
.multitab-section h3,
.multitab-section h4,
.multitab-section h5,
.multitab-section h6 {
  display: none;
}

.multitab-widget li a.multitab-widget-current {
  text-decoration: none;
}


.mouse{
	width: 26px;
    z-index: 999;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}

.mouse-icon{
   width: 25px;
   height: 45px;
   border: 2px solid white;
   border-radius: 15px;
   cursor: pointer;
   position: relative;
   text-align: center;
}

.mouse-wheel{
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: white;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
 -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down;
}

@-webkit-keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}@-moz-keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}@keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}



.swiper-container{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
}

.swiper-container .overlay-transp{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	display:block;
	z-index: 2;
}

.bdt-timeline-container {
    display: flow-root;
    box-sizing: content-box;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
    height: 100vh;
    position: fixed;
    z-index: 1;
    top: 0;
}

.upk-salf-slider-wrapper {
  display: flex;
  flex-direction: row;
  height: 100%;
  position: relative;
}
.upk-salf-slider-wrapper .upk-salf-item {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}
.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-title,
.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-desc,
.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-button {
  opacity: 1;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
	height: 100%;
	width: 100%;
	margin:auto;

}
.upk-salf-slider-wrapper .upk-salf-item .upk-xanc-img {
  display: block;
  width: 100%;
  
  height: 700px;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.upk-salf-slider-wrapper  .upk-salf-content-wrap {
  position: absolute;
  left: 0;
  right:auto;
  bottom: 0;
  top:0;
  margin:auto;
  max-width:900px;
  display:table;
   z-index:2;
   width:90%;
}

@-moz-document url-prefix() {
  .upk-salf-slider-wrapper  .upk-salf-content-wrap {
		height: 420px;
	}
} 

.upk-salf-slider-wrapper .upk-salf-content-wrap .title h1 {
		font-size: 2.8rem;
		line-height: 3.40rem;
		text-shadow: 2px 2px 2px  rgba(0, 0, 0, 1);
	}
	
.upk-salf-slider-wrapper .upk-salf-content-wrap .description p {
		font-size: 1.4rem;
		line-height: 2.00rem;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	}
	
	
	
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 20px;
  opacity: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  text-transform: capitalize;
  margin-bottom: 20px;
  opacity: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button {
  opacity: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
  color: #2b2d42;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 14px;
  transition: all 0.3s ease;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link:hover {
  color: #ff215a;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed {
  display: inline-block;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon {
  position: relative;
  top: 0;
  transition: transform 0.3s ease;
  vertical-align: middle;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed g {
  stroke: currentColor;
  color: #2b2d42;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover g {
  color: #ff215a;
}
.upk-salf-slider-wrapper .upk-page-scroll {
  position: absolute;
  bottom: 8%;
  right: 5%;
  transform: rotate(90deg);
  z-index: 1;
  display: none;
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up {
  height: 70px;
  width: 70px;
  display: block;
  background: #ffffffc9;
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  position: relative;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform: rotate(-90deg);
  overflow: hidden;
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-slide {
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: #ff215a;
  position: absolute;
  display: block;
  z-index: 0;
}
.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left {
  display: block;
  margin: 30px auto;
  width: 16px;
  height: 16px;
  border-top: 2px solid #2b2d42;
  border-left: 2px solid #2b2d42;
}
.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left {
  transform: rotate(-135deg);
}
.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left::after {
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  background-color: #2b2d42;
  transform: rotate(-45deg) translate(8px, 3px);
  left: 0;
  top: 0;
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover {
  transition: all 0.1s;
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .left-arm:after {
  transform: rotate(-10deg);
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .right-arm:after {
  transform: rotate(10deg);
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .arrow-slide {
  transition: all 0.5s ease-in-out;
  transform: translateY(200%);
}
.upk-salf-slider-wrapper .upk-salf-nav-pag-wrap {
  position: absolute;
  top: 0;
  height: 100%;
  right: -70px;
  right: 0px;
  z-index:2;
}
.upk-salf-slider-wrapper .upk-salf-navigation {
  margin-top: 140px;
  margin-right: 2px;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed {
  display: inline-block;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed .arrow-icon {
  position: relative;
  top: 0;
  transition: transform 0.3s ease;
  vertical-align: middle;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed g {
  stroke: currentColor;
  color: #fff;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover g {
  color: #1AC7E6;
}
.upk-salf-slider-wrapper .upk-salf-navigation .upk-button-next {
  margin-top: 15px;
  transform: rotate(90deg);
}
.upk-salf-slider-wrapper .upk-salf-navigation .upk-button-prev {
  transform: rotate(-90deg);
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap {
  position: absolute;
  top: 43%;
  right: 0;
  margin-right: 22px;
}
@-webkit-keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }
  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
@keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }
  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet {
  background-color: transparent;
  opacity: 0.8;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
  width: 20px;
  height: 20px;
  margin: 6px -7px;
  display: inline-block;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation svg {
  transform: rotate(-90deg);
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation .svg__circle-inner {
  stroke: #fff;
  fill: transparent;
  transition: all 0.3s ease;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet-active .svg__circle {
  stroke: #1AC7E6;
  stroke-dasharray: 75;
  stroke-dashoffset: 0;
  -webkit-animation: progress 4s ease-in-out 1 forwards;
  animation: progress 4s ease-in-out 1 forwards;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet-active .svg__circle-inner {
  fill: #fff;
  stroke: #fff;
}

@media (min-width: 768px) {
  .upk-salf-slider-wrapper {
    height: 100vh;
  }
  .upk-salf-slider-wrapper .upk-page-scroll {
    bottom: 4%;
    display: inherit;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 40px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    max-width: 400px;
    padding: 40px;
    padding-left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
  }

  .upk-salf-slider-wrapper .upk-salf-navigation {
    margin-top: 60px;
    margin-right: 20px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap {
    margin-right: 47px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
    margin: 6px 0;
  }
}


@media (min-width: 1024px) {
  .upk-salf-slider-wrapper {
    height: 100vh;
  }
  .upk-salf-slider-wrapper .upk-page-scroll {
    bottom: 9%;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 50px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    max-width: 540px;
    padding: 50px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
    font-size: 16px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
    font-size: 16px;
  }
 
  .upk-salf-slider-wrapper .upk-salf-navigation {
    margin-top: 85px;
    margin-right: 30px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap {
    margin-right: 53px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
    margin: 6px -5px;
  }
}

.button {
  background: #f00;
  padding: 18px 20px;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 50px;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
}


.breadcrumb-ctn {
	padding:15px 0;
	position:relative;
	z-index:1
}

.breadcrumb{
	display:flex;
}

.breadcrumb li{
	margin-right:20px;
	padding-right:20px;
	border-right:1px solid #dadada;
}

.breadcrumb li:last-child{
	margin-right:0px;
	padding-right:0px;
	border-right:0px solid #dadada;
}

.breadcrumb li a,
.breadcrumb li span{
	font-size:0.8rem;
}

.breadcrumb li a  span:hover{
	color:#1ac7e6;
	transition:all ease 0.3s;
}

.breadcrumb li.active span{
	color:#1ac7e6;
	transition:all ease 0.3s;
}



.crumbs {
  position: relative;
}
.crumbs:after {
  position: absolute;
  width: 15%;
  height: 100%;
  right: 0;
  top: 0;
  content: "";
    
}

.crumbs-list {
  position: relative;
  padding: 0;
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  padding: 5px 0px 10px 0;
}
.crumbs-list li {
  display: inline-block;
}
.crumbs-list li:not(:last-child):after {
  content: "";
  padding: 0 0.25em 0 0.5em;
  color: #999;
  top: 10px;
    background: url(../../background/svg-icons/chevron-right-red.svg) no-repeat center center;
    background-size: 14px auto;
}
.crumbs-list li.last:before, 
.crumbs-list li.last:after {
  content: "";
}









/***********************
INPUTS DESIGNS 
*****************/
.inputs-dsg .control-group label{
	margin-bottom: 10px;
    display: table;
}

.inputs-dsg .control-group label span{
	color:#ff0000;
	font-size:12px;
}

.inputs-dsg .control-group  input{
	width: 100%;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #a3a3a3;
    height: 50px;
	color:#323232
}

.inputs-dsg .control-group  .has-danger input{
	border:1px solid #ff0000;
}

.inputs-dsg .control-group textarea{
	width:100%;
	min-height:100px;
	padding: 20px 10px;
    border-radius: 4px;
    border: 1px solid #a3a3a3;
	color:#323232
}


.inputs-dsg .control-group input::-webkit-input-placeholder ,
.inputs-dsg .control-group textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #dadada;
}
.inputs-dsg .control-group input::-moz-placeholder,
.inputs-dsg .control-group textarea::-moz-placeholder { /* Firefox 19+ */
  color: #dadada;
}
.inputs-dsg .control-group input:-ms-input-placeholder,
..inputs-dsg .control-group textarea:-ms-input-placeholder { /* IE 10+ */
  color: #dadada;
}
.inputs-dsg .control-group input:-moz-placeholder,
.inputs-dsg .control-group textarea:-moz-placeholder { /* Firefox 18- */
  color: #dadada;
}

.inputs-dsg .warning {
	color: red;
	font-size: 13px;
	display: none;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

.inputs-dsg .error {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #d93025; /* red, but softer than pure red */
    font-weight: 500;
  }

  /* Optional: when errors are shown */
.inputs-dsg .error-input:invalid ,
.inputs-dsg .error-input {
    border-color: #d93025;
}

  /* Disabled submit button style */
.buttonDisabled:disabled {
	cursor: not-allowed;
	opacity: 0.7;
}

/*******
CHECK BOX 
*****/
.majesticCheckbox {
  cursor: pointer;
  display: flex;
  min-height: 20px;
  align-items: center;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
   font-weight: normal;
}

.majesticCheckbox p{
	font-size: 0.8rem;
}

.majesticCheckbox input {
  display: none;
}
.majesticCheckbox span {
  position: relative;
  display: flex;
  width: 20px;
  height: 20px;
  border: 1px solid #607D8B;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 8px;
}
.majesticCheckbox span i {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  transform: rotate(-45deg) translateX(0%) translateY(0%) scale(0.8);
  transform-origin: center left;
}
.majesticCheckbox span i:before, .majesticCheckbox span i:after {
  content: "";
  position: absolute;
  background-color: white;
  border-radius: 20px;
}
.majesticCheckbox span i:before {
  height: 0%;
  top: 50%;
  left: 0;
  width: 2px;
}
.majesticCheckbox span i:after {
  width: 0%;
  bottom: 0;
  left: 0;
  height: 2px;
}
.majesticCheckbox input:checked ~ span {
  border: none;
  background-color:var(--color-dark-blue)
}
.majesticCheckbox input:checked ~ span i:before {
  height: 50%;
  transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.majesticCheckbox input:checked ~ span i:after {
  width: 100%;
  transition: width 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.majesticCheckbox input:checked ~ b {
	color:var(--color-dark-blue);
}



#successMsg {
	background:rgba(0,0,0,.2);
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	z-index:9999;
}

#successMsg .messageBox {
	width: 90%;
    height: auto;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 40px 25px;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 400px;
    display: table;
	border-radius:8px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#successMsg .imageBox{
	display:block;
	margin:0 auto 20px auto;
	width:100px;
	height:100px;
}

#successMsg .messageBox h3{
	font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px 0;
    color: var(--color-green);
}

#successMsg .messageBox p{
	text-align: center;
}

#successMsg .messageButton {
	margin:20px auto 0;
	text-align: center;
}


#successMsg .messageBox .checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    top: 0;
    right: 0;
	margin: 0 auto;
}

#successMsg .messageBox .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
 
}

#successMsg .messageBox .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}



.counter-ctn{
	max-width:760px;
	margin:auto;
}

.counter-ctn .count-number {
  text-align: center;
  font-size: 6rem;
  font-weight:900;
}

.counter-ctn .stats-text{
	text-align: center;
	font-size: 1.2rem;
	font-weight:900;
}

.counter-ctn .stats-line {
    margin: 12px auto;
    width: 55px;
    height: 4px;
    background-color: #fff;
}






/***********************
LATEST BLOG 
*****************/
.latest-blog-ctn .latest-blog .image{
	height:450px;
	display:block;
	overflow:hidden;
}


.latest-blog-ctn .latest-blog .image img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all ease 0.8s;
	transform: scale(1.0);
}

.latest-blog-ctn .latest-blog:hover .image img{
	transition:all ease 0.8s;
	transform: scale(1.05);
}
	

.latest-blog-ctn .latest-blog h3{
	font-weight:normal;
}


.boxes-1 .image{
	height:600px;
	width:100%;
}

.boxes-1 .image img{ 
	height:600px;
	width:100%;
	object-fit:cover;
}



/***********************
ACCORDION 
*****************/
.accordion {
  max-width: 600px;
  margin: auto;
}

.accordion .accordion-item {
  border-radius: 0em;
  overflow: hidden;
  background: #fff;
  margin-bottom: 2em; 
}
.accordion  .accordion-header {
  width: 100%;
  text-align: left;
  background: #fff;
  color: #fff;
  border: none;
  font-size:var(--font-size-p);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: 300ms;
  /*padding: 1em;*/
}
.accordion  .accordion-header:hover {
  color: var(--color-dark-blue);
}

.accordion .accordion-header .title {
  flex-grow: 1;
}

.accordion .accordion-header .title:hover {
  color: var(--color-dark-blue);
}


.accordion .accordion-header .triangle {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    padding: 0.75rem 0;
    margin: 0 0 0 1.85rem;
    color: #23282B;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    display: block;
    background: #23282B;
    width: 30px;
    height: 30px;
    content: "";
    width: 30px;
    height: 30px;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    transform: rotate(0);
    margin: auto;
    border-radius: 8px;
}

.accordion .accordion-header .triangle::before {
	position: absolute;
    content: "";
    top: 0px;
    right: 0;
    width: 9px;
    height: 9px;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    transform: rotate(45deg);
    bottom: 1px;
    left: -2px;
    margin: auto;
}

.accordion .accordion-header .triangle {
  transition: transform 300ms ease;
  opacity: 1;
}

.accordion .accordion-header:hover .triangle {
  opacity: 1;
}

.accordion .accordion-header.rotated .triangle {
  transform: rotate(90deg);
  opacity: 1;
  background: var(--color-dark-blue);
}

.accordion .accordion-header.rotated  {
}


.accordion .accordion-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 400ms ease, opacity 400ms ease;
}

.accordion .accordion-content.show {
	opacity: 1;
	transition: all 400ms ease, opacity 400ms ease;
}

.accordion .accordion-content-ctn {
    padding: 10px 0 10px 25px;
    margin: 10px 0 0 0;
    border-radius: 0;
    border-left: 4px solid var(--color-dark-blue);
}




/***********************
MODAL  
*****************/

.open-btn {
  padding: 12px 24px;
  background: #007bff;
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.open-btn:hover {
  background: #0056b3;
}

/* Modal Overlay Styles */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 999;
}

/* Modal Content Styles */
.modal {
  background: white;
  padding: 30px;
  border-radius: 10px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  animation: slideDown 0.4s ease-out;
}

/* Slide Down Animation */
@keyframes slideDown {
  from { transform: translateY(-20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}


.blog-pagination-ctn{
	margin-top: 60px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 15px 0;
}

.blog-pagination-ctn .pages-counter{
	margin-bottom:30px;
}

/***********************
SINGLE ARTICLE 
*****************/
.blog-single-page .main-article .main-image{
	margin-bottom:20px;
}

.blog-single-page .main-article .main-image img{
	width:100%;
	height:auto;
}

.blog-single-page .main-article .article .page-header{
	margin-bottom:20px;
}

.blog-single-page .main-article .article p:after{
	padding:0 0 20px 0;
	content:"";
	display:block;
}

/***********************
table 
*****************/

table {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
}

table thead {
	background: var(--color-dark-blue);
	
}


table thead h5{
	font-weight:700;
	color:#fff;
	font-size:1.1rem
}

table tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}

table th {
    padding: 14px;
    border: 1px solid #ddd;
    text-align: left;
}

table td, table th {
    padding: 14px;
    border: 1px solid #ddd;
    text-align: left;
}

table td{
	font-size: var(--font-size-p);
    line-height: 1.8rem;
}	
	

table:not(.variations) tbody tr:nth-child(even) {
    background: #f2f2f2;
}







/***********************
HOMEPAGE SLIDER
*****************/
.hp-main-slider{
	width: 100%;
     height: 100vh; 
    min-height: 680px;
    display: block;
    position: relative;
    overflow: hidden;
}

.hp-main-slider .waves-ctn{
    position: absolute;
    bottom: -80px;
    height: 110px;
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
}

.hp-main-slider .waves-ctn .wave-1{
	position: absolute;
    bottom: -190px;
    margin: auto;
    z-index: 4;
}

.hp-main-slider .waves-ctn .wave-2{
	position: absolute;
    bottom: -205px;
    margin: auto;
    z-index: 5;
}

.hp-main-slider .text-pos{
	position:absolute;
	margin:auto;
	left:10%;
	max-width:700px;
	max-width:80%;
	z-index:3;
	width:90%;
	display: table;
	top:0% ;
    bottom: 0%;
	height:300px;
}

.hp-main-slider .img-overlay{
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
	background: rgba(255, 255, 255, 0.9);
}

.hp-main-slider .img{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}

.hp-main-slider .img img{
	width:100%;
	height:100%;
	object-fit: cover;
	-webkit-animation: zoomin 60s ease infinite;
}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
    }
   50% {
        -webkit-transform: scale(1.2);
    }
   100% {
        -webkit-transform: scale(1);
    }
}
 
.hp-main-slider .text-pos .title{
	font-size: 5rem;
    font-weight: 800;
    display: table;
    line-height: 100%;
}
 
.hp-main-slider .text-pos .title span{
	font-size: 5rem;
    font-weight: 800;
}

.hp-main-slider .text-pos .title .dot{
    font-size: 200px;
	font-size: calc(25vh - (20px + 30px));
    color: #075ee3;
    border-radius: 8px;
}

.hp-main-slider .text-pos .text{
	font-size:1.4rem;
	line-height:150%;
	width: 90%;
    display: table;
}

#slider-video-bg {
	position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    /* height: 100%; */
    left: 0;
    bottom: 0;
}




/*****
ANIMATE BACKGROUND
*************/
.header-intro-area{
    width: 100%;
    position:relative;
}

.header-intro-area .circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@-moz-document url-prefix() {
	.intro-layout .text-pos {
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  top: 0;
	  height: AUTO;
	  display: table;
	  margin: auto;
	  max-width: 1280px;
	  width: 100%;
	  z-index: 2;
	  height: 290px;
	}
}


.header-intro-area .circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(7, 94, 227, 0.2);
    animation: animate-intro-circles 15s linear infinite;
	background:#fff;
	background:#075ee3;
}


.header-intro-area .circles.white-circles li{
    position: absolute;
    display: block;
    list-style: none;
   
    background: rgba(255, 255, 255, 0.2);
}


@keyframes animate-intro-circles {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}
 
.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(7, 94, 227, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}


.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

.circles li:nth-child(11){
    left: 1%;
    width: 100px;
    height: 100px;
    animation-delay: 2s;
    animation-duration: 21s;
}

@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


/***********************
SECTIONS DESIGNS
*****************/
.sd1 .img-ctn .img-1{
	display: block;
    height: 320px;
    position: absolute;
    top: 20px;
    right: 170px;
    z-index: 1;
    border-radius: 8px;
    max-width: 260px;
    width: 60%;
    z-index: 3;
}

.sd1 .img-ctn .img-2{
	display: block;
    height: 320px;
    position: absolute;
    top: -70px;
    right: -00px;
    border-radius: 8px;
    max-width: 270px;
    width: 60%;
    z-index: 2;
}
 
.sd1 .img-ctn .video-1{
	display: block;
    height: 320px;
    position: absolute;
    top: 20px;
    right: 170px;
    z-index: 1;
    border-radius: 8px;
    max-width: 260px;
    width: 60%;
    z-index: 3;
}

.sd1 .img-ctn .video-1 video {
    border-radius: 8px;
    height:365px;
    width: 100%;
}

.sd1 .img-ctn .box-grey{
	display: block;
    height: 200px;
    background: #D9D9D9;
    opacity: .1;
    position: absolute;
    top: -20px;
    right: 200px;
    border-radius: 20px;
    max-width: 280px;
    width:100%;
    z-index: 1;
}

.sd1 .img-ctn img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    max-width: 340px;
}

.number-boxes .number{
	font-size:6rem;
	text-align:center;
	margin: auto;
    display: table;
	font-size: 3rem;
    text-align: center;
    margin: auto;
    display: table;
    background: var(--color-dark-blue);
    padding: 20px;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
}


.sd2 .img-1 img{
	width: 100%;
}


.sd2 .img-2 {
	position:relative;
	z-index:1;
	border-radius:0px;
}

.sd2 .img-2 img{
	width: 100%;
    border-radius: 10px;
    z-index: 2;
    position: relative;
	border: 0px solid var(--color-orange);
}


.sd4 .img-1 img{
	width: 100%;
    border-radius: 10px;
    z-index: 2;
    position: relative;
	box-shadow: rgba(0, 0, 0, 0.0) 0px 3px 8px;
	border: 0px solid var(--color-orange);
}


.img-3 {
    height: 100%;
    border-radius: 8px;
    max-width: 600px;
    width: 100%;
    overflow: hidden;
    display: block;
	text-align: center;
}
 

@keyframes animate-image {
    0% {
        -webkit-transform: scale(1);
    }
  
	50% {
        -webkit-transform: scale(1.1);
    }
	
	100% {
        -webkit-transform: scale(1.0);
    }
}

#animatedImage.animate{
  animation: animate-image 8.5s ease;
  -webkit-transform: scale(1.2);
}



.swap {
  opacity: 0;
  transition: all 0.5s ease;
  height: 60vh;
}

.swap.active {
  opacity: 1;
}

.locker {
  position: relative;
  display: grid;
  grid-template-columns: [full-start] minmax(0rem, 1fr) [center-start] repeat(12, [col-start] minmax(min-content, 8rem) [col-end]) [center-end] minmax(4.2rem, 1fr) [full-end];
}
.locker__image {
  position: relative;
  grid-column: col-start 1/col-end 5;
 }
 
 /***
.locker__image img {
  width: auto;
  height: 60vh;
  position: absolute;
  transition: all 1s ease;
}
***/
.locker__container {
  position: sticky;
  position: -webkit-sticky;
  top: 30vh;
  height:50vh;
  display: flex;
  display: table;
  align-items: center;
  justify-content: center;
}
.locker__content {
  grid-column: col-start 7/end;
}
.locker__section {
	display: flex;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #e9e9e9;
    background: #fff;
    border-radius: 20px;
    padding: 35px;
    margin-bottom: 50px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.locker__section:first-child {
  border: none;
}
.locker__section p {
  width: 100%;
}

.locker__section .image{
	align-self: center;
    justify-self: center;
}

.locker__section .image img{
    height: auto;
    width: 100px;
}

.locker__image .locker__container .text{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	height:40px;
	background:red;
	width:80%;
	display:table;
	z-index: 2;
}

.locker__content img {
    width: auto;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.locker__section-first{
    margin-bottom: 25vh;
}

.locker__container .twirl-arrow{
	display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    max-width: 240px;
    height: 90px;
    bottom: 0;
    width: 90%;	
	top: -60px;
}

 
.locker__container .twirl-arrow img{
	display: block;
    max-width: 240px;
    height: 90px;
    bottom: 0;
    width: 90%;	
}
 
.banner-cta-1{
	padding:100px 0;
	border-radius:0;
	width:100%;
	max-width:100%;
	margin:auto;
	height:600px;
	background:#323232
}
 
 
 
 
 
.box-rotate-bg-blue{
	background:var(--color-dark-blue);
}
 
.box-rotate-bg-orange{
	  background:var(--color-orange);
}
 
.box-rotate-1{
	display: block;
    opacity: 0.5!important;
    position: absolute;
    top: -50px;
    right: 0;
    border-radius: 20px;
    width: 200px;
    height: 200px;
}
 
.box-rotate-2{
	display: block;
    opacity: 1;
    position: absolute;
    bottom: -50px;
    left: 0;
    border-radius: 20px;
    width: 200px;
	height:200px;
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 6s linear infinite;
  -moz-animation: rotating 6s linear infinite;
  -ms-animation: rotating 6s linear infinite;
  -o-animation: rotating 6s linear infinite;
  animation: rotating 6s linear infinite;
}

.rotating-2 {
  -webkit-animation: rotating 22s linear infinite;
  -moz-animation: rotating 22s linear infinite;
  -ms-animation: rotating 22s linear infinite;
  -o-animation: rotating 22s linear infinite;
  animation: rotating 22s linear infinite;
}



.hp-news-dsg .hp-news-col{
	cursor:pointer;
}

.hp-news-dsg .image{
	width:100%;
	height:320px;
	display:block;
	margin-bottom:20px;
	border-radius:10px;
	overflow:hidden;
}

.hp-news-dsg .image.small{
	height:220px;
}

.hp-news-dsg .image img{
	width:100%;
	height:100%;
}



.hp-news-dsg .title{
	margin-bottom:10px;
	width:100%;
	display:block;
}

.hp-news-dsg .description{
	width:100%;
	display:block;
	margin-bottom:20px;
}

.hp-news-dsg.main-news-page .image{
	width:100%;
	height:420px;
	display:block;
	margin-bottom:20px;
	border-radius:10px;
	overflow:hidden;
}

.hp-news-dsg.main-news-page .image img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.hp-news-dsg .image img{
	width:100%;
	height:100%;
	object-fit: cover;
	transform: scale(1);
	transition:all ease 0.8s
}

.hp-news-dsg .hp-news-col:hover .image img{
	transition:all ease 0.8s;
	transform: scale(1.05);
}


.news-dsg .article-header{
	margin-bottom:20px;
}

.news-dsg  .article-image{
	width:100%;
	max-height:500px;
	overflow:hidden;
	margin-bottom: 30px;
}

.news-dsg .article-image img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.sidebar-latest-blog-ctn .latest-blog{
	padding:0 0 30px 0;
	border-bottom:1px solid #dadada;
}

.sidebar-latest-blog-ctn .latest-blog:last-child{
	padding:0 0 0 0;
	border-bottom:0px solid #dadada;
}

.sidebar-latest-blog-ctn .image{
	height:300px;
	overflow:hidden
}

.sidebar-latest-blog-ctn .image img{
	width:100%;
	height:100%;
	object-fit: cover;
	transform: scale(1);
	transition:all ease 0.8s
}
 
.sidebar-latest-blog-ctn .latest-blog:hover .image img{
	transition:all ease 0.8s;
	transform: scale(1.05);
}


.services-pages{
	position:relative;
	overflow:hidden;
}

.services-pages .page-header {
	padding:120px 0 180px 0;
}


.services-pages .page-header h1{
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}


.services-pages .page-header h2{
	font-weight:700;
	font-size:1.2rem;
	line-height:150%;
	letter-spacing:1px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}



.services-pages .page-header{
	z-index: 1;
    position: relative;
}
 

.services-pages .image{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}

.services-pages .image img{
	width:100%;
	height:100%;
	object-fit:cover;
	-webkit-animation: smoothScale 16s ease-in-out infinite;
	-moz-animation: smoothScale 16s ease-in-out infinite;
	-o-animation: smoothScale 16s ease-in-out infinite;
	animation: smoothScale 16s ease-in-out infinite;
}

@-webkit-keyframes smoothScale {
  0%   { -webkit-transform: scale(1); }
  50%  { -webkit-transform: scale(1.1); }
  100% { -webkit-transform: scale(1); }
}

@-moz-keyframes smoothScale {
  0%   { -moz-transform: scale(1); }
  50%  { -moz-transform: scale(1.1); }
  100% { -moz-transform: scale(1); }
}

@-o-keyframes smoothScale {
  0%   { -o-transform: scale(1); }
  50%  { -o-transform: scale(1.1); }
  100% { -o-transform: scale(1); }
}

@keyframes smoothScale {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); }
}



.pylons-ctn .pylons-col h3{
	color:var(--color-skyblue);
}

/*********
PAGINATION 
*******************/
ul.pagination {
	display:flex;
}

ul.pagination li {
	margin-right:10px;
}

ul.pagination li:last-child {
	margin-right:0px;
}

ul.pagination li a{
    border: 1px solid #dadada;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
}

ul.pagination li.active a{
	border: 1px solid #1ac7e6;
    background: #1ac7e6;
    color: #fff;
}

ul.pagination li a:hover{
    border: 1px solid #1ac7e6;
    background: #1ac7e6;
    color: #fff;
}


.contact-list{
    display: inline-grid;
    grid-template-columns: 100%;
    width: 100%;
    column-gap: 0;
    row-gap: 20px;
}
/*************
CONTACT FORM 
*********************/
.input-forms-style.style-1{
	width:100%;
 	margin:auto;
}

.input-forms-style.style-1 .form-layout{
	margin-bottom:30px;
}

.input-forms-style.style-1 .col-mb{
	margin-bottom:30px
}

 /** LABEL **/
.input-forms-style.style-1 label{
	font-size: 16px;
    line-height: 30px;
}
 
/** ALERT EMAIL WRONG **/
.input-forms-style.style-1 .alert-ctn{
	position:relative;
}

.input-forms-style.style-1 .error_email{
	color: #fff;
    position: absolute;
    bottom: -27px;
    font-size: 10px;
    background: #ff0000;
    padding: 2px 5px;
}


/** INPUT **/
.input-forms-style.style-1 input{
	border:1px solid #bbbbbb;
	padding:10px 10px;
 
}

.input-forms-style.style-1 input.form-field{
	font-size: 14px;
    border: 1px solid #262626;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px;
	background: #262626;
}

.input-forms-style.style-1 .required-star{
	color:red;
	font-weight:bold;
	margin-right: 10px;
}

.input-forms-style.style-1 textarea{
	border:1px solid #262626;
	padding:10px 10px;
	width:100%;
	height:150px;
	resize: none; 
	font-size:14px;
	background: #262626;
	font-family: 'Montserrat', sans-serif;
}

.input-forms-style.full-width{
	width:100%;
	max-width:100%;
	margin:auto;
}

.dropdown .label{
	color: #2e52c1;
}

.dropdown li.active{
	font-weight:bold
}

.dropdown .selected{
	display: block;
    font-size: 15px;
    line-height: 1;
     padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px;
}

.dropdown li{
	display: block;
    font-size: 15px;
    line-height: 1;
    color: #000000;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px;
}

.dropdown li {
    list-style: none;
    padding: 18px 12px;
}




/*** PLACEHOLDER *****/
.style-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
  color:#9F9F9F
}
.style-input input::-moz-placeholder { /* Firefox 19+ */
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
  color:#9F9F9F
}
.style-input input:-ms-input-placeholder { /* IE 10+ */
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
  color:#9F9F9F
}
.style-input input:-moz-placeholder { /* Firefox 18- */
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
  color:#9F9F9F
}

/*** PLACEHOLDER FOCUS *****/
.style-input input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:0px;
}
.style-input input:focus::-moz-placeholder { /* Firefox 19+ */
  font-size:0px;
}
.style-input input:focus:-ms-input-placeholder { /* IE 10+ */
  font-size:0px;
}
.style-input input:focus:-moz-placeholder { /* Firefox 18- */
  font-size:0px;
}

/*** TEXTAREA *****/
.style-input textarea::placeholder {
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	color:#9F9F9F
}

.style-input textarea:focus {
 outline: none;
 box-shadow: none;
 -webkit-appearance: none;
}


/*** TEXTAREA FOCUS *****/
.style-input textarea:focus::-webkit-input-placeholder {
  font-size:0px;
}

.style-input textare:focusa::-webkit-input-placeholder {
  font-size:0px;
}

.style-input textarea:focus:-moz-placeholder { /* Firefox 18- */
  font-size:0px;
}

.style-input textarea:focus::-moz-placeholder {  /* Firefox 19+ */
  font-size:0px;
}

.style-input textarea:focus:-ms-input-placeholder {
  font-size:0px;
}

.style-input textarea:focus::placeholder {
  font-size:0px;
}



/*******
CHECKBOX
******/
.checkbox-aggree .control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.checkbox-aggree .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.checkbox-aggree .control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 24px;
  width: 24px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.checkbox-aggree .control:hover input ~ .control__indicator,
.checkbox-aggree .control input:focus ~ .control__indicator {
  background: #ccc;
}
.checkbox-aggree .control input:checked ~ .control__indicator {
  background: #8bc34a;
}
.checkbox-aggree .control:hover input:not([disabled]):checked ~ .control__indicator,
.checkbox-aggree .control input:checked:focus ~ .control__indicator {
  background: #8bc34a;
}
.checkbox-aggree .control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.checkbox-aggree .control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.checkbox-aggree .control input:checked ~ .control__indicator:after {
  display: block;
}
.checkbox-aggree .control--checkbox .control__indicator:after {
	left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.checkbox-aggree .control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.checkbox-aggree .control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.checkbox-aggree .control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}


/*****
EMAILS ALERT
*******/
#emails-alert.alert-overlay {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999999;
}

#emails-alert.alert-overlay.display_none{
  display:none;
}

#emails-alert .emails-alert {
  position: fixed;
  bottom: 0;
  z-index: 9999999999999;
  width: 100%;
  -webkit-animation: alert-in 0.5s;
  -moz-animation: alert-in 0.5s;
  -o-animation: alert-in 0.5s;
  animation: alert-in 0.5s;
  width: 100%;
  max-width: 540px;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 400px;
  padding: 20px;
  border-radius: 0;
}

#emails-alert .emails-alert .top-row{
    display: block;
    width: 100%;
    padding: 20px 10px  20px 10px;
	border-radius:  0;
}

#emails-alert .emails-alert .top-row.success{
	background:#009688
}
 
#emails-alert .emails-alert .top-row.error{
  background:#e75e60;
}

#emails-alert .emails-alert .top-row .image-icon{
	width: 100%;
    height: 70px;
    margin: 15px auto 15px auto;
}


#emails-alert .emails-alert .top-row .image-icon img{
  width:66px;
  height:66px;
  margin:auto;
}

#emails-alert .emails-alert .top-row.error .image-icon img{
  width:66px;
  height:66px;
  margin:auto;
}



#emails-alert .emails-alert .top-row h3{
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom:10px
}


#emails-alert .emails-alert .top-row p{
  text-align:center;
  font-size: 18px;
  line-height: 22px;
  margin-bottom:10px
}

#emails-alert .emails-alert h3,
#emails-alert .emails-alert  p{
	color:#fff;
}


#emails-alert .emails-alert .top-row p a{
  color:#fff;
  font-weight:700
}

#emails-alert .emails-alert .top-row h4 a:hover{
  color:#000;
}

#emails-alert .emails-alert .top-row hr{
  margin:10px 0;
  border:0px solid #fff;
  height:1px;
  width:100%;
  background:#fff;
  
}

#emails-alert .emails-alert .bottom-row{
	background: #fff;
    height: 40px;
    display: table;
    width: 100%;
    /* border-radius: 0 0 4px 4px; */
    padding: 15px 0 15px 0;
    text-align: center;
	margin: auto;
}



@-webkit-keyframes alert-in {
0% {
opacity:0;
top:-100px
}

100% {
opacity:1;
top:0
}
}

@-moz-keyframes alert-in {
0% {
opacity:0;
bottom:-100px
}

100% {
opacity:1;
bottom:0
}
}

@-o-keyframes alert-in {
0% {
opacity:0;
bottom:-100px
}

100% {
opacity:1;
bottom:0
}
}

@keyframes alert-in {
0% {
opacity:0;
bottom:-100px
}

100% {
opacity:1;
bottom:0
}
}
 
#emails-alert .alert.alert-success-ctn,
#emails-alert .alert.alert-error {
margin:auto;
height:auto;
text-align:center;
box-shadow: 0px 0px 20px rgb(0 0 0);
}

#emails-alert .alert.alert-error {
background:#c73537
}


#emails-alert .close-button  {
    line-height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    position: relative;
    font-weight: normal;
    border-radius: 0;
    line-height: 36px;
    letter-spacing: 1px;
    max-width: 260px;
    margin:auto;
}

#emails-alert .alert.alert-error h4,
#emails-alert .alert.alert-success-ctn h4 {
color: #fff;
font-weight: 400;
line-height: 20px;
font-size: 14px;
width: 90%;
margin: auto;
}

#emails-alert .alert.alert-success-ctn .button a {
	color: #fff;
    border-color: #23282b;
    font-weight: 700;
    background: #000;
    /* box-shadow: 0px 5px 10px #2d2d2d; */
    width: 90%;
    max-width: 320px;
    display: table;
    margin: auto;
    height: 40px;
    line-height: 26px;
	border-radius: 4px;
}

#emails-alert .alert.alert-error-ctn .button a {
color:#fff;
border-color:#e75e60;
font-weight:700
}


#emails-alert .close-button.error{
  background:#23282b;
}

#emails-alert .close-button.success{
  background:#23282b;
}


/*******
CHECKBOX
******/

.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group label {
  position: relative;
  cursor: pointer;
}

.form-group label:before {
	content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #32323f;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 7px;
    position: absolute;
    top: 5px;
}

.form-group input:checked + label:after {
	content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 9px;
    width: 7px;
    height: 17px;
    border: solid #323232;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.form-group input:disabled ~ label:before {
	opacity:0.5
}


.enable-form-text{
display: table;
    background: #f3f3f3;
    padding: 10px 10px 10px 50px;
    font-size: 16px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
}


.form-group label.input-enable-form-label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #32323f;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 7px;
    position: absolute;
    top: 18px;
    left: 10px;
}

.form-group input:checked + label.input-enable-form-label:after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 19px;
    width: 7px;
    height: 17px;
    border: solid #323232;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


.enable-form{
	display:inherit!important;
}

select {
  /*webkit browsers */
  -webkit-appearance: none;
  /*Firefox */
  -moz-appearance: none;
  /* modern browsers */
  appearance: none;
  border-radius: 0;
  -webkit-appearance: listbox !important;
    font-size: 16px;
}

@-moz-document url-prefix() {

	.form-group label.input-enable-form-label::before {
	  content: '';
	  -webkit-appearance: none;
	  background-color: transparent;
	  border: 2px solid #32323f;
	  box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
	  padding: 10px;
	  display: inline-block;
	  position: relative;
	  vertical-align: middle;
	  cursor: pointer;
	  margin-right: 7px;
	  position: absolute;
	  top: 18px;
	  left: 10px;
	  display: table;
	  height: 20px;
	  width: 20px;
	  z-index: 2;
	  top: 40px;
	}



	.form-group input:checked + label.input-enable-form-label::after {
	  content: '';
	  display: block;
	  position: absolute;
	  top: 44px;
	  left: 19px;
	  width: 5px;
	  height: 15px;
	  border: solid #323232;
		border-top-width: medium;
		border-right-width: medium;
		border-bottom-width: medium;
		border-left-width: medium;
	  border-width: 0 2px 2px 0;
	  transform: rotate(45deg);
	}
	
}

/*********
PAGE ARTICLES PAGINATION 
*******************/
.pagenavigation span{
	width:100%;
	display:table;
	margin-bottom:10px;
	color:#9a9a9a;
}
 
 
.hp-portfolio-ctn .hp-portfolio-dsg {
	background:#fff;
	padding:20px;
	border-radius:10px;
	display:table;
	margin-bottom:40px;
    border: 1px solid #e9e9e9;
    box-shadow: rgba(100, 100, 111, 0.0) 0px 7px 29px 0px;
	position:relative;
	top:-0px;
	transition:all ease .3s;
	cursor:pointer;
}


.hp-portfolio-ctn .hp-portfolio-dsg:hover {
    border: 1px solid #e9e9e9;
    box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;
	position:relative;
	top:-5px;
	transition:all ease .3s;
}


.hp-portfolio-ctn .hp-portfolio-dsg .image{
	width:100%;
	height:100px;
	margin-bottom:15px;
	position:relative;
}

.hp-portfolio-ctn .hp-portfolio-dsg .image img{
	width: 100%;
    height: auto;
    max-height: 100px;
    max-width: max-content;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
	
.hp-portfolio-ctn .hp-portfolio-dsg:hover .image img{

    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
	
.hp-portfolio-ctn .hp-portfolio-dsg .title{
	text-align:center;
}



.dynamic-text li {
	color: #fc6d6d;
	list-style: none;
	font-size: 60px;
	font-weight: 500;
	position: relative;
	top: 0;
	animation: animate 12s steps(4) infinite;
}

@keyframes animate {
	100% {
		top: -360px;
	}
}

.dynamic-text li span {
	position: relative;
	margin: 5px 0;
	line-height: 90px;
}
.dynamic-text li span::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-left: 0px solid #fc6d6d;
	animation: typing 3s steps(10) infinite;
}

@keyframes typing {
	40%,
	60% {
		left: calc(100% + 30px);
	}
	100% {
		left: 0;
	}
}


/** ANIMATE BACKGROUNDS  ***/
.left-wing-1 {
	display:block;
	max-width:100%;
	width:101%;
	background:var(--color-dark-blue);
	background:#fafafa;
	height:100%;
	position:absolute;
	top:0px;
	left:0%;
	opacity:0;
	transition: opacity ease 3.s;
}



.left-wing-1.animate.grow{
	opacity:1;
	-webkit-animation: left-wing-1 15s ease ;
}


@-webkit-keyframes left-wing-1 {
    0% {
       left:-130%;
    }
   100% {
        left:0%;
		height:100%
    }
}


.left-wing-2 {
	display:block;
	max-width:100%;
	width:101%;
	height:100%;
	background:var(--color-dark-blue);
	background:#fafafa;
	position:absolute;
	bottom:0px;
	right:0%;
	opacity:0;
	transition: opacity ease 3.s;
}

.left-wing-2.animate.grow{
	opacity:1;
	-webkit-animation: left-wing-2 15s ease ;
}



@-webkit-keyframes left-wing-2 {
    0% {
       right:-130%;
    }
   100% {
        right:0%;
		height:100%
    }
}
 
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
 
.cd-words-wrapper {
	color:var(--color-dark-blue);
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

/***********************
MEDIA QUERIES
*****************/
 
@media screen and (max-width: 1440px) {
	
	.frontpage .cd-main-content {
		padding-top:0px;
	}

 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top:00px;
		margin-top: 00px;
	}
	
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-0);
		-moz-transform:  translateX(-0);
		-ms-transform:  translateX(-0);
		-o-transform:  translateX(-0);
		transform: translateX(-0);
	}
	
	
}
 
 
 
 
/* Extra extra large - xxl */
@media screen and (max-width: 1400px) {
	
}


/* Extra large - xl */
@media screen and (max-width: 1200px) {
	.locker {
		position: relative;
		display: table;
	}
	
	.locker__container .twirl-arrow{
		position: relative;
		margin: 30px auto;
	}
	
}


/* Large - lg */
@media screen and (max-width: 992px) {
	.sd1 .img-ctn .img-1 ,
	.sd1 .img-ctn .img-2 {
		display: block;
        height: calc(250px + 10vw);
        position: initial;
        max-width: 100%;
        width: 100%;
        text-align: center;
	}
	
	.sd1 .img-ctn img {
		width: 90%;
		border-radius: 20px;
	}

	.sd1 .img-ctn .box-grey {
    display: none;
	}
	
	.lg-mt-50{
		margin-top:50px;
	}
	
	.columns.lg  {
		position: relative;
		display: table;
	} 
	
	
}

/* Medium - md */
@media screen and   (max-width: 768px) {
	
	.columns.md  {
		position: relative;
		display: table;
	} 
	
	.hp-main-slider .text-pos .title ,
	.hp-main-slider .text-pos .title span{
		font-size: 3rem;
		line-height: 110%;
	}
	
	.hp-main-slider .text-pos .text {
		font-size: 1.0rem;
	}
		
	.locker__container .twirl-arrow {
		display: none;
	}
	
	.upk-salf-slider-wrapper .upk-salf-content-wrap {
		position: absolute;
		left: 0;
		right: auto;
		bottom: 0;
		top: 0;
		margin: auto;
		max-width: 660px;
		display: table;
		background: #303030b5;
		-webkit-backdrop-filter: blur(15px);
		/* backdrop-filter: blur(15px); */
		transition: -webkit-backdrop-filter 0.9s;
		transition: backdrop-filter 0.9s;
		transition: backdrop-filter 0.9s, -webkit-backdrop-filter 0.9s;
		padding: 20px;
		z-index: 2;
	}

	.upk-salf-slider-wrapper .upk-salf-content-wrap .title h1 {
		font-size: 1.6rem;
		line-height: 2.22rem;
	}


	.upk-salf-slider-wrapper .upk-salf-content-wrap .description{
		display:none
	}
	
	
	header .info-pos {
		display: none;
	}
	
	.inside-pages .bdt-timeline-container {
		display: flow-root;
		box-sizing: content-box;
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0px;
		height: 100vh;
		position: fixed;
		z-index: 1;
		top: 0;
	}
	
	.inside-pages .parallax-div-main{
		top: 80vh;
	}

		
}

/* Small - sm */ 
@media screen and  (max-width: 680px) {
	h2 {
    font-size: 1.50rem;
	}

	header .info-pos {
		display: none;
	}
	
	.locker__section .image {
		margin-bottom: 20px;
	}
	
	
	.hp-news-dsg .image {
		height: 180px;
	}
	
	#slider-video-bg {
    width:auto;
    height: 100%;
	}
	
	.latest-blog-ctn .latest-blog .image{
		height:280px;
	}
	
	.carouselCtn {
		width: 100%;
		height: 350px;
		display: block;
	}

	.multitab-section {
		display: inline-block;
		text-transform: uppercase;
		width: 100%;
		height: 350px;
	}

	.latestProjectsCtn .latestProjectsImg {
		height: 350px;
	}
	
	.row-columns li {
		margin-right: 0px;
		border-right: 0px solid #dadada;
		border-bottom: 0px solid #dadada;
		padding: 0 0 0 0;
	}
	
	.parallax-div-main {
		padding: 70px 0 0 0;
	}

}


/* X-Small - x-sm */ 
@media screen and  (max-width: 576px) {
	
}