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


:root {
	--color-light-blue:#2E52C1;
	--color-dark-blue:#2e52c1;
	--color-grey:#999999;
	--color--light-grey:#F5F5F5;
	--color-white:#fff;
	--color-dark:#1d1d1b;
	--color-yellow:#d57800;
	--color-linear-blue:linear-gradient(180deg, #069EFF 0%, #2E52C1 100%);
}


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

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

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
  	counter-reset: my-sec-counter;

}


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

*:focus {
    outline: none;
}


.overFlowXHidden{
 overflow-x:hidden;
}


/*********
PAGE LOAD 
**************/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
}
.spinner {
  width: 40px;
  height: 40px;
  background-color: var(--color-dark-blue);

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*********
FONTS 
**************/
h1,h2,h3,h4,h5,h6,div,span,article,p,a,ul,li,nav,button,#cssmenu ul li a,textarea,input{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-dark);
	font-family: 'Noto Sans', sans-serif;
	font-size:100%;
	font-weight: normal;
	letter-spacing:1px
 }

a{
  color:var(--cl-dark);
  transition:color ease 0.3s;
  cursor:pointer;
}	

a:hover{
  color:#f0a700;
  color:#2e52c1;
  cursor:pointer;
  transition:color ease 0.3s;
  text-decoration: none;
}	


.cursor-pointer{
	cursor:pointer;
}


h1{
	font-size:22px;
	font-weight:800;
	line-height:120%;
}


h2{
	font-size: 18px;
	font-size: 36px;
    font-weight: bold;
	line-height:120%;
}

h3,
h3 a{
    font-size: 18px;
    font-weight: 800;
    line-height: 140%;
}

p{
	font-size:18px;
	font-size:16px;
	line-height:28px;
	line-height:24px;
	
}

h3.main-title{
	font-size:22px;
	font-size:36px;
	font-size: 24px;
}

.big-main-title{
	font-size: 46px;
    line-height: 56px;
}

h3.whatwedo-title{
	font-size: 40px;
    line-height: 46px;
}


.right-main-title h4{
	font-weight:bold;
}

.article p{
	font-size:16px;
	font-size: 1rem;
	line-height:28px;
	text-align:justify
}

.article p strong a,
.article h3 span{
	color: var(--color-dark-blue);
	font-weight:bold
}


.article a{
	color: #0000ff!important;
	font-weight:bold!important;
}

.article p:not(:last-child):after{
	content:"";
	padding-bottom:20px;
	display: block;
}


.article img{
	width:100%;
	width:auto;
}

.main-image-article img{
	width:auto;
	max-height:500px;
	max-width: 90%;
	object-fit: cover;
}




.upper-title{
	font-size: 18px;
    font-weight: bold;
    line-height: 180%;
    color: var(--color-dark-blue);
    display: block;
}

.intro-ctn h1{
	color:var(--color-dark-blue);
	font-size:46px
}

.intro-ctn .upper-title{
	color:var(--color-dark-blue);
	font-size:24px;
	font-weight:400
}

h2.section-title {
    width: auto;
    display: table;
}

.section-title:after{
	content: "";
    margin: 20px 0;
    display: block;
    height: 2px;
    width: 100%;
    background: var(--color-dark-blue);;
}
 
.clf-w{
	color:#fff;
}
 
 
.date{
	font-size:12px;
}


.readmore-arrow-btn{
	 display:block;
	 width:30px;
	 height:30px;
	 background:url(../background/readmore-arrow-btn.svg);
	 background-size:30px 30px;
	 transition:all ease .3s;
}

.readmore-arrow-btn:hover{
	 display:block;
	 width:30px;
	 height:30px;
	 background:url(../background/readmore-arrow-btn-hover.svg);
	 background-size:30px 30px;
	 transition:all ease .3s;
 }
 
 
.logo-ctn{
	width:240px;
	height:60px;
	display:table;
}



.commisioner-logo-ctn{
    width: 220px;
    height: 55px;
    display: table;
    position: absolute;
    left: 230px;
    top: 15px;
}


.no-title-h3 h3.main-title,
.no-title-h3 .title-underline{
	display:none!important
}

.commisioner-logo{
	display: block;
    width: 300px;
    height: 52px;
}
 
.commisioner-logo.gr{
    background: url(../background/commisioner-black-logo-gr.svg) center no-repeat;
	background-size: auto 43px;
 }
 
.commisioner-logo.en{
    background: url(../background/commisioner-black-logo-en.svg) center no-repeat;
	background-size: auto 43px;
}

.mini-header .commisioner-logo.en {
    background: url(../background/commisioner-black-logo-en.svg) center no-repeat;
    background-size: auto 20px;
}

 
 footer .commisioner-logo-ctn-footer{
 width: 140px;
    height: 35px;
    display: table;
    position: relative;
}

 footer .commisioner-logo.gr {
background: url(../background/commisioner-black-logo-gr.svg) center no-repeat;
    background-size: auto 50px;
    width: 300px;
    display: block;
    /* background: red; */
    margin: auto;
}

/*****
 .date {
    background: #2e52c1;
    background: #f0a600;
    display: table;
    margin-right: 10px;
    line-height: 24px;
    height: 30px;
    color: #fff;
    border-radius: 2px;
    padding: 4px 10px;
    font-size: 12px;
 }
*****/
 
.article-date {
    color: #717171;
    font-size: 12px;
}
 
 
 .tac,
 .tac p{
	 text-align:center
 }
 

 
@media screen and (max-width: 768px) {
	 h3.whatwedo-title {
    font-size: 32px;
    line-height: 36px;
	}
	
	.article p {
    text-align: left;
	}
	
}




 
/* -------------------------------- 
Main components 
-------------------------------- */
.wrp{
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

header .wrp{
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

.wrp-860{
	max-width:860px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}


.section{
	margin-top:80px;
	margin-bottom:80px;
}

.f-section{
	margin-top:100px;
}


.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--light-grey);
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 180px;
  /* 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;
}


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

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
}

header.is-fixed {
  position: fixed;
} 


footer{
	  z-index: 3;
	  /* 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;
}

a#open_preferences_center {
	position: fixed;
    z-index: 099999;
    bottom: 0;
    background: #c5c5c5;
    color: #fff;
    font-size: 10px;
    padding: 5px;
}

/**********
HEADER
*********/
.headerOnTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-dark-blue);
  z-index: 3;
}

.headerOnTop.hide{
	display:none!important;
}

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

 
.header .row-head {
	position:relative;
	padding:20px 0 20px 0;
	border-bottom:2px solid #fff;
	border-bottom:1px solid #fff;
}


 
 .header .row-menu {
	 padding:15px 0 0 0;
 } 
 

 .header .row-menu .menu{
	width:100%;
	display:block;
 }
 
 
header.v2 .row-menu .menu {
    width: 100%;
    display: table;
    float: right;
    width: auto;
}
 
.header .row-head .btn-pos-login{
	position:absolute;
	right:230px;
    top:35px;
}


 
 .header .language-ctn{
    position: absolute;
    top: 15px;
    right: 0;
    height: 42px;
	transition:all ease .2s
}
 
.header .header-search-ctn {
    position: absolute;
    top: 35px;
    right: 180px;
    height: 42px;
}

.header .header-search-ctn.no-register-button{
	right: 0px;
}
 
 .logo{
    width: auto;
    height: 100%;
	height: 86px;
	height: 70px;
	transition:all ease .2s
 }
 
 
 
.header .row-head .header-search-ctn.enable-lanugage-switcher,
.header .row-head .btn-pos-login.enable-lanugage-switcher{
	top:50px
}

 header.onSroll{
 	display:table!important;
	background: var(--color-dark-blue);
	width:100%;
	position:fixed;
	z-index:999;
	top:-150px;
	transition:all ease .6s;
  }
 
 
header.onSroll.fixed{
	top:0px;
	transition:all ease .3s;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	height: 100px;
	height: 50px;
	border-bottom: 1px solid #3F51B5;
}
 
 

header.mini-header #cssmenu ul li a{
	font-size:14px;
}

 
header.shadow{	
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
 
header.onSroll.layout2 .row-menu {
    max-width: 960px;
    max-width: 100%;
    float: right;
    position: relative;
    top: -20px;
    top: 15px;
    width: 100%;
}

header.onSroll.layout2 .logo {
    width: auto;
    height: 100%;
    height: 80px;
    height: 50px;
    height: 36px;
	display:none;
}

header.onSroll.layout2 .logo-ctn {
    width: 120px;
    height: 42px;
    display: table;
	display:none;
}



header.onSroll.layout2 .commisioner-logo-ctn {
    width: auto;
    height: 100%;
    height: 80px;
    height: 40px;
}


header.onSroll.layout2 .commisioner-logo-ctn {
	width: 177px;
    height: 34px;
    display: table;
    position: absolute;
    left: 130px;
    top: 15px;
	display:none; 
}

header.onSroll.layout2 .commisioner-logo-ctn .commisioner-logo {
    display: block;
    width: 134px;
    height: 34px;
}



header.onSroll.layout2 .logo-ctn{
    position: relative;
    top: 16px;
}
 
.header-desktop.fixed .header .row-head {
	padding:5px 0 5px 0;
	transition:all ease .2s
}

.header-desktop.fixed .header .logo-ctn { 
    position: relative;
    top: 15px;
	transition:all ease .2s
}

.header-desktop.fixed .header .logo {
    width: auto;
    height: 100%;
    height: 36px;
	transition:all ease .2s
}

.header-desktop.fixed .header .language-ctn{
	display:none;
	transition:all ease .2s
}
.header-desktop.fixed .header .header-search-ctn,
.header-desktop.fixed .header .btn-pos-login {
    top: 15px;
	transition:all ease .2s
}


header.v2{
	background:#fff;
} 


header.v2 .language-switcher li a {
    font-size: 12px;
	color:  var(--color-dark);
}

header.mini-header .commisioner-logo.gr
header.v2 .input-layout-1 input {
    background: rgba(102, 132, 223, 0.5);
    background: #f3f3f3;
    height: 40px;
    border: 0;
    padding: 0 40px 0 10px;
    border-radius: 4px;
    max-width: 220px;
    color: #fff;
    color: var(--color-dark);
}

header.v2.onSroll {
    background: #fff;
}

header.onSroll {
    display: table!important;
    background: #fff;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: -150px;
    transition: all ease .6s;
}






header.mini-header .logo {
    width: auto;
    height: 100%;
    height: 80px;
    height: 34px;
    transition: all ease .2s;
}

header.onSroll.layout2 .commisioner-logo.gr {
    background: url(../background/commisioner-black-logo-gr.svg) center no-repeat;
    background-size: auto 24px;
}


.commisioner-logo-ctn.mobile {
    width: 140px;
    height: 35px;
    display: table;
    position: absolute;
    left: 150px;
    top: 8px;
    /* background: red; */
}

.commisioner-logo-ctn.mobile  .commisioner-logo{
    display: block;
    width: 170px;
    height: 34px;
}

.commisioner-logo-ctn.mobile .commisioner-logo.gr {
    background: url(../background/commisioner-black-logo-gr.svg) center no-repeat;
    background-size: auto 28px;
}

.commisioner-logo-ctn.mobile .commisioner-logo.en{
    background: url(../background/commisioner-black-logo-en.svg) center no-repeat;
	background-size: auto 28px;
}



/*****************
INSIDE PAGES STRUCTURE
***********************/
.inside-page-header{
	width:100%;
	background:#fff;
	background-color: var(--color--light-grey);
	display:block;
	padding:40px 0 40px 0
}

.inside-page-header h1{
	color: var(--color-dark-blue);
	letter-spacing:1px;
	font-size:26px;
	font-size: 1.6rem; 
}

.title-underline{
	height:6px;
	background:var(--color-yellow);
	width:140px;
	margin-top:14px;
	margin-bottom:14px;
	display:block;
}

.title-underline.blue{
	background:var(--color-dark-blue);
}

.title-underline.white{
	background:#fff;
}







/*****************
NEWS / BLOG LAYOUT
***********************/

.blog-lead-article .lead-article-ctn{
	display:flex;
	background: #fafafa;
}

.blog-lead-article .lead-article-ctn .image{
	width:45%;
	display:block;
	position:relative;
}

.blog-lead-article .lead-article-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.blog-lead-article .lead-article-ctn .image a{
  
}


.blog-lead-article .lead-article-ctn .details-pos{
	position:relative;
	width: 70%;
	margin-left:50px;
	padding:20px
}

.blog-lead-article .lead-article-ctn .details-pos.full-width{
	width: 100%;
	margin-left:0px;
}

.blog-lead-article .lead-article-ctn .details{
	width: 55%;
    width: 100%;
    display: table;
    padding-bottom: 50px;
    /**position: absolute;**/
    padding: 0 20px 50px 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	height: 200px;
}



.blog-lead-article .lead-article-ctn .details h3{
	margin-bottom:10px;
}

.first-page-lead .lead-article-ctn {
	border-bottom: 1px solid #dadada;
	display: flex;
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.first-page-lead  .lead-article-ctn .image {
    height: 200px;
    margin-right: 30px;
	width: 100%;
}

.first-page-lead  .lead-article-ctn .image img {
    width: 300px;
    height: 100%;
    object-fit: cover;
}


.blog-button-pos-ctn .button-pos{
	position:absolute;
    right: 20px;
    bottom: 20px;
}

.blog-button-pos-ctn .details-pos {
    position: relative;
}

.blog-button-pos-ctn .details-pos .details{
	padding-bottom:70px;
}


/**
.blog-items-articles 
**/
.blog-items-articles .items-articles-ctn{
	margin-bottom:50px;
	display:table;
}


.blog-items-articles .items-articles-ctn .details{
	position:relative;
	padding:20px 0 50px 0;
}

.blog-items-articles .items-articles-ctn .details h3{
	min-height:60px;
	margin-bottom:10px;
}

.blog-items-articles .items-articles-ctn .image{
	height:200px;
}

.blog-items-articles .items-articles-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}


.blog-items-articles .items-articles-ctn .button-pos{
	position:absolute;
	right:10px;
	bottom:10px;
}



.blog-items-articles.row-blog .items-articles-ctn {
    display: flex;
	border-bottom: 1px solid #dadada;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.blog-items-articles.row-blog .col:last-child .items-articles-ctn{
	border-bottom: 0px solid #dadada;
	padding-bottom: 0px;
    margin-bottom: 0px;
}




.blog-items-articles.row-blog .items-articles-ctn .details {
    position: relative;
    padding: 0 0 50px 0;
	width:100%;
}


.blog-items-articles.row-blog .items-articles-ctn .details h3 {
    min-height: auto;
}

.blog-items-articles.row-blog .items-articles-ctn .image {
    height: 200px;
    margin-right: 30px;
}

.blog-items-articles.row-blog .items-articles-ctn .image img {
    width: 300px;
    height: 100%;
    object-fit: cover;
}

.blog-items-articles.row-blog .items-articles-ctn .button-pos {
    position: absolute;
    right: 0;
    bottom: 0;
}


.blog-items-articles .items-articles-ctn .details p a{
	font-weight:bold;
	color: #2e52c1;
}






.warning-no-articles {
	max-width: 680px;
    margin: auto;
    background: #f5f5f5;
    padding: 30px;
    border: 1px solid #dadada;
}



@media screen and (max-width: 768px) {
	.blog-lead-article .lead-article-ctn {
		display: table;
		width: 100%;
	}
	
	
	.blog-lead-article .lead-article-ctn .image {
    width: 100%;
    /*height: 300px;*/
    display: block;
	}
	
	.blog-lead-article .lead-article-ctn .image a {
		position: relative;
	}

	.blog-lead-article .lead-article-ctn .details-pos {
		position: relative;
		width: 100%;
		margin-left: 0;
		display: table;
	}

	.blog-lead-article .lead-article-ctn .details {
		width: 100%;
		display: table;
		position: relative;
		padding: 0 20px 50px 0;
		margin: 30px 0 0 0;
	}
	
	.blog-items-articles.row-blog .items-articles-ctn .image img {
		width: 100px;
		height: 100px;
		object-fit: cover;
	}
}

@media screen and (max-width: 680px) {
	
	.blog-items-articles.row-blog .items-articles-ctn {
    display: table;
	}
	
	.blog-items-articles.row-blog .items-articles-ctn .image {
		height: 200px;
		margin-right: 0;
	}

	.blog-items-articles.row-blog .items-articles-ctn .image img {
		height: 100%;
		width: 100%;
	}

	.blog-items-articles.row-blog .items-articles-ctn .details {
		position: relative;
		padding: 20px 0 50px 0;
	}

}



/*****************
BLOG PAGE PAGINATION
***********************/
.blog-navigation{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f8f8f8;
}

.blog-navigation .category-blog-page-counter{
	font-size:14px;
	margin-bottom:10px;
}


.pagination ul{
	display:flex;
}

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

.pagination ul li span,
.pagination ul li a{
    background: #fff;
    width: 26px;
    height: 26px;
    text-align: center;
    display: table;
    line-height: 26px;
	border:1px solid #f8f8f8;
	padding: 0 5px;
    font-size: 14px;
}

.pagination ul li a:hover,
.pagination ul li.active span{
    background: #2e52c1;
	color:#fff;
	border:1px solid #2e52c1;
}


/*****************
RIGHT SIDEBAR
***********************/
.right-bar-ctn{
	background:#f8f8f8;
	background:#fff;
	display:block;
	padding:20px;
	padding:0px;
	border:1px solid #dadada;
	border:0px solid #dadada;
}



.modal-dialog-ctn{
	padding:20px;
	border-radius:8px;
}



.modal-dialog-ctn h3{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #dadada;
}


.modal-dialog-ctn p{
	font-size:14px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #dadada;
}

.modal-dialog-ctn p:last-child{
	margin-bottom:0;
	padding-bottom:0px;
	border-bottom: 0px solid #dadada;
}



/*****************
RECENT POST
***********************/
.recent-post-ctn {
	
}

.recent-post-ctn .recent-post{
	display:flex;
	margin-bottom:20px
}

.recent-post-ctn .recent-post .image{
	max-width: 60px;
    height: 60px;
    width: 60px;
    margin-right: 20px;
    display: table;
}

.recent-post-ctn .recent-post .image img{
max-width:80px;
	height:80px;
	width:80px;
	object-fit:cover;
}

.recent-post-ctn .recent-post h4 a{
	font-size:14px;
	font-weight:bold;
}


/*****************
language switcher
***********************/
.language-switcher {
	display:flex;
} 

.language-switcher li{
	margin-right:10px;
    width: 100%;
    text-align: center;
}
.language-switcher li:last-child{
	margin-right:0;
} 


.language-switcher li a{
	color:var(--color-white);
	font-size:12px;
}

.language-switcher li a:hover{
	color:var(--color-yellow);
}

.language-switcher li.lang-active a{
	font-weight:bold;
	color:var(--color-yellow);
}

.mobile.language-ctn .language-switcher{
	
}


.mobile.language-ctn .language-switcher{
	color: var(--color-white);
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 4px;
 }

.mobile.language-ctn .language-switcher li a{
	color:var(--color-dark);
	font-size:12px;
	padding: 10px 20px;
    background: #f8f8f8;
    border-radius: 4px;
	display: table;
    width: 100%;
}
  

.mobile.language-ctn .language-switcher li.lang-active a{
	font-weight:bold;
	background: var(--color-dark-blue);
	color:var(--color-white);
}
 
 
/*****************
BACK TO TOP BUTTON
***********************/
#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
	opacity: 1;
	visibility: visible;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.55);

}
 
 
 


/****
COLUMNS DESIGNS
********/
.box-ctn-2 {
	padding:20px;
	background:#fafafa;
	margin-bottom:30px;
}

.box-ctn-2 .image {
	width:100%;
	height:300px;
}

.box-ctn-2 .image img{
	width:100%;
	height:300px;
	object-fit:cover;
}


/**********
YOUTUBE MODAL
**********/
.youtubeModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 100ms ease-in;
    -moz-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    pointer-events: none;
}
.youtubeModal:target {
    opacity:1;
    pointer-events: auto;
}
.youtubeModal > div {
    max-width: 800px;
    width: 90%;
    position: relative;
    margin: 10% auto;
    padding: 20px;
    border-radius: 3px;
    background: #fff;
}
.youtubeModal .close {
    font-family: Arial, Helvetica, sans-serif;
    background: #f26d7d;
    color: #fff;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 34px;
    height: 34px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    padding-top: 5px;
}
.youtubeModal .close:hover {
    background: #fa3f6f;
}

 
 
 /*****************
MENUS
***********************/
 .horizontal-main-menu {
	 display:flex;
	 max-width:1024px;
	 margin:auto
}
 
.horizontal-main-menu li{
	width:100%;
	text-align:center
}

.horizontal-main-menu li a{
	font-size: 18px;
	color:var(--color-white)
}

.horizontal-main-menu li a:hover{
	font-size: 18px;
	color:var(--color-grey);
	text-decoration:underline;
}

 


.area{
    width: 100%;
    position:relative;
}

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

.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.white li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,.5);
    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%;
    }

}
 
 
/*****************
SLIDER
***********************/
.slider h1{
	color:var(--color-dark-blue);
	color:#fff;
	line-height: 40px;
}

.slider .upper-title{
	color:var(--color-dark-blue);
	color:#fff;
	font-size:22px;
	line-height: 30px;
}

/*****************
SLIDER DESIGN
*******************/
 .slider-home-page{
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: auto;
    animation: initial;
    animation: initial;
    max-height: 800px;
	overflow: hidden;
}

.slider-home-page .cover {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index:1;
  max-height: 800px!important;
  min-height: 568px!important;
	overflow: hidden;
}

.slider-home-page .cover img {
  width:100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit:cover;
  max-height: 800px;
  min-height: 568px!important;
  animation: scale 60s infinite;
  transform: scale(1.01);
}


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


.slider-home-page  .container {
  height: 100%;
  position: relative;
  max-width:1280px;
  margin:auto;
  width:90%;
  z-index:3;
  max-height: 850px;
  min-height: 568px!important;
}

.slider-home-page .owl-slide-text{
  margin:auto;
  position:relative;
  max-height: 900px;
  min-height: 568px!important;
}

.slider-home-page .text-ctn {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: max-content;
  width: 100%;
  left: 0;
  max-width:860px;
  z-index:9
}

@-moz-document url-prefix() { 
   .slider-home-page .text-ctn {
      height: 300px;
  }
}

.slider-home-page  .image-position {
  position:absolute;
  z-index:2;
  bottom: -0px;
  right:0
}

.slider-home-page  .image-style img{
 width:100%;
 max-width:800px;
 height:Auto
}


.slider-home-page .bg-overlay {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
  background:rgba(0,0,0,.0);
  z-index:2;
  max-height: 1000px;
}
 
 .slider-home-page .owl-slide-text .uppeTitle{
	color:#5e94cb;
	text-align:left;
	font-size: 24px;
    line-height: 40px;
}

.slider-home-page .owl-slide-text .mainTitle{
	text-align:left;
	font-size: 46px;
    line-height: 56px;
}

.slider-home-page .owl-slide-text p{
	font-size:18px;
	line-height:28px;
	text-align:left;
	color:#fff
}

.slider-home-page .owl-dots {
  bottom: 45px!important;
  z-index: 9999;
  height: 20px;
  top: auto!important;
  margin: auto;
  width: auto;
  display: table;
  left: auto;
  right: auto;
  position: relative;
}

.slider-home-page .owl-dots button{
  margin-right: 10px;
}

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

.slider-home-page .owl-dot span{
  width:16px;
  height:16px;
  background:transparent;
  display:block;
  border:1px solid #fff;
  transition:all ease 0.3s;
  border-radius:50%;
}

.slider-home-page .owl-dot.active span{
  border:1px solid #3679be;
  background:#3679be;
  transition:all ease 0.3s
}

.slider-home-page  .owl-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 40px;
  margin: auto;
  width: 100%;
}

.slider-home-page  .owl-nav .owl-prev {
  left: 10px;
  position: absolute;
}

.slider-home-page  .owl-nav .owl-next {
  right: 10px;
  position: absolute;
}

/*** owl animate ****/
.owl-carousel .owl-slide-animated {
  opacity: 0;
  visibility: hidden;
}

.owl-carousel .owl-slide-animated.is-transitioned {
  transform: none;
  opacity: 1;
  visibility: visible;
}

.owl-slide-animated.slide-title {
  transform: translateX(420px);
  transition: all 1.05s;
  transition-delay: .2s;
}

.owl-slide-animated.slide-subtitle {
  transform: translateX(-120px);
  transition: all 1.05s;
  transition-delay: .4s;
}


.owl-slide-animated.slide-cta {
  transform: translateY(120px);
  transition: all 1.05s;
  transition-delay: .4s;
}

.owl-slide-animated.slide-redLine {
  transform: translatex(-20px);
  transition: all 1.05s;
  transition-delay: .4s;
}

.owl-slide-animated.slide-in-movement-img {
  transform: translateY(-420px);
  transition: all 1.05s;
  transition-delay: .2s;
}



@media only screen and (max-width:768px) {
  .slider-home-page  .image-position,
  .slider-home-page  .owl-nav   {
    display:none
  }
  .slider-home-page{
    padding-bottom:0px;
  }
  
  .slider-home-page .owl-slide-text {
    margin: auto;
    position: relative;
    max-height: 670px;
    min-height: 568px!important;
  }

}

@media only screen and (max-width:680px) {
  .slider-home-page .owl-slide-text .mainTitle {
	font-size: 32px;
    line-height: 36px;
  }
  
  .slider-home-page .owl-slide-text p {
    font-size: 15px;
    line-height: 22px;
  }
}

 
 /* -------------------------------- 
DESIGNS 
-------------------------------- */
.layout-1 {
	position:relative;
}
 
.layout-1 .text{
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    width: 100%;
    display: table;
	height: 400px;
}
 
.layout-1 .image{
	height:400px;
	display: block;	
	width:100%;
	text-align: center;
}

.layout-1 .image img{
	/**
    width: auto;
    height: 100%;
    max-height: 400px;
	object-fit: cover;
	*/
	max-width:440px
}
 
 .layout-1 .text p{
	 border-left:4px solid var(--color-dark-blue);
	 border-left:0px solid var(--color-dark-blue);
	 padding-left:30px;
	 padding-left:00px;
	 margin-left:10px;
	 margin-left:0px;
 }
 
 
 @media screen and   (max-width: 1024px) {
	.layout-1 .text{
		position: relative;
	}

	.layout-1 .image{
		height:300px;
		text-align: center;
	}
	
 }
 

@media screen and   (max-width: 680px) {
	 .layout-1 .image img {
		width: 100%;
		max-height: 300px;
	}
}
 
 
 /** layout 2 ***/
 .layout-2{
	 position:relative;
	 max-height:800px;
	 padding: 50px 0;
 }
 
 .layout-2 .box-cnt{
	position: absolute;
	position: relative;
    left: 0;
    right: 0;
    width: 90%;
    max-width: 1280px;
    margin: auto;
    top: 0;
    bottom: 0;
    height: auto;
	background: rgba(0, 51, 153, 0.85);
	background:var(--color-dark-blue);
	padding-top:0px;
	z-index:2;
}

.layout-2 .box-cnt .text{
    position: inherit;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30%;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
	padding:30% 0 0
 }
 
.layout-2 .small-boxes {
	padding: 20px;
}
 
.layout-2 .small-boxes.left-border{
	 border-left:1px solid #fff
 }
 
 .layout-2 .small-boxes.bottom-border:not(:nth-last-child(-n+2)){
	 border-bottom:1px solid #fff
 }
 
 
.layout-2 .small-boxes.bottom-border{
	 border-bottom:0px solid #fff
 }
 
.layout-2 .small-boxes .title-icon{
	display:flex;
	width:100%;
	margin-bottom: 20px;
}
  
.layout-2 .small-boxes .title-icon .icon-ctn{
    width: 50px;
    height: 50px;
    display: block;
    background: #7676BA;
    margin-right: 30px;
    border-radius: 50%;
    position: relative;
    min-width: 50px;
}

.layout-2 .small-boxes .title-icon .icon-ctn .icon{
	position: absolute;
   
}


.layout-2 .small-boxes h3{
	padding-top:10px;
}

.layout-2  h2,
.layout-2  h3,
.layout-2 span,
.layout-2  p{
	color:#fff;
}

@media screen and   (max-width: 1024px) {
	.layout-2 .box-cnt .text {
		position: inherit;
		padding-top: 40px;
		width: 90%;
	}
	
	.layout-2 .small-boxes{
		height:auto;
	}
	
	.layout-2 .small-boxes{
		margin-bottom:0!important;
	}
	


}
 
@media screen and   (max-width: 680px) {
	
	.layout-2 {
		padding: 0;
	}

	  .layout-2 .box-cnt{
		width: 100%;
	}
	
		
	.layout-2 .small-boxes .title-icon {
		display: table;
		margin-bottom: 20px;
	}
	
	.layout-2 .small-boxes .title-icon .icon {
		width: 100%;
	}
 
 }
 
 
 
  /** layout 3 ***/
 .layout-3{
	 height: 100%;
 }
 
 .layout-3 .text-ctn {
	 position:absolute;
	 right:0;
	 bottom:0;
	 width:100%;
	 max-width:400px;
	 background:rgba(255, 255, 255, 0.95);
	 z-index:1;
	 height:AUTO;
	 padding: 30px 30px 60px 30px;
 }
 
 
  .layout-3 .text {
	 width:100%;
	 display:block;
	 padding-bottom:20px
 }
 
 
 .layout-3 .text-ctn .button-pos {
	display: table;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    text-align: right;
    margin: auto;
    right: 10px;
	
 }
 
 .layout-3  .image{
	 z-index:1;
	 height:500px;
	 display:block;
 } 
 
 @media screen and   (max-width: 768px) {
	 
	.layout-3 .text-ctn {
		position: relative;
		max-width: 100%;
		background: rgba(255, 255, 255, 1);
		padding: 10px 10px 50px 10px;
	}
	
	.layout-3  .image{
	 height:250px;
	} 
 }
 
 
 
.pages-intro .image{
	 height:100%;
 }
 
.pages-intro .image img {
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}



 @media screen and   (max-width: 768px) {
  	.pages-intro .image img {
		position: inherit;
	}
  }
  
  
.task-numbers-ctn .task-numbers{
	border-bottom:1px solid #dadada;
	padding:30px 30px;
	border-right:1px solid #dadada;
}

.task-numbers-ctn .task-numbers:nth-child(4n){
	 border-right:0px solid #dadada;
}
  
.task-numbers-ctn .task-numbers:nth-last-child(-n + 4){
	 border-bottom:0px solid #dadada;
}
   
.task-numbers-ctn .circle-ctn{
	 width:100%;
	 height:60px;
	 display:block;
	 margin-bottom:20px;
 }
  
.task-numbers-ctn .circle-ctn .circle{
	width:60px;
	height:60px;
	border-radius:50%;
	background: rgba(46, 83, 194, 0.3);
	display:block;
	position: relative;
}
 
 .task-numbers-ctn .circle-ctn .number{
	position: absolute;
    top: -3px;
    left: 18px;
    font-size: 46px;
    font-weight: bold;
    color: var(--color-dark-blue);
 }
 
.task-numbers-last:last-child {
	background: rgba(46, 83, 194, 0.3);
}


  
 @media screen and   (max-width: 768px) {
	.task-numbers-ctn .circle-ctn {
		height: 60px;
		margin-bottom: 10px;
	}
	 
	.task-numbers-ctn .circle-ctn .circle {
		width: 60px;
		height: 60px;
	}
	 
	.task-numbers-ctn .circle-ctn .number {
		top: -3px;
		left: 20px;
		font-size: 46px;
	}
	 
	.task-numbers-ctn .task-numbers:nth-child(2n){
		 border-right:0px solid #dadada;
	}
	  
	.task-numbers-ctn .task-numbers:nth-last-child(-n + 4){
		 border-bottom:1px solid #dadada;
	}
  
	.task-numbers-ctn .task-numbers:nth-last-child(-n + 2){
		 border-bottom:0px solid #dadada;
	}
	 
 }
 
 
  @media screen and   (max-width: 680px) {
	.task-numbers-ctn .task-numbers {
		border-bottom: 1px solid #dadada;
		padding: 0 0 30px 0;
		border-right: 0px solid #dadada;
		margin-bottom: 30px;
	}
	
	.task-numbers-ctn .task-numbers:nth-last-child(-n + 2){
		 border-bottom:1px solid #dadada;
	}
	
	.task-numbers-ctn .task-numbers:nth-last-child(-n +1){
		 padding: 0 0 0 0;
		border-right: 0px solid #dadada;
		border-bottom: 0px solid #dadada;
		margin-bottom: 30px;
	}
	
  }
 
 
.row-news {
    display: flex;
    border-bottom: 2px solid var(--color-dark-blue);
    border-bottom: 1px solid #f0a600;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
 
 .row-news:last-child{
    border-bottom: 0px solid var(--color-dark);
}


 .row-news-ctn  .text {
    width: 100%;
}
 
.row-news-ctn .image{
	width: 140px;
    height: 130px;
    display: block;
    margin-right: 20px;
 }

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


.contact-banner{
	width:100%;
	display:block;
	background:#000;
	position:relative;
	padding: 80px 0;
}

.contact-banner .text-ctn{
	position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    height: 30px;
    display: table;
    left: 0;
    right: 0;
    margin: auto;
    width: 96%;
	
}

@-moz-document url-prefix() { 
   .contact-banner .text-ctn {
     height: 100px;
  }
}


/**********
contact banner
**********/
.article-page {
	
}

.article-page .date{
	margin:20px 0;
}



.article-page .article h3{
		margin:10px 0 10px 0;
}


.article-page .article-image{
	width:100%;
	height:auto;
	/**max-height:400px;**/
	margin-bottom:20px
}


.article-page .article-image img{
	width:100%;
	height:auto;
	/**max-height:400px;**/
	object-fit:cover;
}

.article-page .article-image-top-text {
	width:100%;
	height:auto;
	max-height:400px;
	margin-bottom:30px;
	text-align:center;
	display: table;
}

.article-page .article-image-top-text img {
    width: auto;
    height: auto;
    max-height: 440px;
    object-fit: cover;
}







.article-page .article img{
 width: auto;
    max-width: 100%;
    height: auto;
}



.article-page .introtext {
	border-bottom: 1px solid #dadada;
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.article-page .introtext p{
	font-size:18px;
	font-weight:bold;
	color:#2e52c1;
}

.article-page blockquote {
    margin: 0 0 20px 0;
    border-left: 3px solid #2e52c1;
    padding: 30px;
    background: #fafafa;
    font-style: italic;
}

.article-page blockquote p{
    color: #5e5e5e;
}

.article-page ul ,
.article-page ol {
	margin-top:20px
}


.article-page ul li,
.article-page ol li{
    margin-bottom:3px;
	padding-bottom:3px;
}


.article-page ul li::before{
	content: "";
    top: 5px;
    width: 12px;
    height: 12px;
    float: left;
    position: relative;
    margin-right: 10px;
    border-radius: 50%;
    display: block;
    background: url(../background/check-icon.svg) no-repeat center;
    background-size: 12px auto;
}



.article-page ol li::before{
	font-size: 11px;
    /* font-weight: bold; */
    float: left;
    margin-right: 10px;
    line-height: 12px;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: relative;
    top: 2px;
    color: #fff;
    background: #2e52c1;
    border-radius: 50%;
    padding: 4px;
    width: 20px;
    text-align: center;
    display: table;
}




/****
WHAT WE DO
*****/

.clb-boxes{
 	background:#d8d8d8
}

.clb-boxes .image{
    width: 100%;
    height: 130px;
    text-align: center;
    margin: auto;
    position: relative;
}

.clb-boxes .number{
	font-size: 26px;
    font-weight: bold;
    line-height: 126px;
    color: #fff;
}

.clb-boxes .image .img-pos {
    margin: 20px auto 10px ;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.clb-boxes .image img{
	width: auto;
    height: 50px;
    object-fit: cover;
}


.clb-boxes .details{
	padding: 20px 20px 30px 20px;
    height: 100%;
    display: block;
    height: auto;
	
	padding: 20px 18px 20px 18px;
    height: 100%;
    display: block;
    height: auto;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
	
}

.clb-boxes .details p{
	font-size:15px;
}

.clb-boxes-ctn .clb-boxes:nth-child(1) .image{
	background: #d5bccb;
}
.clb-boxes-ctn .clb-boxes:nth-child(1){
	background:#f0e7ec;
}

.clb-boxes-ctn .clb-boxes:nth-child(2) .image{
	background: #b7c2ce;
}
.clb-boxes-ctn .clb-boxes:nth-child(2){
	background:#e5e9ed;
}

.clb-boxes-ctn .clb-boxes:nth-child(3) .image{
	background: #cce1dd;
}
.clb-boxes-ctn .clb-boxes:nth-child(3){
	background:#ecf4f3;
}

.clb-boxes-ctn .clb-boxes:nth-child(4) .image{
	background: #ffefc7;
}
.clb-boxes-ctn .clb-boxes:nth-child(4) {
	background:#fff9eb;
}






/******
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 h5{
	margin-right: 10px;
    font-size: 14px;
    line-height: 27px;
}

.social-share {
	display:flex;
	float: right;
	margin: 5px 0 0 0;
}


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













/**********
articles navigations nex/prev
**********/
.pagenav {
	display:flex;
	border:1px solid #f8f8f8;
	padding:30px;
	background:#fdfdfd;
}

.pagenav li{
	width:50%;
	margin-right:200px;
}

.pagenav li:nth-child(2){
	margin-right:0;
}

.pagenav li h5{
	font-size:14px;
	font-weight:bold;
}


/**********
contact banner
**********/
.contact-banner .overlay-bg{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	display:block;
	background: rgba(0, 51, 153, 0.75);
	top:0
}

.contact-banner h3,
.contact-banner p{
	color:#fff;
	display: table;
    width: 100%;
}

.contact-banner .button-pos {
	position: absolute;
    top: 55px;
    right: 75px;
    z-index: 2;
}

@media screen and  (max-width: 1024px) {
	.contact-banner {
    padding: 20px 0;
	}

.contact-banner .text-ctn {
    position: relative;
    width: 100%;
    text-align: center;
	padding: 20px 15px;
	}

	.contact-banner .button-pos {
    position: relative;
    top: 0px;
    right: 0;
    margin: 25px auto 0 auto;
	}
}



.blog-colors:nth-child(odd){
	background:#fff;
	background:#f9fbff;
}

.blog-colors:nth-child(even){

	background:#f9fbff;
	background:#fff;
}


 /* -------------------------------- 
BLOG REWS WITH BG STYLE 1 
-------------------------------- */
.blog-row-st-1{
	padding: 120px 0;
     position: relative;
    display: table;
    width: 100%;
}

.blog-row-st-1 .title{
	max-width:570px;
	display:table;
}

.blog-row-st-1 .title-ctn .counter-increment::before{
	font-size: 126px;
    font-weight: bold;
    float: left;
    margin-right: 20px;
    line-height: 80px;
    display: table;
    height: 100%;
	/* Increment "my-sec-counter" by 1 */
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter);
}

.blog-row-st-1:nth-child(odd) .counter-increment::before{
	color:var(--color-dark-blue);
	color:var(--color-yellow);
}
.blog-row-st-1:nth-child(even) .counter-increment::before{
	color:var(--color-yellow);
	color:var(--color-dark-blue);
}

.blog-row-st-1 .blog-pos-center {
	position: relative;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    display: table;
}




.blog-row-lead{
	padding:50px 0;
}

.blog-row-lead .article img{
	max-width:680px!important;
	max-height:680px!important;
}


@media screen and  (max-width: 680px) {
	.blog-row-lead .article img{
	max-width:100%!important;
	width: 100%;
    height: auto;
	}
	
}

/**
#target.blog-row-st-1{
	display:table!important;
}

#target.blog-row-st-1 .col-image{
	display:none!important;
}

#target.blog-row-st-1.col-reverse:nth-child(odd) .col-details,
#target.blog-row-st-1.col-reverse:nth-child(even) .col-details {
    float: left!important;
    width: 100%!important;
    margin-left: 0!important;
}
*//



.blog-columns-2 .article{
	/**columns: 2;**/
	/**column-gap: 3em;**/
	margin-top:30px;
}

.blog-row-image .image img{
	width:100%;
	height:auto;
	object-fit:cover;
}

@media screen  and (max-width: 768px) {
	.blog-row-st-1 {
		padding: 40px 0;
	}
	
}
	 
	 
.col-reverse {
    display: flex;
}
	
	
.col-reverse:nth-child(odd) .col-image{
	float:left;
	width:35%;
}
	
.col-reverse:nth-child(odd) .col-details{
	float:right;
	width:60%;
	margin-left:5%;
}
	
.col-reverse:nth-child(even) .col-image{
	float:right;
	width:35%;
	margin-left:5%;
}
	
.col-reverse:nth-child(even) .col-details{
	float:left;
	width:60%;
}
	
	
	
	
	
/*** BIG-TABLET class***/
@media screen  and (max-width: 1280px) {
	 .blog-columns-2.big-tablet .article{
		columns: 1;
		column-gap: 0;
	}
}

@media screen and  (max-width: 768px) {
	.blog-columns-2.tablet .article{
		columns: 1;
		column-gap: 0;
	}
	
	.blog-row-st-1 .blog-pos-center {
		position: relative;
	}

	.blog-row-st-1 .title-ctn .counter-increment::before {
		font-size: 70px;
		margin-right: 20px;
		line-height: 70px;
		position: relative;
		top: -7px;
	}
	
	h3.whatwedo-title {
		font-size: 25px;
		line-height: 30px;
	}

	/**
	 .title h2 {
		font-size: 30px;
	}
	***/
	
	.blog-columns-2 .article{
		margin-top:20px;
	}

	.blog-row-st-1 .title {
		margin-bottom: 30px;
	}

	.col-reverse:nth-child(odd) .col-details,
	.col-reverse:nth-child(even) .col-details,
	.col-reverse:nth-child(odd) .col-image,
	.col-reverse:nth-child(even) .col-image{
		float: left;
		width: 100%;
		margin-left:0%;
	}
		
}
	
	
	
	


 /* -------------------------------- 
FOOTER 
-------------------------------- */
footer{
	width:100%;
	background:var(--color-dark-blue);
	display:table;
	padding:50px 0 10px 0 ;
}

footer h6,
footer h3,
footer p{
	color:#fff;
}

footer h3{
	font-weight: bold;
    font-size: 18px;
}

footer .main-footer{
	padding:30px 0 30px 0;
}


footer .b-footer{
	border-top:1px solid #fff;
	padding: 15px 0 10px 0;
	display:flex;
}

footer .b-footer h6{
	font-size:14px;
	line-height: 22px;
}

footer .b-footer .menu-hor .white-color a {
    color: #fff;
   
    line-height: 22px;
}


footer.v2{
	background:#fff;
	padding:30px 0 10px 0 ;
	border-top: 1px solid #d7d7d7;
}
  

footer.v2 h6, 
footer.v2 h3, 
footer.v2 p {
 color:  var(--color-dark);
 line-height: 26px;
}

footer.v2 .b-footer p, 
footer.v2 .b-footer a{
	font-size:10px;
	line-height: 28px;
} 


footer.v2 .b-footer .menu-hor .white-color a {
    color:  var(--color-dark);
}


footer.v2 .white-color a {
    color:  var(--color-dark);
}

footer.v2 .vertical-menu li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background:  var(--color-dark);
    position: absolute;
    border-radius: 50%;
    left: 0px;
    top: 15px;
}

footer.v2 .b-footer {
    border-top: 1px solid #d7d7d7;
    padding: 15px 0 10px 0;
    display: flex;
}

@media screen and  (max-width: 768px) {
	footer.v2{
		padding:30px 0 80px 0 ;
	}
}



/****************
SOCIAL FOOTER  
****************/
.social-ctn li{
	margin-right:10px;
}
.social-ctn li:last-child{
	margin-right:0px;
}


.social-icon-footer {
	display:block;
	width:34px;
	height:34px;
}

.social-icon-footer.icon-facebook{
	background:url(../background/icon-facebook.svg) no-repeat;
	background-size:34px auto;
	position: relative;
    top: 6px;
}


.social-icon-footer.icon-twitter{
	background:url(../background/icon-twitterx.svg) no-repeat;
	background-size:34px auto;
	position: relative;
    top: 6px;
}


.social-icon-footer.icon-linkedin{
	background:url(../background/icon-linkedin.svg) no-repeat;
	background-size:34px auto;
	position: relative;
    top: 6px;
}

.social-icon-footer.icon-rss{
	background:url(../background/rss.svg) no-repeat;
	background-size:34px auto;
	position: relative;
    top: 6px;
}

ul.logos-ctn {
    display: table;
	width: 100%;
}

ul.logos-ctn li{
	float:left;
	width:auto;
	margin-right:20px;
}

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

@media screen and (max-width: 1240px) {
	ul.logos-ctn li {
		float: left;
		width: auto;
		margin-right: 0;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
	
}


.frsa{
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  width: 100%;
}


.frsa-dsg{
	padding-top:20px;
  	border-top:1px solid #d8d8d8;
 }

.frsa .image-ctn{
	max-width:300px;
	margin-right:30px;
}
.frsa .image-ctn img{
	width:80px;
	height:auto;
}

.frsa .text-ctn p{
	font-size:12px;
}








/*****************
BUTTONS CTA
***********************/
.button-pos-center{
	margin: auto;
}

.btn {
	font-size: 16px;
    line-height: 200%;
    font-weight: normal;
    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;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    padding: 6px 14px;
    min-width: 180px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    text-decoration: none;
}


.btn-header {
	font-size: 14px;
    line-height: 200%;
    font-weight: normal;
    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;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    padding: 6px 14px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    text-decoration: none;
}

.btn.big-btn{
	max-width:220px;
}


.btn:disabled{
	opacity:0.6;
	transition:all ease 0.3s;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
}


.btn-hover,
.btn-hover-no-shadow {
    color: #fff;
	border-width: 1px;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover,
.btn-hover-no-shadow:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 
/* dark blue */
.btn-hover.cta1{
background-image: linear-gradient(to right, #2e52c1, #2e52c1, #2e52c1,  #5273DA, #5273DA, #5273DA);
 color: #fff!important;
}


/* dark black */
.btn-hover.cta2{
background-image: linear-gradient(to right, #1d1d1b, #1d1d1b, #1d1d1b,  #5a5a5a, #5a5a5a, #5a5a5a);
 color: #fff!important;
}


/* white */
.btn-hover.cta3{
background-image: linear-gradient(to right, #fff, #fff, #fff,  #fafafa, #fafafa, #fafafa);
 color: var(--color-dark)!important;
}

/* green */
.btn-hover.cta4{
background-image: linear-gradient(to right, #5ba915, #5ba915, #5ba915,  #569d1b, #569d1b, #569d1b);
 color: var(--color-white)!important;
}

/* orange */
.btn-hover.cta5{
background-image: linear-gradient(to right, #d57800, #d57800, #d57800,  #FFC107, #FFC107, #FFC107);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
color: var(--color-white)!important;

background-image: linear-gradient(to right, #f0a600, #f0a600, #f0a600,  #FFC107, #FFC107, #FFC107);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
color: var(--color-white)!important;
}

/* white 
.btn-hover-no-shadow.cta1{
background-image: linear-gradient(to right, #fff, #fff, #fff,  #fafafa, #fafafa, #fafafa);
color: var(--color-dark)!important;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0);
font-weight:bold;
}
*/

/* orange */
.btn-hover-no-shadow.cta1{
background-image: linear-gradient(to right, #FFC107, #FFC107, #FFC107,  #d57800, #d57800, #d57800);
color: var(--color-white)!important;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0);
font-weight:bold;
}

.back-button .button-text{
	font-size: 14px;
    background: #b9c9ff;
    border: 1px solid #b9c9ff;
    padding: 10px 15px;
    border-radius: 8px;
    transition: all ease .3s;
    color: #fff;
    min-width: 100px;
    display: table;
    text-align: center;
}

.back-button .button-text:hover{
	background: var(--color-dark-blue);
}


.btn-text{
	color:var(--color-dark);
}

.btn-text.small{
	font-size:12px
}


.btn.no-shadow{
	box-shadow: 0px 0 0 rgba(0, 0, 0, 0.0)!important;
}


.article-back-button li:not(:last-child){
	display:none;
}


/****** 
input search
******/
.input-layout-1 input {
	background: rgba(102, 132, 223, 0.5);
	background: #F8F8F8;
    height: 40px;
    border: 0;
    padding: 0 40px 0 10px;
    border-radius: 4px;
    max-width: 220px;
	color:#fff;
	color:#323232;
}

.input-layout-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity:0.5;
  font-weight:normal;
  font-size:14px;
}
.input-layout-1 input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity:0.5;
	font-weight:normal;
  font-size:14px;
}
.input-layout-1 input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
   opacity:0.5;
  font-weight:normal;
  font-size:14px;
}
.input-layout-1 input:-moz-placeholder { /* Firefox 18- */
  color: #000;
   opacity:0.5;
  font-weight:normal;
  font-size:14px;
}

.input-layout-1 input:focus{
	color:#000;
	border: 0;
}

.input-layout-2 input{
	background: #f8f8f8;
    height: 60px;
    border: 0;
    padding: 0 40px 0 10px;
    border-radius: 4px;
    /* max-width: 180px; */
    width: 100%;
    border: 1px solid #d3d3d3;
}

.search-field-ctn{
	
}

.search-field-ctn span.visually-hidden {
    display: none!important
}


.search-field-layout button{
	position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: 0;
    outline: none;
    border-radius: 0 4px 4px 0;
	background: none;
}

.search-field-layout .icon-search {
	background: url(../background/search-icon-grey.svg) no-repeat center;
	background-size: 24px auto;
    width: 40px;
    height: 40px;
    display: block;
}

#awesomplete_list_1{
	padding: 10px;
    background: #fff;
    position: relative;
    z-index: 9999;
}
#awesomplete_list_1 li{
	padding:5px 0;
	width:100%;
	cursor:pointer;
}

#awesomplete_list_1 li:hover{
	background:#fafafa
}

.search-page .finder-search-word{
	padding:20px;
	background:#f8f8f8;
	border:1px solid #d8d8d8;
	
}

.mobile-search .visually-hidden,
.search-page .visually-hidden{
	display:none
}

.search-page .finder-search-word .input-group{
	display:table;
}

.search-page .finder-search-word .input-group .btn{
	min-width:100%;
}

.search-page .finder-search-word input{
	width: 100%;
	background: rgba(255, 255, 255, 1);
    height: 45px;
    border: 0;
    padding: 0 40px 0 10px;
    border-radius: 4px;
}


.search-page .search-explained {
	border-bottom: 1px solid #f8f8f8;
    padding-bottom: 10px;
    margin-bottom: 20px;	
}

.search-page .search-explained a{
	font-weight:bold;
}

/** results list page **/
.search-page .result-item {
	display:flex;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #d8d8d8;
}

.search-page .result-item {
	display:flex;
}

.search-page .result-item .image{
	width:120px;
	height:120px;
	margin-right: 30px;
}

.search-page .result-item .image img{
	width:120px;
	height:120px;
	object-fit:cover;
}


.search-page .search-result-empty h3{
	color:red
}


@media screen and (max-width: 768px) {
	.search-page .result-item {
		display: table;
	}
	
	.search-page .result-item .image {
		width: 100%;
		height: 120px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.search-page .result-item .image img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

}



.team-ctn{
	display:table;
	
}


.team-ctn .team-image-ctn {
	height:300px;
	width:100%;
 }


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


.team-ctn .description-ctn{
	background:#f9fbff;
	padding:20px 20px 20px 20px;
	min-height:150px;
	border-bottom:4px solid var(--color-dark-blue);
}

.team-ctn .description-ctn .name{
	font-weight:bold;
}


.team-ctn .description-ctn .position{
	color:var(--color-dark-blue);
	font-weight:bold;
}


@media screen and  (max-width: 480px) {
	.team-ctn {
		display: flex;
	}

	.team-ctn .team-image-ctn {
		height: 200px;
		width: 50%;
	}
	
	.team-ctn .description-ctn {
		float: right;
	 	width: 60%; /** if image exist**/
		width: 100%;
		position: relative;
	}
	
	
	.team-ctn .pos-center-mobile{
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 0;
		right: 0;
		display: table;
	}
	
	
}




/*************
FAQ 
*********************/
.faq-bg{
 	 background: #CCD6EB;
	 padding:50px 0;
}


.faq-expand .faqanswer {
	margin-bottom: 20px;
}

.faq-wrp {
	margin-bottom:20px
}

.faq-expand .faqanswer {
	display: none;
    /* background: #fcfcfc; */
    padding: 15px 15px 0 15px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: 0;
    background: #fff;
    background: #CCD6EB;
	margin-bottom: 0;
}

.faq-expand .togglefaq h3 {
	cursor:pointer;
	display: table;
}

.faq-expand .faqanswer p{
}
 

.faq-expand .togglefaq.active  {
	margin-bottom: 0px;
}

.faq-expand .togglefaq {
	text-decoration: none;
    padding: 0;
    line-height: 20px;
    display: block;
    /* border: 1px solid #d0d0d0; */
    margin-bottom: 0px;
    background: #fff;
    background: #CCD6EB;
} 

.faq-expand .icon-plus {
	margin-right: 5px;
	float:left;
	display:block;
	width:20px;
	height:20px;
	background: url("../background/cd-arrow-sec-exp-nav.svg") no-repeat center center;
	-webkit-transform: rotate(-0deg);
	-moz-transform: rotate(-0deg);
	-ms-transform: rotate(-0deg);
	-o-transform: rotate(-0deg);
	transform: rotate(-0deg);
	transition: all ease 0.3s;
	position: relative;
    top: 2px;
 }

.faq-expand .icon-minus {
	margin-right: 5px;
	float:left;
	display:block;
	width:20px;
	height:20px;
	background: url("../background/cd-arrow-sec-exp-nav-orange.svg") no-repeat center center;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: all ease 0.3s;
	position: relative;
    top: 2px;
}

.faq-expand.white .togglefaq {
	text-decoration: none;
    padding: 0;
    line-height: 20px;
    display: block;
    /* border: 1px solid #d0d0d0; */
    margin-bottom: 0px;
    background: #fff;
} 


/*************
CONTACT DETAILS 
*********************/
.contact-details .googlemap{
	width:100%!important;
	height:300px;
	max-height:300px;
}

.contact-details .details-ctn{
	display:flex;
	margin-bottom:20px
}

.contact-details .icons-contacts{
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-right:5px;
	position: relative;
    top: 5px;
}



.icon_address{
	 background:url(../background/icon_address.svg) no-repeat top center;
	 background-size:14px auto;
}

.icon_email{
	 background:url(../background/icon_email.svg) no-repeat top center;
	 background-size:14px auto;
}

.icon_fax{
	 background:url(../background/icon_fax.svg) no-repeat top center;
	 background-size:14px auto;
}

.icon_phone{
	 background:url(../background/icon_phone.svg) no-repeat top center;
	 background-size:14px auto;
}












/*************
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: #2e52c1;
}
 
#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;
}






/***********************
MEDIA QUERIES
*****************/
.show-768,
.show-1024,
.show-1280{
	display:none!important
}
 
 
 
@media screen and (max-width: 1280px) {
	
	.show-1280{
		display:inherit!important
	}
	
	.wrp{
		width:90%;
	}
	
	.frontpage .cd-main-content {
		padding-top:0px;
	}


 	.cd-main-content {
		top:var(--main-body-top-mobile);
	}
	
	.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(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	
	
	
}

/** big table and desktop ***/
@media screen and   (max-width:1024px) {
	.show-1024{
		display:inherit!important
	}
	
	.hide-1024{
		display:none!important
	}
	
	
	.headerOnTop {
		position: fixed;
		top: 0!important;
		left: 0;
		width: 100%;
		height:60px;
		z-index: 3;
		/* 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;
	}
		
	.cd-main-content {
		padding-top: 60px; /* same height as header*/
	}
	
	
	.tablet .logo-ctn{
		position: absolute;
		left: 20px;
		width: auto;
		display: table;
		top: 8px;
	}
	
	.tablet .logo-ctn img{
	    height: 40px;
	}
	
	
	.login-button-ctn-mobile{
		position: absolute;
		right: 80px;
		width: 40px;
		height: 40px;
		display: block;
		top: 10px;
	}
	
	.login-button-ctn-mobile .login-icon{
		display: block;
		width: 40px;
		height: 40px;
		background: #d57800 url(../background/account-login.svg) no-repeat center;
		background-size: 20px 20px;
	}
	
}


/** tablet **/
@media screen and   (max-width: 768px) {
	.show-768{
		display:inherit!important
	}
	
	.hide-768{
		display:none!important
	}
	
}

/** big mobile **/
@media screen and  (max-width: 680px) {
	.f-section{
		margin-top:50px;
	}

	.big-main-title {
		font-size: 36px;
		line-height: 46px;
		font-size: 8vi;
		line-height: 10vi;
	}

	.hide-680{
		display:none!important
	}
	
	p {
		font-size: 18px;
		line-height: 150%;
	}

	.intro-ctn h1 {
		font-size: 34px;
	}


	.btn.btn-mobile-full{
	width: 100%;
    padding: 15px  15px;
    font-size: 18px;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
	}
	
}


/** small mobile **/

@media screen and  (max-width: 480px) {
	
	
}