body#default_layout{padding-top:113px;font-family: 'Montserrat'; color:#000000;background:#fff; font-size:16px;overflow:auto; }
.message.success{text-align:center; color: #00AA00;}
.side_body {padding-bottom: 50px;}
.popup .container{text-align: center}
.popup p{
	background: #481361;
	border-radius: 5px;
	color: #fff;
	box-sizing: border-box;
	padding: 20px;
	max-width: 90%;
	display: inline-block;
	position: relative;
}
.closing {position: absolute; top:0; right:3px; cursor: pointer}
.main p {font-size: 24px}
a:link,a:hover,a:active,a:visited{color:inherit;}
small{font-size:12px;}
big{font-size:20px;}
.font_25{font-size:25px;}
.font_24{font-size:24px;}
.font_23{font-size:23px;}
.font_22{font-size:22px;}
.font_21{font-size:21px;}
.cake-error{color:#f00;}
.popup {margin-top:1em}

.bee-page-container > .bee-row {width: 100%; float: left}

.slide img {width: 100%; max-width: 100%; display: block}

/*.container{width:1260px; margin: 0 auto;}*/
.header-container{ width: 96%; margin: 0 auto;}
.container {width: 96%; margin: 0 auto; position: relative;}


/* HEADER */
header{box-shadow: 5px -6px 10px #000;}
.header-top{ float: left; width: 100%; background: #481361;}
.header-top-box{ display: flex; flex-wrap: wrap; justify-content: flex-end;}
.social-icons a{ color: #fff; display: inline-block; padding: 5px;}
.lang a{ color: #fff; padding: 5px; display: inline-block; }
.lang a:hover, .social-icons a:hover{ background: #A8CA51;}
.header-bottom{ float: left; width: 100%;}
.header-bottom-box{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px 0;}
.header-right ul{ width: 100%; float: left; text-align: right; list-style-type: none; margin: 20px 0; padding: 0;}
.header-right ul li{ display: inline-block; width: auto; margin-left: 15px;}
.header-right ul li a{ color: #481361; padding-bottom: 30px; text-transform: capitalize;}


.input.radio {width: 100%; }
.input.radio label:first-of-type, .input.select > label:first-of-type {width: 100%; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.input.radio label{width: 32%; display: inline-block }
.input.radio label input {display: inline-block; width: auto; margin-right: 5px; }
.checkbox {width: 20%;}
.checkbox {display: flex}
.checkbox label {width: 100%}
.contact_element .checkbox label input {display: inline-block;
width: auto; margin-right: 5px}
.input.select{
display: flex;
flex-wrap: wrap; }
.contact_element .checkbox{text-align: left}
.many .checkbox {width: 35%;}
.many .select {justify-content: center}
.side_body .inner-box-content {align-items: flex-start}
.side_body .inner-box-flex-col > h1, .side_body .inner-box-flex-col > p {margin-top: 0}

.left_menu {width: 19%; float: left; margin-left: 1% }
.side_body {width: 79%; float: right}
.leftnavigation, .leftnavigation ul {width: 100%; float: left}
.left_menu .dropdown-content {display: block !important; position: relative}
.left_menu .language_switch {display: none}
.left_menu ul.dropdown-content li:first-of-type a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.left_menu ul.dropdown-content li.active a {background: #481361; color: #fff}
.left_menu .dropdown-content {top: 0}

.header-right ul li a:hover{ border-bottom: 5px solid #A8CA51;}
.header-right ul > li.active > a{border-bottom: 5px solid #A8CA51;}
ul.dropdown-content li.active a{border-bottom: none !important}




/*
.fixed_header .header-bottom{ position: fixed; z-index: 9999; background: #fff; box-shadow: 5px -6px 10px #000;  }*/

.request_action_homepage .slideshow{ display: block;}
.slideshow{ display: none;}

header { box-shadow: 5px -6px 10px #000; position: fixed; top:0; left:0; right:0; z-index:9999; background: #fff; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; }
.fixed_header header{ margin-top:-32px;}
.dropdown-content {display: none; min-width: 180px;

	top: 53px;
	
	}

ul.level_1 li:hover ul.dropdown-content {display: block}
ul.level_1 li {position: relative}
ul.dropdown-content {position: absolute; background: none; margin: 0; padding: 0; list-style-type: none}
ul.dropdown-content li {display: inline-block; width: 100%; margin: 0; padding: 0; list-style-type: none}
ul.dropdown-content li a{display: inline-block; width: 100%; text-align: left; margin: 0; padding: 0; list-style-type: none; background: rgba(168,202,81,0.9); color: #481361; padding: 8px 5px;}
.dropdown-content  li a:hover {
	border-bottom: none !important;
	background: #481361; color: #fff
}

ul.dropdown-content li:last-of-type a {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px}

#prev{ display: none;}
#next{ display: none;}
.slideshow { position: relative; float: left; width: 100%;}
.overlay{ position: absolute; z-index: 999; top: 5vw; right:5vw; background: rgba(255,255,255,0.8); padding: 15px; width: 50%; border-radius: 40px;}
.title-slide{ float: left; width: 100%; text-align: left; font-size: 50px; color: #481361; font-weight: 900; position: relative; padding-bottom: 15px;}
.title-slide:before{ position: absolute; z-index: 100; border-bottom: 8px solid #A8CA51; left: 0; content: ""; width: 50px; bottom: 0;}
.button-slide{ float: left; width: 100%; margin-top: 20px;}
.button-slide a{ width: 100%; text-align: center; font-size: 32px; text-transform: uppercase; color: #fff; background: #481361; border-radius:50px; float: left; padding: 15px 0;}

.quick-links{ float: left; width: 100%;}
.link-box{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0;}
.link-1{ flex: 0 0 30%; max-width: 100%; position: relative; border-radius: 15px; box-shadow: 0px 0px 8px #757575; max-height: 420px; overflow: hidden;}
.box-title{ position: absolute; z-index: 10; bottom: 0; width: 100%; text-align: center; padding: 10px 0; font-size: 32px; color: #fff; background: rgba(168,202,81,0.8); transition: 0.5s ease all;}*/
.box-image{ position: relative;}
.link-1 a{float: left; width: 100%;}
.link-1 a:hover .box-title{ padding: 191px 0;}
.purple-bg{background: rgba(72,19,97,0.8);}

.slide-inner{ display: block;}
.slide-inner{ float: left; width: 100%; background: url('../img/inner.jpg') no-repeat center center; height: 272px; }
.title-box{ float: left; width: 100%;}
.page_title{ font-size: 50px; text-align: left; color: #481361; font-weight: bold; padding: 75px 0;}

.page_id_1 .slide-inner{ display: none;}


.section1{ background: #ededed; float: left; width: 100%; padding: 30px 0;}
.section1-box{ float: left; width: 100%;}
.section-title{ float: left; width: 100%; text-align: center; font-size: 42px; font-weight: 900; color: #481361; position: relative; padding-bottom: 20px;}
.section-title:after{ position: absolute; z-index: 10; border: 5px solid #A8CA51; content:""; width: 5%; bottom: 0; left: 0; margin: 0 47%;} 
.section-mid-box{ float: left; width: 100%;}
.section-mid-box-text{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; align-items: center;}
.section-col{ flex: 0 0 49%; max-width: 49%;}
.align-pic{ text-align: right;}
.section-col p{ text-align: justify; font-size: 24px; line-height: initial}
.section-col a.section-button{ float: left; width: auto; padding: 15px 50px; font-size: 32px; color: #fff; background: #481361; border-radius: 50px; text-transform: uppercase;}
.white-bg{ background: #fff;}
.section-col a.right-button{ float: right; background: #A8CA51;}

.promo-box{ float: left; width: 100%; background: url('../img/bg.jpg') no-repeat center bottom; height: 150px;}
.promo-flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.promo-col-1{ flex: 0 0 30%; max-width: 100%;}
.promo-col-2{ flex: 0 0 70%; max-width: 100%;}
.promo-col-1 a{ float: left; width: auto; padding: 15px 30px; font-size: 32px; color: #fff; text-transform: uppercase; text-align: center; background: #A8CA51; border-radius: 50px;}
.promo-col-2 p{ font-size: 32px; text-align: right; color: #fff;}


.bee-row-content {max-width: 100% !important}
footer{ background: #ededed; float: left; width: 100%; }
footer > .header-container {padding:20px 0 50px 0}
.footer-box-flex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-col{ flex: 0 0 50%; max-width: 50%;}
.footer-col.col1m{
	flex: 0 0 40%; max-width: 40%;
}
.footer-col.col2m{
	flex: 0 0 60%; max-width: 60%;
}
.addres{ float: right; width: 50%; text-align: right; }
.opening{ float: right; width: 100%; text-align: right;}
.new-logo img {max-width: 100%}

.contact_element form {width: 600px; margin: 0 auto; text-align: center}
.contact_element form .input{width: 100%; margin-bottom: 15px}
.contact_element form input,.contact_element form textarea{ width: 96%; padding: 2%; border:solid 2px #481361; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.contact_element form  button {font-size: 24px; text-transform: upparcase; background:#A8CA51; border:solid 2px #A8CA51; color: #fff; padding: 20px 30px; transition: .2s  ; -webkit-transition: .2s  ; -moz-transition: .2s  ; -ms-transition: .2s  ; -o-transition: .2s  ; }
.contact_element form  button:hover {background: #481361; color: #A8CA51}

.contact_element.rdv form input,.contact_element.rdv form textarea {padding-left: 0;border:none; border-bottom: solid 3px #481361; background: none; border-radius:0; --webkit-border-radius:-; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; }
.contact_element.rdv form {width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between}
.contact_element.rdv .input {width: 49%}
.contact_element.rdv .input.textarea {width: 100%}
.contact_element.rdv .input.radio {
    width: 100%;
}
.submit-button {margin: 35px 0 50px}
.contact_element.columns .input {width: 49%}
.contact_element.columns .input input {background: none}
.contact_element form p {color: #A2BE40}
.contact_element.columns form{display: flex; justify-content: space-between; width: 60%; flex-wrap: wrap}
.contact_element.columns .four-cols div.radio {width: 15%}
.four-cols, .three-cols {display: flex; justify-content: space-between;}
.four-cols .radio label, .three-cols .radio label, .three-cols .checkbox label, .three-cols .checkbox  {width: 100%; text-align: left}
.contact_element.columns .full .input {width: 100%}
.checkbox {flex-wrap: wrap; width: 100%}
.contact_element.columns input.select > label:first-of-type {display: flex; justify-content: flex-start}
.contact_element.columns .input.radio label:first-of-type, .contact_element.columns .input.select > label:first-of-type {
	display: flex; justify-content: flex-start
}


.contact_element.columns .many.full .input.radio label:first-of-type, .contact_element.columns .many.full .input.select > label:first-of-type {
	display: flex; justify-content: center
}

.contact_element.columns .row.full .input.radio label:first-of-type, .contact_element.columns .row.full .input.select > label:first-of-type {
	display: flex; justify-content: center
}

.request_action_contact .inner_body h1,.request_action_contact .inner_body h2, .request_action_contact .inner_body h3{text-align:center}
.request_action_rdv .contact_element.rdv form {width: 80%; font-size: 16px}
.footer-title{font-size: 28px; color: #481361; font-weight: bold; text-transform: uppercase}
.footer-stripe{ float: left; width: 100%; background: #481361; padding: 10px 0;}
.footer-stripe .socials{ float: left; width: 100%; text-align: center; margin-top: -45px; padding-bottom: 21px;}
.footer-stripe .socials a{ width: 55px;

	height: 55px;
	
	display: inline-block;
	
	line-height: 55px;
	
	text-align: center; font-size: 24px; color: #fff; background: #481361; border-radius: 999px; -webkit-border-radius: 999px; -moz-border-radius: 999px; -ms-border-radius: 999px; -o-border-radius: 999px; }

.info-stirpe{ float: left; width: 100%;}
.info-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.info-col{ flex: 0 0 40%; max-width: 40%; color:#fff;}

.logos-bot{ float: left; width: 100%;}
.logos-bot-flex{ display: flex; flex-wrap: wrap; justify-content: flex-end;}
.logos-col{ flex: 0 0 auto; max-width: 100%; margin: 0 1%;}

.inner-box{ width: 100%; float: left;}
.inner-box-content{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.inner-box-flex-col{ flex: 0 0 0 68%; max-width: 68%;}
.inner-box-flex-col h1{font-size: 42px; color: #481361; font-weight: bold;}
.inner-box-flex-col p{ text-align: justify;}
.inner-box-flex-col-2{ flex: 0 0 29%; max-width: 29%;}
.inner-box-flex-col-2 img{ max-width: 100%;}
.inner-box-flex-all{ flex: 0 0 100%; max-width: 100%;}
.inner-box-flex-all p{ text-align: justify;}
.inner-box-flex-all-button{ flex: 0 0 100%; max-width: 100%; text-align: center; margin: 30px 0;}
.inner-box-flex-all-button a{ font-size: 32px; color: #fff; background: #481361; padding: 10px 30px; text-align: center; border-radius: 50px;}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
	50% {
	  background-color: rgba(162, 190, 64, 0.75);
	}
  }
  @keyframes hvr-back-pulse {
	50% {
	  background-color: rgba(162, 190, 64, 0.75);
	}
  }
  .hvr-back-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
  }
  .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
	-webkit-animation-name: hvr-back-pulse;
	animation-name: hvr-back-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-color: #A8CA51;
	background-color: #A8CA51;
	color: white;
  }

/* WORKERS */
.equipe_box{ width: 80%; margin: 80px 10%; float: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.cli_title, .formation_box p.formation_title{font-size: 3vw; color: #d10b0c;}
.equipe_box_left, .equipe_box_right{flex: 0 0 33%; max-width: 49%; margin: 0 0 20px; text-align: center; }
.matte_pic{ width: 100%; float: left;}
.matte_text{ width: 100%; float: left; text-align: center;}
.matte_pic img{width: 150px; height: 150px;}
.matte_text a { color: #C80126;}
.matte_text a:hover {text-decoration: underline}
.matte_text p{color: #343434;line-height: 30px;}
.cli_box, .cli_box_bg, .cli_box_img, .cli_title { width: 100%;float: left; text-align: center}
/* WORKERS END */

/* TESTIMONIALS */
.col2 {color: #d10b0c !important;}
.red-box-title {margin-bottom: 80px;}
.red-box-title {float: left; text-align: center; width: 100%; font-size: 3vw; font-weight: bold;}
span.black { color: #292929;}
#testimonial-slide {float: left;width: 100%; font-size: 26px;  font-weight: 600;color: #292929; position: relative;text-align: center;}
#testimonial-slide::before { content: "";position: absolute;z-index: 10;top: -20px;background: url('../img/in1.png')no-repeat center left; height: 30px;width: 30px;left: -35px;}
#testimonial-slide::after {content: ""; position: absolute; z-index: 10; bottom: 0;background: url('../img/in2.png')no-repeat center left; height: 30px; width: 30px; right: -35px;}
.tes-1 {margin: 0;}
.signature { width: 100%; float: left;text-align: center; font-size: 14px;}
/* TESTIMONIALS END */

/* LOGOS */ 
.red-box { width: 100%; float: left; padding: 120px 0; background: #d10b0c url('/img/redbg.jpg')no-repeat center;background-size: auto;background-size: 100%;}
.red-box .container { display: flex; justify-content: center;flex-wrap: wrap;}
.red-box-title { margin-bottom: 80px;}
.red-box-title { float: left; text-align: center; width: 100%; font-size: 3vw; font-weight: bold; color: #ffffff;}
.mat-slde-cont {overflow: hidden;}
.mat-slde-cont {display: flex; justify-content: center; flex-wrap: wrap; position: relative; width: 80%; padding: 0 10%;}
.red-button {float: left; width: 100%; text-align: center; margin-top: 80px; display: flex; flex-wrap: wrap; justify-content: center;}
#prev, #next {font-size: 50px;height: 50px;line-height: 50px;}
#prev { position: absolute;z-index: 999; left: 0; top: 0; bottom: 0;margin: auto;}
#next { position: absolute; z-index: 999; right: 0; top: 0; bottom: 0;margin: auto;}
.slideshow_mat img {
    max-width: 100%;
    width: auto;
}
.slideshow_mat {
    text-align: center;
}
.mat-slde-cont {
    width: 100%;
    margin: 0;
    padding: 0;
}
.mat-slde-cont {
    overflow: hidden;
}
.mat-slde-cont {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;}
.red-button a {
    color: #fff;
    font-size: 42px;
    padding: 15px 30px;
    border: 3px solid #fff;
    border-radius: 10px;
    font-weight: bold;
}
/*LOGOS END */




.button,button{border: 1px solid #2e2e2e;background:#2e2e2e;color:#fff; transition:background 0.5s, color 0.5s, opacity 2s; border-radius:35px; padding:10px 20px; text-align:center;display: inline-block;}
.button:hover,button:hover{background:transparent;}

#open_mobile_menu{display:none;}
#mobile_menu{display: none;transition: width 0.5s;}
#wrap_whole_website{transition: margin 0.5s;float:left;width: 100%;}
#open_mobile_menu .fa-close{display:none;}
.opened_mobile_menu #open_mobile_menu .fa-close{display:inline;}
.opened_mobile_menu #open_mobile_menu .fa-bars{display:none;}

.content-all{ width: 96%; margin: 0 auto;}
.left_menu ul.dropdown-content li a{padding: 8px 2%; width: 96%;}
.left_menu{ width: 19%; margin-left: 0; margin-right: 1%;}
.lang {text-transform: uppercase}
.lang .active {display: none}

h1{font-size: 32px; text-align: left; color: #481361; font-weight: bold;}

.inner-box .container{ width: 100%;}
.inner-box p{ font-size: 21px;}
.inner_body .container{ width: 96%; margin: 0 auto;}

#job_offers .job_line p.title{margin:0 0 10px; font-size:150%; font-size: 38px; color: #481361; font-weight: bold;}
#job_offers .apply_form button,#job_offers .job_line a.button{transition: all 0.5s; font-size: 16px; color: #fff; background: #481361; padding: 10px 30px;text-align: center; margin-top: 30px; border-radius: 50px;}
#job_offers .apply_form{margin:0 auto; width: 60%}



/* reservation */
.users_section img {
	width: 200px;
}

.steps {text-align: center}
.steps span {font-family: 'Montserrat'; border: solid 2px #000; background: #F9F9F9;margin: 10px;font-size: 32px;width: 50px;height: 50px;text-align: center;line-height: 50px;display: inline-block;border-radius: 100%;}
.steps span::after{content: ''; height: 2px; background: #000; width: 50px;}
.steps span.active {color: #fff; background: #8a0074}
.steps span.line {width: 30px;height: 0px;border-radius: 0;background: #000;margin: 10px 0}

.users_section ol, .users_section ol li {list-style-type: none; margin: 0; padding: 0}
.users_section ol {width: 100%; display: flex; justify-content: center; flex-wrap: wrap}
.users_section ol li {text-align: center; width: 18%; margin:1%; cursor: pointer}
.users_section ol li img {max-width: 100%; width: 60px}
.users_section ol p{margin-top: 0; font-family: 'Montserrat'; font-size: 14px;}

.users_section {min-height: 535px;

background: #F9F9F9;

flex-wrap: wrap;
	box-shadow: 3px 3px 6px grey;}
	
.rdv h1 {
	text-align: center;
}
.rdv h1 {
	text-align: center;
}
.rdv .center {
	float: none;
	margin: auto;
}
.text-center {
	text-align:center;
}

ol.services {
	list-style: none;
	justify-content: space-evenly;
display: flex;
}
ol.services li {
cursor: pointer;
	padding: 5px 30px;
margin: 10px 0;
border-radius: 50px;
background: #EDEDED;
border: solid 2px #E6E6E6;
font-size: 21px;
font-weight: 500;
color: #000000;
transition: .2s;
-webkit-border-radius: 50px;
}

ol.services li.active {
	background: #481361 !important;
color: #fff !important;
border-color: #481361 !important;
}
.users_section li p {
	color: #000;
}
.float-left {
	float: left;
}
.activeday {
	background: #481361 !important;
color: #fff !important;
}

.rdv #hours span.label, #form span.label {
text-transform: uppercase;
font-weight: bold;
font-size: 21px;
text-align: center;
width: 100%;
display: inline-block;
}
.rdv #hours ol {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
.rdv #hours ol.hours li {
width: 51%;
display: inline-block;
cursor: pointer;
padding: 5px 0;
margin: 10px 0;
border-radius: 50px;
background: #EDEDED;
border: solid 2px #E6E6E6;
font-size: 21px;
font-weight: 500;
color: #000000;
transition: .2s;
}
.timer-p {
text-align: center;
font-weight: bold;
font-family: 'Montserrat';
}
.col_60 {
	width: 60% !important;
}
.rdv #hours span.label, #form span.label {
text-transform: uppercase;
font-weight: bold;
font-size: 21px;
text-align: center;
width: 100%;
display: inline-block;
}
.rdv #form span.label {
margin-top: 13px;
margin-bottom: 9px;
}
.rdv .form input, .rdv .form textarea {
width: 90%;
padding: 1.5% 1%;
border: solid 2px #C8C8C8;
margin-bottom: 5px;
background: #fff !important;
}
.rdv .form input:required {
background: none;
}
.rdv button:hover {
	background: #481361 !important;
color: #fff !important;
border-color: #481361 !important;
}
#logicake_apps {
	margin-bottom: 50px;
}

.steps span{ border: none;}
.users_section{ margin-top: 20px; border: 2px solid #481361; border-radius: 15px; box-shadow: none; background: url('../img/round.png')repeat;}
.users_section ol li img{ background: #ededed; border-radius: 50px;}
.person img{ max-width: 20%; border-radius: 50%; background: #ededed;}
.hours_section { padding: 10px; border: 2px solid #481361; border-radius: 15px; }

.hours_section{ margin-top: 20px; background: url('../img/round.png')repeat;}
.rdv .form input, .rdv .form textarea{ width: 97.6%;}
.text-center{ margin: 20px 0;}

/* BLOG */
.articles 
    .container {
        width: 96%;
        margin: 0 2%;
    }

.filter {margin-top:15px;}
.bakground-image img {width: 100%; max-width: 100%; height: 550px; object-fit: cover;display: block; margin-top: -115px}
header .search {font-size: 16px; color: #fff; display: inline-block; width: auto; height: 30px; margin-top: 27px; margin-left: 5px; cursor: pointer}
header .search i {transition: .2s}
header .search i:hover  {color: #481361}
.article .container {display: flex; justify-content: space-between; width: 96%; margin: 0 2%}
.filter .select {
    padding-top:25px;
    padding-bottom: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newsletter .left-search input {background: #fff}
.left-search input {border:solid 1px #481361}
.filter .select select {
    width: 450px;
    padding: 10px;
    border-radius: 10px;
    border: solid 2px #B5B5B5;
    margin: 0 10px;
}
.boxes {display: flex; justify-content: center;flex-wrap: wrap}


.boxes > a {
    text-align: center;
    width: 30%;
    cursor: pointer;
    overflow: hidden;
    margin: 1.1%;
    margin-bottom: 35px;
    border: solid 2px #c1c1c1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.boxes > a  span > span{
    box-sizing: border-box; padding: 0 10px;
}
.boxes > a  span > span.box-image {padding: 0}
.box .box-title {
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 10px;
   
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 60px;
}
.box .box-title-art {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    min-height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box-image {
    overflow: hidden;
    height: 200px;
}
.box-image img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}
.box .box-category {
    font-size: 12px;
    color: #BBBBBB;
    margin: 10px 0;
    
}
body#default_layout.request_action_articles {padding-top: 0}
.box .box-desc {
    color: #262626;
    font-size: 16px;
    min-height: 85px;
    text-align: left ;margin-top:10px;
    min-height: 145px;
}
span.date {text-align: left; color: #481361; width: 100%; display: inline-block; font-size:12px}
.article-placeholder {margin-bottom: 50px;}
.article-body p {line-height: 1.3em !important; font-family: 'Montserrat' !important; font-size: 16px !important}
.article-body h2 {font-family: 'Montserrat' !important; font-size: 18px !important}
.box .box-summary {
    color: #262626;
    font-size: 14px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    padding:15px 0;
    border-top: solid 2px #C1C1C1;
}
.red-more {
    font-weight: 600;
    color: #481361;
}

.menu-placeholder {
    width: 17%;
}
.right-placeholder {
    width: 17%;
}
.article-placeholder {
    width: 66%;box-sizing: border-box;
    padding: 0 4%;}
.right p, .left p {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: solid 3px #C1C1C1;
    padding-bottom: 10px;
}
ul.article-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.article-menu li {
    list-style-type: none;    
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    margin-left: 10px;
    margin-bottom: 8px;
}
ul.article-menu li a {
    transition: .2s;
    outline: none;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
}
ul.article-menu li.active a, ul.article-menu li a:hover {
    color: #481361;
}
.left-search form {
    position: relative;
    overflow: hidden;
}
.left-search .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.left-search input {
    width: 100%;
    font-size: 12px;
    height: 26px;
    padding-left: 5px;
}
.left-search button {
    top: 0;
    right: 0;
    height: 26px;
    width: 26px;
    text-align: center;
    padding: 0;
    position: absolute;
    background: #481361 !important;
    border: none;
    border-radius: 0;
}
body#default_layout.foreign_model_article {overflow: initial}
.request_action_articles .slide-inner{display: none}
.menu-placeholder .menu {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.cat-nav, ul.cat-nav li, .ul.cat-nav li a {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.cat-nav li {
    margin-bottom: 10px;
}
ul.cat-nav li a {
    text-transform: uppercase;
    font-size: 14px;
}
ul.cat-nav li.active a, ul.cat-nav li a:hover {
    color: #481361;
}
.new-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
}
.new-socials .fas, .new-socials .fab, .new-socials .far {
    color: #262626;
    margin: 0 10px;
    transition: .2s;
}
.new-socials .fas:hover, .new-socials .fab:hover, .new-socials .far:hover {
    color: #481361;
}
.right > div {
    margin-bottom: 50px;
}
.hidden-placeholder.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}
.hidden-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    transition: .2s;
    top: -2px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
}
.hidden-placeholder form .input {
    width: 600px;
    max-width: 600px;
}
.hidden-placeholder form .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hidden-placeholder form input {
    padding-left: 10px;
    width: 100%;
    font-size: 21px;
    height: 40px;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.hidden-placeholder form button {
    color: #000;
    background: #481361;
    font-size: 28px;
    border: none;
    position: absolute;
    padding: 0;
    margin: 0;
    right: 0;
    top: 0;
    z-index: 99;
    border-radius: 0;
    height: 42px;
    width: 42px;
    color: #fff;
}
.form-overlay {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -9;
    position: absolute;
}
.hidden-placeholder.active {
    visibility: visible;
}
.hidden-placeholder {
    visibility: hidden;
}
.hidden-placeholder form {
    position: relative;
    z-index: 999;
}
span.category {
    display: inline-block;
    width: auto;
    color: #262626;
    font-size: 18px;
    text-align: center;
    position: relative;
}
span.category::before {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    color: #481361;
    background: #481361;
    left: -60px;
    top: 0;
    bottom: 0;
    margin: auto;
}
span.category::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    color: #481361;
    background: #481361;
    right: -60px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.blog-img {
    position: relative;
    text-align: center;
}
.blog-img img {
    display: block;
    width: 100%;
    max-width: 100%;
}
img.article-header {
    -o-object-fit: cover;
    object-fit: cover;
    height: 500px;
    margin-top: -115px;
}
.article-title-placeholder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 15px 25px 15px;
    width: 56%;
    bottom: -15px;
    z-index: 2;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.art-title {
    width: 100%;
    text-align: center;
    color: #262626;
    font-size: 32px;
    margin: 10px 0;
    text-transform: uppercase;
    line-height: initial;
}
.inside-title {display: inline-block; width: 100%; text-align: center; margin-top:15px}
.art-date {
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #481361;
    font-size: 14px;
    font-weight: lighter;
}
.tags {display: flex; justify-content: center; flex-wrap: wrap;}
 .tags-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tags a {
    transition: .2s;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 14px;
    border: solid 2px #dfdfdf;
    margin: 15px 15px;
        margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
}
.tags a.active, .tags a:hover, .tags a.active {
    border-color: #262626;
}
.similar-articles .additional.row {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}
.similar-articles .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.similar-articles .list .box {
    border: none;
    text-align: center !important;
}
a.box {
    text-align: center;
    width: 30%;
    cursor: pointer;
    overflow: hidden;
    margin: 1%;
        margin-bottom: 1%;
    margin-bottom: 35px;
    border: solid 2px #c1c1c1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.similar-articles .list .box * {
    text-align: center !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.similar-articles .list .box {
    border: none;
    text-align: center !important;
}
.similar-articles {text-align: center}
.similar-articles .list .box .box-image {height: auto}
.tags.row::after {
    display: inline-block;
    content: '';
    width: 90%;
    height: 4px;
    color: #c1c1c1;
    background: #c1c1c1;
    margin: 30px 0 40px 0;
}
strong.centered-title {display: inline-block; width: 100%; text-align: center; font-size: 40px; margin-top: 35px; margin-bottom: 35px}
.form-title {
    font-size: 55px;
    text-transform: none;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top:35px;
}
.comment-form form {
    width: 100%;
    text-align: left;
}
.comment-form .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.comment-form form .input {
    width: 100%;
    font-size: 18px;
}
.comment-form form {
    text-align: left;
}
.comment-form form .input input, .comment-form form .input textarea {
    font-style: italic;
    margin-bottom: 10px;
    padding: 1%;
    border: solid 1px #9d9d9d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.comment-form form .input input {
    width: 35%;
    font-size: 14px;
}
.comment-form .checkbox {
    margin-bottom: 15px;
    margin-top: 8px;
}
.comment-form form .textarea {
    width: 80%;
}
.comment-form form button {
    font-weight: initial;
    transition: .2s;
    color: #262626;
    font-size: 16px;
    padding: 1.5%;
    text-transform: uppercase;
    background: 0 0;
    color: #262626;
    border: solid 2px #9d9d9d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
}
.comment-form form button:hover {
    border-color: #262626;
    background: #e2e2e2;
}
.checkbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.comment-form form .textarea textarea {
    width: 80%;
    font-size: 14px;
}
.checkbox label input {
    display: inline-block;
    width: auto !important;
    margin: 0 !important;
        margin-right: 0px;
    margin-right: 5px !important;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}
.comment-box {
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    background: #f9f9f9;
    font-size: 16px;
    margin-bottom: 20px;
}
.comment-box .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.comment-name {
    float: left;
}
.comment-box .name {
    font-size: 18px;
    font-weight: 600;
}
.comment-name .fa {
    margin-right: 15px;
}
.comment-date {
    float: right;
}
.fixed_header .search {margin-top: 5px}
.request_action_tags .tags.row::after {width:100%; height: 0;}
.request_action_tags .tags {flex-wrap: wrap}
.share.row {
    display: flex;
justify-content: center;
font-size: 23px;
line-height: 20px;
align-items: center;
margin: 50px 0;
}
.share.row > div {margin:0 50px;}

.article-body a{ color: @green; font-weight: bold;}
.article-body .category a{font-weight: normal !important; color :#000 !important;}

/* BLOG END */
.footer-box-flex > div {width: 33% !important; max-width: 33% !important}
.footer-box-flex {justify-content: center; align-items: center}
.new-logo img {margin-left: 5%}


@media only screen and (max-width: 600px) {
        #job_offers .apply_form{margin:0 auto; width: 90%}
}

@media only screen and (max-width: 1630px){

	.container{ width: 96%; padding: 0 2%;}
	.overlay{ right: 5%;}
	.section-col img{max-width: 100%;}
	.inner_body .container{ width: 96%; }
	.inner-box .container{ width: 100%; padding: 0;}
	.content-all{ width: 96%;}
}

@media only screen and (max-width: 1500px){
	.overlay{ top: 85px;}
	.button-slide a{ font-size: 24px;}
	.title-slide{ font-size: 42px;}
    .link-1{ max-height: 360px;}
    .footer-col.col1m img {max-width: 100%; height: auto}
}
@media only screen and (max-width:1280px){
	.title-slide{ font-size: 32px}
	.button-slide a {font-size: 18px;}
	.section-col p{ font-size: 18px;}
	
}
@media only screen and (max-width: 1090px){
    body#default_layout {padding-top:83px;}
	body.opened_mobile_menu #wrap_whole_website{margin-right:0%;}
	body.opened_mobile_menu #mobile_menu{width:100%;}
	#mobile_menu{position:fixed;right:0%;width:0%;top:84px; height:100%; overflow-y:auto; transition: left 0.5s, width 0.5s; background: #ededed; display: block; z-index:1000;}
	#mobile_menu ul{list-style-type:none; }
	#mobile_menu ul{padding:0;width: 100%; margin:0; float:left;margin-bottom: 0;}
	#mobile_menu ul li{ float:left;width:100%; position:relative;}
	#mobile_menu ul li i{transition: transform 0.3s; position: absolute;right: 3px; top:10px;bottom:0; height: 24px; line-height:24px; font-size:24px; color:#fff;}
	#mobile_menu ul li.active > i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
	#mobile_menu ul li.active > a{background: #8a0074; color: #fff;}
	#mobile_menu ul a{width:100%;display:block;text-align:center; padding: 10px 0; background: none; color: #8a0074; transition: background 0.5s, color 0.5s;}
	#mobile_menu ul ul li a{ width:96%;padding-left:2%;padding-right:2%;background: #481361; color: #fff;}
	#mobile_menu ul ul{display:none;}
	#mobile_menu ul ul li:last-child{border-bottom:none;}
	#mobile_menu .social p{color:#fff;text-align:center;}
	#mobile_menu .logo{text-align:center;}
	.close_mobile_menu,#open_mobile_menu{ position: fixed; z-index: 99999; font-size:30px; top: 19px; right: 10px; text-align: center;border-radius: 50%; display:block;/* background:#df9800;*/height:45px;width:45px;text-align:center;line-height:45px; color:#481361;}
	.close_mobile_menu:focus,#open_mobile_menu:focus{ outline: none;}
	.close_mobile_menu{left: auto;right:10px; background:rgba(0,0,0,0.20);cursor:pointer;}
	/* mobile menu rotating chevron */
	#mobile_menu li.dropdown a{position: relative;}
	#mobile_menu li.dropdown > a::after {position: absolute; margin: auto; top: 0; bottom: 0; right: 2vw; font-family:FontAwesome; content:"\f078"; color: #8a0074; transition: .2s; height: 24px;}
	#mobile_menu li.dropdown.arrow > a::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);color: #fff }
	#mobile_menu li.active.dropdown > a::after {color: #fff}
	/* end */

	.header-top{ display: none;}
	.header-right{ display: none;}
	.fa .fa-close{display: none;}
	.close_mobile_menu{ display: none;}
	#mobile_menu .lang{ float: left; width: 100%; margin: 15px 0;}
	#mobile_menu .lang a{ color: #8a0074;}
	.overlay{ position: relative; position: relative;background: none;left: 0;right: 0; top: 0; float: left; width: 100%;}
	.title-slide::before{ display: none;}
	.title-slide{ text-align: center;}
	.link-box{ justify-content: center;}
	.link-1{ margin: 10px; flex: 0 0 auto;}
	.section-col{ flex: 0 0 100%; max-width: 100%;}
	.section-col a.section-button{ float: none; display: block; margin: 0 0 20px; text-align: center;}
	.align-pic{ text-align: center;}
	.section-col{ text-align: center;}
	.footer-col{ flex: 0 0 100%; max-width: 100%; text-align: center;}
	footer{ padding-top: 0;}
	.addres{ text-align: center; width: 100%; margin: 20px 0;}
	.opening{ text-align: center; width: 100%; }
	.info-col{ flex: 0 0 100%; max-width: 100%; text-align: center; justify-content: center; margin: 10px 0;}
	.logos-bot-flex{ justify-content: center;}
	.footer-stripe .socials{ padding: 0; margin: 0;}
	.inner-box-flex-col{ flex: 0 0 100%; max-width: 100%;}
	.inner-box-flex-col-2{ flex: 0 0 100%; max-width: 100%; text-align: center;}

	header {position: fixed; background: rgba(255,255,255,0.9)}
	.fixed_header header {margin-top: 0}
	body {padding-top: 84px;}
	#mobile_menu .logo img {margin-bottom: 100px}
	#mobile_menu {overflow-y: scroll}
	#mobile_menu ul.dropdown-content {

		position: relative;
		
		width: 100%;
		
		max-width: initial;
		
		left: 0;
		margin-bottom: 0;
		right: 0;
		top: 0;}
		#mobile_menu ul.dropdown-content li:last-of-type a {border-bottom-left-radius: 0;border-bottom-right-radius: 0}
		#mobile_menu .lang-switch, #mobile_menu .phone, #mobile_menu .icons{text-transform: uppercase; color: #8a0074}
		#mobile_menu .lang-switch {margin-bottom: 20px;
		margin-top: 20px;
		font-size: 24px;} 
		#mobile_menu .icons .fa {font-size: 24px;}
		/*.lang-switch .active {display: none}*/
		.container {padding: 0; width: 90%; max-width: 90%}
		.overlay {left:0; right:0; float: none; margin: 0 auto; width: 90%}
		.popup {margin-top: 30px;}
		.footer-col.col2m{flex: 0 0 100%; max-width: 100%; margin-top: 20px;}
		.footer-col.col1m{ flex: 0 0 100%; max-width: 100%;}
		.content-all{ width: 96%;}
		.left_menu{ display: none;}
		.side_body{width: 100%; float: left;}
		.inner-box-flex-all-button a{ font-size: 21px;}
		h1{ text-align: center;}
		.inner-box p{ text-align: justify;}
		.contact_element form{ width: 98%;}
		.many .checkbox{ width: 100%;}
		.input.radio label{ width: 100%; text-align: left;}

		.checkbox{ width: 100%;}
		.link-1{ flex: 0 0 69%;}

        .link-1{ flex: 0 0 auto;}
        .footer-box-flex > div {width: 100% !important;
            max-width: 100% !important; text-align: center}
        .new-logo img {
            margin-left: 0;
        }
}

@media only screen and (max-width: 570px){
	body > iframe{display:none;}
	.section-col a.section-button{ font-size: 21px;}
}

@media only screen and (max-width: 470px){
	#dm_login{max-width:96%;}
	#dm_login label, #dm_login input{padding:0;}
	.section-col a.section-button{ font-size: 16px;}
	.section-title{ font-size: 32px;}
	.page_title{ font-size: 36px;}
    .link-1{ flex: 0 0 100%;}
    .header-left img {width: calc(100% - 60px);height: auto}
    header .header-left{height: 90px}
    .header-left {display: flex; justify-content: space-between; align-items: center}
    .header-bottom-box {margin: 0}
    body#default_layout {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 300px){
    body#default_layout {
        padding-top: 60px;
    }
    header .header-left{height: 60px}
    .close_mobile_menu, #open_mobile_menu{
        top: 5px;
    }
}