/*
<?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=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');







:root {
	--font-family:"Noto Sans", sans-serif;
	--color-white:#fff;
	--color-dark:#303030;
	--color-dark-blue:#102268;
	--color-light-blue:#F3F7FB;
	--color-light-grey:#dadada;
	--color-orange:#F7A600;
	--highlight-bg:#fbeea8;
	--font-size-p:1rem;
	
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	color:var(--color-dark);
	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:hover,
a:active{
	color:var(--color-skyblue);
	color:#0080ff;
}


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

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

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



.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: 0px;
  padding-bottom: 100px;
  /* 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;
	margin-top:120px;
}


.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(-460px);
  -moz-transform: translateX(-460px);
  -ms-transform: translateX(-460px);
  -o-transform: translateX(-460px);
  transform: translateX(-460px);
}

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

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-0);
  -moz-transform: translateX(-0px);
  -ms-transform: translateX(-0px);
  -o-transform: translateX(-0px);
  transform: translateX(-0px);
  background: var(--color-dark-blue);
    transition: all ease 0.3s;
}


.inside-pages .main-body{
	width:100%;
	margin-bottom:0px;
}

.main-article h1{
	font-size: 1.8rem;
    line-height: 2rem;
}

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

.main-article .main-image{
	float:left;
	margin:0 20px 20px 0;
}

.main-article .main-image img{
	width: 100%;
	object-fit: cover;
	max-height:520px;
	max-width:520px;
}

.right-side-blogs{
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom: 1px dotted #dadada;
}

.right-side-blogs:last-child{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom: 0px dotted #dadada;
}

.main-article .image-gallery{
	margin:50px auto 0;
    background: var(--color-light-blue);
    padding: 30px 30px;
	border-radius:8px;
}

.main-article .image-gallery .article_images_block{
	display: inline-grid;
    grid-template-columns: 30% 30% 30%;
	width: 100%;
	column-gap: 5%;
	row-gap: 100px;
}

.main-article .image-gallery .article_images_block img{
	width:100%;
	height:100%;
	object-fit:cover;
}


.right-side-blogs .image{
	overflow:hidden;
}

.right-side-blogs .image img{
	width:100%;
	height:100%;
	object-fit:cover;
	transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-webkit-transform: scale(1.0,1.0);
	transition:all ease 0.3s;
}

.right-side-blogs .image:hover img{
	width:100%;
	height:100%;
	object-fit:cover;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1,1.1);
	transition:all ease 0.3s;
}

.right-side-blogs h3 a{
	font-weight: 600;
    font-size: 1.0rem;
    line-height: 150%;
	transition:all ease 0.3s;
}

.right-side-blogs:hover  h3 a{
	color:var(--color-dark-blue);
	transition:all ease 0.3s;
}

.articles-tags-ctn{
	margin: 50px auto 0;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	padding:20px 0;
}

.articles-tags-ctn ul.tags{
	display:flex;
}

.articles-tags-ctn ul.tags li{
	margin-right:20px;
}

.articles-tags-ctn ul.tags li:last-child{
	margin-right:0px;
}

.articles-tags-ctn ul.tags li a{
	background:var(--color-dark-blue);
	padding:5px 10px;
	color:#fff;
	border-radius:8px;
	font-size:0.8rem;
	transition:all ease .3s;
}
.articles-tags-ctn ul.tags li a:hover{
	background:var(--color-orange);
	transition:all ease .3s;
}


.tag-category .tag-word-header{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dadada;
}

.tags-items ul.tags-list-group li{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dadada;
	
}

.tags-items ul.tags-list-group li .image{
	width:200px;
	height:200px;
}

.tags-items ul.tags-list-group li .image img{
	width:100%;
	height:200px;
	object-fit:cover;
}


/******
SOCIAL MEDIA
****/
.social-button-ctn{
	padding: 20px 0;
    border-top: 1px solid #f8f8f8;
    display: flex;
    margin-top: 50px;
    border-bottom: 1px solid #f8f8f8;
	width: 100%;
}

.social-share-ctn{
	margin: 8px 0 0 0;
}

.social-share-ctn h5{
    font-size: 1.rem;
    line-height: 27px;
}

.social-share {
	display: flex;
}

.social-share li{
	width:30px;
	height:30px;
	display:block;
	margin-right:10px;
}

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

.social-share .socials-icon{
	border-radius:50%;
	border:1px solid #d8d8d8;
	display:block;
	 width:30px;
	height:30px;
} 

.social-share .socials-icon:hover{
	border:1px solid #323232;
	transition:all ease .3s;
} 

.social-share .socials-icon.facebook {
	 background:url(../background/share-facebook.svg) center no-repeat;
	 background-size:auto 16px;
}

.social-share .socials-icon.twitter {
	 background:url(../background/share-twitter.svg) center no-repeat;
	 background-size:auto 12px;
}

.social-share .socials-icon.linkedin {
	 background:url(../background/share-LinkedIn.svg) center no-repeat;
	 background-size:auto 14px;
}




	

 

/*********
COLORS 
**************/ 
.cl-1{
	color:var(--color-white)
}

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

.cl-3{
	color:var(--color-dark-blue)
}

.cl-4{
	color:var(--color-light-blue)
}

.cl-5{
	color:var(--color-orange)
}

.bg-1{
	background:var(--color-white)
}

.bg-2{
	background:var(--color-dark)
}

.bg-3{
	background:var(--color-dark-blue)
}

.bg-4{
	background:var(--color-light-blue)
}

.bg-5{
	background:var(--color-orange)
}

/*********
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-dark);
	font-family: var(--font-family);
	font-weight:500;
 }

a{
  cursor:pointer;
  font-weight:500;
  transition:all ease 0.3s;
  //*font-size: 0.9rem;**/
}	

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

h1{
	font-weight:700;
	font-size:2.2rem;
	line-height:46px;
}

h2{
	font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

h3{
	font-weight:600;
	font-size:1.2rem;
	line-height:150%;
	transition:color ease 0.3s;
}


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

h4{
	font-weight:600;
	font-size:1.2rem;
	line-height:150%;
}

.page-intro h2{
	font-weight:700;
	font-size:1.6rem;
	line-height:2.5rem;
}

.page-intro h3{
	font-size:var(--font-size-p);
	line-height:1.5rem;
	font-weight:500;
}


.page-intro h3:after{
	content:"";
	display:block;
	padding:0 0 20px 0;
}

.section-title {
	display: table;
	margin:0 0 45px 0;
}

.section-title.small {
	display: table;
	margin:0 0 25px 0;
}

.section-title h2,
.section-title h3,
.section-title h4{
	display:table;
}

.section-title.center{
	margin:0 auto 45px auto;
}

.section-title h2:after,
.section-title h3:after,
.section-title h4:after{
	content:"";
	display:block;
	width:0;
	height:4px;
	background:var(--color-orange);
	position:relative;
	top:15px;
	transition: all ease 1s;
	transition-delay: 1s;
}

/** add class add-animate **/
.section-title.in-view h2:after,
.section-title.in-view h3:after,
.section-title.in-view h4:after{
	content:"";
	display:block;
	width:90px;
	height:4px;
	background:var(--color-orange);
	position:relative;
	top:15px;
	transition: all ease 1s;
	transition-delay: 1s;
}


p,
ol li{
	font-size:var(--font-size-p);
	line-height:1.5rem;
	font-weight:500;
}

.article ol {
   list-style: none;
   counter-reset: item;
 }
.article ol li {
   counter-increment: item;
   margin-bottom: 15px;
 }
 
.article ol li:before {
	margin-right: 10px;
    content: counter(item);
    background: #102268;
    border-radius: 100%;
    color: white;
    text-align: center;
    width: 24px;
    height: 20px;
    display: table;
    float: left;
    line-height: 24px;
    font-size: 0.8rem;
	top: 0px;
 }

.article h3{
	font-size:1.1rem;
	font-weight:600;
	margin-bottom:5px;
}
 
.article p:after{
	content:"";
	display:block;
	padding:0 0 10px 0;
}

.article.white-cl p,
.article.white-cl li
{
	color:#fff;
}

.article ul {
	margin-bottom:15px;
}

.article ul li{
	margin-bottom:10px;
}

.article li:before,
.white-cl li:before
{
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: var(--color-dark);
    float: left;
    margin-right: 10px;
    position: relative;
    top: 8px;
    border-radius: 6px;
}

.article.white-cl li:before
{
    background: #fff;
}

.article p:last-child:after{
	content:"";
	display:block;
	padding:0 0 0px 0;
}

.article p a{
	text-decoration:underline;
}

mark, .mark {
    color: var(--highlight-color);
    background-color: var(--highlight-bg);
    padding: .1875em 0;
}


/***********************
BUTTONS
*****************/
.btn{
	font-size: 0.9rem;
    line-height: 20px;
    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: left;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 12px 33px  12px 12px;
    min-width: 140px;
    position: relative;
    top: 0px;
}

.btn:hover{
	top:0px;
	transition: all .2s ease;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	text-decoration:none!important;
}

.btn.dark{
	border-color:  var(--color-dark);
	background: var(--color-dark);
	color:var(--color-white);
}

.btn.bluedark{
	border-color: var(--color-dark-blue);
	background: var(--color-dark-blue);
	color:var(--color-white);
}

.btn.orange{
	border-color: var(--color-orange);
	background: var(--color-orange);
	color:var(--color-white);
}

.btn.green{
	border-color: #0e9505;
	background: #0e9505;
	color: var(--color-white);
}

.btn.grey{
	border-color: #dadada;
	background: #dadada;
	color: var(--color-dark);
} 

.btn.transparent{
	border-color: var(--color-dark);
	background: transparent;
	color: var(--color-dark);
}

.btn.transp-grey{
	border-color: #d8d8d8;
	background: transparent;
	color: #d8d8d8;
}

.btn.red{
	border-color: #b00606;
	background: #b00606;
	color:var(--color-white);
}



.btn.white{
	border-color: #fff;
	background: #fff;
} 


.btn.bluedark:hover{
	border-color: #3D56B5;
	background: #3D56B5;
	color:var(--color-white);
}

.btn.orange:hover{
	border-color: var(--color-orange);
	background: var(--color-orange);
	color:var(--color-white);
} 

.btn.white:hover{
	border-color: #fff;
	background: #fff;
	color: var(--color-dark);
} 


.btn-text-ctn{
    display: table;
    width: 100;
    position: relative;
}

.btn-text{
	display: flex;
    width: 100%;
    padding: 0 35px 0 0px;
}

.btn-cl-white{
	color:var(--color-white)
}

.btn-cl-white:hover{
	color:var(--color-white)
}


.btn-arrow{
	display: block;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    transition: all ease .3s;
    margin-left: 10px;
    position: absolute;
    right: 5px;
    top: 12px;
}

.btn-text-ctn .btn-arrow{
	display: block;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    transition: all ease .3s;
    margin-left: 10px;
    position: absolute;
    right: 5px;
    top: 0px;
}

.btn-arrow.dark{
	background:url(../background/buttons/btn-arrow-dark.svg) no-repeat;
}

.btn-arrow.white{
	background:url(../background/buttons/btn-arrow-white.svg) no-repeat;
}

.btn.backbutton{
    border-radius: 8px;
    padding: 12px 13px  12px 43px;
}

.btn-backbutton{
	background:url(../background/buttons/back-button.svg) no-repeat;
	display: block;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    transition: all ease .3s;
    margin-left: 10px;
    position: absolute;
	left: 0px;
    top: 10px;
}

.btn.backbutton:hover .btn-backbutton{
	left: -3px;
    top: 10px;
}


a:hover .btn-arrow,
button:hover .btn-arrow {
	transition:all ease .3s;
	transform: rotate(45deg);
} 

button:disabled{
	opacity:0.5
}

.image2 .image{
	overflow:hidden;
}
.image2 .image img{
		transform: scale(0.98, 0.98);
	-ms-transform: scale(0.98, 0.98);
	-webkit-transform: scale(0.98,0.98);
	transition:all ease 0.3s;
	    object-fit: cover;
    width: 100%;
}

.image2 .image img:hover{
		transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.);
	-webkit-transform: scale(1.0,1.0);
	transition:all ease 0.3s;
}


.logo-black{
	display:block;
	width:244px;
	height:41px;
	background:url(../background/logo/logo-black.svg) no-repeat;
	background-size:244px 41px;
}

.icon{
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 10px;
    float: left;
    position: relative;
}

.icon-2{
    width: 22px;
    height: 22px;
    display: block;
    margin-right: 10px;
    float: left;
    position: relative;
}

.icon.icon-language{
	 background:url(../background/svg/icon-language.svg)no-repeat;
	 background-size:18px 18px;
}

.icon.icon-email{
	 background:url(../background/svg/icon-email.svg)no-repeat;
	 background-size:18px 18px;
}

.icon.icon-phone{
	 background:url(../background/svg/icon-phone.svg)no-repeat;
	 background-size:16px 16px;
}


.icon-2.icon-location-black{
	 background:url(../background/svg/icon-location-black.svg)no-repeat;
	 background-size:22px 22px;
}

.icon-2.icon-email-black{
	 background:url(../background/svg/icon-email-black.svg)no-repeat;
	 background-size:22px 22px;
}

.icon-2.icon-phone-black{
	 background:url(../background/svg/icon-phone-black.svg)no-repeat;
	 background-size:22px 22px;
}


.icon.icon-search{
	 background:url(../background/svg/search-icon.svg)no-repeat;
	 background-size:16px 16px;
}




/***********************
MODAL POPUP
*****************/ 
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:99999999999999
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  width: 300px;
  height: auto;
    max-width: 500px;
    border-radius: 4px;
    box-sizing: border-box;
    width: 90%;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
	margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: -40px;
    background: #de0707;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
	cursor:pointer;
	transition:all ease 0.3s;
}

.modal__close:hover {
	background: #ff0000;
	transition:all ease 0.3s;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

.secondary {
/*   background: none; */
}

.secondary .modal__container {
  left: 55%;
}


/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}


/***********************
INPUT DESING
*****************/ 
.input-dsg {
	width: 100%;
    padding: 10px;
    border: 1px solid var(--color-dark);
    border-radius: 4px;
	font-size: 1.0rem;
}

.input-dsg:focus-visible{
    border: 1px solid #ff0000;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #dadada;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #dadada;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #dadada;
}
:-moz-placeholder { /* Firefox 18- */
  color: #dadada;
}



/***********************
ARROW DOWN
*****************/ 
.mouse_scroll {
	display: block;
    height: 100px;
    width: 25px;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom:30px;
	opacity: 0;
	animation: mouse-scroll-animation 2s forwards;
	animation-delay: 2s;
	animation-iteration-count: 1;
	transition:bottom ease 0.3s;
}


		 
@keyframes mouse-scroll-animation {
	0%    { opacity: 0;}
	100%  { opacity: 1;}
}
	

.mouse_scroll .m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  width: 16px;
  height: 16px;
}


.mouse_scroll .unu
{
  margin-top: 1px;
}

.mouse_scroll .unu, 
.mouse_scroll .doi, 
.mouse_scroll .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.mouse_scroll .unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-delay: alternate;
}

.mouse_scroll .doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.mouse_scroll .trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  animation-delay: .3s;
  animation-direction: alternate;
  margin-top: -6px;
}

.mouse_scroll .mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.mouse_scroll .wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.mouse_scroll .wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}


 
 
 
 
/***********************
HEADER
*****************/
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:10px 0;
 	background:transparent;
	background:var(--color-dark-blue);
	height: 110px;
	height: 120px;
	display:block;
	transition:all ease .4s;
}



.homepage header{
	background:transparent;
}

 
header.scroll{
	top: -75px;
	transition:all ease .4s;
}


header.lateral-menu-is-open,
header.addbgColor{
	background:var(--color-dark-blue);
	transition:all ease 0.3s;
}
 
header .logo-pos{
	position:absolute;
	display:block;
	width:244px;
	height:41px;
	left:0;
	top:5px;
	display: table;
	transition:all ease .3s;
}

header.scroll .logo-pos {
    top:5px;
	transition:all ease .3s;
}


.logo-english{
	display:block;
	width:307px;
	height:41px;
	background:url(../background/logo/logo-english.svg) no-repeat;
	background-size:307px 41px;
}

.logo-greek{
	display:block;
	width:226px ;
	height:41px;
	background:url(../background/logo/logo-greek.svg) no-repeat;
	background-size:307px 41px;
}

header .secondary-menu-pos{
	position: absolute;
    height: 20px;
    right: 0;
    width: auto;
    display: flex;
    top: 12px;
}

header .main-menu-pos{
	position:absolute;
	display:block;
	left:0;
	top:70px;
}

header .ctn-secondary-menu .col{
	margin-right:15px;
}

header .ctn-secondary-menu .col:last-child{
	margin-right:0px;
}

header .ctn-secondary-menu a{
	color: var(--color-white);
    font-size: 0.8rem;
}

header .ctn-secondary-menu a:hover{
	text-decoration:underline;
}

header .ctn-secondary-menu .button-pos{
	position:relative;
	top:-10px;
}

header .ctn-secondary-menu .icon{
	display:block;
	width:18px;
	height:18px;
	position: relative;
    top: 4px;
}
  
header .ctn-secondary-menu .language-switcher{
	float:left;
}
  
  
footer{
	margin:0 0 0 0;
	padding:80px 0 0 0;
	background:var(--color-light-blue);
} 




footer .bottom-footer{
	margin:80px 0 0 0;
	padding:18px 0 18px 0;
	width:100%;
	display:block;
	background:var(--color-dark-blue);
}

footer .bottom-footer p{
	color:var(--color-white);
	font-size:0.8rem
}

footer .ctn-bottom-footer div {
    display: inline-grid;
    text-align: center;
    margin: auto;
}
footer .bottom-footer-menu{
	display:flex;
	margin-left:10px;
}

footer .bottom-footer-menu li{
	margin-right:10px;
	display:flex;
}

footer .bottom-footer-menu li:after{
	content:"|";
	display:block;
	color:var(--color-white);
	font-size:0.8rem;
	padding-left:10px;
	line-height: 1.4rem;
}

footer .bottom-footer-menu li:last-child:after{
	content:"";
	padding-left:0;
}


footer .bottom-footer a{
	color:var(--color-white);
	font-size:0.8rem;
	line-height: 1.5rem;
}
footer .bottom-footer a:hover,
footer .bottom-footer-menu li.active a,
footer .bottom-footer-menu  a:hover{
	color:var(--color-orange);
}


.address-ctn li{
	margin-bottom:20px;
	display:table;
}


/***********************
BREADCRUMP
*****************/
.breadcrump-ctn{
	padding:10px 0;
	background:var(--color-light-blue);
    display: block;
    position: relative;
    top: 0px;
	border-bottom:1px solid var(--color-light-grey);
}

.breadcrump-ctn ul{
	display:flex;
	width:100%;
}

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

.breadcrump-ctn ul li:before{
	content:"";
	display:block;
	background:red;
	float:left;
	margin-right:10px;
	position:relative;
	top:7px;
	 display:block;
	 width:9px;
	 height:12px;
	 background:url(../background/svg/breadcrump-arrow.svg) no-repeat;
	 background-size:9px 12px;
	 transition:all ease .3s;
}

.breadcrump-ctn ul li:first-child:before{
	content:"";
	display:none;
}

.breadcrump-ctn ul li a{
	font-size:0.8rem;
	color:var(--color-dark-blue)
}

.breadcrump-ctn ul li.active span,
.breadcrump-ctn ul li.active a{
	font-weight:700;
	font-size:0.8rem;
}

.breadcrump-ctn ul li a:hover{
	color:var(--color-dark)
}


/***********************
BREADCRUMBS
*****************/

.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: "";
}

/***********************
BLOG PAGINATION
*****************/
.blog-pagination-ctn{
	margin-top:40px;
	padding: 15px 0 15px 0;
    border-top: 1px solid var(--color-light-blue);
    border-bottom: 1px solid var(--color-light-blue);
}

.blog-pagination-ctn .pages-counter{
	margin:0 0 10px 0
}

.blog-pagination-ctn .pages-counter p{
	font-size: 0.8rem;
	color:var(--color-light-grey);
}


.blog-pagination-ctn .pagination{
	display:flex;
}

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

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

.blog-pagination-ctn .pagination li a{
    width: 26px;
    display: table;
    height: 26px;
    text-align: center;
    border: 1px solid #dadada;
	line-height: 26px;
	transition:all ease 0.3s;
}

.blog-pagination-ctn .pagination li.active a,
.blog-pagination-ctn .pagination li a:hover{
	background:var(--color-light-blue);
	transition:all ease 0.3s;
}

 
/***********************
INSIDE PAGES
*****************/
.page-header{
	padding:25px 0 20px 0;
	margin-bottom:30px;
	border-bottom:1px solid var(--color-light-blue)
}

.nbm .page-header{
	margin-bottom:0px;
}


.page-sidebar{
	margin:100px 0 0 0;
	background:var(--color-light-blue);
	padding:30px 30px;
}



/***********************
INTRO
*****************/
.intro{
	width:100%;
 	display:block;
	overflow:hidden;
	position:relative
}
 
.intro.bg-color{
	background: linear-gradient(180deg,rgba(22, 47, 145, 1) 0%, rgba(1, 19, 61, 1) 100%);
	background:var(--color-dark-blue);
}

.container-slider {
	display:table;
    /* display: table; */
    height: 194px;
    top: 0;
    bottom: 0;
    /* left: 5%; */
    z-index: 2;
    right: 0;
    left: 0;
    margin: auto;
	width: 88%;
    max-width: 860px;
	position:absolute;
	width: 90%;
    max-width: 1440px;
    margin: auto;
    position: absolute;
}
.intro .text-ctn{
    max-width: 860px;
} 
 
.intro .image-right-ctn{
	position: absolute;
    display: block;
    /* height: 470px; */
    width: 100%;
    max-width: 820px;
    top: auto;
    bottom: 0;
    margin: auto;
    right: -140px;
    z-index: 1;
}

.intro .image-right-ctn img{
	 max-width:700px;
	 width:90%;
	 height:auto;
	 max-height:600px;
}

.intro .image-right-ctn .image-svg{
	 display:block;
	 width:847px;
	 height:522px;
	 background:url(../images/intro/right-hand.svg);
	 background-size:847px 522px;
	 transition:all ease .3s;
}

.intro-style .upper-title{
	font-size:1.3rem;
	color:#fff;
	font-weight:300;
	margin-bottom:10px;
	display:table;
	text-shadow: 2px 2px 1px #303030;
}

.intro-style h1{
	font-weight:800;
	font-size:4.2rem!important;
	line-height: 5rem;
	color:#fff;
	margin-bottom:10px;
	text-shadow: 2px 2px 1px #303030;
	color:var(--color-white)!important
} 
 
.intro-style h2{
	font-weight:600;
	font-size:2.2rem!important;
	line-height: 2.8rem;
	color:#fff;
	margin-bottom:10px;
	text-shadow: 2px 2px 1px #303030;
	color:var(--color-white)!important
} 
 
.intro-style p{
	font-weight:500;
	font-size:2rem;
	color:#fff;
	line-height:2.8rem;
	text-shadow: 2px 2px 1px #303030;
}

.intro-style p span{
	color:var(--color-white);
}

.intro .center-image{
	display: table;
    height: 480px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.intro .center-image img{
	display: block;
    width: auto;
    max-height: 480px;
}


.simple-article .image{
	width:100%;
}

.simple-article .image img{
	width:100%;
}

 

/** INTRO VIDEO **/
.intro #myVideo {
    right: 0;
    bottom: 0;
    width: 100%;
	top:-50px;
	position:relative;
	  position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 20%;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}

.video-overlay{
	width: 100%;
    height: 100%;
 	display:block;
  	background:url(../images/video/video-overlay.svg);
	position:absolute;
	top: 0px;
    left: 0px;
	z-index: 1;
}
 
/***********************
INTRO HOMEPAGE
*****************/
.ctn-intro {
	min-height:600px;
}

.ctn-intro .image{
	position:relative;
	bottom:0px;
}

.ctn-intro .image img{
	width: 100%;
    height: auto;
    bottom: -10px;
    position: absolute;
	max-height: 470px;
}


.ctn-intro  img.image-parralax{
	position: absolute;
    width: 100%;
    max-width: 480px;
    bottom: 0;
    max-height: 480px;
}

.ctn-intro  img.image-stable{
    width: 100%;
    max-width: 680px;
    bottom: 0;
    max-height: 480px;
}


.ctn-intro .introtext{
    margin: auto; 
 }



/***********************
DESIGNS 
*****************/
.ai-act-section{
	overflow:hidden;
	position: relative;
}

.ai-act-section .purpose-ctn{
	clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
	background:var(--color-dark-blue);
}

.ai-act-section .scope-ctn{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
	background:var(--color-light-blue);
}

.ai-act-section .scope-ctn,
.ai-act-section .purpose-ctn{
	padding:100px 0;
	width: 105%;
	position: relative;
	left: -5%;
}

.ai-act-section .purpose-ctn{
	left:0%;
	right:-5%;
}


.ai-act-section .purpose-ctn .box,
.ai-act-section .scope-ctn .box{
    width: 60%;
    margin:auto;
}

.ai-act-section .purpose-ctn p{
	color:var(--color-white);
}

.ai-act-section ul {
  list-style: none;
  padding-left: 0;
}

.ai-act-section ul li {
  margin-bottom: 1rem;
  line-height: 1.6;
  position: relative;
  padding-left: 20px;
}

.ai-act-section ul li::before {
  content: "■";
  font-size: 1rem;
  position: absolute;
  left: 0;
  top:-3px;
}

.ai-act-section .purpose-ctn ul li::before {
  color: #fff;
}


.ctn-consider-dsg .circle-ctn{
	width:500px;
	display:block;
	position:relative;
	top: 0px;
}

.ctn-consider-dsg .circle-ctn .circle-border-rotate {
	width: 460px;
    height: 460px;
    /* background: red; */
 	display:block;
  	background:url(../background/svg/circle-dashed-dots.svg)no-repeat;
	background-size:460px 460px;
	animation: spin 20s linear infinite;
	position:absolute;
	top: 0px;
    left: 0px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ctn-consider-dsg .circle-ctn .circle-center{
    top: 20px;
    bottom: 0;
    left: -20px;
    right: 0;
    margin: auto;
    display: block;
    width: 420px;
    height: 420px;
    border-radius: 300px;
    position: relative;
    z-index: 1;
	overflow:hidden;
}


.ctn-consider-dsg .circle-ctn .circle-center #considerVideo{
    width: 800px;
    height: 800px;
    top: -100px;
    /* background-position: 100px 500px; */
    position: relative;
    top: -190px;
    left: -190px;
	top: -160px;
    left: -200px;
}


.ctn-consider-dsg .consider-boxes-dsg{
	align-self: center;
    width: 100%; 
}

.consider-boxes-dsg .box{
	background:var(--color-light-blue);
	display:flex;
	padding: 10px;
	margin-bottom:5%;
	border-radius:8px;
	transition:all ease 0.3s;
	border:1px solid var(--color-light-blue);
}


.consider-boxes-dsg .box.link:hover{
	cursor:pointer;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition:all ease 0.3s;
}



.consider-boxes-dsg .box .img{
	width:48px;
	height:48px;
	margin-right:15px;
}

.consider-boxes-dsg .box .title{
	width:100%;
	align-self: center;
    justify-self: center;
}

.consider-boxes-dsg .box .title h3{
	font-weight:700;
	font-size:1.2rem;
}
 
.ctn-blogs-dsg .image{
	width:100%;
	height:300px;
	overflow:hidden;
}

.ctn-blogs-dsg .image img{
	width:100%;
	height:100%;
	object-fit:cover;
	transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-webkit-transform: scale(1.0,1.0);
	transition:all ease 0.3s;
}



.ctn-blogs-dsg .ctn-blogs-col:hover img{
	width:100%;
	height:100%;
	object-fit:cover;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1,1.1);
	transition:all ease 0.3s;
}

.ctn-blogs-dsg .date h4{
	font-size:0.8rem;
	color:var(--color-light-grey);
}





/***********************
PYRAMID
*****************/
.pyramid-ctn {
	max-width:700px;
	width:100%;
	height:480px;
	display:block;
	position:relative;
}

.pyramid-ctn.center {
	margin:50px auto;
}

.pyramid-ctn .images-icons{
	position:absolute;
	width:500px;
	height:100%;
	display:block;
	right:0;
    text-align: center;
}

.pyramid-ctn .images-icons .image-1{
	position: relative;
	top: 0;
	z-index: 3;
}

.pyramid-ctn .images-icons .layer-1{
	height: 100px;
}

.pyramid-ctn .images-icons .image-2{
	position: relative;
    top: -24px;
    z-index: 2;
}

.pyramid-ctn .images-icons .layer-2{
	height: 120px;
}

.pyramid-ctn .images-icons .image-3{
	position: relative;
    top:-80px;
    z-index: 1;
}

.pyramid-ctn .images-icons .layer-3{
	height: 180px;
}

.pyramid-ctn .images-icons .image-4{
	position: relative;
    top: -180px;
}

.pyramid-ctn .images-icons .layer-4{
	height: 250px;
}


.pyramid-ctn .labels{
	display:block;
	width:400px;
	height:100%;
    position: absolute;
}

.pyramid-ctn .labels .layer-1{
	height:100px;
	z-index:8
}

.pyramid-ctn .labels .layer-2{
	height:90px;
	z-index:8
}

.pyramid-ctn .labels .layer-3{
	height:120px;
	z-index:8
}

.pyramid-ctn .labels .layer-4{
	height:120px;
}

.pyramid-ctn .labels .label {
	padding: 8px 16px;
    border-radius: 4px;
    background: black;
    display: table;
}

.pyramid-ctn .labels .label-ctn {
	position:relative;
}

.pyramid-ctn .labels .label p{
	color:var(--color-white);
	font-size: 0.8rem; 
}

.pyramid-ctn .labels .label-pos {
	z-index: 4;
	position: absolute;
}

.pyramid-ctn .labels .layer-1 .label-pos {
    right: 30px;
    top: 30px;
}

.pyramid-ctn .labels .layer-2 .label-pos {
	right: 90px;
    top: 20px;
}

.pyramid-ctn .labels .layer-3 .label-pos {
    right: 150px;
    top: 30px;
}

.pyramid-ctn .labels .layer-4 .label-pos {
    right: 230px;
    top: 30px;
}



.pyramid-ctn .label p{
	color: var(--color-white);
}

.pyramid-ctn .label{
	cursor:pointer;
	transition:all ease 0.3s;
}

.pyramid-ctn .label.bg-layer-4{
	background:#7486AE;
}

.pyramid-ctn .label.bg-layer-3{
	background:#567C58;
}
.pyramid-ctn .label.bg-layer-2{
	background:#E1AB44 ;
}
.pyramid-ctn .label.bg-layer-1{
	background:#F65F51;
}

.pyramid-ctn .label:hover{
	background:var(--color-dark-blue);
	transition:all ease 0.3s;
}








/***********
pyramid modals
********/

.pyramid-modal-overlay {
	position: fixed;
  top: 0;
  left: 0;
  bottom:0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.9s ease;
  z-index: 99999;
}


.pyramid-modal-overlay .modal-content {
    background: #F6F3FC;
    padding: 20px 30px;
    border-radius: 0;
    width: 90%;
    max-width: 530px;
    /* margin-top: 50px; */
    transform: translateY(-100px);
    opacity: 0;
    z-index: 999999999999;
    position: absolute;
    /* left: 0; */
    height: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    display: table;
    margin: auto;
}

.pyramid-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.pyramid-modal-overlay.active .modal-content {
  transform: translateY(0);
  opacity: 1;
}

.pyramid-modal-overlay .hide{
	display:none;
}







/***********************
timeline
*****************/
.cd-horizontal-timeline {
  opacity: 0;
  margin: 0 auto 5rem auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 100%;
  max-width:100%;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}

/******

.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
*************/

.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #193063;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 0.8rem;
  padding:8px 14px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
	pointer-events: none;
	font-weight: bold;
 	background: var(--color-dark-blue);
	color: var(--color-white);
	padding:8px 14px;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #193063;
  border-color: #F3F7FB;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #193063;
}


.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 17px;
  top: 16px;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../background/svg/timeline-arrow-right.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.cd-timeline-navigation a:hover {
  background: var(--color-light-grey);
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.cd-timeline-navigation a.inactive::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 17px;
  top: 16px;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../background/svg/timeline-arrow-right.svg) no-repeat 0 0;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
  background: var(--color-light-blue);
    padding: 20px;
	height:auto!important;
	border-radius:18px;
}
.cd-horizontal-timeline .events-content ol li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content ol li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content ol li.enter-right, .cd-horizontal-timeline .events-content ol li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content ol li.enter-left, .cd-horizontal-timeline .events-content ol li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content ol li.leave-right, .cd-horizontal-timeline .events-content ol li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content ol li > * {
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-weight: 700;
  line-height: 1.2;
  color:var(--color-white);
  color:var(--color-dark);
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-size: 1.0rem;
  font-style: italic;
  font-weight:700;
  margin: 10px auto;
  color:var(--color-white);
  color:var(--color-dark);
}
.cd-horizontal-timeline .events-content em::before {
  content: '';
}
.cd-horizontal-timeline .events-content p {
  color:var(--color-white);
  color:var(--color-dark);
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
 

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}


.cd-horizontal-timeline .events-content ol li ul li{
  position: inherit;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-0%);
    -moz-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    transform: translateX(-0%);
    padding: 0 0;
    opacity: 1;
  -webkit-animation-duration: 0.0s;
  -moz-animation-duration: 0.0s;
  animation-duration: 0.0s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  padding-left:20px;
}
.cd-horizontal-timeline .events-content ol li ul li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.cd-horizontal-timeline .events-content ol li ul li:before{
    content: "■";
    font-size: 1rem;
    position: absolute;
    left: 0px;
    top: -2px;
    color: #162269;
}



.page-intro .image{
	text-align: center;
}

.page-intro .image img{
	max-width:260px;
	width:90%;
	object-fit:cover;
}


.boxes-text {
	padding:40px;
	width:100%;
	background:var(--color-light-blue);
	border-radius:8px;
}

.boxes-text.labels-borders {
	border-top:0px;
	border-right:0px;
	border-bottom:0px;
	border-left:20px;
	border-style:solid;
}



.boxes-text-dsg .boxes-text.white {
	padding:0px;
	width:100%;
	background:#fff;
	border-radius:0px
}

.boxes-text-dsg .boxes-text.white {
	padding:0px;
	width:100%;
	background:#fff;
	border-radius:0px
}


.boxes-text-dsg .boxes-text-small {
	padding:20px;
	width:100%;
	background:var(--color-light-blue);
	border-radius:8px
}

.
.boxes-text-dsg .boxes-text .image{
	width:64px;
	height:64px;
}

.boxes-text-dsg .boxes-text .image img{
	width:64px;
	height:64px;
}

.boxes-text-dsg .boxes-text .image-full img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.boxes-text-dsg-image .image-full img{
	width:100%;
	height:100%;
	object-fit: cover;
} 

.boxes-columns-dsg .boxes-columns{
	padding: 20px;
    background: var(--color-light-blue);
}

.boxes-columns-dsg .boxes-columns .image{
	height:300px;
	display:block;
}

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

.boxes-columns-dsg .boxes-columns .buttons{
	display: inline-grid;
	grid-template-columns:48% 48%;
	width: 100%;
	column-gap: 4%;
	
}
 
.boxes-columns-dsg .boxes-columns .buttons .button-two{
	
}
 
.ctn-boxes-text-dsg-image-1 .image-full{
	max-height:400px;
	width:100%;
}

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



/***********************
FAQ
*****************/

.faq-section {
  max-width: 100%;
  margin: auto;
  width: 100%;
}

.faq-item {
	margin-bottom: 20px;
    border-radius: 0px;
    border-bottom: 1px dotted #dadada;
}

.faq-question {
	font-weight: 600;
	cursor: pointer;
	position: relative;
	padding: 20px 20px 20px 30px;
	line-height: 26px;

}

.faq-question::after {
  content: "+";
  position: absolute;
  left: 10px;
  font-size: 18px;
  transition: transform 0.3s ease;
  top:20px;
}

.faq-item.active .faq-question::after {
  content: "−";
}

.faq-answer {
  display: none;
  padding: 0px 25px 25px 25px;
  color: #444;
}


.faq-item.active .faq-question {
	cursor: pointer;
	position: relative;
	font-weight:700;
	color:var(--color-dark-blue);
}

/***********************
MOBILE DESIGNS
*****************/
.mobile-language-switcher{
	margin:0 0 20px 0;
}
.mobile-language-switcher li{
	text-align:center;
}

.mobile-language-switcher li a{
	background: var(--color-light-blue);
    width: 100%;
    display: table;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--color-light-grey);
    color: var(--color-dark);
    font-size: 1rem;
    font-weight: 500;
}

.mobile-language-switcher li.lang-active  a{
	background: var(--color-dark-blue);
    border: 1px solid var(--color-dark-blue);
    color: var(--color-white);
}

/***********************
CONTACT US
*****************/
.google-map {
    width: 100%;
    height: 400px;
    display: block;
    border: 0;
}
 
/*************
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;
    font-weight: bold;
}
 
/** 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 #d2d2d2;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px;
}

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

.input-forms-style.style-1 textarea{
	border:1px solid #d2d2d2;
	padding:10px 10px;
	width:100%;
	height:150px;
	resize: none; 
	font-size:14px;
	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: #2aa1c0;
}
.checkbox-aggree .control:hover input:not([disabled]):checked ~ .control__indicator,
.checkbox-aggree .control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.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  10px 10px  ;
	border-radius:  0;
}

#emails-alert .emails-alert .top-row.success{
	background:#fff;
}
 
#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:200px;
  height:auto;
  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;
}



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




.dsg-number{
	position:relative;
	width:80px;
	height:80px;
	display:block;
}

.dsg-number .circle{
	width: 70px;
    height: 70px;
    background: var(--color-dark-blue);
    display: block;
    border-radius: 70px;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.dsg-number .circle-out{
	width: 80px;
    height: 80px;
    display: block;
    border-radius: 80px;
    position: absolute;
    top: 0;
    border: 1px solid var(--color-dark-blue);
}

.dsg-number .number span{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    font-size: 2.6rem;
    text-align: center;
    line-height: 4.2rem;
}


/***********************
EXPAND CARDS
*****************/
.expand-cards .expand-container {
    display: flex;
    width: 100%;
}

.expand-cards .panel {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    border-radius: 16px;
    color: #fff;
    cursor: pointer;
    flex: 0.5;
    margin-right: 10px;
    position: relative;
    transition: flex 700ms ease-in;
	padding:20px;
	overflow:hidden
}


.expand-cards .panel:last-child {
    margin-right: 0px;
}

.expand-cards .panel:nth-child(odd){
	background: var(--color-dark-blue);
}

.expand-cards .panel:nth-child(even){
	background: #384781;
}

.expand-cards .panel.active {
    flex: 2;
}

.expand-cards .panel h3 {
    opacity: 1;
	color:#fff;
    transition: opacity 300ms ease-in 400ms;
}

.expand-cards .panel.active h3 {
    opacity: 1;
    transition: opacity 300ms ease-in 400ms;
}

.expand-cards .panel .text{
	opacity: 0;
	transition: opacity 300ms ease-in 400ms;
}

.expand-cards .panel.active .text{
	display:inherit;
	opacity: 1;
	transition: opacity 300ms ease-in 400ms;
}

.expand-cards .panel .text p{
	color:#fff; 
}


@media (max-width: 480px) {
   .expand-cards .expand-container {
        width: 100vw;
    }
    .expand-cards .panel:nth-of-type(4), 
	.expand-cards .panel:nth-of-type(4) {
        display: none;
    }
}
 
 
.inside-columns-dsg .inside-columns{
	margin:50px auto;
}

.inside-columns-dsg .inside-columns .inside-col {
	background: var(--color-white);
	background: var(--color-dark-blue);
	border:0px solid var(--color-light-grey);
    padding: 20px;
	border-radius:8px;
}

.inside-columns-dsg .inside-columns .inside-col.grey {
}

.inside-columns-dsg .inside-columns h4,
.inside-columns-dsg .inside-columns p{
	text-align:center;
	color:#fff;
	
}  

.testimonial{
	margin:auto;
	max-width:980px;
}

.testimonial .name-ctn{
	margin-top:40px;
	display:table;
	width:100%;
	text-align:center;
}

.testimonial .top-ctn{
	margin-bottom:20px;
	display:table;
	width:100%;
	text-align:center;
	letter-spacing: 1px;
}
 
.testimonial .text p{
	font-size:1.4rem;
	line-height:1.8rem;
	text-align:center;
}

.testimonial .name-ctn p{
	font-size:1.2rem;
	letter-spacing: 2px;
	color:var(--color-orange)
}

.testimonial .text p,
.testimonial .top-ctn p{
	
}

.testimonial .quotation span{
	display:block;
	width:100px;
	height:100px;
	background: url(../background/svg/left-quotes.svg) no-repeat;
	background-size: 100px auto;
}


.fw-dsg-ctn{
	background: var(--color-dark-blue);
}

.fw-dsg-ctn .fw-dsg-out {
	height: 100%;
    display: table;
    position: relative;
	min-height: 580px;
}

.fw-dsg-ctn .fw-dsg-out .fw-dsg-tx{
    width: 90%;
    max-width: 820px;
    float: right;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
	z-index:1
}


.fw-dsg-ctn .fw-dsg-out .fw-dsg-tx h1{
	font-size:1.8rem;
}


.fw-dsg-ctn .fw-dsg-out .fw-dsg-tx h1,
.fw-dsg-ctn .fw-dsg-out .fw-dsg-tx .uppertitle{
	color:#fff;
}



.fw-dsg-ctn .fw-dsg-out .image{
    height: 100%;
    display: inline-grid;
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    display: block;
    right: 0;
}


.fw-dsg-ctn .fw-dsg-out .image img{
    max-width: 800px;
    position: absolute;
    left: auto;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
	opacity: 0.7;
	object-fit:cover
}


.fw-dsg-ctn .right-image img{
	width:100%;
	height:100%;
	object-fit:cover
} 

 
/***********************
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);
	}
	
	
	.ctn-consider-dsg .circle-ctn {
		width: 180px;
		top: 0px;
	}
	
	.ctn-consider-dsg .circle-ctn .circle-center #considerVideo {
		width: 300px;
        height: 180px;
        top: -11px;
        left: -84px;
	}
	
	.ctn-consider-dsg .circle-ctn .circle-border-rotate {
		width: 180px;
        height: 180px;
        background-size: 180px 180px;
        top: 0;
        left: 0;
	}
	
	.ctn-consider-dsg .circle-ctn .circle-center {
		top: 20px;
		width: 140px;
		height: 140px;
		left: 0;
	}


}
 
 
 
 
/* Extra extra large - xxl */
@media screen and (max-width: 1400px) {
	
}


/* Extra large - xl */
@media screen and (max-width: 1200px) {

	.hide-1200{
		display:none!important;
	}

	header {
		height: 60px;
 	}
	
	header.scroll {
		top: 0;
	}


	header .logo-pos {
		position: relative;
		width: 244px;
		height: 41px;
		left: 0;
		top:6px;
	}

	header.scroll .logo-pos {
		top: 6px;
	}

	
	.logo-english {
		width: 210px;
		height: 30px;
		background: url(../background/logo/logo-english.svg) no-repeat;
		background-size: 210px auto;
	}
	
	.logo-greek {
		width: 156px;
		height: 31px;
		background: url(../background/logo/logo-greek.svg) no-repeat;
		background-size: 210px auto;
	}
	 
	.logo {
		width: 176px;
		height: 30px;
		background: url(../background/logo/logo.svg) no-repeat;
		background-size: 176px auto;
	}
	
	.cd-main-content .inside-pages {
		margin-top: 110px;
		margin-top: 60px;
	}
	
	.expand-cards .expand-container {
		display: inline-grid;
		grid-template-columns: 45% 45%;
		width: 100%;
		column-gap: 10%;
		row-gap: 50px;
	}
	
	.expand-cards .panel {
		margin-right: 0px;
		overflow: hidden;
		display: table;
		height: auto;
	}

	.expand-cards .panel .text {
		opacity: 1;
	}
	
	.pyramid-main{
		width:600px;
		margin:auto;
	}

}


/* Large - lg */
@media screen and (max-width: 992px) {
	
	.ctn-blogs-dsg .blogs-dsg{
		padding-bottom:20px;
		border-bottom:1px dotted #dadada;
		overflow: hidden;
	}
	.ctn-blogs-dsg .image{
		height:200px;
	}
	
	.main-article .main-image{
		float:left;
		margin:0 0 25px 0;
		width:100%;
		text-align:center;
	}
	
	.main-article .main-image img{
		width: 100%;
        border-radius: 0 !important;
        object-fit: cover;
		max-height:320px;
	}


	.boxes-columns-dsg .boxes-columns .buttons{
		display: inline-grid;
		grid-template-columns:100%;
		width: 100%;
		column-gap: 0;
		row-gap: 20px;
	}
	
	.boxes-columns-dsg .boxes-columns .buttons .button-two{
		text-align:center
	}


}

/* Medium - md */
@media screen and   (max-width: 768px) {
	
	
	.boxes-text-dsg .boxes-text {
		padding: 20px;
	}
	
	.fw-dsg-ctn .fw-dsg-out {
		padding: 20px 0;
	}

	
	.fw-dsg-ctn .fw-dsg-out .fw-dsg-tx {
		position: inherit;
        text-align: center;
        display: table;
        width: 90%;
        margin: auto;
		float: inherit;
	}
	
	.fw-dsg-ctn .fw-dsg-out .image {
		position: relative;
		right: 0;
		text-align: center;
		width: 80%;
		margin: auto;
		height: auto;
        padding: 30px 0 30px 0;
	}
	
	.fw-dsg-ctn .fw-dsg-out .image img {
		max-width: 800px;
		position: inherit;
	}
	
	
}

/* Small - sm */ 
@media screen and  (max-width: 680px) {
	
	.hide-680{
		display:none!important;
	}
	
	.intro {
		height: 100vh;
	}

	.intro .text-ctn {
		width: 90%;
		top: auto;
		bottom: 10vh;
	}

	.ctn-intro .image {
		position: inherit;
		bottom: 0px;
		height: auto;
		width: 100%;
		display: table;
        margin-bottom: 20px;
	}


	.ctn-intro .image img{
		width: 100%;
		height: 200px;
		bottom: -10px;
		position: inherit;
	}


	.ctn-intro  img.image-parralax {
       width: auto;
        max-width: 100%;
        bottom: 0;
        left: 0;
        height: 100%;
        right: 0;
        margin: auto;
    }
 
	.intro-style h1 {
		font-size: 2.2rem!important;
		line-height: 3rem;
	}

	.intro-style h2 {
		font-size: 1.6rem!important;
		line-height: 2rem;
	}
	
	.intro .image-right-ctn {
		position: absolute;
        display: block;
        height: auto;
        width: 100%;
        max-width: 820px;
        /* top: 0; */
        bottom: -20px;
        margin: auto;
        right: -60px;
        z-index: 1;
	}
	
	.handmovement{
		-webkit-animation: handmovement 16s infinite;
	}

	@keyframes handmovement {
	  0% {
		transform: translateX(0%);
		transform: translateY(0%);
	  }

	  25% {
		transform: translateX(-20%);
		transform: translateY(-10%)
	  }
	  
	 50% {
		transform: translateX(-10%);
		transform: translateY(-00%)
	  }
	  
	  
	  75% {
		transform: translateX(-5%);
		transform: translateY(-10%)
	  }
	  
	  100% {
		transform: translateX(-00%);
		transform: translateY(-00%)
	  }
	}
	
	.ai-act-section .scope-ctn, 
	.ai-act-section .purpose-ctn {
		padding: 25px 0;
		left: 0%;
		width: 100%;
	}

	.ai-act-section .purpose-ctn .box, 
	.ai-act-section .scope-ctn .box {
		width: 90%;
	}

	
	.ai-act-section .purpose-ctn,
	.ai-act-section .scope-ctn {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.page-intro .image{
		text-align: left;
	}

	.page-intro .image img{
		max-width:100px;
		width:100%;
		object-fit:cover;
	}
	
	.mouse_scroll {
		height: 60px;
        width: 20px;
        margin: auto;
        left: auto;
        right: 30px;
        bottom: 30px;
 	}
	

	.mouse_scroll .mouse {
		height: 30px;
		width: 18px;
		border-radius: 14px;
		transform: none;
		border: 2px solid white;
		top: 170px;
	}

	.mouse_scroll .m_scroll_arrows {
		width: 10px;
		height: 10px;
	}
	
	.boxes-text-dsg .boxes-text
	.boxes-columns-dsg .boxes-columns .buttons{
		grid-template-columns:48% 48%;
		column-gap:4%;
		row-gap: 00px;
	}
	
	.expand-cards .expand-container {
		grid-template-columns: 100%;
		column-gap: 0%;
		row-gap: 50px;
	}
	
	.testimonial .quotation span{
		display:block;
		width:40px;
		height:40px;
		background: url(../background/svg/left-quotes.svg) no-repeat;
		background-size: 40px auto;
	}
	
	.testimonial .quotation.right span {
        float: right;
    }

	.tags-items ul.tags-list-group li .image{
		width:100%;
		height:auto;
	}

	.tags-items ul.tags-list-group li .image img{
		width:100%;
		height:auto;
	}

}


/* X-Small - x-sm */ 
@media screen and  (max-width: 576px) {
	.boxes-columns-dsg .boxes-columns .buttons{
		grid-template-columns:100%;
		column-gap:0%;
		row-gap: 20px;
	}
	
	.boxes-columns-dsg .boxes-columns .buttons .button-two{
		text-align:center
	}
}