/*
Theme Name: Fedesap ADH Form
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


.global-loading {
  position: fixed;
  z-index: 99999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.global-loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.global-loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.global-loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.popin-container {
  position: fixed;
  overflow-y: auto;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

.popin-container .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.popin-container.default .content-wrapper {
  border-radius: 20px;
}
.popin-container.default .content-wrapper h3 {
  text-align: center;
  font-weight: bold;
}
.popin-container.default .content-wrapper a:not(.cta) {
  color: #36AEE5;
  word-break: break-all;
}
.popin-container.form-content .content-wrapper {
  min-width: 70%;
  border-radius: 20px;
}
.popin-container.activate {
  opacity: 1;
  visibility: visible;
}
.popin-container.activate .content-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.popin-container.activate.welcome-modal-wrapper .content-wrapper {
  width: 650px;
  min-width: auto;
}
.popin-container.activate.welcome-modal-wrapper .content-wrapper .body-wrapper p {
  line-height: 35px;
}
.popin-container.activate.welcome-modal-wrapper .content-wrapper .body-wrapper ul {
  padding: 5px 15px 15px 15px;
}
.popin-container.activate.welcome-modal-wrapper .content-wrapper .body-wrapper ul li {
  font-size: 95%;
  line-height: 25px;
}
.popin-container.activate.welcome-modal-wrapper .content-wrapper .body-wrapper ul li i.fa, .popin-container.activate.welcome-modal-wrapper .content-wrapper .body-wrapper ul li i.fas {
  color: #168eea;
  font-size: 10px;
  align-items: center;
  margin: 0 5px 0 0;
}
.popin-container.activate.welcome-modal-wrapper .content-wrapper .body-wrapper .footer-controls {
  display: block;
  text-align: center;
  margin-top: 20px;
}
.popin-container .content-wrapper {
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  color: #000000;
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50%);
  background-color: #ffffff;
  width: auto;
  padding: 20px;
}
.popin-container .content-wrapper a.close {
  cursor: pointer;
}
.popin-container .content-wrapper .body-wrapper {
  padding: 25px;
  font-size: 16px;
}
.popin-container .content-wrapper .body-wrapper a.btn-close {
  margin-top: 20px;
  float: right;
}
.popin-container .content-wrapper .body-wrapper ul.normal {
  list-style: disc;
  margin-left: 26px;
}
.popin-container .content-wrapper .body-wrapper .validate-message {
  text-align: center;
  max-width: 600px;
}
.popin-container .content-wrapper .body-wrapper .validate-message .actions {
  padding-top: 20px;
}
.popin-container .content-wrapper .body-wrapper .delegate-wrapper {
  max-width: 450px;
}
.popin-container .content-wrapper .body-wrapper .delegate-wrapper h2 {
  color: #000044;
  padding-bottom: 12px;
  font-size: 30px;
  font-weight: bold;
}
.popin-container .content-wrapper .body-wrapper .actions-wrapper {
  text-align: right;
}
.popin-container .content-wrapper .body-wrapper #frm-member-edit .actions-wrapper .cta.cta-save {
  border-width: 0;
}
@media (max-width: 767px) {
  .popin-container .content-wrapper {
    width: 100%;
    padding: 10px;
  }
  .popin-container .content-wrapper .body-wrapper {
    padding: 10px;
    font-size: 15px;
  }
}

a.cta.cta-green, button.cta.cta-green {
  border-radius: 3px;
  background-color: #168eea;
  padding: 6px 20px;
  border: 1px solid #168eea;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.6px;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

#delegue-popup {
	cursor: pointer;
}

.grecaptcha-badge {
	display: none;
}

/*
#primary-menu li:last-child a {
	padding-right: 25px ;
}
*/

#primary-menu .mega-full-width .dt-mega-menu-wrap
{
	background:#004781;
	
	background-repeat:no-repeat;
	background-size:365px 267px;
	background-position:798px 37px;
}

.main-nav .sub-nav > li.dt-mega-parent > a .menu-text
{
	font-family:'Open sans';
}


#primary-menu .mega-full-width .dt-mega-menu-wrap .sub-nav
{
	height:310px !important;
	padding-left:305px !important;	
	display:flex;
	justify-content:center;
}
#primary-menu .mega-full-width .dt-mega-menu-wrap .sub-nav
{
	height:340px;
	flex-direction:column;
	padding-left:370px;
	background-repeat:no-repeat;
	background-size:242px 242px;
	background-position:201px 30px;
}

#primary-menu .mega-full-width.mega-menu-0 .dt-mega-menu-wrap{ background-image:url('img/mega-menu-0-image.png'); }
#primary-menu .mega-full-width.mega-menu-0 .sub-nav{ background-image:url('img/mega-menu-0-icon.png'); }

#primary-menu .mega-full-width.mega-menu-1 .dt-mega-menu-wrap{ background-image:url('img/mega-menu-1-image.png'); }
#primary-menu .mega-full-width.mega-menu-1 .sub-nav{ background-image:url('img/mega-menu-1-icon.png'); }

#primary-menu .mega-full-width.mega-menu-2 .dt-mega-menu-wrap{ background-image:url('img/mega-menu-2-image.png'); }
#primary-menu .mega-full-width.mega-menu-2 .sub-nav{ background-image:url('img/mega-menu-2-icon.png'); }

#primary-menu .mega-full-width.mega-menu-3 .dt-mega-menu-wrap{ background-image:url('img/mega-menu-3-image.png'); }
#primary-menu .mega-full-width.mega-menu-3 .sub-nav{ background-image:url('img/mega-menu-3-icon.png'); }

#primary-menu .mega-full-width .sub-nav li .sub-nav{ 
	height: auto !important;
    background-image: unset;
    padding-left: 50px !important;
}



#primary-menu .mega-full-width .sub-nav li .sub-nav > li:not(.wpml-ls-item) > a .menu-text{ 
	color: #fff;
	text-transform: uppercase;
}

#primary-menu .mega-full-width .sub-nav li.current-menu-parent > a .menu-text,
#primary-menu .mega-full-width .sub-nav li .sub-nav > li.current-menu-item  > a .menu-text {
    color: #36aee5;
}

#primary-menu .mega-full-width .sub-nav li .sub-nav > li:not(.wpml-ls-item) > a:hover .menu-text {
	color: #36aee5;
}

#primary-menu .mega-full-width .dt-mega-menu-wrap .sub-nav li{
	padding-top:10px;
	padding-bottom:10px;
}

#primary-menu .mega-full-width .dt-mega-menu-wrap .sub-nav li .sub-nav li{
	padding-top:5px;
	padding-bottom:0px;
}


#primary-menu .mega-full-width .dt-mega-menu-wrap .sub-nav li .menu-item-text
{
	width:auto;
}

#primary-menu .menu-item:hover .menu-text
{
/* 	font-weight:bold; */
}

#togglable-menu
{
	width:400px;
	overflow:hidden;
	flex-grow:0;
}

#togglable-menu .togglable-menu-item:hover,
#togglable-menu .togglable-menu-item
{
	transition: all 0.2s ease-out;
	overflow:hidden;
}

#togglable-menu .togglable-menu-item
{
	width:80px;
	height:85px;
	color:white;
	position:absolute;
	right:0;
}

/*
#togglable-menu .togglable-menu-item.search-menu-item{right:320px;}
#togglable-menu .togglable-menu-item.search-menu-item:hover{width:220px;}
*/

#togglable-menu .togglable-menu-item.search-menu-item{right:320px;}
#togglable-menu .togglable-menu-item.search-menu-item:hover{width:180px;}

#togglable-menu .togglable-menu-item.partners-menu-item{right:240px;}
#togglable-menu .togglable-menu-item.partners-menu-item:hover{width:180px;}

#togglable-menu .togglable-menu-item.contact-menu-item{right:160px;}
#togglable-menu .togglable-menu-item.contact-menu-item:hover{width:150px;}

#togglable-menu .togglable-menu-item.adherents-menu-item{right:80px;}
#togglable-menu .togglable-menu-item.adherents-menu-item:hover{width:150px;}

#togglable-menu .togglable-menu-item.adherer-menu-item{right:0px;}
#togglable-menu .togglable-menu-item.adherer-menu-item:hover{width:150px;}

#togglable-menu .togglable-menu-item a
{
	display:flex;
	align-items:center;
	justify-content:center;
}

#togglable-menu .togglable-menu-item a .menu-item-text
{
	display:flex;
	flex-direction:row;
	align-items:center;
}

#togglable-menu .togglable-menu-item a .menu-text
{
	color:white;
}

#togglable-menu .togglable-menu-item a .menu-text.togglable-content
{
	width:0px;
	overflow:hidden;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	line-height:17px;
}

#togglable-menu .togglable-menu-item.search-menu-item a .menu-text.togglable-content input
{
	width:150px;
	padding:0px;
	color:white;
	background-color:transparent;
	border:0;
	border-bottom:2px solid rgba(255,255,255,0.6);	
}

#togglable-menu .togglable-menu-item a:hover .menu-text.togglable-content
{
	width:auto;
	padding-left:8px;
}

#togglable-menu .togglable-menu-item a:hover
{
	padding-left:12px;
	justify-content:left;
}

/* #togglable-menu .togglable-menu-item.search-menu-item a{ background-color:#36AEE5; } */
#togglable-menu .togglable-menu-item.search-menu-item a{ background-color:#6EC1E4; }
#togglable-menu .togglable-menu-item.partners-menu-item a{ background-color:#1C89BC; }
#togglable-menu .togglable-menu-item.contact-menu-item a{ background-color:#006291; }
#togglable-menu .togglable-menu-item.adherents-menu-item a{ background-color:#004781; }
#togglable-menu .togglable-menu-item.adherer-menu-item a{ background-color:#003057; }

#bottom-menu li
{
	border-right:1px solid #818181;
	padding-right:20px;
	line-height:12px;
}

#bottom-menu li:last-child
{
	border-right:0;
	padding-right:0;
}

#bottom-menu a:hover
{
	text-decoration:underline !important;
}

#bottom-menu .menu-item-text
{
	text-decoration:none !important;
}

#bottom-menu .menu-text
{
	font-weight:300;
}

/* Header block */

.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar {
	 max-width: calc(1365px - 0px - 0px);
}

.header-block, .header-block *
{
	transition: all 0.2s ease-out;
}

.header-block:hover
{
	transform:scale(1.1);
}

.header-block:hover .elementor-widget-wrap
{
	transform:scale(0.9090909);
}

/*
.header-block:hover .elementor-column-wrap
{
	background-color:rgba(0,0,0,0.5);
}
*/

.header-block:hover p
{
	color:white;
}

.sticky-mobile-header:not(.floating-navigation-below-slider) .sticky-mobile-on.masthead 
{
	padding: 10px 0;
}

/* Members filters */

#fede-members-filters
{
	display:flex;
	justify-content:center;
}

#fede-members-filters a
{
	text-transform:uppercase;
	margin-right:5px;margin-left:5px;
}

#fede-members-filters a.selected
{
	font-weight:bold;
}

/* Delegate filters */
	
#fede-delegate-filters
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap: wrap;
	text-transform:uppercase;
}

#fede-delegate-filters .filter-dropdown
{
	margin:0 10px;
}

/* News filters */
	
#fede-news-filters
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap: wrap;
	text-transform:uppercase;
}

#fede-news-filters .filter-dropdown
{
	margin:0 10px;
}

/* Events filters */
	
#fede-events-filters
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap: wrap;
	text-transform:uppercase;
}

#fede-events-filters .filter-dropdown
{
	margin:0 10px;
}


/* News block = .elementor-65 */

.elementor-65, .elementor-65:hover,
.elementor-65:hover .news-image, .elementor-65 .news-image,
.news-block-content i
{
	transition: all 0.2s ease-out;
}

.elementor-65:hover .news-block-header .news-image
{
	transform:scale(1.1);
}

.elementor-65:hover .news-block-content:hover i
{
	margin-left:5px;
}

.elementor-65:hover .news-block-content a
{
	color:#004781 !important;
}

/* Agenda event block = .elementor-65 */



.agenda-event-block .event-image, .agenda-event-block .elementor-widget-button i
{
	transition: all 0.2s ease-out;
}

.agenda-event-block:hover .event-image
{
	transform:scale(1.1);
}

.agenda-event-block:hover .elementor-widget-button i
{
	margin-left:5px;
}

.elementor-65:hover .news-block-content a
{
	color:#004781 !important;
}

/* Event block */

.event-block:hover .elementor-widget-button .event-block-description p
{
	font-weight:bold !important;
}

.event-block:hover .elementor-widget-button i, .event-block .elementor-widget-button i
{
	transition: margin 0.2s ease-out;
}

.event-block:hover .elementor-widget-button i
{
	margin-left:5px;
}

.icon-push-button:hover .elementor-button-icon svg,
.icon-push-button .elementor-button-icon svg
{
	transition: all 0.2s ease-out;
}

.icon-push-button:hover .elementor-widget-button .elementor-button-icon svg
{
	margin-left:5px;
}

/* Register-block */

.register-block, .register-block:hover,
.register-block:hover .elementor-widget-wrap,
.register-block .elementor-widget-wrap,
.register-block:hover .register-button,
.register-block .register-button,
.register-block:hover .register-button .elementor-button-icon svg,
.register-block .register-button .elementor-button-icon svg
{
	transition: all 0.2s ease-out;
}

.register-block:hover
{
	transform:scale(1.1);
}

.register-block:hover .elementor-widget-wrap
{
	transform:scale(0.9090909);
}

.register-block:hover .register-button .elementor-button-icon svg
{
	margin-left:5px;
}

.register-block:hover .register-button a span
{
	color:white !important;
}

.register-block:hover .register-icon img
{
	opacity:1 !important;
}

/* Page qui sommes-nous */

.notre-histoire .elementor-background-overlay 
{
    width:115%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.text-chiffres-cles p 
{
	width:50%;
	margin:0 auto;
}

.text-bureau-federal p 
{
	width:65%;
	margin:0 auto;
}

/* Page Etudes */

.fede-studies-posts .elementor-post__card .elementor-post__title a
{
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

/* Registration form */

.registration-form .af-field
{
	border:0 !important;
}

.registration-form .af-field-finess {
	padding: 0 !important;
}
.registration-form .acf-field-message {
	padding-top: 0;
	margin-top: -10px;
}
.registration-form  .more-infos {
	color: #004781;
	text-decoration: underline;
	font-size: 13px;
}
.registration-form .af-field-finess .acf-fields,
.registration-form .af-field-finess .acf-fields > .acf-field {
	border:0 !important;
}

.registration-form .af-page-button.enabled
{
	background:#36AEE5;
}

.registration-form .af-page-button.enabled span.title
{
	color:white;
}

.registration-form .af-page-button.enabled:after
{
	border-left-color:#36AEE5;
}

.registration-form .af-page-button.enabled span.index
{
	background-color:white;
	color:#36AEE5;
}

.registration-form .af-field-type-message h4
{
	font-family:'Open sans';
	color:#004781;
	font-size:25px;
	line-height:34px;
}

.registration-form .af-field select
{
	border-left:0;
	border-top:0;
	border-right:0;
	background-color:white;
	font-family:'Open sans';
	font-size:16px;
}

.registration-form .af-field > .acf-input li label {
	color:#004781
}
.registration-form .af-field > .acf-label label,
.registration-form .acf-field > .acf-label label
{
	font-family:'Open sans';
	text-transform:uppercase;
	font-weight:normal !important;
	font-size:16px;
	color:#004781;
}

.registration-form .acf-field.capitalize > .acf-input .acf-label label {
	text-transform:initial;
}

.registration-form .af-field input
{
	font-family:'Open sans';
	background:white;
	border-left:0;
	border-right:0;
	border-top:0;
  	-moz-appearance: textfield;
}

.registration-form .acf-label
{
	margin-bottom:0px !important;
}
.registration-form .af-field input[type="checkbox"] {
	margin-bottom:-4px;
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.registration-form .acf-checkbox-list input[type="checkbox"]
{
	margin-bottom:4px;
}
 
.registration-form .af-field input[type="checkbox"]:active, .registration-form .af-field input[type="checkbox"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.registration-form .af-field input[type="checkbox"]:checked {
	background-color: #36AEE5;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.registration-form af-field-type-true-false label
{
	margin-top:-10px;
}

.registration-form .acf-form-submit button
{
	border:0;
	background:#004781;
	color:white;
	padding:10px;
	font-family:'Open sans';
	font-size:16px;
}

.registration-form .acf-required
{
	display:none;
}
.registration-form .account-wrapper {
	padding: 0;
}
.registration-form .account-wrapper .acf-fields {
	border: 0;
}
.registration-form .account-wrapper .acf-fields .acf-field {
	border-top: 0 !important;
	border-left: 0 !important;
}
/* Simulator form */

#simulator-form .af-fields
{
	margin-top:20px;
}

#simulator-form .af-page-wrap
{
	margin:0;
	border:none;
	margin-top:20px;
	margin-bottom:20px;
	display:none;
}

#simulator-form .af-page-button
{
	background:transparent;
	border:none;
}

#simulator-form .af-field
{
	padding:0px;
}

#simulator-form .acf-fields>.acf-field
{
	border:none;
}

#simulator-form .af-page-button:after, #simulator-form .af-page-button:before
{
	border:none;
}

#simulator-form .af-page-button.current .index
{
	background:white;
}

#simulator-form .af-page-button .index
{
	font-family:'Open sans';
	width:30px;
	height:30px;
	border-radius:0;
	line-height:30px;
	color:#004781;
	font-size:15px;
}

#simulator-form .af-field .acf-label label
{
	font-family:'Open sans';
	color:#004781;
	font-size:15px;
	text-transform:none;
}

#simulator-form ul.acf-radio-list li label
{
	font-family:'Open sans';
	color:white;
	font-size:15px;
	font-weight:normal !important;
}

#simulator-form .af-submit
{
	padding:0px;
	margin-top:20px;
}

#simulator-form .af-submit button[disabled="disabled"]
{
	display:none;
}

#simulator-form .af-submit button
{
	background:white;
	border:none;
	font-family:'Open sans';
	font-size:15px;
	padding:10px 15px;
}

#simulator-form .acf-required
{
	display:none;
}

#simulator-form .af-field input[type="number"]
{
	padding-left:0px;
	padding-right:0px;
	background:transparent;
	border:none;
	border-bottom:1px solid white;
	color:white;
}

#simulator-form .af-field input[type="number"]::placeholder
{
	color:#eee;
}

#simulator-form .af-field input[type="radio"] {
    margin-bottom: -0px;
    -webkit-appearance: none;
    background-color: #fafafa;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 7px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-right:10px;
}

#simulator-form .acf-checkbox-list input[type="radio"]
{
	margin-bottom:4px;
}
 
#simulator-form .af-field input[type="radio"]:active, .registration-form .af-field input[type="radio"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

#simulator-form .af-field input[type="radio"]:checked {
	background-color: #004781;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

#simulator-form .acf-radio-list li
{
	margin-bottom:5px;
}

#simulator-form .acf-spinner
{
	background-image:url('/wp-content/themes/dt-the7-child/img/spinner.gif');
}

#simulator-form #simulator-result .acf-input
{
	font-family: 'open sans';
    color: white;
    font-size: 50px;
    font-weight: bold;
}

.register-form .payment-process .acf-error-message {
	display: none;
}
.register-form .container-wrapper .group-title {
	color: #ffffff;
	background-color: #004781;
	text-align: center;
	padding: 6px;
	margin-bottom: 40px;
}
.register-form .col {
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.register-form  .amount-wrapper {
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.register-form  .amount-wrapper .amount {
    color: #168eea;
    font-size: 50px;
    margin-left: 16px;
    border-radius: 10px;
    border: 1px solid;
    padding: 8px;
    text-align: center;
    line-height: 1.2;
}

.register-form  .amount-wrapper label.field-name {
    text-transform: uppercase;
    font-size: 16px;
    color: #004781;
    display: block;
    margin: 0 0 3px;
    padding: 0;
}

.register-form .payment-type-wrapper h4 {
    padding: 0 19px;
    text-align: center;
    color: #004781;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}

.register-form .payment-type-wrapper label.Label {
	color: #004781;
}

.register-form .payment-type-wrapper input:not([type=checkbox]):not([type=radio]), 
.register-form .payment-type-wrapper select {
	width: 100%;
    margin: 8px 0;
    padding: 10px 16px;
    border-radius: 3px;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: normal;
    color: #595959;
    z-index: 2;
    border: 1px solid #ccc !important;
}
.register-form .payment-type-wrapper select.chevron-down {
  background-color: transparent;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="presentation" style="width: 0.8em; height: 0.8em;"><path d="M10.193 3.97a.75.75 0 0 1 1.062 1.062L6.53 9.756a.75.75 0 0 1-1.06 0L.745 5.032A.75.75 0 0 1 1.807 3.97L6 8.163l4.193-4.193z" fill-rule="evenodd"></path></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
}
 
.register-form .payment-type-wrapper input[type="radio"]:not(.normal) {
  -ms-transform: scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.5);
  /* Chrome, Safari, Opera */
  transform: scale(1.5);
  cursor: pointer;
}
.register-form .payment-type-wrapper .field-wrapper .center {
    text-align: center;
    position: absolute;
    top: -30px;
    width: 50%;
}
.register-form .container-wrapper .col {
	display: inline-block;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.register-form .container-wrapper .col .field-wrapper {
    padding: 15px 12px;
}
.register-form .container-wrapper .col-6 {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.register-form  .payment-type-wrapper .table-container {
	display: flex;
	position: relative;
	justify-content: center;
}
.register-form  .payment-type-wrapper .table-container .field-wrapper.col-6{
	display: table;
	width: 50%;
}

.register-form  .payment-type-wrapper .table-container .field-wrapper.force-bank{
	margin: 0 auto;
}

.register-form .payment-type-wrapper .table-container .field-wrapper.force-bank .input-wrapper {
    display: none;
}
 
.register-form  .payment-type-wrapper .table-container .field-wrapper .frame-wrapper {
    padding: 20px 35px;
    border-radius: 10px;
    border: 1px solid;
    margin-top: 20px;
    display: table-cell;
}  

.register-form  .payment-type-wrapper .StripeElement iframe {
  margin: 0 !important;
}
.register-form .payment-type-wrapper .stripe-fields {
  padding: 4px;
}


.register-form .payment-type-wrapper .acf-input.payment-method > .acf-error-message {
	margin-bottom: 35px;
}

.register-form p.exists-account {
	border: 1px solid #cecece;
    padding: 16px;
    display: inline-block;
}

.clear-both {
	clear:both !important;
}
@media screen and (max-width: 1231px) 
{
	#togglable-menu 
	{
		position: absolute;
		right: 0;
		top: 85px;
	}
}

@media screen and (max-width: 992px) 
{
	
	#bottom-bar .mini-nav ul 
	{
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		padding: 10px 0;
	}
	
	.menu-select 
	{
		display: none !important;
	}
	
	.mini-nav:not(.select-type-menu)>ul>li,
	.mini-nav:not(.select-type-menu-second-switch) > ul > li:not(:last-child) 
	{
		border: none !important;
		margin: 10px;
		padding: 0px;
	}
	
	#bottom-menu li {
		padding-right: 0px !important;
	}
	
	#footer .elementor-widget-spacer 
	{
		display: none;
	}
	
	.footer .widget 
	{
		width: 50%;
	}
	
	.header-block, .header-block *
	{
		transition: inherit !important;
	}
	
	.header-block:hover
	{
		transform: inherit !important;
	}
	
	.header-block:hover .elementor-widget-wrap
	{
		transform: inherit !important;
	}
	
	#togglable-menu 
	{
		display: flex;
		flex-direction: column;
		position: inherit;
		right: inherit;
		top: inherit;
		width: 100%;
	}
	
	#togglable-menu li 
	{
		margin: 5px 0;
	}
	
	#togglable-menu .togglable-menu-item 
	{
	    width: inherit;
		height: inherit;
		color: inherit;
		position: inherit;
		right: inherit;
		width: 100%;
	}
	
	#togglable-menu a,
	#togglable-menu .togglable-menu-item.adherer-menu-item:hover,
	#togglable-menu .togglable-menu-item.partners-menu-item:hover,

	#togglable-menu .togglable-menu-item.adherents-menu-item:hover,
	#togglable-menu .togglable-menu-item.contact-menu-item:hover,
	#togglable-menu .togglable-menu-item.search-menu-item:hover
	{
		width: 100% !important;
	}
	
	#togglable-menu .togglable-menu-item a {
	    justify-content: flex-start !important;		
	}
	
	#togglable-menu .togglable-menu-item a:hover {
		padding: 24px 15px 24px 15px !important;
	}
	
	#togglable-menu .togglable-menu-item.search-menu-item,
	#togglable-menu .togglable-menu-item.partners-menu-item,
	#togglable-menu .togglable-menu-item.contact-menu-item,
	#togglable-menu .togglable-menu-item.adherents-menu-item,
	#togglable-menu .togglable-menu-item.adherents-menu-item
	{
		right: inherit;
	}
	
	#togglable-menu .togglable-menu-item a .menu-text.togglable-content {
		overflow: visible;
		padding-left: 8px;
		width: inherit;
	}
	
	.notre-histoire .elementor-background-overlay 
	{
    	width:100% !important;
    	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	}
	
	.text-bureau-federal p,
	.text-chiffres-cles p 
	{
		width:100%;
		margin:0 auto;
	}
	
	.banner-pictures .elementor-gallery__container a:last-child {
		grid-column: 1 / span 2;
	}
	
	.banner-pictures .elementor-gallery__container a:last-child > div {
		padding: 120px !important;
		
	}
}

.af-label label span.desc {
	text-transform: none;
	font-size: 14px;
}

.company-rating {
	width: 100%; 
	background-color: #102D69;
}
.company-rating .stars-container {
	margin: 0 auto;
	text-align: center;
}
.company-rating .stars-container .os-logo {
	display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.2357em;
}
.company-rating .stars-container .stars {
	display: inline-block;
    position: relative;
    width: 7.5em;
    height: 1.5em;
}
.company-rating .stars-container .stars .company-rating-stars-container{
	height: 1.5em;
}
.company-rating .stars-container .stars svg {
	width: 100%;
	height: 100%;
}
.company-rating .stars-container .numbers {
	display: inline-block;
    width: 1.2284em;
    line-height: 1.0901em;
    font-family: 'Poppins-Medium';
    font-size: 2.5em;
    color: #ffffff;
    position: relative;
}
.company-rating .stars-container .numbers .small_number {
	font-size: 0.5em;
}
.more-infos {
	background: #f5f5f5;
    display: flex;
    padding-top: 12px;
}
.more-infos .os-logo {
	width: 40%;
    float: left;
}
.more-infos .survey-rating .statistics {
	color: #000;
}
.more-infos .survey-rating .statistics .rating-percent{
	background-color: rgba(252,234,204,1);
	border-radius: 8px;
	padding: 0 4px; 
}
.more-infos .desc {
	font-size: 12px;
    line-height: 1rem;
    padding: 12px 0;
}
.review-subtitle-row {
	text-align: right;
    width: 100%;
    padding-top: 12px;
    min-height: 2.5em;
    display: flex;
    align-items: center;
}
 .review-rating-stars-os-icon {
    width: 7%;
    display: flex;
    margin-right: 0.3em;
    height: auto;
    line-height: 0;
 }
 .review-rating-stars {
 	display: flex;
    width: 35%;
 }
 
 .review-rating-stars .review-rating-stars-container {
 	height: 1em;
 }
 
 .review-rating-stars .review-rating-stars-container svg {
 	height: 100%;
   	width: 100%;
   	display: block;
 }
  
.mdc-pill {
	background-color: #DCE7F5;
    color: #3d495e;
    font-family: 'Roboto-Bold';
    padding: 2%;
    font-size: 1.2vw;
    border-radius: 0.5em;
    white-space: nowrap;
    position: relative;
    margin: 0 0 0 6px;
    line-height: 1;
}

@media screen and (max-width: 890px) 
{
	.af-field-type-number,
	.af-field-type-date-picker,
	.af-field-type-email,
	.af-field-type-select, 
	.af-field-type-text 
	{
		width: 100% !important;
	}
}

@media screen and (max-width: 550px) 
{
	#elementor-library-2,
	#elementor-library-5 
	{
		width: 100%;
	}
	
	#elementor-library-5 
	{
		margin-bottom: 0px !important;
	}
}

@media screen and (max-width: 470px) 
{
	#elementor-library-3,
	#elementor-library-4 {
		width: 100%;
	}
}

 table.simulation-fees {
  border: 1px solid #000;
  margin-top: 20px;
  margin-bottom: 50px;
}
 table.simulation-fees thead tr th {
  text-align: center;
  padding: 2px 5px;
  vertical-align: middle;
  font-weight: bold;
  color: #000;
  border: 1px solid #000;
  font-size: 98%;
}
 table.simulation-fees thead tr th.previous-year {
  background: #f1af86;
}
 table.simulation-fees thead tr th.percent {
  background: #c5deb4;
  width: 26%;
}
 table.simulation-fees thead tr th.subscription_min {
  background: #fefd38;
  width: 15%;
}
 table.simulation-fees thead tr th.subscription_max {
  background: #b4c6e5;
  width: 15%;
}
 table.simulation-fees thead tr th.volume_min {
  background: #fed76d;
  width: 20%;
}
 table.simulation-fees thead tr th.volume_max {
  background: #fed76d;
  width: 20%;
}
 table.simulation-fees tbody tr td {
  text-align: center;
  padding: 1px 5px;
  vertical-align: middle;
  color: #000;
  border: 1px solid #000;
  font-size: 98%;
}

 table.simulation-fees tbody tr td.volume_min {
  font-weight: bold;
}

 table.simulation-fees tbody tr td.volume_max {
  font-weight: bold;
}

 table.simulation-fees tbody tr.contribution-max td {
  font-weight: bold;
}
.frame-border-wrapper {
	padding: 20px 35px;
	border-radius: 10px;
	border: 1px solid;
	font-size: 20px;
	text-align: center;
	margin: 0 27px;
	color: #004781;
}

ul.acf-radio-list:focus-within,
ul.acf-checkbox-list:focus-within {
	border: 0 !important;
}

.list-item {
    padding: 0 16px !important;
}

.registration-form .af-page-wrap .af-page-button {
	flex:auto;
}
.registration-form .information {
	background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 16px;
	margin: 16px !important;
    padding: 20px 24px !important;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) ;
}
.registration-form .information .acf-label {
	flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #007aff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}
.registration-form .information .acf-label::after {
	content: "ⓘ";
    color: #fff;
}
.registration-form .information .acf-input p {
	margin-bottom: 0;
}
.registration-form .contact-box {
	background: #f8fafc;
    border-left: 4px solid #4facfe !important;
    border-radius: 8px;
    padding: 20px 25px !important;
    margin: 30px !important;
}
.registration-form .contact-box .acf-label label{
	text-transform: initial;
	margin-bottom: 12px;
}
.registration-form .contact-box  .contact-numbers {
	display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
}
.registration-form .contact-box  .contact-numbers .phone-number {
	background: white;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    color: #1e293b;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.registration-form .warring  {
	padding: 1rem;
	margin: 16px !important;
	display: flex;
    align-items: center;
    column-gap: 12px;
	border: 1px solid !important;
	background-color:rgb(254 252 232/.9);
	border-color: rgb(250 204 21 / 1);
	color: rgb(202, 138, 4);
}
.registration-form .warring .acf-label {
	width: 24px;
    height: 24px;
	aspect-ratio: 1 / 1;
	background: url("img/warning.svg") no-repeat center center;
  	background-size: cover;
}
.registration-form .acf-notice.-error {
	margin: 14px;
}
.registration-form .acf-radio-list,
.registration-form .acf-checkbox-list {
	border: 0 !important;
}
.registration-form .group-conditions {
	padding: 16px 34px !important;
}
.registration-form .group-conditions .acf-checkbox-list li label{
    align-items: center;
	cursor: pointer;
}
.registration-form .group-conditions .acf-checkbox-list li label input {
	margin-right: 10px;
    margin-bottom: -10px;
    margin-left: -34px;
}
.absolute-full-transparent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: transparent;
	border: 0;
}
.af-field-payment-method .acf-radio-list {
	display: flex;
    justify-content: center;
}
.one-line {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.one-line.af-field-amount {
	background: white;
    border: 3px solid #e2e8f0 !important;
    border-radius: 16px;
    padding: 50px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    margin: 30px !important;
}
.one-line.af-field-amount:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
}
.one-line.af-field-amount .acf-label {
	margin-bottom: 15px;
}
.one-line.af-field-amount .acf-input {
	flex-direction: column-reverse;
    display: flex;
    justify-content: center;
    align-items: center;
}
.one-line.af-field-amount .acf-input-wrap:after {
	content: "€";
    color: #64748b;
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 28px;
}
.one-line.af-field-amount .acf-input-append {
	border: 0;
    background: transparent;
    margin-top: 10px;
	font-size: 16px;
}
.readonly.one-line input {
	field-sizing: content;
    text-align: center;
    height: 75px;
    display: inline-flex;
	font-size: 80px !important;
    font-weight: 700;
	color: #000;
	border: 0;
	padding: 15px !important;
}
.radius-box {
	border-radius: .5rem;
    color: rgb(8, 75, 183);
    background: rgb(226, 236, 254);
    font-size: 0.9375rem;
    line-height: 1.3em;
    font-weight: 500;
}
.payment-wrapper {
    background: #f8fafc;
    border-radius: 12px;
    padding: 30px;
    margin: 30px !important;
}
.payment-wrapper .acf-fields {
	background: transparent !important;
}
.payment-wrapper > div.acf-label {
	margin-bottom: 20px !important;
}
.payment-wrapper .acf-field-radio .acf-input{
	flex: 1;
    min-width: 250px;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
}
.payment-wrapper .acf-field-radio input[type="radio"] {
	width: 24px;
    height: 24px;
    cursor: pointer;
	margin-right: 15px;
}
.payment-wrapper .acf-field-radio .acf-input ul,
.payment-wrapper .acf-field-radio .acf-input ul li {
	width: 100%;
	margin: 0;
}
.payment-wrapper .option-stripe .acf-input ul li:after{
	content: "💳";
	right: 0;
    position: absolute;
	font-size: 32px;
}
.payment-wrapper .option-bank .acf-input ul li:after{
	content: "🏦";
	right: 0;
    position: absolute;
	font-size: 32px;
}
.registration-form .acf-true-false input[type="checkbox"] {
	position: absolute;
}
@media screen and (max-width: 470px) 
{
	.one-line.af-field-amount {
		padding: 20px 25px !important;
		margin: 10px 0 !important;
	}
	.registration-form .contact-box {
		margin: 0 !important;
	}
	.payment-wrapper {
		margin: 30px 0!important;
		padding: 0 !important;
	}
	.registration-form .payment-wrapper .acf-fields {
		display: flex;
		flex-direction: column;
	}
	.payment-wrapper .acf-field-radio {
		width: 100% !important;
		padding: 0 16px !important;
	}
	.register-form .payment-type-wrapper .table-container .field-wrapper .frame-wrapper {
		padding: 20px 0!important;
	}
	.registration-form .account-wrapper .acf-fields .acf-field {
		width: 100% !important;
	}
	.registration-form .contact-box  .contact-numbers .phone-number {
		padding: 5px;
	}
}


.main-header {
    position: fixed;
    top: calc(var(--admin-bar-height) + var(--height-banner-alert));
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
	display:flex;
}

.main-header .btn.btn-icon {
    color: #010f2d
}

.main-header .btn.btn-icon [fill] {
    transition: fill .3s ease-out;
    fill: #010f2d!important
}

.main-header .btn.btn-icon [stroke] {
    transition: stroke .3s ease-out;
    stroke: #010f2d!important
}

.main-header.main-header--home {
    background-color: transparent
}

.main-header.main-header--home .btn.btn-icon:not(.btn-search) {
    color: #fff
}

.main-header.main-header--home .btn.btn-icon:not(.btn-search) [fill] {
    transition: fill .3s ease-out;
    fill: #fff!important
}

.main-header.main-header--home .btn.btn-icon:not(.btn-search) [stroke] {
    transition: stroke .3s ease-out;
    stroke: #fff!important
}

.main-header.main-header--home .logo-white {
    display: block
}

.main-header.main-header--home .logo-dark {
    display: none
}

.main-header.main-header--home .main-menu .main-nav-search {
    background-color: transparent
}

.main-header.main-header--home .main-menu .btn.btn-simple.btn-menu-nav {
    --btn-color: white
}

.main-header.main-header--home .secondary-menu .btn.btn-icon svg [fill] {
    transition: fill .3s ease-out;
    fill: #fff!important
}

.main-header.main-header--home .secondary-menu .btn.btn-icon svg [stroke] {
    transition: stroke .3s ease-out;
    stroke: #fff!important
}

.main-header.main-header--home .secondary-menu .btn-nav-tertiary {
    --btn-color: white;
    --btn-hover-color: white;
    --btn-background-hover-color: rgba(255, 255, 255, .16)
}

.main-header.main-header--home .secondary-menu .btn-nav-primary {
    --btn-hover-color: #010f2d;
    --btn-background-hover-color: white
}

.main-header.main-header--home .main-nav-burger-button .burger {
    background-color: #fff
}

.main-header.main-header--home .main-nav-burger-button:before,.main-header.main-header--home .main-nav-burger-button:after {
    background-color: #fff
}

.main-header .main-header-inner {
    height: 78px
}

@media(min-width: 1024px) {
    .main-header .main-header-inner {
        height:84px
    }
}

.main-header.open {
    background-color: #fff
}

.main-header.open .btn.btn-icon {
    color: #010f2d
}

.main-header.open .btn.btn-icon [fill] {
    transition: fill .3s ease-out;
    fill: #010f2d!important
}

.main-header.open .btn.btn-icon [stroke] {
    transition: stroke .3s ease-out;
    stroke: #010f2d!important
}

.main-header.open .logo-white {
    display: none
}

.main-header.open .logo-dark {
    display: block
}

.main-header.main-header--sticky {
    background-color: #fff
}

.main-header.main-header--sticky .btn.btn-icon:not(.btn-search) {
    color: #010f2d
}

.main-header.main-header--sticky .btn.btn-icon:not(.btn-search) [fill] {
    transition: fill .3s ease-out;
    fill: #010f2d!important
}

.main-header.main-header--sticky .btn.btn-icon:not(.btn-search) [stroke] {
    transition: stroke .3s ease-out;
    stroke: #010f2d!important
}

.main-header.main-header--sticky.main-header--home .logo-white {
    display: none
}

.main-header.main-header--sticky.main-header--home .logo-dark {
    display: block
}

.main-header.main-header--sticky.main-header--home .main-menu .main-nav-search {
    background-color: #fff
}

.main-header.main-header--sticky.main-header--home .main-menu .btn.btn-simple.btn-menu-nav {
    --btn-color: #010f2d
}

.main-header.main-header--sticky.main-header--home .secondary-menu .btn.btn-icon [fill] {
    transition: fill .3s ease-out;
    fill: #010f2d!important
}

.main-header.main-header--sticky.main-header--home .secondary-menu .btn.btn-icon [stroke] {
    transition: stroke .3s ease-out;
    stroke: #010f2d!important
}

.main-header.main-header--sticky.main-header--home .secondary-menu .btn-nav-tertiary {
    --btn-color: #010f2d;
    --btn-hover-color: white;
    --btn-background-hover-color: #307ff2
}

.main-header.main-header--sticky.main-header--home .secondary-menu .btn-nav-primary {
    --btn-hover-color: white;
    --btn-background-hover-color: #010f2d
}

.main-header.main-header--sticky.main-header--home .main-nav-burger-button .burger {
    background-color: #010f2d
}

.main-header.main-header--sticky.main-header--home .main-nav-burger-button:before,.main-header.main-header--sticky.main-header--home .main-nav-burger-button:after {
    background-color: #010f2d
}


.main-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    gap: 20px
}

.container {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 1288px
}

.container.is-container-small {
    max-width: 820px
}

.container.is-container-large {
    max-width: 1365px;
}
@media(min-width: 1040px) {
    .main-nav {
        gap:30px
    }
}

@media(min-width: 1320px) {
    .main-nav {
        gap:70px
    }
}

.main-nav .main-nav-logo {
    flex-shrink: 0
}

.main-nav .main-nav-logo .main-nav-logo-link {
    display: flex;
    width: auto
}

@media(max-width: 1024px) {
    .main-nav .main-nav-logo .main-nav-logo-link {
        height:38px
    }
}

@media(min-width: 1024px) {
    .main-nav .main-nav-logo .main-nav-logo-link {
        height:30px
    }
}

@media(min-width: 1200px) {
    .main-nav .main-nav-logo .main-nav-logo-link {
        height:35px
    }
}

@media(min-width: 1320px) {
    .main-nav .main-nav-logo .main-nav-logo-link {
        height:45px
    }
}

.main-nav .main-nav-logo .main-nav-logo-link svg {
    width: 100%;
    height: 100%
}

.main-nav .main-nav-burger {
    display: flex;
    align-items: center;
    gap: 14px
}

.main-nav .main-nav-burger-button {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    position: relative;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 16px
}

.main-nav .main-nav-burger-button .burger {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease-out;
    background-color: #010f2d;
    border-radius: 10px;
    margin: auto;
    width: 75%;
    height: 2px
}

.main-nav .main-nav-burger-button:before,.main-nav .main-nav-burger-button:after {
    position: absolute;
    right: 0;
    left: 0;
    transform-origin: center;
    transition: all .3s ease-out;
    background-color: #010f2d;
    border-radius: 10px;
    width: 100%;
    height: 2px;
    content: ""
}

.main-nav .main-nav-burger-button:before {
    top: 0;
    width: 100%
}

.main-nav .main-nav-burger-button:after {
    bottom: 0;
    width: 50%
}

.btn {
    --btn-height: 40px;
    --btn-font-size: 1rem;
    --btn-color: #010f2d;
    --btn-hover-color: #307ff2;
    --btn-background-color: transparent;
    --btn-background-hover-color: transparent;
    --btn-border-color: transparent;
    --btn-border-hover-color: transparent;
    --btn-icon-color: #010f2d;
    --btn-icon-hover-color: #307ff2;
    --btn-arrow-color: #010f2d;
    --btn-arrow-hover-color: #307ff2;
    --btn-arrow-bg-color: transparent;
    --btn-arrow-bg-hover-color: transparent;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    transition-duration: .3s;
    transition-property: color,background-color,border-color,gap,transform;
    transition-timing-function: ease-out;
    background-color: var(--btn-background-color);
    border: 1px solid transparent;
    border-color: var(--btn-border-color);
    cursor: pointer;
    font-family: Onest,sans-serif;
    font-size: var(--btn-font-size);
    font-weight: 500;
    line-height: 1;
    color: var(--btn-color);
    text-decoration: none
}

@media(hover: hover) {
    .btn:hover {
        background-color:var(--btn-background-hover-color);
        border-color: var(--btn-border-hover-color);
        color: var(--btn-hover-color)
    }

    .btn:hover .icon svg [fill] {
        transition: fill .3s ease-out;
        fill: var(--btn-icon-hover-color)!important
    }

    .btn:hover .icon svg [stroke] {
        transition: stroke .3s ease-out;
        stroke: var(--btn-icon-hover-color)!important
    }

    .btn:hover .btn-arrow {
        background-color: var(--btn-arrow-bg-hover-color)
    }

    .btn:hover .btn-arrow .btn-arrow-inner {
        transform: translate(50%)
    }

    .btn:hover .btn-arrow svg [fill] {
        transition: fill .3s ease-out;
        fill: var(--btn-arrow-hover-color)!important
    }

    .btn:hover .btn-arrow svg [stroke] {
        transition: stroke .3s ease-out;
        stroke: var(--btn-arrow-hover-color)!important
    }
}

.btn .btn-text {
    position: relative;
    z-index: 1
}

.btn .icon svg>* [fill] {
    transition: fill .3s ease-out;
    fill: var(--btn-icon-color)!important
}

.btn .icon svg>* [stroke] {
    transition: stroke .3s ease-out;
    stroke: var(--btn-icon-color)!important
}

.btn .icon svg>* {
    transition-duration: .3s;
    transition-property: fill,stroke;
    transition-timing-function: ease-out
}

.btn .btn-arrow {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition: background-color .3s ease-out;
    background-color: var(--btn-arrow-bg-color);
    overflow: hidden
}

.btn .btn-arrow .btn-arrow-inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    top: 0;
    right: 0;
    transition: transform .3s ease-out;
    width: 200%;
    height: 100%
}

.btn .btn-arrow svg [fill] {
    transition: fill .3s ease-out;
    fill: var(--btn-arrow-color)!important
}

.btn .btn-arrow svg [stroke] {
    transition: stroke .3s ease-out;
    stroke: var(--btn-arrow-color)!important
}

.btn.btn-simple {
    --btn-height: unset
}

.btn.btn-simple[target=_blank] {
    text-decoration: underline;
    text-underline-offset: 8px
}

.btn.btn-simple.btn-white {
    --btn-color: white;
    --btn-hover-color: white;
    --btn-icon-color: white;
    --btn-icon-hover-color: white;
    --btn-arrow-color: white;
    --btn-arrow-hover-color: white;
    --btn-arrow-bg-color: white;
    --btn-arrow-bg-hover-color: white
}

.btn.btn-simple.btn-black,.btn.btn-simple.btn-menu-nav,.btn.btn-simple.btn-submenu-nav {
    --btn-color: #010f2d;
    --btn-hover-color: #307ff2;
    --btn-icon-color: #010f2d;
    --btn-icon-hover-color: #307ff2;
    --btn-arrow-color: #010f2d;
    --btn-arrow-hover-color: #307ff2;
    --btn-arrow-bg-color: #010f2d;
    --btn-arrow-bg-hover-color: #307ff2
}

.btn.btn-simple .btn-arrow {
    position: relative;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    overflow: hidden
}

.btn.btn-filled {
    position: relative;
    border: 0;
    border-radius: 300px;
    padding: 5px 20px;
    min-height: var(--btn-height);
    overflow: hidden
}

.btn.btn-filled.btn-primary {
    --btn-color: #010f2d;
    --btn-hover-color: white;
    --btn-background-color: white;
    --btn-background-hover-color: #307ff2;
    --btn-icon-color: white;
    --btn-icon-hover-color: #307ff2;
    --btn-arrow-color: white;
    --btn-arrow-hover-color: #307ff2
}

.btn.btn-filled.btn-secondary,.btn.btn-filled.btn-black {
    --btn-color: white;
    --btn-hover-color: white;
    --btn-background-color: #001d58;
    --btn-background-hover-color: #003174;
    --btn-icon-color: white;
    --btn-icon-hover-color: white;
    --btn-arrow-color: white;
    --btn-arrow-hover-color: white
}

.btn.btn-filled.btn-tertiary {
    --btn-color: white;
    --btn-hover-color: white;
    --btn-background-color: #307ff2;
    --btn-background-hover-color: #001d58;
    --btn-icon-color: white;
    --btn-icon-hover-color: #001d58;
    --btn-arrow-color: white;
    --btn-arrow-hover-color: #001d58
}

.btn.btn-filled.btn-ghost {
    --btn-color: white;
    --btn-hover-color: white;
    --btn-background-color: rgba(255, 255, 255, .08);
    --btn-background-hover-color: rgba(255, 255, 255, .16);
    --btn-icon-color: white;
    --btn-icon-hover-color: white;
    --btn-arrow-color: white;
    --btn-arrow-hover-color: white;
    border: 1px solid rgba(48,127,242,.62);
    backdrop-filter: blur(5px)
}

.btn.btn-filled.btn-ghost-dark {
    --btn-color: #010f2d;
    --btn-hover-color: #010f2d;
    --btn-background-color: rgba(255, 255, 255, .08);
    --btn-background-hover-color: rgba(255, 255, 255, .16);
    --btn-icon-color: #010f2d;
    --btn-icon-hover-color: #010f2d;
    --btn-arrow-color: #010f2d;
    --btn-arrow-hover-color: #010f2d;
    border: 1px solid #b2d1ff;
    backdrop-filter: blur(5px)
}

.btn.btn-filled.btn-nav-primary {
    --btn-height: 30px;
    --btn-color: white;
    --btn-hover-color: white;
    --btn-background-color: #307ff2;
    --btn-background-hover-color: #010f2d;
    --btn-icon-color: white;
    --btn-icon-hover-color: white;
    --btn-arrow-color: white;
    --btn-arrow-hover-color: white
}

.btn.btn-filled.btn-nav-secondary {
    --btn-height: 30px;
    --btn-color: #001d58;
    --btn-hover-color: white;
    --btn-background-color: white;
    --btn-background-hover-color: #307ff2;
    --btn-icon-color: white;
    --btn-icon-hover-color: #307ff2;
    --btn-arrow-color: white;
    --btn-arrow-hover-color: #307ff2
}

.btn.btn-filled.btn-nav-tertiary {
    --btn-height: 46px;
    --btn-color: #010f2d;
    --btn-hover-color: white;
    --btn-background-color: rgba(255, 255, 255, .08);
    --btn-background-hover-color: #307ff2;
    --btn-icon-color: white;
    --btn-icon-hover-color: white;
    --btn-arrow-color: white;
    --btn-arrow-hover-color: white;
    border: 1px solid rgba(48,127,242,.62);
    backdrop-filter: blur(5px)
}

.btn.btn-filled.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5
}

.btn.btn-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px
}

.btn.btn-icon svg [fill] {
    transition: fill .3s ease-out;
    fill: #fff!important
}

.btn.btn-icon svg [stroke] {
    transition: stroke .3s ease-out;
    stroke: #fff!important
}

@media(hover: hover) {
    .btn.btn-icon:hover svg [fill] {
        transition:fill .3s ease-out;
        fill: #307ff2!important
    }

    .btn.btn-icon:hover svg [stroke] {
        transition: stroke .3s ease-out;
        stroke: #307ff2!important
    }
}

.btn.btn-size-sm:not(.btn-simple) {
    --btn-height: 40px;
    --btn-font-size: .875rem
}

.btn>* {
    pointer-events: none
}