@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&display=swap');

:root {
	--main-font-color:#2F2F2F;
	--main-font-color-hover:#49499E;
	--grey-FCFCFC:#FCFCFC;
	--color-323279:#323279;
	--color-EEEEEE:#EEEEEE;
	--color-2:#49499E;
	--color-3:#F0F0F0;
	--bg-white: #fff;
	--cl-dark: #303030;
	--main-body-top: 150px;
	--main-body-top-mobile: 50px
}

#dark{
	--main-font-color:#2F2F2F;
	--main-font-color-hover:#49499E;
	--grey-FCFCFC:#FCFCFC;
	--color-EEEEEE:#EEEEEE;
	--color-2:#49499E;
	--bg-white: #000;
	--cl-dark: #303030;
	--main-body-top: 50px;
	--main-body-top-mobile: 50px
}




body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--bg-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%;
}


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


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

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

a:hover{
  color:#f0a700;
  cursor:pointer;
  transition:color ease 0.3s
}	


.cursor-pointer{
	cursor:pointer;
}


h1{
	font-size:20px;
	font-weight:800;
	line-height:150%;
	position:relative;
	display: table;
}


h2{
	font-size:20px;
	font-weight:800;
	line-height:150%;
	position:relative;
	display: table;
	margin-bottom:20px;
}

h2:after{
	content: "";
    width: auto;
    display: block;
    height: 3px;
    background: #f0a700;
}


h3,
h3 a{
	font-size:16px;
	font-size:1rem;
	font-weight:700;
	line-height:150%;
}

p,li{
	font-size:16px;
	font-size:1rem;
	line-height:160%;
}


._access-menu.bottom {
    bottom: 110px!important;
}

._access-menu.bottom {
	max-width:320px!important; 
	width:90%!important; 
}

._access-menu ._menu-btn {
    top: 27px!important;
    font-size: 24px !important;
    left: 10px!important;
}
._access-menu ._menu-reset-btn {
    right: 15px!important;;
    color: #4054b2;
    transition: .3s ease;
    transform: rotate(0deg);
    top: 27px !important;
    left: auto !important;
}

@media only screen and (max-width: 767px) {
	._access-menu ul {
		padding: 0 0 100px 0!important;
		max-height: calc(100vh - 150px)!important;
	}
	
	._access-menu.bottom {
		max-width: 320px !important;
		width: 100% !important;
	}
	
	._access-menu.bottom {
		bottom: 0px !important;
	}
	
	
}


.article-text-layout .article-text-layout p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

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


.article-text-layout p img{
	width:100%;
	height:auto;
}


.footer-menu h4{
	font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
	position:relative;
	font-size:18px
}

.footer-menu h4:after{
	content: "";
    width: 100px;
    height: 2px;
    display: block;
    background: #ff9800;
    position: relative;
    top: 10px;
}
 
.date h6{
	font-size:12px;
}

.white-text,
.white-text p,
.white-text h3,
.white-text h4,
.white-text h6{
	color:#fff;
}

.small-text li,
.small-text{
	font-size:12px;
}

.ul-bullets-space li{
	padding-bottom:10px;
}

.ul-bullets-space li:before{
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #252525;
    float: left;
    position: relative;
    top: 5px;
    margin-right: 10px;
    border-radius: 10px;
}


/*****************
ARTICLE PAGES
***********************/
.article-text-layout h1{
	border-bottom:1px solid #EEEEEE;
	width: 100%;
    display: table;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.article-text-layout p:after{
	content:"";
	display:block;
}

.article-text-layout .main-article p:after{
	padding-bottom:20px;
}

.article-text-layout h3:after{
	content:"";
	display:block;
	padding-bottom:10px;
	padding-bottom:0px;
}

.article-text-layout .full_image{
	width: 100%;
    height: 0%;
    max-height: 500px;
    display: table;
    margin-bottom: 10px;
}

.article-text-layout .full_image img{
	width:100%;
	height:auto;
	max-height: 650px;
	object-fit:cover
}

.article-text-layout p a{
	font-weight:bold;
}

.article-text-layout hr{
	height:1px;
	display:block;
	border:0px;
	width:100%;
	background:var(--color-3);
	margin-top:20px;
	margin-bottom:20px;
}

.article-text-layout ul{
	padding-left:20px;
}

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


.article-text-layout ul li:before{
content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: var(--main-font-color);
    position: relative;
    left: -8px;
    float: left;
    top: 10px;
}


.article-text-layout-alert{
    padding: 20px;
    background: #607d8b;
	border-radius:8px
}

.article-text-layout-alert h3,
.article-text-layout-alert p a,
.article-text-layout-alert p{
	color:#fff;
}


@media only screen and (max-width: 767px) {
	.article-text-layout p img{
		width: 100%;
		height: 100%;
		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 h5{
	margin-right: 10px;
    font-size: 14px;
    line-height: 27px;
}

.social-share {
	display:flex;
	float: right;
	margin: 5px 0 0 0;
	list-style:none!important;
}


.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/svg/share-facebook.svg) center no-repeat;
	 background-size:auto 16px;
}

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

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




/*****************
LOADING PAGE
***********************/
.noscroll {
  position: fixed;
  overflow: hidden;
}

#overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999999999999999;
  background: #fff;
}

#spinner {
  display: none;
  position: fixed;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  z-index: 999999999999999999;
  background-color: #000;
  background-color: #fff;
  -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);
  }
}


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

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


.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(--bg-white);
  z-index: 2;
  top: 120px;
  top: var(--main-body-top);
  /* 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-top:30px;
}

.no-padding-cd-main-content .cd-main-content{
	padding-top:00px;
}

.no-padding-content .cd-main-content {
  padding-top:0px;
}

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

.right-column-menu {
	height:400px;
	background: #FCFCFC;
	border: 1px solid #F0F0F0;
	border-radius: 8px;
	padding:20px;
}


#open_preferences_center{
	position: fixed;
    bottom: 0;
    left: 20px;
    z-index: 99999;
	background: #fff;
    padding: 10px;
    border: 1px solid #fafafa;
	font-size: 12px;
    font-weight: bold;
    color: #ababab;
}

header {
	position: fixed;
	height: var(--main-body-top);
    width: 100%;
    z-index: 3;
	transition:all ease 0.4s;
	top: 0px;
}


.header-scroll.shrink {
    top: -80px;
    top: -70px; /* v2 */
    position: fixed;
    transition: all ease .3s;
    z-index: 99999999;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
	transition:all ease 0.4s
}


.header{
	border-bottom: 1px solid #eeeeee;
	background: #FCFCFC;
}

.header .top-row{
	/*height: 70px;*/
    display: flex;
    padding: 20px 0 15px 0;
}

.header .logo-top {
    width: 120px;
}


.header .sec-row{
	height:50px;
	display:flex;
	padding:25px 0 0 0;
}

.header .info-ctn{
	position:absolute;
	right:0;
	display:block;
	/** v2 **/
	position: absolute;
    right: 220px;
    display: block;
    top: 28px;
}

.header .right-buttons{
	position:absolute;
	right:0;
	display:block;
}
 
.header .right-buttons .search-ctn{
	position:absolute;
	right:150px;
	height:40px;
	width:40px;
	display:block;
}

.header .search-box{
    position: absolute;
    right: 0px;
    height: 40px;
    width: 200px;
    display: block;
    text-align: right;
}

.header .right-buttons .button-ctn{
	position:absolute;
	right:0;
	width: 160px;
	width: auto
}


.header .right-buttons .button-ctn.v2{
    position: absolute;
    right: 0;
    width: 160px;
    width: auto;
    top: -15px;
    right: 0;
    text-align: right;
}

.header .right-buttons .button-ctn.v2 h4 a{
	display:table;
	font-size:12px;
	text-align:center;
	margin:8px auto 0 auto;
}
 
.header .header-right-info li{
	margin-right:10px;
	width: auto;
    display: flex;
}

.header  .header-right-info li:last-child{
	margin-right:0px
}

.header .header-right-info h6{
	margin-left: 4px;
	font-size: 14px;
	position: relative;
    top: -4px;
}

.header .header-right-info h6.phone-number-text{
	margin-left:0px;
	font-size: 14px;
	position: relative;
    top: -2px;
}

.logo-svg {
	display: block;
    width: 140px;
    height: 35px;
    float: left;
	background: url(../background/svg/epitropos-epikinonion-logo.svg) no-repeat;
    background-size: 140px auto;
}


.logo-text {
    display: table;
    float: left;
    font-size: 12px;
    padding: 0px 0 0 15px;
    font-weight: bold;
    line-height: 15px;
    position: relative;
    top: 4px;
}

.button-ctn-top{
	position:absolute;
	right:0;
}

.header .right-buttons {
    width: 100%;
    position: absolute;
    right: 0;
    display: table;
}





/************
SEARCH FILED HEADER
***************/
.search-field {
	position:relative;
}

.search-field .search-input{
	width:100%;
	height: 40px;
    padding: 5px 45px 5px 5px;
    border-radius: 8px;
    border: 1px solid #f8f8f8;
}


.search-field button{
    padding: 0;
    display: table;
    margin: 0;
    width: 0;
    height: 0;
    border: 0;
    position: absolute;
    right: 43px;
    top: 2px;
    cursor: pointer;
    outline: 0;
}


.search-box.mobile .search-field .search-input {
	width: 100%;
    height: 50px;
    padding: 10px 45px 10px 10px;
    border-radius: 8px;
    border: 1px solid #9d9d9d;
}

.search-box.mobile .search-field button {
    right: 53px;
	top:1px
}

.search-box.mobile .search-icon {
	display: block;
    width: 56px;
    height: 56px;
    background: url(../background/svg/icon-search-purple.svg) no-repeat;
    background-size: 57px auto;
}




/************
FOOTER
***************/
.footer {
    width: 100%;
    display: flex;
    background: #fcfcfc;
    border-top: 10px solid #f0f0f0;
	padding:30px 0 0px 0px
}

.footer-bottom{
	border-top:1px solid #F0F0F0;
	width:100%;
	display:block;
	padding:20px 0 50px 0;
 }

.footer .footer-logo-ctn{
	width:154px;
	height:47px;
	display:block;
}

.footer .footer-logo-ctn .footer-logo{
	width:154px;
	height:47px;
	display:block;
    background: url(../background/svg/small-logo-white.svg) no-repeat;
    background-size: 154px 47px;
}
 
.middle-logo-footer{
	margin:auto;
	display: table;
}


/************
FOOTER BANNERS
***************/
.footer-banners{
		display:table;
		width:auto;
		background:#fff;
		padding:20px;
		border-radius:20px;
		border: 1px solid var(--color-3);
		margin: auto;
	}
	
	.footer-banners li{
		margin-right: 30px;
		position: relative;
		height: auto;
		display: table;
		width: auto;
		float: left;
		text-align: center;
	}
	
	.footer-banners li:last-child{
		margin-right:0px;
	}
	
	.footer-banners .image-pos{
		margin:auto;
		height:auto;
		display: table;
		text-align: center;
	}
	
	.footer-banners img{
		max-width:420px;
		max-height:100px; 
		width: 90%;
	}
	
	@media only screen and (max-width:680px) {
		.footer-banners{
			display:table;
			padding:10px;
		}
		
		.footer-banners li{
			margin-right:00px;
			margin-bottom:20px;
			height: auto;
			display: table;
			width: 100%;
			float: inherit;
			text-align: center;
		}
		
		.footer-banners li:last-child{
			margin-right:0px;
			margin-bottom:0px;
		}
	}

/************
SMALL BANNERS
***************/
.banners-small-bottom-ctn {
    height: 100px;
    margin: auto;
	width: 100%;
	max-width: 440px;
	text-align: center;
    display: table;
}

.banners-small-bottom-ctn img{
	width:90px;
	height:90px;
}

.banners-small-bottom-ctn .mobile .banners-small-bottom{
	margin-bottom:20px;
}

.banners-small-bottom-ctn .mobile .banners-small-bottom:nth-last-child(-n+2){
	margin-bottom:0px;
}


/*****************
BUTTONS CTA
***********************/
.btn {
	font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    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: 2px;
    border-style: solid;
    border-radius: 4px;
    padding: 10px 14px;
    min-width: 140px;
    /*max-width: 180px;
    width: 100%;*/
    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 {
    color: #fff;
    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 {
    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;
}

/* mov 
.btn-hover.cta1{
background-image: linear-gradient(to right, #323279, #323279, #323279,  #6565BA, #323279, #323279);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
color: #fff;
}
**/
/* orange v2 **/
.btn-hover.cta1{
background-image: linear-gradient(to right, #F7A600, #F7A600, #F7A600,  #FDC757, #F7A600, #F7A600);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
color: #fff!important;
}

/* green **/
.btn-hover.cta2{
background-image: linear-gradient(to right, #529E2E, #529E2E, #7BC358, #55AF2A, #55AF2A);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
color: #fff;
}

/* dark **/
.btn-hover.cta3{
background-image: linear-gradient(to right, #3F3F52, #3F3F52, #595959, #3F3F52, #3F3F52);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
color: #fff;
}

/* red **/
.btn-hover.cta4{
background-image: linear-gradient(to right, #DD0808, #DD0808, #F13030, #DD0808, #DD0808);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
color: #fff;
}

/* white **/
.btn-hover.cta5{
background-image: linear-gradient(to right, #fff, #fff, #cacaca, #fff, #fff);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
color: var(--color-323279);
}

/* white 2 **/
.btn-hover.cta6 {
    background-image: linear-gradient(to right, #f3f3f3, #f3f3f3,  #f3f3f3, #fff, #f3f3f3, #f3f3f3, #f3f3f3);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 1%);
    color: #47525d;
    border: 1px solid #f8f8f8;
}

/* black **/
.btn-hover.cta7{
background-image: linear-gradient(to right, #323232, #323232, #1D1D1D, #323232, #323232);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
color: #fff;
}

/* BLUE **/
.btn-hover.cta8{
background-image: linear-gradient(to right, #1662a3, #1662a3, #5ab3e9, #1662a3, #1662a3);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    color: #fff;
}

.btn-hover.cta9 {
    background-image: linear-gradient(to right, #2a2a2a, #2a2a2a, #424242, #2a2a2a, #2a2a2a);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    color: #fff;
}

.back-button:not(:last-child) {
	display:none!important
}

.back-button .no-link{
	display:none!important
}

.back-button .button-text{
	font-size:12px;
	background: var(--grey-FCFCFC);
    border: 1px solid var(--color-3);
    padding: 5px 15px;
    border-radius: 8px;
	transition:all ease .3s;
}

.back-button .button-text:hover{
	font-size:12px;
	background: #d8d8d8;
    border: 1px solid var(--color-3);
    padding: 5px 15px;
    border-radius: 8px;
	color:#323232;
	transition:all ease .3s;
}

.readmore-text{
	font-size:14px;
	font-weight:bold;
}

/******************
ICONS SVG
******************/
.social-icon-top {
	display:block;
	width:26px;
	height:26px;
}

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




.social-icon-top.icon-facebook{
	background:url(../background/svg/icon-facebook.svg) no-repeat;
	background-size:20px auto;
} 


.social-icon-top.icon-twitter{
	background:url(../background/svg/social-twitter.svg) no-repeat;
	background-size:20px auto;
} 

.social-icon-top.icon-linkedin{
	background:url(../background/svg/social-linkedin.svg) no-repeat;
	background-size:20px auto;
} 



.social-icon-top.icon-rss{
	background:url(../background/svg/icon-rss.svg) no-repeat;
	background-size:20px auto;
}

.social-icon-top.icon-email{
	background: url(../background/svg/icon-email.svg) no-repeat;
    background-size: 17px auto;
    position: relative;
    top: 4px;
    opacity: 0.5;
	right: -7px;
}

.social-icon-top.icon-phone{
    background: url(../background/svg/icon-phone.svg) no-repeat;
    background-size: 14px auto;
    position: relative;
    top: 4px;
    right: -7px;
    opacity: 0.5;
}

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


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


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

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








/******************
BREADCRUMB
******************/
.breadcrumb-sitemap {
	display:flex;
}

.breadcrumbs-bottom-line{
	border-bottom:1px solid #EEEEEE;
	width:100%;
	/*white-space: nowrap;
    overflow-x: scroll;*/
}

.breadcrumb-sitemap li{
	float:left
}
.breadcrumb-sitemap li span{
	font-size:14px;
	line-height: 36px;
	color:var(--main-font-color)
}

.breadcrumb-sitemap li:last-child span{
	font-weight:bold;
	white-space: inherit!important;
}

.breadcrumb-sitemap li a span:hover{
	color:#f0a700
}
 
.breadcrumb-sitemap .divider {
	margin-right: 4px;
    margin-left: 2px;
}


/*****************
ROW OF ARTICLES WITH ICONS
***********************/
.articles-list {
	display:flex;
	border: 1px solid var(--color-EEEEEE);
	border-radius: 10px;
	padding:10px 20px;
	background: rgba(247, 247, 247, 0.5);
	width:100%;
}

.articles-list.articles-list-bottom{
	margin-bottom:15px;
}

.articles-list .article-icon-box{
	width: 30px;
	height:auto;
	display:block;
	margin-right:20px;
}

.articles-list .article-icon-box .article-icon{
	width: 30px;
	height:auto;
	display:block;
	margin-top:5px
}

.articles-list .article-icon-box .article-icon img{
	width: 30px;
    height: auto;
}


.articles-list .article-icon-box .article-icon.icon-word{
	background:url('../background/icons/icon-word.png') no-repeat;
	background-size:40px 50px
}

.articles-list .article-icon-box .article-icon.icon-pdf{
	background:url('../background/icons/icon-pdf.png') no-repeat;
	background-size:40px 50px
}

.articles-list .article-icon-box .article-icon.icon-excel{
	background:url('../background/icons/icon-excel.png') no-repeat;
	background-size:40px 50px
}

.articles-list .article-icon-box .article-icon.icon-pwp{
	background:url('../background/icons/icon-pwp.png') no-repeat;
	background-size:40px 50px
}

.articles-list .small-text{
	font-size:14px;
	display: table;
    cursor: pointer;
}

.articles-list.v2 {
    display: flex;
    border-bottom: 1px solid var(--color-EEEEEE);
    border-top: 1px solid var(--color-EEEEEE);
    border-right: 1px solid var(--color-EEEEEE);
    border-left: 1px solid var(--color-EEEEEE);
    padding: 15px;
    background: transparent;
    border-radius: 10px;
}

.articles-list.v2.articles-list-bottom{
	margin-bottom:30px;
}

.articles-list.v2 .image{
    width: 100%;
    margin-right: 30px;
    max-width: 200px;
}

.articles-list.v2 .image img{
	width: 100%;
    height: auto;
    object-fit: cover;
}

/******************
RELATED DOCUMENTS
******************/
.related-documents-ctn h4{
	font-weight:bold;
	margin-bottom:10px;
	display:flex;
	width:100%;
	font-size:18px;
	line-height:150%;
}

.related-documents-ctn .related-documents-row a{
	font-size:18px;
	line-height:150%;
	padding-left:20px;
	position:relative
}
	
.related-documents-ctn .related-documents-row a:before{
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background:#4b499f;
    position: absolute;
    left: 0;
    top: 9px;
}
	
.related-documents-ctn .related-documents-row{
	margin-bottom:5px;
	padding-bottom:5px;
}

.related-documents-ctn .related-documents-row:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
}

/******************
No articles in category - warning
******************/
.no-articles-category {
	background: var(--grey-FCFCFC);
    border: 1px solid var(--color-3);
    padding: 20px;
    border-radius: 8px;
    padding: 20px;
}

.no-articles-category p{
	
}

/******************
LAYOUT
******************/
.layout-design-1 .image{
	width:100%;
	display:block;
	margin-bottom:10px;
	text-align: center;
}

.layout-design-1 .image img{
	width:136px;
	height:auto;
}

.layout-design-1 .title{
	width:100%;
	display:block;
	text-align: center;
}

.layout-design-1 .title h3{
	font-size:22px;
	font-size:1.2rem;
}

.layout-design-1 .text{
	width:100%;
	display:block;
	text-align: center;
	min-height:70px;
	margin-bottom:20px
}

.layout-design-1 .button{
	width:100%;
	display:table;
	text-align: center;
}



/************************
CONTACT person DETAILS
*************************/
.contact-persons-icon{
	display:block;
	width:20px;
	height:20px;
	background:red;
	float: left;
    margin-right: 10px;
	position: relative;
    top: 2px;
}

.contact-persons-icon.icon-phone-dark {
	background:url('../background/svg/icon-phone-dark.svg') no-repeat;
	background-size:20px auto
}

.contact-persons-icon.icon-fax-dark {
	background:url('../background/svg/icon-fax-dark.svg') no-repeat;
	background-size:20px auto
}

.contact-persons-icon.icon-email-dark {
	background:url('../background/svg/icon-email-dark.svg') no-repeat;
	background-size:20px auto;
	position: relative;
    top: 5px;
}




/************************
CONCTACT PAGE 
*************************/


/*** Google map ***/
.google-map{
	width:100%;
	height:400px;
	display:block;
	border:0;
}



/************************
CATEGORIES PAGINATION
*************************/
.pages-counter {
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:10px 0;
	font-size:12px;
	margin-bottom: 20px;
}

.pagination {
	display:table;
	width:100%;
}

.pagination .pagination-list li{
	float:left;
	margin-right:10px;
	color:#fff;
	min-width:20px;
	cursor:pointer;
}

.pagination .pagination-list li.active span{
	border: 1px solid #efa600;
    padding: 0px 6px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    display: table;
    background: #efa600;
    color: #fff;
}

.pagination .pagination-list li a{
	border: 1px solid #cfcfcf;
    padding: 0px 6px;
    font-size: 14px;
    display: table;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    min-width: 30px;
	height: 30px;
    line-height: 30px;
}


.pagination .pagination-list .icon-angle-right{
	display: block;
    width: 20px;
    height: 30px;
    background: url(../background/svg/icon-angle-right.svg) no-repeat;
    background-size: auto 12px;
    background-position: 7px 9px;
}

.pagination .pagination-list .icon-angle-double-right{
	display: block;
    width: 20px;
    height: 30px;
    background: url(../background/svg/icon-angle-double-right.svg) no-repeat;
    background-size: auto 12px;
    background-position: 3px 9px;
}


.pagination .pagination-list .icon-angle-left{
	display: block;
    width: 20px;
    height: 30px;
    background: url(../background/svg/icon-angle-left.svg) no-repeat;
    background-size: auto 12px;
    background-position: 7px 9px;
}


.pagination .pagination-list .icon-angle-double-left{
	display: block;
    width: 20px;
    height: 30px;
    background: url(../background/svg/icon-angle-double-left.svg) no-repeat;
    background-size: auto 12px;
    background-position: 3px 9px;
}

.pagination .pagination-list .disabled .icon-angle-right,
.pagination .pagination-list .disabled .icon-angle-double-right,
.pagination .pagination-list .disabled .icon-angle-left,
.pagination .pagination-list .disabled .icon-angle-double-left{
	display:none
}


.pagination .pagination-list li:hover a span,
.pagination .pagination-list li.active a,
.pagination .pagination-list li a:hover{
	background: #49499E;
	background: #f0a700;
	color:#fff;
	border: 1px solid #efa600;
}


/************************
MAIN LAYOUT FOR GREY BOX
*************************/
.ctn-Layout-box{
	background:var(--grey-FCFCFC);
	border:1px solid var(--color-3);
	padding:20px;
	border-radius: 8px;
	padding: 20px;
}




/************************
HOME PAGE NEWS ROW
*************************/
.hp-news-ctn .hp-news-row{
	display:flex;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid var(--color-3);
}

.hp-news-ctn .hp-news-row:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0px solid var(--color-3);
}

.hp-news-ctn .hp-news-row .image{
	margin-right:30px
}

.hp-news-ctn .hp-news-row .image span{
	width:140px;
	height:140px;
	display:block;
	background:red;
}

.hp-news-ctn .hp-news-row .image{
	max-width:200px;
	width:100%;
}

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

@media only screen and (max-width: 680px) {
	.hp-news-ctn .hp-news-row .image,
	.hp-news-ctn .hp-news-row .image img {
		width: 100%;
		max-width: 100%;
	}
}


/************************
VIDEO PROMOTIONS
*************************/
.video-promotion-ctn {
	background: var(--grey-FCFCFC);
	background: #49499e;
	background: #323232;
    border-radius: 8px;
    padding: 30px ;
}

.video-promotion-ctn .video-promotion {
	display:flex;
}


.video-promotion-ctn .video-pos {
	display:block;
	width:40%;
	max-height:100%;
}

.video-promotion-ctn .video-pos .video{
	width:100%;
	height:100%;
}

.video-promotion-ctn .texts-pos {
	display:block;
	margin-left:30px;
	width:60%;
}

.video-promotion-ctn  h3{
	font-size:22px;
	font-weight:bold;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #f8f8f8;
	
}

.video-promotion-ctn  h3,
.video-promotion-ctn  p{
	color:#fff;
}



@media only screen and (max-width: 767px) {
	.video-promotion-ctn .video-promotion {
		display: table;
	}
	
	.video-promotion-ctn .video-pos {
		display: block;
		width: 100%;
		max-height: 100%;
	}

	.video-promotion-ctn .texts-pos {
		display: block;
		margin-left: 0px;
		margin-top: 30px;
		width: 100%;
	}

}
	


/************************
BANNERS-LAYOUT-1
*************************/
.banners-layout-ctn-1 .banners-layout{
	border-radius:10px;
	height:400px;
	position: relative;
	overflow:hidden;
} 

@-moz-document url-prefix() {
	
	.banners-layout-ctn-1 .banners-layout {
	  height: 400px;
	}

	.banners-layout-ctn-1 .banners-layout .banners-layout-pos {
	  position: absolute;
	  margin: auto;
	  left: 0;
	  right: 0;
	  top: 20%;
	  bottom: 20%;
	  max-width: 80%;
	  text-align: center;
	  display: table;
	  z-index: 3;
	  height: 0;
	  height: 200px;
	  display: table;
	}

}

.banners-layout-ctn-1 .banners-layout .banners-layout-pos {
	position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 80%;
    text-align: center;
    display: table;
	z-index:3;
}

.banners-layout-ctn-1 .banners-layout .bg-image{
	position:relative;
	z-index:1;
	height: 100%;
}

.banners-layout-ctn-1 .banners-layout .bg-image img{
	width:100%;
 	height:100%;
	object-fit:cover;
	transition: transform 1s, filter 2s ease-in-out;
	transform: scale(1);
}

.banners-layout-ctn-1 .banners-layout:hover .bg-image img{
	transform: scale(1.05);
}


.banners-layout-ctn-1 .banners-layout .bg-overlay{
	position:absolute;
	z-index:2;
	width:100%;
	height:100%;
	display:block;
	background:rgba(0,0,0,.3);
	transition:all ease .3s
}

.banners-layout-ctn-1 .banners-layout:hover .bg-overlay{
	background:rgba(0,0,0,.6);
	transition:all ease .3s
}

.banners-layout-ctn-1 .banners-layout h3,
.banners-layout-ctn-1 .banners-layout p{
	color:#fff;
}

@media only screen and (max-width: 1023px) {
	.banners-layout-ctn-1 .banners-layout {
		margin-bottom: 30px;
	}
}





/************************
RIGHT QUICK MENU
*************************/
.right-menu-ctn .right-menu-row{
	display:flex;
	margin-bottom: 20px;
}

.right-menu-ctn .right-menu-row:last-child{
	margin-bottom: 0px;
}

.right-menu-ctn .right-menu-icon-box{
	width: 20px;
    height: 30px;
    margin-right: 10px;
    display: FLEX;
    position: relative;
}

.right-menu-ctn .right-menu-icon-box .right-menu-icon{
	display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7px;
}

.right-menu-ctn .right-menu-icon-box .arrow-right-circle{
	background:url('../background/icons/arrow-right-circle-fill.png') no-repeat;
	background-size:18px 18px
}


.right-menu-ctn .right-menu-details{
	width:100%;
}




/********************
REGISTRATION FORM LAYOUT
*****************************/
.form-horizontal .accept-terms{
	font-size: 12px;
    line-height: 20px;
    padding-left: 30px;
    display: block;
    padding-top: 2px;
}

.form-horizontal .accept-terms a{
	font-weight:700;
}

.form-horizontal .accept-terms a:hover{
	color:#efa600;
}


.form-two-columns {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  width: 100%;
 }

.form-two-columns .col{
  width: calc(95% / 2);
  margin-right:5%;
}

.form-two-columns .col:nth-child(2n+2){
  margin-right:0%;
}

.form-two-columns .col:nth-last-child(-n+2){
  margin-bottom:0;
}


.form-3-columns {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  width: 100%;
 }

.form-3-columns .col{
  width: calc(90% / 3);
  margin-right:5%;
}

.form-3-columns .col:nth-child(3n+3){
  margin-right:0%;
}



@media only screen and (max-width: 680px) {
	.form-3-columns {
	  display: table;
	  flex-direction: row;
	  flex-wrap:wrap;
	  width: 100%;
	 }

	.form-3-columns .col{
	  width: calc(100% / 1);
	  margin-right:0%;
	}

	.form-3-columns .col:nth-child(3n+3){
	  margin-right:0%;
	}	
	
}
	
.form-layout-ctn .form-layout{
	height:50px;
	display:table;
	margin-bottom: 30px;
	position:relative
}

.form-layout-ctn .controls {
    position: relative;
}

.input-design {
	background: var(--grey-FCFCFC);
    border: 1px solid var(--color-3);
    padding: 20px;
    border-radius: 8px;
    padding: 20px;
}

.input-design label{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: #323232;
	margin-bottom:5px;
	display:table;
}


.input-design input{
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	border-radius: 4px;
	height:50px;
	width: 100%;
	padding:10px;
	font-size:14px
}






.input-design .checkButtons-design-v2 input {
	width: 30px;
    height: 20px;
    background: red;
    display: table;
    float: left;
    position: relative;
    top: -4px;
}
 
.input-design label{
	margin-bottom:5px;
}

.input-design hr{
	margin:15px 0;
	height:1px;
	border:0;
	background:var(--color-3)
}


.input-design .control-group {
	margin-bottom:20px;
}

.input-design.warning-star .star{
	color: #ff0000;
    padding: 0;
    margin-right: 5px;
    font-size: 22px;
    line-height: 0;
    position: relative;
    top: 6px;
}
 
.input-design label.section{
	margin-top: 50px;
	margin-bottom: 20px;
    display: table;
    background: #efa600;
	background: #545454;
    width: 100%;
    padding: 10px 5px 10px 15px;
    color: #fff;
    border-radius: 0px;
}


.input-design textarea{
	background: #FFFFFF;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    font-size: 14px;
	resize: none;
}

.input-design textarea.height-50{
	height:80px;
}

.input-design textarea.height-150{
	height:150px;
}

input:focus::-webkit-input-placeholder { font-size:0 }
input:focus:-moz-placeholder { font-size:0 } /* FF 4-18 */
input:focus::-moz-placeholder { font-size:0 } /* FF 19+ */
input:focus:-ms-input-placeholder { font-size:0 } /* IE 10+ */

.input-design textarea:focus::-webkit-input-placeholder { font-size:0 }
.input-design textarea:focus:-moz-placeholder { font-size:0 } /* FF 4-18 */
.input-design textarea:focus::-moz-placeholder { font-size:0 } /* FF 19+ */
.input-design textarea:focus:-ms-input-placeholder { font-size:0 } /* IE 10+ */


.input-design .field-calendar input{
	max-width:170px;
}

.input-design .field-calendar button {
    background: #a1a1a1;
    background: #545454;
    border: 0;
    height: 50px;
	color:#fff;
}

.input-design .field-calendar button span{
	color:#fff;
}

 
div#emailAlertConfirm {
    position: absolute;
    bottom: -33px;
}

 
.input-design #emailAlertConfirm p{
	position: relative;
    font-size: 12px;
    color: #fff;
    background: red;
    padding: 2px 9px;
    width: 100%;
    display: table;
}

.accept-terms label{
	font-size: 12px!important;
    float: left;
}


.input-field input{
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	border-radius: 4px;
	height:50px;
	width: 100%;
	padding:10px;
	font-size:14px
}




/*********
complaintform-results
********************/
.complaintform-ctn{
	padding:20px;
	background:#fafafa;
}
.complaintform-results input{
	width: auto;
    height: 100%;
    display: table;
}

.complaintform-results  label{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: #323232;
	margin-bottom:5px;
	display:table;
}

.warning-form-download {
	display: table;
    background: #fcfcfc;
    width: 100%;
    padding: 20px;
    border: 1px solid #f0f0f0;
}

.warning-form-download p{
	color: #e31313;
    font-weight: bold;
}


.expand-div-op{
	background: #f1f1f1;
    padding: 20px;
    border: 1px solid #9d9d9d;
	box-shadow: 0 1px 1px rgba(0,16,75,0.05);
}


.expand-div-op-text {
	width:100%;
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#000;
	cursor:pointer
}

.expand-div-op-text:hover {
	color:#336699;
}

#emailMismatch {
	position: absolute;
    left: 0;
    font-size: 10px;
    background: red;
    color: #fff;
    padding: 3px 9px;
    bottom: -20px;
}


 
#expand-div-form .expand-title{
  cursor: pointer;
  transition: 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:00px;
  background: #F5F5F5;
	border-radius: 4px 4px 0 0 ;
	padding:10px 20px;
}

#expand-div-form .expand-title h3{
	cursor:pointer;
	font-size:14px;
	padding-right: 20px;
}

#expand-div-form .expand-title span{
	font-weight:700;
	color:#9BB006;
}


#expand-div-form.accordion-bottom-space{
    margin-bottom: 50px;
    border-bottom: 1px solid #d0ab85;
    padding-bottom:00px;
}

#expand-div-form .arrow{
    width: 22px;
    height: 11px;
    transition: 0.25s ease;
    opacity: 1;
    transform: rotate(90deg);
    background: url(../background/expand-arrow.png)no-repeat;
    background-size: 16px;
}

#expand-div-form .expand-title:hover .arrow{
  opacity: 1;
}

#expand-div-form .expand-title:hover, 
#expand-div-form .active{
}

#expand-div-form .arrow-animate{
  transform: rotate(0deg);
  opacity: 1;
}

#expand-div-form .content-expand-form{
  display: none;
}

#expand-div-form .content-expand-form .content-wrp {
	width:100%;
	display:block;
	background:#F5F5F5;
	padding:20px;
}



 
@media only screen and (max-width:768px) {
	.form-two-columns {
		display: table;
		width: 100%;
	 }

	.form-two-columns .col{
		width: calc(100% / 1);
		margin-right:0%;
	}

	.form-two-columns .col:nth-child(2n+2){
		margin-right:0%;
	}

	.form-layout-ctn .form-layout {
		margin-bottom: 25px;
	}

	
	.form-layout-ctn .form-layout:nth-last-child(2){
	  margin-bottom:25px;
	}
		
	.form-layout-ctn .form-layout:nth-last-child{
	  margin-bottom:00px!important;
	} 
}




.form-enable-worning{
	width:100%;
	padding:20px;
	height:40px;
	background:red;
}


/*************
CHECKBOX
*****************/
.cbx {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
}

.cbx p{
	font-size:12px!important;
	line-height: 16px!important;
}

.cbx:not(:last-child) {
  margin-right: 6px;
}
.cbx:hover {
}
.cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid #cccfdb;
  transition: all 0.2s ease;
  box-shadow: 0 1px 1px rgba(0,16,75,0.05);
}
.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.cbx span:last-child {
  padding-left: 8px;
  line-height: 18px;
}
.cbx:hover span:first-child {
  border-color: #07f;
}

.cbx .check-position{
	float:left;
}

.cbx .text-position{
	float:right;
}

.inp-cbx {
  position: absolute;
  visibility: hidden;
}
.inp-cbx:checked + .cbx span:first-child {
  background: #ff0000;
  border-color: #ff0000;
  animation: wave 0.4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}

@-moz-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@-o-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}

.hide_recaptcha{
	display:none;
}

.show_recaptcha{
	display:table;
}

/*****
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: 99999999999;
}

#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: 4px 4px 0 0;
}

#emails-alert .emails-alert .top-row.success{
  background:#7b9e42;
  background:#ffffff;
}
 
#emails-alert .emails-alert .top-row.error{
  background:#e75e60;
}

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


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

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



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


#emails-alert .emails-alert .top-row p{
  color:#fff;
  color:#323232;
  text-align:center;
  font-size:14px;
  line-height:20px
}

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


#emails-alert .emails-alert .top-row p a{
  color:#fff;
  color:#323232;
  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:90px;
  display:block;
  width:100%;
   border-radius:0 0 4px 4px;
  padding:20px 0 20px 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: 100%;
    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;
}


#emails-alert .complaint-number-font-big{
	font-size:36px;
	font-weight:bold;
	display: table;
    text-align: center;
    width: 100%;
}






/*****
COMPLAINT ALERT POPUP
*******/
#complaint-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: 99999999999;
}

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

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

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

#complaint-alert .emails-alert .top-row.success{
  background:#7b9e42;
  background:#ffffff;
}
 
#complaint-alert .emails-alert .top-row.error{
  background:#e75e60;
}

#complaint-alert .emails-alert .top-row .image-icon{
    width: 100%;
    height: 65px;
    margin: 0 auto 15px auto;
    display: table;
}


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

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



#complaint-alert .emails-alert .top-row h3{
  color: #ffffff;
  color: #323232;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}


#complaint-alert .emails-alert .top-row p{
  color:#fff;
  color:#323232;
  text-align:center;
  font-size:14px;
  line-height:20px
}

#complaint-alert .emails-alert .top-row.error h3,
#complaint-alert .emails-alert .top-row.error p{
	color:#fff;
}


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

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

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

#complaint-alert .emails-alert .bottom-row{
  background:#fff;
  height:90px;
  display:block;
  width:100%;
   border-radius:0 0 4px 4px;
  padding:20px 0 20px 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
}
}
 
#complaint-alert .alert.alert-success-ctn,
#complaint-alert .alert.alert-error {
margin:auto;
height:auto;
text-align:center;
box-shadow: 0px 0px 20px rgb(0 0 0);
}

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


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

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

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

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


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

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


#complaint-alert .complaint-number-font-big{
	font-size:36px;
	font-weight:bold;
	display: table;
    text-align: center;
    width: 100%;
	height:50px;
}



/*******
SEARCH PAGES
******/
#search-form {
    margin-bottom: 50px;
}

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

.searchform-page input{
	width: 100%;
    height: 50px;
    padding: 5px 45px 5px 15px;
    border-radius: 0;
    border: 1px solid #f8f8f8;
}
	
.result__item{
	MARGIN-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #d8d8d8;
}




/*************
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);
	}
	
}


/************
SEARCH ICON
**************/ 
.search-icon{
	display:block;
	width:44px ;
	height:44px ;
	background:url(../background/svg/icon-search-purple.svg) no-repeat;
	background-size:44px auto;
}

/****************
TABLE MANAGER SORDING
****************/
.table-responsive{
	position:relative;
}

.tablelayout{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-top:100px;
	margin-top:50px
}

.tablelayout, 
.tablelayout th,
.tablelayout td {
	text-align: left;
}
		
.tablelayout td {
	border: 1px solid #f0f0f0;
}

	
		
		
.tablelayout tr:nth-child(even) {
	background-color: #fdfdfd;
}



.tablelayout th {
	background-color: #323279;
	background-color: #c3c3c3;
	background-color: #f7a600;
 }

.tablelayout th a ,
.tablelayout th a:hover {
	color: #fff;
}


.tablelayout th {
    color: #fff;
}

.tablelayout th,
.tablelayout td {
	padding: 5px;
}
 
/*Initial style sort*/
.tablelayout th.sorterHeader {
	cursor: pointer;
}

.tablelayout th.sorterHeader:after {
	content: " \f0dc";
	font-family: "FontAwesome";
}

/*Style sort desc*/
.tablelayout th.sortingDesc:after {
	content: " \f0dd";
	font-family: "FontAwesome";
}
		/*Style sort asc*/
.tablelayout th.sortingAsc:after {
	content: " \f0de";
	font-family: "FontAwesome";
}

.tablelayout .hide-hours{
	width:100px;
	width: 100px;
	display: block;
	overflow: hidden;
	height: 20px;
}
	
/*Style disabled*/
#for_numrows {
	position: absolute;
    left: 0;
    top: -50px;
	z-index:2
}

#for_filter_by{
	position: absolute;
    right: 0;
    max-width: 470px;
    display: block;
    width: 100%;
	top: -70px;
}


#pagesControllers {
	text-align: center;
    margin-top: 40px;
    display: table;
    width: 100%;
}


.tablemanager-filter-position-1 #for_numrows {
	position: absolute;
    left: 0;
    top: -50px;
    top: 180px;
	z-index:1
}


.tablemanager-filter-position-1.no-button-download #for_numrows {
	position: absolute;
    left: 0;
    top: -50px;
	top: 180px;
	z-index:1
}


.tablemanager-filter-position-1 #for_filter_by{
	position: absolute;
    right: 0;
    max-width: 460px;
    display: block;
    width: 100%;
	top: -50px;
	top: 180px;
	z-index:1;
	width: 460px;
}

		
.tablemanager-filter-position-1 #filter_input {
	width: 100%;
    max-width: 200px;
    display: block;
    padding: 15px 10px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    float: right;
    position: relative;
    top: -10px;
	right: 10px;
}




.tablemanager-filter-position-1  #for_filter_by.dropdown-table-listing .dropdown{
    position: relative;
    display: block;
    line-height: 1;
    padding: 16px 8px;
    white-space: nowrap;
    width: 150px;
    float: right;
    top: -10px;
    left: 0px;
}






.tablemanager-filter-position-2 #for_filter_by.dropdown-table-listing .dropdown {
    position: relative;
    display: block;
    line-height: 1;
    padding: 16px 5px;
    white-space: nowrap;
    width: 150px;
    float: right;
    top: -10px;
    left: 0px;
	height:47px;
}


.tablemanager-filter-position-1.hide-dropdown-filter_by #for_filter_by.dropdown-table-listing .dropdown{
	display:none!important;
}

.tablemanager-filter-position-1.hide-dropdown-filter_by #filter_input {
    right: 0px;
}

.tablemanager-filter-position-1.mitrooparaponon-top{
		margin-top:100px
} 

.tablemanager-filter-position-2 #for_numrows {
	position: absolute;
    left: 0;
    top: 270px;
    top: 330px;
	z-index:1
}



.tablemanager-filter-position-2 #for_filter_by{
	top: 270px;
	top: 330px;
	z-index: 1;
}

		
.tablemanager-filter-position-2 #filter_input {
	width: 100%;
    max-width: 200px;
    display: block;
    padding: 15px 10px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    float: right;
    position: relative;
    top: -10px;
	right: 10px;
}


.tablemanager-filter-position-2  #for_filter_by.dropdown-table-listing .dropdown{
    position: relative;
    display: block;
    line-height: 1;
    padding: 10px 8px;
    white-space: nowrap;
    width: 150px;
    float: right;
    top: -10px;
    left: 0px;
}

.tablemanager-filter-position-2  #for_filter_by.dropdown-table-listing .selected {
    display: block;
    font-size: 13px;
    line-height: 1;
    color: #000;
    padding: 6px 0px;
    overflow: hidden;
    white-space: nowrap;
}


.tablemanager-filter-position-3 #filter_input {
	width: 100%;
    max-width: 200px;
    display: block;
    padding: 15px 10px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    float: right;
    position: relative;
    top: -0px;
	right: 0px;
}

.tablemanager-filter-position-3  #for_filter_by .dropdown {
	display:none;
}

.tablemanager-filter-position-3 .dropdown-table-listing .dropdown {
    position: relative;
    display: block;
    line-height: 1;
    padding: 13px 8px;
    white-space: nowrap;
    width: 59px;
    float: right;
    top: -8px;
    left: 10px;
}

 
 .disable-filterBy select#filter_by {
    display: none;
}

#pagesControllers button {
	margin-right:5px;
}

#pagesControllers button:last-child{
	margin-right:0px;
}

#pagesControllers .td-btn {
    background: #fff;
    border: 0;
    height: 30px;
    line-height: 0;
    padding: 0px 6px;
    min-width: 28px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #cfcfcf;
	font-size: 14px;
}

#pagesControllers .td-btn.currentPage,
#pagesControllers .td-btn:hover {
  	background: #f0a700;
	color: #fff;
}

 
.tablemanager-filter-position-2.sakd #for_numrows {
	position: absolute;
    left: 0;
    top:-50px;
	z-index:0
}
 
.sakd-table-ctn .sakd-table .range{
	width:20%;
	min-width:200px
}

.sakd-table-ctn .js-stools-field-filter {
	margin-bottom:10px;
}
 
.checkButtons-design input[type="radio"]
{
    appearance: none!important;
    display: none!important;
}

.checkButtons-design input[type="radio"] + label
{
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  line-height: 20px;
}

 
.checkButtons-design input[type="radio"] + label::before
{
  content: "";
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid #000;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.3s;
}

.checkButtons-design input[type="radio"] + label::after
{
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1;
  border: 1px solid #000;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s;
}

.checkButtons-design input[type="radio"]:checked + label::after
{
	opacity: 1;
	font-weight:bold
}


.mitroo-paraponon-inputs-pos #for_numrows {
    position: absolute;
    left: 0;
    top: -50px;
    z-index: 2;
	
}

.mitroo-paraponon-inputs-pos #for_numrows .dropdown {
    position: relative;
    left: 10px;
    top: -11px;
    z-index: 2;
	height:47px
}


.mitroo-paraponon-inputs-pos #filter_input {
    width: 100%;
    max-width: 200px;
    display: block;
    padding: 15px 10px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    float: right;
    position: relative;
    top: 0px;
    right: 10px;
}



.mitroo-paraponon-inputs-pos #for_filter_by .dropdown {
    position: relative;
    display: block;
    line-height: 1;
    padding: 16px 8px;
    white-space: nowrap;
    width: 155px;
    float: right;
    top: 0;
    left: 0px;
	height:47px
}

.mitroo-paraponon-inputs-pos .dropdown li {
    list-style: none;
    padding: 14px 8px;
    font-size: 12px;
}








/* FAQ COLLAPSE/EXPAND STYLES */



/************
FAQ - EXPAND DIV

.faqanswer-ctn .faqanswer-row{
		margin-bottom: 30px;
}


.faqanswer-ctn .togglefaq {
	text-decoration: none;
	padding: 10px;
	display: block;
	background: #fbfbfb;
    border: 1px solid #eeeeee;
    border-radius: 4px 4px 0 0;
    width: 100%;
}

.faqanswer-ctn .togglefaq.active { 
    border-bottom: 0px solid #eeeeee; 
    border-top: 1px solid #eeeeee; 
    border-left: 1px solid #eeeeee; 
    border-right: 1px solid #eeeeee; 
}



.faqanswer-ctn .faqanswer {
	display: none;
	width: 100%;
	background: #fbfbfb;
	padding: 5px 20px 10px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}


.faqanswer-ctn h3 {
	cursor: pointer;
}

.faqanswer-ctn a.active {
	cursor: pointer;
}



**************/ 
.faq-expand .faqanswer {
	margin-bottom: 30px;
}

.faq-expand .faqanswer {
	display: none;
	background: #fcfcfc;
    padding: 20px;
    border: 1px solid #d8d8d8;
	margin-bottom: 30px;
	margin-left: 34px;
    margin-top: 10px;
}


.faq-expand .togglefaq.active h3 {
    color: #f0a700;
}

.faq-expand .togglefaq {
	text-decoration: none;
    color: #333;
    padding: 10px;
    line-height: 20px;
    display: block;
    /* border: 1px solid #d0d0d0; */
    margin-bottom: -1px;
	font-size: 18px;
}

.faq-expand .icon-plus {
	margin-right: 5px;
	float:left;
	display:block;
	width:20px;
	height:20px;
	background: url("/background/svg/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/svg/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;
}



#backToTop {
  display: inline-block;
  background-color: #efa600;
  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;
}
#backToTop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#backToTop:hover {
  cursor: pointer;
  background-color: #333;
}
#backToTop:active {
  background-color: #555;
}
#backToTop.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

/*****************
HORIZONTAL BUTTONS
*******************/
.hor-buttons-row{
	display:flex
}

.hor-buttons-row .col{
	float:left;
	margin-right: 20px;
}

.hor-buttons-row .col:last-child{
	margin-right: 0px;
}

/********
 EXPAND MENU RIGHT
**************/
.nav-side-menu {
  overflow: auto;
   background-color: #2e353d;
  position: fixed;
  top: 0px;
   height: 100%;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
	height:inherit;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}

@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}






/*****************
HORIZONTAL MENU DESKTOP
*******************/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  line-height: 1;
}

#cssmenu > ul > li {
  float: left;
  margin-right:4px;
  cursor:pointer;
}

#cssmenu > ul > li:last-child {
  margin-right:0px;
}


#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding:12px 15px;
  text-decoration: none;
  font-weight: 700;
	font-size: 14px;
	font-size: 0.8rem;
   -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}






#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #fff;
	background:#49499E;
	background:#F7A600;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
}

#cssmenu > ul > li > ul > li.active > a {
  color: #fff;
  background:#49499E;
  background:#F7A600;
}

#cssmenu  ul  li  li.active > a {
  color: #fff;
  background:#49499E;
  background:#F7A600;
}





#cssmenu > ul > li > a.green-btn {
	background: #0e9505;
    border-radius: 4px;
    color: #fff;
	transition: background .2s ease;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#cssmenu > ul > li:hover > a.green-btn {
    background: #196214;
	transition: background .2s ease;
}


#cssmenu > ul > li  > a.red-btn {
	background: #cf2626;
    border-radius: 4px;
    color: #fff;
	transition: background .2s ease;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#cssmenu > ul > li:hover > a.red-btn {
    background: #a31717;
	transition: background .2s ease;
}


#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 10px;
  height: 7.5px;
  content: "";
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  background:url(menu_down-arrow-purple.png);
  background:url(/background/tmpl/arrow-down-orange.png)
}

#cssmenu > ul > li.has-sub.active > a::after,

#cssmenu > ul > li.has-sub:hover > a::after {
   background:url(header_down-arrow-black.svg)
}



#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  border:1px solid #f7f7f7;
  border:0px solid #f7f7f7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
  display: table;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
	padding: 10px 18px 10px 10px;
    width: 270px;
    font-size: 14px;
    line-height: 150%;
    background: #fff;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    border-bottom: 1px solid #d8d8d8;
}

/**version 1**/
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: #fff;
	background:#49499E;
	border-bottom: 1px solid #49499E;
}

/**version 2**/
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: #fff;
	background:#F7A600;
	border-bottom: 1px solid #F7A600;
}





#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 45%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #323232;
  border-right: 2px solid #323232;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}


#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}










/* -------------------------------- 
Modules - reusable parts of our design
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

@media only screen and (max-width:1024px) {
	
#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: var(--color-323279);
  background-color: #323232;
}

#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 45%;
  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%);
  width: 30px;
	height: 4px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, 
#cd-menu-trigger .cd-menu-icon:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  transition: all ease 0.3s;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 10px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 10px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: white;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all ease 0.3s;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all ease 0.3s;
}


#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: var(--main-body-top-mobile);
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width:250px;
  background-color: #242e30;
  background-color: #fff;
  overflow-y: auto;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
  /* 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;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
  padding: 0 0 210px  0;
    display: block;
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  padding: 0 10px 0px 15px;
  padding: 0 0px 0px 0px;
  display: none;
  background: #f7f7f7;
}

#cd-lateral-nav .sub-menu  .sub-menu{
  padding: 0 10px 20px 15px;
  padding: 0 10px 0px 15px;
  padding: 0 0px 0px 0px;
  display: none;
  background: #dfdfdf;
}

#cd-lateral-nav .sub-menu  .sub-menu .sub-menu{
  background: #c7c7c7;
}

#cd-lateral-nav li{
	position:relative;
	border-bottom: 1px solid #eeeeee;
}

#cd-lateral-nav li a {
	display: block;
    line-height: 130%;
    padding: 10px 30px 10px 5%;
    /**color: #35327b;**/
    /**border-bottom: 1px solid #eeeeee;**/
    font-weight: bold;
	font-size:20px;
	width:85%;
}

#cd-lateral-nav .cd-navigation .menu-arrow-expand{
width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
    background: #f3f3f3 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-arrow-sec-exp-nav.svg) no-repeat center center;
    background-size: 8px 11px;
    border-radius: 50%;
 }
 
 
#cd-lateral-nav .cd-navigation .menu-arrow-expand.submenu-open{
 	  -webkit-transform: translateY(0%) rotate(90deg);
  -moz-transform: translateY(0%) rotate(90deg);
  -ms-transform: translateY(0%) rotate(90deg);
  -o-transform: translateY(0%) rotate(90deg);
  transform: translateY(0%) rotate(90deg);
}
 
#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #FFF;
}


.no-touch #cd-lateral-nav a:hover {
}


#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  /* this is the right arrow to show that the item has a submenu  */
}

 /*
#cd-lateral-nav .item-has-children > a::after {
  content: "";
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-arrow-sec-exp-nav.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
*/


#cd-lateral-nav {
	top: 50px;
	width: 100%;
}
  
  
#cd-menu-trigger {
    width: 60px;
}
 
#cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 70px;
}

#cd-menu-trigger .cd-menu-icon {
	left: 0;
    right: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin: auto;
}

#cd-lateral-nav .cd-navigation {
    margin: 20px 0;
}


#cd-lateral-nav li ul li a {
	display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
}

.mobile-menu .btn {
		font-size: 16px;
		line-height: 200%;
		width:100%
	}

}


/* -------------------------------- 
MENU RIGHT
-------------------------------- */
.menu-right  {
	position: relative;
}
.menu-right  ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-right  ul li {
	position:relative;
	padding: 5px 0 3px 0;
     border-bottom: 0px solid #f0f0f0;
}

.menu-right  ul li {
  position:relative;
}
.menu-right  ul li a {
	display: table;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	
	 font-size:14px;
	 font-size:16px;
	 width: auto;
}

.menu-right  ul li.current a {
	font-weight:bold
}

.menu-right .sub-menu li{
	margin-left:5px;
}

.menu-right  ul li ul li a {
}

.menu-right  ul li ul li a:hover {
}


.menu-right .menu-arrow-expand{
width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 0px;
    top: 10px;
    background: url(../background/svg/arrow-menu-right.svg) no-repeat center center #ffffff;
    transition: all ease .3s;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-size: 10px auto;
    border: 1px solid #f0f0f0;
}


.menu-right .menu-arrow-expand.submenu-open{
	background: url(../background/svg/arrow-menu-right-white.svg) no-repeat center center #F7A600;
 	  -webkit-transform: translateY(0%) rotate(180deg);
  -moz-transform: translateY(0%) rotate(180deg);
  -ms-transform: translateY(0%) rotate(180deg);
  -o-transform: translateY(0%) rotate(180deg);
  transform: translateY(0%) rotate(180deg);
  transition:all ease .3s;
}


.menu-right .menu-arrow-expand:hover{
	background: url(../background/svg/arrow-menu-right-white.svg) no-repeat center center #F7A600;

}




/*****************
SLIDER
*******************/
 .slider-home-page{
    width: 100%;
    position: relative;
    padding-bottom: 50px;
    max-width: 1920px;
    margin: auto;
    animation: initial;
    animation: initial;
	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;
  min-height: 550px!important;
	overflow: hidden;
}

.slider-home-page .cover img {
  width:100%;
	object-fit:cover;
  min-height: 550px!important;
  animation: scale 30s infinite;
  transform: scale(1.1);
}


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


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

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

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

@-moz-document url-prefix() { 
   .slider-home-page .text-ctn {
      height: 0px;
  }
  
    .slider-home-page .owl-slide-text {
	  margin: auto;
	  position: relative;
	  min-height: auto;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  height: 180px;
	}
	
}

.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;
}
 
 .slider-home-page .owl-slide-text .uppeTitle{
	color: #fff;
    text-align: left;
    font-size: 20px;
    line-height: 150%;
    display: table;
	/* OPTION 2 ; */
	color: #fff;
    text-align: left;
    font-size: 20px;
    line-height: 150%;
    /* background: hsl(242deg 88% 66% / 50%); */
    display: table;
    /* padding: 5px 15px; */
    margin-bottom: 10px;
    font-weight: bold;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.slider-home-page .owl-slide-text .mainTitle{
    color: #fff;
    text-align: left;
    font-size: 46px;
	font-size: 3rem;
    line-height: 50px;
    font-weight: bold;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-bottom: 6px solid #fff;
}

.slider-home-page .owl-slide-text p{
  font-size:18px;
  line-height:26px;
  color:#fff;
  text-align:left;
  text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.slider-home-page .owl-dots {
  bottom: 50px!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 #fff;
  background:#fff;
  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(-120px);
  transition: all 1.05s;
  transition-delay: .8s;
}

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


.slider-home-page,
.slider-home-page .cover,
.slider-home-page .cover img,
.slider-home-page  .container,
.slider-home-page .owl-slide-text,
.slider-home-page  .image-style img,
.slider-home-page .bg-overlay
{
	max-height: 550px;
}





@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;
		font-size: calc(4vw + 4vh + 2vmin);
		border-bottom: 0 solid #4d49a0;
	}
  
  .slider-home-page .owl-slide-text p {
    font-size: 15px;
    line-height: 22px;
  }
  
  .owl-slide-animated.slide-description{
	  display:none!important;
  }
  
  .slider-home-page .text-ctn {
	top: auto;
    bottom: 200px;
    margin: auto;
    background: rgb(50 50 50 / 35%);
    background: transparent;
    padding: 10px;
	}
  
  
	.slider-home-page,
	.slider-home-page .cover,
	.slider-home-page .cover img,
	.slider-home-page  .container,
	.slider-home-page .owl-slide-text,
	.slider-home-page  .image-style img,
	.slider-home-page .bg-overlay
	{
		max-height: 100vh;
	}


}





/********************
EASY DROPDOWN
****************/
/* --- EASYDROPDOWN DEFAULT THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

.dropdown{
	position: relative;
	width: 100%;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fff;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.dropdown.open{
	z-index: 2;
}

.dropdown:hover{
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.dropdown.focus{
	box-shadow: 0 0 5px rgba(51,102,248,.4);
}

/* CARAT */

.dropdown .carat{
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	border: 6px solid transparent;
	border-top: 8px solid #000;
}

.dropdown.open .carat{
	margin-top: -10px;
	border-top: 6px solid transparent;
	border-bottom: 8px solid #000;
}

.dropdown.disabled .carat{
	border-top-color: #999;
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

.dropdown.touch .old{
	width: 100%;
	height: 100%;
}

.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */ 

.dropdown .selected,
.dropdown li{
	display: block;
	font-size: 14px;
	line-height: 1;
	color: #000;
	padding: 14px 12px;
	overflow: hidden;
	white-space: nowrap;
}

.dropdown.disabled .selected{
	color: #999;
}

.dropdown .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #fff;
}

/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	margin-top: -1px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	opacity: 0;
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	
	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

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

/* .focus class is also added on hover */

.dropdown li.focus{
	background: #d24a67;
	background: #f7a600;
	position: relative;
	z-index: 3;
	color: #fff!important;
}

.dropdown li.active{
	font-weight: 700;
}

.dropdown-table-listing .dropdown{
   position: relative;
    display: block;
    line-height: 1;
    padding: 13px 8px;
    white-space: nowrap;
    width: 65px;
    float: right;
    top: -9px;
    left: 10px;
    height: 47px;

}

.dropdown-table-listing .dropdown .selected{
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #000;
    padding: 0px 0px;
    overflow: hidden;
    white-space: nowrap;
}

.dropdown-table-listing .dropdown .carat {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -4px;
    border: 6px solid transparent;
    border-top: 8px solid #000;
}


.dropdown-table-listing .dropdown .selected::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    border-radius: 0 2px 2px 0;
    box-shadow: inset 0px 0 0px 0px #fff;
}
 






/************************
FILTER-FORM DROPDOWNS 
*************************/
.dropdown-layout-1 .filter-form-ctn label{
	margin-bottom: 10px;
    display: table;
	font-weight:bold;
}

.dropdown-layout-1 .filter-form-ctn .js-stools-container-filters.clearfix {
     display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	width: 100%;
}

.dropdown-layout-1 .filter-form-ctn .js-stools-field-filter{
	margin-bottom: 20px;
    width: 45%;
    margin-right: 10%;
}

.dropdown-layout-1 .filter-form-ctn .js-stools-field-filter:nth-child(2n+2){
	 margin-bottom:0;
	 margin-right:0;
	 width: 45%;
}


.dropdown-layout-1 .filter-form-ctn .dropdown .selected, 
.dropdown-layout-1 .filter-form-ctn .dropdown li {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #000;
    padding: 14px 12px;
    overflow: hidden;
    white-space: nowrap;
}




@import "../../../../../../vendor/joomla-custom-elements/css/joomla-alert.css";#system-message-container:empty{display:none;}#system-message-container joomla-alert{background-color:#fff;border:1px solid var(--alert-accent-color,transparent);border-radius:.25rem;color:var(--gray-dark);display:flex;margin-bottom:0;min-width:16rem;padding:0;position:relative;transition:opacity .15s linear;width:100%}#system-message-container joomla-alert+*{margin-top:1rem}#system-message-container joomla-alert .alert-heading{align-content:center;background:var(--alert-accent-color,transparent);color:var(--alert-heading-text);display:flex;flex-direction:column;justify-content:center;padding:.8rem}#system-message-container joomla-alert .alert-heading .message:before,#system-message-container joomla-alert .alert-heading .success:before{background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255, 255, 255, .95)" d="M1299 813l-422 422q-19 19-45 19t-45-19l-294-294q-19-19-19-45t19-45l102-102q19-19 45-19t45 19l147 147 275-275q19-19 45-19t45 19l102 102q19 19 19 45t-19 45zm141 83q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/></svg>');background-size:100%;content:"";display:inline-block;height:1em;width:1em}#system-message-container joomla-alert .alert-heading .info:before,#system-message-container joomla-alert .alert-heading .notice:before{background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255, 255, 255, .95)" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"/></svg>');background-size:100%;content:"";display:inline-block;height:1em;width:1em}#system-message-container joomla-alert .alert-heading .warning:before{background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255, 255, 255, .95)" d="M1024 1375v-190q0-14-9.5-23.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 23.5v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19-13-11-24-11h-220q-11 0-24 11-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126-17 29-46.5 46t-63.5 17h-1536q-34 0-63.5-17t-46.5-46q-37-63-2-126l768-1408q17-31 47-49t65-18 65 18 47 49z"/></svg>');background-size:100%;content:"";display:inline-block;height:1em;width:1em}#system-message-container joomla-alert .alert-heading .danger:before,#system-message-container joomla-alert .alert-heading .error:before{background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255, 255, 255, .95)" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"/></svg>');background-size:100%;content:"";display:inline-block;height:1em;width:1em}#system-message-container joomla-alert .alert-wrapper{width:100%}#system-message-container joomla-alert .alert-link{color:var(--success,inherit)}#system-message-container joomla-alert[type=message],#system-message-container joomla-alert[type=success]{--alert-accent-color:var(--success);--alert-heading-text:hsla(0,0%,100%,.95);--alert-close-button:var(--success);background-color:#fff}#system-message-container joomla-alert[type=info],#system-message-container joomla-alert[type=notice]{--alert-accent-color:var(--info);--alert-heading-text:hsla(0,0%,100%,.95);--alert-close-button:var(--info);background-color:#fff}#system-message-container joomla-alert[type=warning]{--alert-accent-color:var(--warning);--alert-heading-text:hsla(0,0%,100%,.95);--alert-close-button:var(--warning);background-color:#fff}#system-message-container joomla-alert[type=danger],#system-message-container joomla-alert[type=error]{--alert-accent-color:var(--danger);--alert-heading-text:hsla(0,0%,100%,.95);--alert-close-button:var(--danger);background-color:#fff}#system-message-container joomla-alert .joomla-alert--close,#system-message-container joomla-alert .joomla-alert-button--close{background:none;border:0;color:var(--alert-close-button);font-size:2rem;opacity:1;padding:.2rem .8rem;position:absolute;right:0;top:0}#system-message-container joomla-alert .joomla-alert--close:focus,#system-message-container joomla-alert .joomla-alert--close:hover,#system-message-container joomla-alert .joomla-alert-button--close:focus,#system-message-container joomla-alert .joomla-alert-button--close:hover{cursor:pointer;opacity:.75;text-decoration:none}[dir=rtl] #system-message-container joomla-alert .joomla-alert--close,[dir=rtl] #system-message-container joomla-alert .joomla-alert-button--close{left:0;padding:.2rem .6rem;right:auto}#system-message-container joomla-alert div{font-size:1rem}#system-message-container joomla-alert div .alert-message{margin:.5rem;padding:.3rem 2rem .3rem .3rem}[dir=rtl] #system-message-container joomla-alert div .alert-message{padding:.3rem .3rem .3rem 2rem}#system-message-container joomla-alert div .alert-message:not(:first-of-type){border-top:1px solid var(--alert-accent-color)}



/***********************
MEDIA QUERIES
*****************/

 
@media screen and (max-width: 1024px) {
	.wrp{
	width:90%;
	}

	header {
		height: var(--main-body-top-mobile);
	}
  
	.header-scroll.shrink {
		top: 0px; /** stay fixed same top **/
	}
			
	.frontpage .cd-main-content {
	  padding-top:0px;
	}


 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top: 20px;
	}
	
	.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%);
	}
	
	.header .top-row {
		height: 50px;
		padding: 5px 0;
	}


	.header .logo-top {
		height: 40px;
	}



}


@media screen and   (max-width: 768px) {
	
	.top_breadcrumb_mobile {
		position: relative;
		width: 100%;
		white-space: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.top_breadcrumb_mobile ul.crumbs-list {
		position: relative;
		width: 100%;
		white-space: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		margin: auto;
		padding: 0 25px 0 0;
	}

	.top_breadcrumb_mobile ul.crumbs-list li {
		display: inline-block;
		padding: 0px 0;
	}
	
	.mobile-fixed-menu{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 50px;
		width: 100%;
		display: block;
		z-index: 3;
		background: linear-gradient(180deg, #E1E1E1 0%, #FBFBFB 177%);
	}
	
	.mobile-fixed-menu .buttons-ctn{
		border-right:1px solid #f8f8f8;
		display: table;
		text-align: center;
		padding: 14px 0 14px 0;
	}
	
	.mobile-fixed-menu .buttons-ctn:last-child{
		border-right:0px solid #f8f8f8;
	}
	
	/*****************
	HORIZONTAL BUTTONS
	*******************/
	.hor-buttons-row{
		display:table;
		width: 100%;
	}

	.hor-buttons-row .col{
		float:left;
		margin-right: 0px;
		margin-bottom: 20px;
		width:100%;
	}

	.hor-buttons-row .col:last-child{
		margin-right: 0px;
		margin-bottom: 0px;
	}


}

@media screen and  (max-width: 680px) {
	.btn.mobile{
		width:100%;
		max-width: 280px;
		margin: auto;
		display: table;
		padding: 14px 14px;
	}

	.mobile-layout-680{
		width:100%;
	}
	
	
	.mobile .btn {
		width:100%;
		font-size: 18px;
		line-height: 30px;
	}


	.layout-design-1{
		flex-direction: row;
		flex-wrap:nowrap;
		width: 100%;
	}
	
	.layout-design-1.mobile .layout-design-mobile{
	  display: flex;
	  flex-direction: row;
	  flex-wrap:nowrap;
	  width: 100%;
	}
 
	.layout-design-1 .image {
		width: 60px;
		display: block;
		margin-right:20px
	}
		
	.layout-design-1 .title {
		width: 100%;
		display: block;
		position: relative;
		height: 60px;
		text-align: left;
	}
		
	.layout-design-1 .title h3 {
		font-size: 22px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 0;
		right: auto;
		display: table;
		text-align: left;
	}
	
	.banners-layout-ctn-1 .banners-layout h3, 
	.banners-layout-ctn-1 .banners-layout p {
    text-align: left;
	}


	.layout-design-1 .image img {
		width: 60px;
		height: auto;
	}
	
	.layout-design-1 .image,
	.layout-design-1 .text,
	.layout-design-1 .title,
	.layout-design-1 .button{
		text-align: left;
		min-height: auto;
	}
		
	.hp-news-ctn .hp-news-row{
		display:table;
	}
	
	.hp-news-ctn .hp-news-row .image {
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.hp-news-ctn .hp-news-row .image span {
		width: 100%;
		height: 200px;
	}
	
	.tablelayout {
    margin-top: 130px;
    margin-top: 50px;
	}
	
	/****
	#for_numrows {
    top: -110px;
	}
	#for_filter_by {
		max-width: 100%;
		top: -70px;
	}
	
	#filter_input {
		max-width: 100%;
	}
	*******/
 	.tablemanager-filter-position-1 .tablelayout{
		margin-top:200px;
		margin-top:50px;
		margin-top:180px;
	}

	
	.tablemanager-filter-position-1.mitrooparaponon-top #for_numrows {
		position: absolute;
		left: 0;
		top: 270px;
		top: -110px;
		top: 300px;
		top: -130px;
		z-index:2
	}
	
	.tablemanager-filter-position-1.mitrooparaponon-top{
		margin-top:170px
	}
	
	.tablemanager-filter-position-1.no-button-download #for_numrows {
		position: absolute;
		left: 0;
		top: 420px;
		z-index: 2;
	}


	.tablemanager-filter-position-1 #for_filter_by{
		position: absolute;
		right: 0;
		max-width: 100%;
		display: block;
		width: 100%;
		top: 330px;
		top: -60px;
		top:-70px;
	}

	.mitrooparaponon-top.tablemanager-filter-position-1 #filter_input {
			width: 100%;
			max-width: 100%;
			display: block;
			padding: 15px 10px;
			background: #ffffff;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			float: left;
			position: relative;
			top: 0px;
			left: 0;
		}

	.tablemanager-filter-position-1 #for_filter_by label{
		position: relative;
		top: -15px;
		left: 0;
		width: 100%;
		display: table;
	}

	.tablemanager-filter-position-1 #for_filter_by.dropdown-table-listing .dropdown {
	position: relative;
    display: block;
    line-height: 1;
    padding: 17px 7px;
    white-space: nowrap;
    width: 48%;
    width: 30%;
    float: right;
    top: 0px;
    left: 0;
	}
	
	.tablelayout.telecom-post {
		margin-top: 180px;
		margin-top: 50px;
		margin-top: 200px;
	}

	
	.tablemanager-filter-position-2 #for_numrows {
		top: 470px;
		top: 720px;
	}

	.tablemanager-filter-position-2 #for_filter_by label {
		position: relative;
		top: -30px;
		float: left;
		width: 100%;
	}

	.tablemanager-filter-position-2 #for_filter_by {
		top: 550px;
		z-index: 1;
	}


	.tablemanager-filter-position-2 #filter_input {
		width: 100%;
		max-width: 50%;
		float: left;
		top: -10px;
		top: 80px;
		left: 0;
	}


	.tablemanager-filter-position-2 #for_filter_by.dropdown-table-listing .dropdown {
		width: 48%;
		float: right;
		top: -10px;
		top: 80px;
		left: 10px;
	}

	.articles-list.v2 {
		display: table;
	}

	.articles-list.v2 .image {
		width: 100%;
		margin-right: 0;
		display: table;
		max-width: 100%;
		margin-bottom: 10px;
	}


	.input-design .field-calendar input{
		max-width:100%;
		margin-bottom:10px
	}


	.tablelayout th {
		font-size: 10px;
	}
		
	.tablelayout td {
		font-size: 10px;
	}
	
	.tablelayout .hide-hours{
		width: 100px;
		display: block;
		overflow: hidden;
		height: 16px;
	}
	
	
	.dropdown-layout-1 .filter-form-ctn label{
	margin-bottom: 10px;
    display: table;
	font-weight:bold;
	}

	.dropdown-layout-1 .filter-form-ctn .js-stools-container-filters.clearfix {
		display: inline-block;
		width: 100%;
	}

	.dropdown-layout-1 .filter-form-ctn .js-stools-field-filter{
		width: 100%;
		margin-right: 0%;
	}

	.dropdown-layout-1 .filter-form-ctn .js-stools-field-filter:nth-child(2n+2){
		 margin-bottom:20px;
		 width: 100%;
	}


}




@media only screen and (max-width:680px) {
	.mitroo-paraponon-inputs-pos .tablelayout{
		margin-top: 150px;
	}
	
	.mitroo-paraponon-inputs-pos #for_filter_by .dropdown {
		top: -60px;
		
	}
	
	.mitroo-paraponon-inputs-pos #filter_input {
		top: -60px;
	}
	
	.postal-records #for_numrows {
		top: 420px;
	}
	
	.postal-records #for_filter_by {
		top: 345px;
	}
	
	.postal-records #for_filter_by {
		position: absolute;
		right: 0;
		max-width: 100%;
		display: block;
		width: 100%;
		top: 330px;
		top: -60px;
		top: 345px;
		display: table;
	}

	.postal-records #filter_input {
		width: 100%;
		max-width: 200px;
		display: block;
		padding: 15px 10px;
		background: #ffffff;
		border: 1px solid #d1d1d1;
		border-radius: 4px;
		float: left;
		position: relative;
		top: 0;
		right: 10px;
	}
	
	.postal-records #for_filter_by .dropdown {
    position: relative;
    display: block;
    line-height: 1;
    padding: 17px 7px;
    white-space: nowrap;
    width: 110px;
    float: right;
    top: 0px;
    left: 0;
}

}



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






nav.expand-menu {
	position: relative;
}
nav.expand-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.expand-menu ul li.parent  {
position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

nav.expand-menu ul li.parent:last-child  {
position: relative;
    margin-bottom: 0;
    border-bottom: 0px solid #f0f0f0;
    padding-bottom: 0px;
}


nav.expand-menu ul li a {
	display: block;
	padding:0px 0px;
	color: #333;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
    width:auto;
	padding-left: 30px;
}


nav.expand-menu ul li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
}
nav.expand-menu ul ul {
    padding: 5px;
}

nav.expand-menu ul li ul li a {
    border-left: 8px solid transparent;
    padding: 5px 0 5px 15px;
    font-size: 14px;
}

nav.expand-menu ul li ul li{
	border-bottom:1px solid #000
}



nav.expand-menu ul li ul li:last-child {
	border-bottom:0px solid #000;
	margin-bottom:10px
}



nav.expand-menu ul li ul li a:hover {
	border-left: 8px solid #efa600;
	color:#efa600
}

nav.expand-menu  ul li .expand{
	position: absolute;
    left: 0px;
    top: 2px;
    /* width: 22px; */
    display: table;
    background: #efa600;
    /* height: 22px; */
    z-index: 1;
    /* border-radius: 50%; */
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    color: #fff;
    border-radius: 50%;
    padding: 3px 3px 3px 3px;
    width: 18px;
    height: 20px;
    line-height: 12px;
	transition:all ease 0.3s
}

nav.expand-menu  ul li .expand:hover{
    background: #323232;
	transition:all ease 0.3s
}


nav.expand-menu ul li a:hover {
	color:#efa600
}


nav.expand-menu ul li ul li .expand{
	display:none;
}

nav.expand-menu ul li .icon-rotate.rotate{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}