/* ----- BASE -----  */
@font-face {
	font-family: 'Roboto Regular';
	src: url('fonts/Roboto-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: 'Roboto Light';
	src: url('fonts/Roboto-Light.ttf');
	font-weight: normal;
}
body {
    margin: auto;
    margin: 0;
	padding: 0;
    width: 100%;
    background: #FDFDFD;
	overflow-y: scroll;
	font-family: 'Roboto Light', Sans-serif;
	font-size: 16px;
	color: #1f2c62;
}
@media (min-width: 1600px) { 
    body {
        font-size: 20px;   
    }
}
@media (min-width: 1920px) { 
    body {
        font-size: 22px;   
    }
}
a {
	color: #1f2c62;
}
input,
select,
textarea {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	width: calc(100% - 55px);
	height: 3em;
	margin: 10px 0;
	border-radius: 4px;
	border: 1px solid #deecee;
	padding-left: 45px;
	font-family: 'Roboto Light', Arial;
	font-size: 1.1em;
	color: #5a6077;
}
textarea {
	height: 300px;
	padding-top: 15px;
}
strike {
	color: #e20000;
}
iframe {
	width: 100%;
	height: 100%;
	border: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal;
}
.input_error {
    border: 1px solid #e42a2a;
 }
.input_icon_cell_phone {
	background: #fcfcfc url("../images/icons/input/cell_phone.png") no-repeat center left 14px;
	background-size: auto 22px;
}
.input_icon_country {
	background: #fcfcfc url("../images/icons/input/country.png") no-repeat center left 13px;
	background-size: 21px;
}
.input_icon_envelope {
	background: #fcfcfc url("../images/icons/input/envelope.png") no-repeat center left 12px;
	background-size: 20px;
}
.input_icon_magnifying_glass {
	background: #fcfcfc url("../images/icons/input/magnifying_glass.png") no-repeat center left 10px;
	background-size: 20px;
}
.input_icon_message {
	background: #fcfcfc url("../images/icons/input/message.png") no-repeat center left 11px;
	background-size: 20px;
}
textarea.input_icon_message {
	background: #fcfcfc url("../images/icons/input/message.png") no-repeat top 15px left 11px;
	background-size: 20px;
}
.input_icon_padlock {
	background: #fcfcfc url("../images/icons/input/padlock.png") no-repeat center left 14px;
	background-size: 17px;
}
.input_icon_phone {
	background: #fcfcfc url("../images/icons/input/phone.png") no-repeat center left 13px;
	background-size: auto 20px;
}
.input_icon_user {
	background: #fcfcfc url("../images/icons/input/user.png") no-repeat center left 12px;
	background-size: 20px;
}
.input_icon_location {
	background: #fcfcfc url("../images/icons/input/location.png") no-repeat center left 16px;
	background-size: auto 20px;
}
.input_icon_briefcase {
	background: #fcfcfc url("../images/icons/input/briefcase.png") no-repeat center left 10px;
	background-size: 20px;
}
@media (max-width: 768px) {
	input,
	textarea,
	select {
		font-size: 0.9em;
	}
	input {
		width: calc(100% - 25px);
	}
	select {
		width: calc(100% - 25px);
	}
	textarea {
		width: calc(100% - 25px);
	}
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label  {
	position: relative; 
	padding-left: 24px; 
	cursor: pointer;
	padding-top: -1px;
}
[type="checkbox"] + label::before {
    content: '';
    position: absolute;
	left: 0; 
	top: 0;
    display: inline-block;
    background: #f8f8f8;
	width: 15px;
    height: 15px;
    line-height: 13px;
    border: 1px solid #afadb3;
	border-radius: 3px;
	
	color: #1f2c62;
	font-size: 1.5em;
}
[type="checkbox"]:checked + label::before {
    content: '✔';
}
[type="radio"]:not(:checked),
[type="radio"]:checked {
	position: absolute;
	left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
	position: relative; 
	padding-left: 24px; 
	cursor: pointer;
	padding-top: -1px;
}
[type="radio"] + label::before {
    content: '';
    position: absolute;
	left: 0; 
	top: 0;
    display: inline-block;
    background: #f8f8f8;
	width: 15px;
    height: 15px;
    line-height: 13px;
    border: 1px solid #afadb3;
	border-radius: 50%;
}
[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
	left: 2px; 
	top: 2px;
    display: inline-block;
	width: 11px;
    height: 11px;
    background: #1f2c62;
    line-height: 13px;
    border: 1px solid #f8f8f8;
	border-radius: 50%;
}
[type="submit"] {
	width: auto;
	display: inline-flex;
	align-items: center;
	height: 3em;
	margin: 20px auto 0 auto;
	padding: 0 20px;
	background: #72ae20;;
	border: 1px solid #72ae20;
	border-radius: 4px;
	font-size: 1.1em;
	color: #FFF;
	cursor: pointer;
}
[type="submit"]:hover {
	background: none;
	color: #72ae20;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
h1,
h2 {
	margin: 40px 0 30px 0;
	padding: 0 20px 0 20px;
	font-size: 2.4em;
	line-height: 1.35em;
	font-weight: normal;
	text-align: center;
}
h1 strong,
h2 strong {
	font-family: 'Roboto Regular';
}
@media (max-width: 930px) {
	h1,
	h2 {
		font-size: 2em;
	}
}
p  { 
	margin: 0; 
}
img  {
    border: 0;
}
ul {
   margin: 0;
   padding: 0;
}
li {
	list-style-type: none;
}
body.iframe-body {
	overflow: hidden;
	text-align: center;
}
.text-center {
	text-align: center;
}
.container-100 {
	clear: both;
	width: 100%;
    float: left;
}
.container-100-child {
	width: 100%;
}
.payment-loading {
	width: 50px;
	margin-top: 50px;
}
@media (min-width: 930px) {
	.container-100-child {
		margin: auto;
		width: 98%;
	}
}
@media (min-width: 1024px) {
	.container-100-child {
		width: 90%;
		max-width: 1920px;
	}
}
.margin-button {
	margin-top: 50px;
}
.margin-container {
	margin-top: 4.3em;
}
.min-height-container
{
	min-height: 500px;
}
.flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.background-grey {
	background: linear-gradient( 217deg, rgba(190, 223, 255, 0.83), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(218, 255, 218, 0.43), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(255, 255, 255, 0.67), rgb(255, 255, 255) 70.71%);
}
.button-purple {
	display: inline-flex;
	align-items: center;
	height: 3em;
	padding: 0 20px;
	background: #1f2c62;
	border-radius: 4px;
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	/* letter-spacing: 1px; */
	text-transform: none;
	text-decoration: none;
	border: 1px solid #1f2c62;
}
.button-purple:hover {
	background: none;
	color: #1f2c62;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	border: 1px solid #1f2c62
}
.button-green {
	display: inline-flex;
	align-items: center;
	height: 3em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	background: #72ae20;
	border: 1px solid #72ae20;;
	border-radius: 4px;
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	text-transform: none;
	text-decoration: none; 
}
.button-green:not(.disabled):hover {
	background: none;
	color: #72ae20;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.button-green.disabled {
	opacity: 0.7;
}
.small {
	height: 38px;
	line-height: 38px;
	font-size: 1em;
	margin-top: 30px;
}
.error {
	width: calc(100% - 55px);
	margin: 0 auto 10px auto;
	color: #e42a2a;
	padding: 10px 0;
/*
	background: #f8e9e9;
	padding: 10px 10px;
	border-radius: 6px;
*/
}
.succes {
	width: calc(100% - 55px);
	margin: 0 auto 10px auto;
	color: #588e50;
/* 	background: #ccdece; */
	padding: 10px 0;
}
@media (max-width: 768px) {
	.succes, .error {
		width: calc(100% - 25px);
	}
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----- HEADER -----  */
#container-header {   
	position: relative;
    width: 100%;
	min-height: 4.3em;
    position: fixed;
    z-index: 5;
}
#container-header.header-slide {
	background: #FFF;
    border-bottom: 1px solid #ededed;
}
@media (max-width: 1290px) {
	#container-header .container-100-child {
		width: calc(100% - 20px);
		margin: 0 10px;
		margin: auto;
	}
}
#container-logo {   
	position: relative;
	z-index: 11;
	display: inline-block;
	margin: 12px 0 0 0;
}
#container-logo svg {
	width: 9.6em;
}
#container-logo svg path {
	fill: #1f2c62;
}
#container-logo svg path:nth-child(1),
#container-logo svg path:nth-child(9),
#container-logo svg path:nth-child(10),
#container-logo svg path:nth-child(11) {
	fill: #70b002;
}
@media (max-width: 768px) {
	#container-logo {   
		width: 52px;
		overflow: hidden;
	}
}
.container-header-links {   
	position: absolute;
	z-index: 0;
	clear: both;
	display: inline-block;
	width: 100vw;
	height: auto;
	margin: 0;
	top: 0;
	right: 0;
	overflow: hidden;
	text-align: right;
}
.container-header-links .menu-mobile {
	display: table;
	float: right;
	margin-top: 2px;
}
@media (min-width: 1090px) {
	.container-header-links {   
		position: static;
		clear: none;
		width: auto;
		height: 70px;
		float: right;
		display: block;
		overflow: visible;
	}
}
.container-header-links a,
.container-header-links .resources-link {
	display: inline-block;
	border-bottom: 1px solid #ececec;
	color: #1f2c62;
	font-family: 'Roboto Regular';
	margin: 0 0 0 0;
	text-decoration: none;
	font-size: 0.95em;
	white-space: nowrap;
	cursor: pointer;
	line-height: 3.4em;
}
.container-header-links button {
	appearance: none;
	background: none;
	box-shadow: none;
	border: none;
	padding: 0;
}
.container-header-links a:hover,
.container-header-links .resources-link:hover {
	text-decoration: underline;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.container-header-links .menu-mobile a {
	border: none;
}
.container-header-links .header-links-start,
.container-header-links .header-links-start-logout {
	float: left;
	display: block;
	height: 64px;
	line-height: 64px;
	padding: 0 30px 0 30px;
	border: 1px solid #72ae20;
	border-left: none;
	border-right: none;
	background: #72ae20;
	font-size: 1.1em;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
.container-header-links .menu .item-menu .submenu.logout .item-submenu a {
	border: none;
	background: transparent;
	text-transform: none;
}
/*
.container-header-links .header-links-start-logout
{
	background: #72ae20 url("../images/icons/icon_logout_w.png") no-repeat center;
	background-size: 30px;
	border-top: 1px solid #d2e5b7;
}
*/
.container-header-links .header-links-account {
	display: block;
	float: right;
	width: 1.2em;
	height: 2.5em;
	background: url("../images/icons/icon_account.png") no-repeat center left;
	background-size: 1.2em;
	margin: 3px 7px 0 10px;
	margin-top: 1.1em;
	cursor: pointer;
}
.container-header-links .header-links-cart {
	display: block;
	float: right;
	height: 2.5em;
	background: url("../images/icons/icon_cart.png") no-repeat center left;
	background-size: 0.95em;
	margin: 3px 7px 0 10px;
	margin-top: 1.15em;
}
.container-header-links .header-links-cart span { 
	display: block;
	float: right;
	min-width: 1.9em;
	margin-top: 5px;
	padding: 0.4em;
	background: #e53b3b;
	border-radius: 4px;
	font-size: 0.55em;
	color: #FFF;
	text-align: center;
	opacity: 0.7;
	line-height: 1em;
}
.container-header-links .header-links-cart:hover span { 
	opacity: 1;
	-webkit-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.container-header-links .header-links-country {
	display: inline-block;
	width: 2.8em;
	line-height: 2.5em;
	background: url("../images/icons/icon_world.png") no-repeat center left;
	background-size: 1.25em;
	font-size: 0.9em;
	color: #1f2c62;
	text-align: right;
	font-family: 'Roboto Regular';
	cursor: pointer;
	border: none;
	margin: 0;
	padding: 0;
}
.container-header-links .header-links-currency {
	display: inline-block;
	width: 30px;
	height: 2.2em;
	line-height: 39px;
	background-size: 18px;
	font-size: 1.1em;
	color: #1f2c62;
	text-align: center;
	font-family: 'Roboto Regular';
	cursor: pointer;
	border: none;
	margin: 0;
	padding: 0;
}
.container-header-links .item-submenu.header-links-country,
.container-header-links .item-submenu.header-links-currency {
	background: none;
	text-align: center;
	color: #5a6077;
	font-size: 0.9em;
	margin-left: 0;
}
.container-header-links .item-submenu.header-links-currency {
	font-size: 1.1em;
}
.container-header-links .item-submenu.header-links-country:hover,
.container-header-links .item-submenu.header-links-currency:hover {
	color: #7ab211;
}
.container-header-links #toggle-header-menu {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 46px;
	height: 50px;
	line-height: 50px;
	margin: 10px;
	cursor: pointer;
}
.container-header-links #toggle-header-menu span:not(.close-button) {
	display: block;
	width: 60%;
	height: 3px;
	margin: 3px auto;	
	background-color: #1f2c62;
}
.container-header-links #toggle-header-menu span.close-button {
	display: block;
	width: 33px;
	height: 33px;
	line-height: 29px;
	margin: auto;
	text-align: center;
	border: 2px solid #1f2c62;
	color: #1f2c62;
	border-radius: 50%;
	font-size: 1.8em;
}
.container-header-links #toggle-header-menu span:not(.close-button):first-child {
	margin-top: 14px;
}
.container-header-links .menu {
	position: absolute;
	z-index: 10;
	width: 100vw;
	height: calc(100% - 4.3em);
	right: 0;
	top: 4.3em;
	display: none;
	background-color: #FFF;
	overflow: auto;
	border-collapse: collapse;
}
.container-header-links .menu .item-menu a {
	width: 100%;
	text-align: center;
	padding: 0 15px;
}
.container-header-links .menu-mobile .item-menu a {
	width: auto;
	text-align: center;
	padding: 0;
	margin: 0 10px;
}
.container-header-links .menu-mobile .item-menu > .header-links-country {
	margin: 0 5px 0 7px;
}
.container-header-links .menu-mobile .item-menu a.header-links-cart,
.container-header-links .menu-mobile .item-menu a.header-links-account {
	display: block;
	width: 2.4em;
	margin: 0 7px 0 7px;
}
.container-header-links .menu-mobile .item-menu a.header-links-account {
	width: 1.2em;
}
.container-header-links .menu-mobile .item-menu,
.container-header-links .menu .item-menu {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1290px;
	margin: 0 auto;
	text-align: center;
}
.container-header-links .menu .item-menu.hassb + .item-menu {
	padding-top: 2px;
}
.container-header-links .menu-mobile .item-menu {
	display: table-cell;
	line-height: 36px;
	width: auto;
	vertical-align: middle;
}
.container-header-links .menu .item-menu.account,
.container-header-links .menu .item-menu.cart,
.container-header-links .menu .item-menu.lang,
.container-header-links .menu .item-menu.currency {
	display: none;
}
.container-header-links .menu-mobile .item-menu .submenu,
.container-header-links .menu .item-menu .submenu {
	display: block;
	background-color: #fff;
}
.container-header-links .menu .item-menu.lang .submenu {
	padding: 10px 10px;
}
.container-header-links .menu .item-menu.currency .submenu {
	padding: 10px 0;
}
.container-header-links .menu-mobile .item-menu .submenu {
	display: none;	
	position: absolute;
	z-index: 11;
	top: 56px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	background-color: #f8f8f8;
	border: 1px solid #ececec;
	border-radius: 4px;
	margin-top: 8px;
	padding: 10px 0;
	background-color: white;
}
.container-header-links .menu-mobile .item-menu .submenu:after {
	position: absolute;
	content: " ";
	display: block;
	top: -12px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 12px 8px;
	border-color: transparent transparent white;
}
.container-header-links .menu-mobile .item-menu .submenu:before {
	position: absolute;
	content: " ";
	display: block;
	top: -13px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 13px 9px;
	border-color: transparent transparent #ececec;
}
.container-header-links .menu .item-menu .submenu .item-submenu {
	float: none;
	display: block;
	padding: 0;
	margin: 0;
}
.container-header-links .menu .item-menu.lang .submenu .item-submenu,
.container-header-links .menu .item-menu.currency .submenu .item-submenu {
	padding: 0;
	margin: 0;
	text-align: center;
}
.container-header-links .menu .item-menu .submenu.logout .item-submenu a {
	text-align: center;
}
.container-header-links .menu .item-menu .submenu .item-submenu a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 0.9em;
	color: #5a6077;
	padding: 0 30px;
}
.container-header-links .menu .item-menu .submenu .item-submenu a > span > img { 
	height: 16px;
	margin: auto 6px auto 0;
}
.container-header-links .menu .item-menu .submenu .item-submenu a > span.menu { 
	display: block;
	font-family: 'Roboto Light';
	font-size: 0.95em;
}
.container-header-links .menu .item-menu .submenu .item-submenu a > span.long-menu { 
	white-space: normal;
	width: 400px;
}
@media (max-width: 1150px) {
	.container-header-links .menu {
		top: 69px;
	}
	.container-header-links .menu .item-menu a.header-links-start,
	.container-header-links .menu .item-menu .submenu.logout a.header-links-start-logout {
		margin-bottom: 80px;
	}
	.container-header-links .menu .item-menu.hassb a.header-links-start {
		margin-bottom: 0;
	}
	.container-header-links .menu .item-menu > a:not(.header-links-start),
	.container-header-links .resources-link {
		width: 100%;
		color: white;
		background: #1f2c62;
	}
	.container-header-links .item-submenu .menu {
		position: static;
	}
	.container-header-links .menu .item-submenu a {
		border: none;
		text-align: center;
	}
	.container-header-links .menu .item-submenu a > span.flex-container {
		justify-content: center;
	}
	.container-header-links .menu .item-menu .submenu .item-submenu {
		height: 48px;
	}
	.container-header-links .menu .item-menu .submenu .item-submenu a > span.menu {
		display: none;
	}
	.container-header-links .menu-mobile .item-menu .submenu > .flex-container, 
	.container-header-links .menu .item-menu .submenu > .flex-container {
		flex-direction: column;
	}
	.container-header-links .menu .item-menu a:hover,
	.container-header-links .menu .item-menu .submenu .item-submenu:hover a:hover {
		background: #f9f9f9;
		text-decoration: none;
		color: #1f2c62;
	}
	.container-header-links .menu .item-menu a.header-links-start:hover,
	.container-header-links .menu .item-menu .submenu .item-submenu:hover a.header-links-start:hover {
		background: #FFF;
		color: #72ae20;
		text-decoration: none;
	}
	.container-header-links p.resources-link:hover {
		text-decoration: none;
	}
}
@media (min-width: 1150px) {
	.container-header-links .menu .item-menu.hassb + .item-menu {
		padding-top: 0;
	}
	.container-header-links #toggle-header-menu {
		display: none;
	}
	.container-header-links .menu-mobile,
	.container-header-links .menu {   
		position: static;
		display: table;
		width: 100%;
		height: auto;
		border-collapse: collapse;
		background-color: transparent;
	}
	.container-header-links .menu-mobile {
		display: none;
	}
	.container-header-links .menu-mobile .item-menu a,
	.container-header-links .menu .item-menu a {
		width: auto;
		text-align: left;
		padding: 0;
	}
	.container-header-links .menu-mobile .item-menu.currency
	.container-header-links .menu .item-menu.currency {
		width: 30px;
	}
	.container-header-links .menu .item-menu a.header-links-cart {
		display: block;
		width: 2.4em;
	}
	.container-header-links .menu .item-menu a.header-links-account {
		display: block;
		width: 1.2em;
	}
	.container-header-links .menu .item-menu a.header-links-start,
	.container-header-links .menu .item-menu a.header-links-start-logout {
		padding: 0 30px 0;
		border-radius: 4px;
		border: 1px solid #72ae20;
	}
	.container-header-links .menu .item-menu a.header-links-start-logout {
		padding: 0;
		width: 42px;
		border: none;
	}
	.container-header-links .menu-mobile .item-menu,
	.container-header-links .menu .item-menu {
		display: table-cell;
		line-height: 4.4em;
		vertical-align: top;
		width: auto;
	}
	.container-header-links .menu .item-menu.account,
	.container-header-links .menu .item-menu.cart,
	.container-header-links .menu .item-menu.currency,
	.container-header-links .menu .item-menu.lang {
		display: table-cell;
	}
	.container-header-links .menu-mobile .item-menu:hover > .submenu,
	.container-header-links .menu .item-menu:hover > .submenu {
		display: flex;
		flex-direction: column;
	}
	.container-header-links .menu .item-menu:hover > .submenu.long {
		display: flex;
		flex-direction: row;
	}
	.container-header-links .menu .item-menu .submenu {
		display: none;	
		position: absolute;
		top: 3.4em;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		background-color: #f8f8f8;
		border: 1px solid #ececec;
		border-radius: 4px;
		margin-top: 8px;
		padding: 10px;
		background-color: white;
	}
	.container-header-links .menu .item-menu .submenu:after {
		position: absolute;
		content: " ";
		display: block;
		top: -12px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 12px 8px;
		border-color: transparent transparent white;
	}
	.container-header-links .menu .item-menu .submenu:before {
		position: absolute;
		content: " ";
		display: block;
		top: -13px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 9px 13px 9px;
		border-color: transparent transparent #ececec;
	}
	.container-header-links a,
	.container-header-links .resources-link {   
		margin: 0 13px 0 13px;
		border-top: none;
		border-bottom: none;
		font-size: 0.95em;
	}
	.container-header-links .header-links-start,
	.container-header-links .header-links-start-logout {   
		display: flex;
		align-items: center;
		width: auto;
		height: 2.7em;
		background: none;
		font-size: 1em;
		color: #72ae20;
		margin-top: 0.8em;
	}
/*
	.container-header-links .header-links-start-logout {
		margin: 13px 13px 0 -8px;
		background: url("../images/icons/icon_logout.png") no-repeat top 10px center;
		background-size: 26px;
	}

	.container-header-links .header-links-start:hover,
	.container-header-links .header-links-start-logout:hover
*/
	.container-header-links .header-links-start:hover {
		background: #72ae20;
		color: #FFF;
		-webkit-transition: 700ms;
		-o-transition: 700ms;
		transition: 700ms;
		text-decoration: none;
	}
/*
	.container-header-links .header-links-start-logout:hover {
		background: url("../images/icons/icon_logout.png") no-repeat top 9px center;
		background-size: 28px;
	}
*/
	.container-header-links .header-links-country {   
		display: block;
		margin: 1.35em 5px 0 10px;
	}
	.container-header-links .header-links-currency  {
		display: block;
		margin-top: 1.35em;
		line-height: 2.5em;
		font-size: 0.9em;
	}
	.container-header-links .menu .item-menu .submenu .item-submenu a {
		padding: 8px 16px;
		line-height: 2em;
	}
	.container-header-links .menu .item-menu .submenu .item-submenu a:hover {
		background: #f9f9f9;
		border-radius: 4px;
		text-decoration: none;
		color: #1f2c62;
	}
}
/* ----- INDEX -----  */
.black-friday {
	background: #db0000;
	width: 100%;
	margin-bottom: -70px;
}
.black-friday p {
	margin: auto;
	color: #FFF;
	
	font-size: 1.2em;
	padding: 20px;
	text-align: center;
}
.christmas {
	background: url("../images/christmas_background.png") repeat;
	width: 100%;
	height: 249px;
	margin-bottom: -70px;
}
.christmas > div {
	background: url("../images/christmas_img.png") no-repeat;
	background-size:  cover 100%;
	width: 100%;
	height: 249px;
	position: relative;
}
.christmas > div img {
	position: absolute;
	right: 0;
	width: 20%;
}
.christmas > div > div {
	width: 60%;
	margin: 36px 0 0 160px;
}
.christmas h4,
.christmas p {
	color: #d40d12;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	margin: 0;
}
.christmas h4 {
	font-family: 'Roboto Light', Sans-serif;
	font-size: 2.6em;
	font-style: italic;
}
/* Presentation  */
.inner-bloc-presentation-1 {
	width: 100%;
	padding: 13% 0 8%;
	margin-left: 4%;
	background: url("../images/presentation.png") no-repeat top 61% right;
	background-size: 55%;
}
.inner-bloc-presentation-1 p,
.inner-bloc-presentation-1 h1 {
	margin: 0 0 30px 0;
}
.inner-bloc-presentation-1 h1 {
	width: 15em;
}
.inner-bloc-presentation-1 h1 span {
	display: block;
	width: 100%;
}
.inner-bloc-presentation-1 p {
	width: 30em;
}
.inner-bloc-presentation-1 h1 {
	
	font-size: 2.6em;
	line-height: 1.4em;
	padding: 0;
	text-align: left;
}
.inner-bloc-presentation-1 h1 strong {
	font-size: 1.3em;
}
.inner-bloc-presentation-1 p {
	
	font-size: 1.2em;
	color: #5a6077;
	font-weight: normal;
	line-height: 1.65em;
	padding-right: 20px;
}
.inner-bloc-presentation-1 .button-purple,
.inner-bloc-presentation-1 .button-green,
.inner-head .button-purple,
.inner-head .button-green {
	margin-top: 25px;
	font-size: 1.15em;
	font-weight: bold;
	margin-right: 3px;
	border-radius: 0;
	border-radius: 4px;
	height: 2.8em;
}
.inner-head p + .button-purple {
	margin-top: 60px;
}
.inner-bloc-presentation-2 {
	width: 52%;
	text-align: right;
	display: none;
}
.inner-bloc-presentation-2 img
{
	width: 98%;
	margin: 45px 0 0 10px;
}
.inner-bloc-presentation-1 a:last-child {
	margin-top: 20px;
}
@media (max-width: 1290px) {
	.inner-bloc-presentation-1 {
		padding: 13% 0 7%;
		margin-left: 0;
		background: url("../images/presentation.png") no-repeat top 154px right;
		background-size: 52%;
	}
	.inner-bloc-presentation-1 h1 {
		width: 480px;
		font-size: 2em;
		padding: 0;
	}
	.inner-bloc-presentation-1 p {
		font-size: 1.2em;
	}
/*
	.inner-bloc-presentation-1 p {
		font-size: 1.1em;
	}
*/
}
@media (max-width: 1150px) {
	.inner-bloc-presentation-1 {
		background: url("../images/presentation.png") no-repeat top 174px right;
		background-size: 46%;
	}
}
@media (max-width: 1024px) {
	.inner-bloc-presentation-1 {
		margin-left: 20px;
	}
}
@media (max-width: 930px) {
	.inner-bloc-presentation-1,
	.inner-bloc-presentation-2 {
		display: block;
		width: 100%;
		background: none;
		height: auto;
		text-align: center;
		padding: 120px 20px 0 20px;
		margin: auto;
	}
	.inner-bloc-presentation-2 { 
		padding-top: 60px;
	}
	.inner-bloc-presentation-1 p,
	.inner-bloc-presentation-1 p.en,
	.inner-bloc-presentation-1 p.it,
	.inner-bloc-presentation-1 p.es,
	.inner-bloc-presentation-1 h1,
	.inner-bloc-presentation-1 h1.en,
	.inner-bloc-presentation-1 h1.es {
		width: 100%;
		text-align: center;
	}
	.inner-bloc-presentation-2 img {
		margin: 10px 0 60px 0;
		max-width: 450px;
	}
}
/* Creation  */
.container-creation {
	margin-bottom: 70px;
}
.container-creation h2 {
	margin: 60px auto 40px;
}
.container-creation div div {
	width: 25%;
	text-align: center;
}
.container-creation img {
	height: 3.8em;
	margin: 60px 0 30px 0;
}
.container-creation h3 {
	margin: 0 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}
.container-creation p {
	margin: 25px 0 0 0;
	padding: 0 20px 0 20px;
	font-size: 1em;
	color: #5a6077;
	line-height: 1.6em;
}

.container-creation .button-green {
	margin-top: 90px;
}
@media (max-width: 1190px) {
	.container-creation div div {
		width: 46%;
		padding: 0 1% 0 1%;
		margin: auto;
	}
}
@media (max-width: 768px) {
	.container-creation div div {
		width: 100%;
		padding: 0 20px;
	}
	.container-creation h2 {
		font-size: 2em;
		line-height: 45px;
	}
}
/* Stats  */
.container-stats {
	background: #192553;
	color: #FFF;
}
.container-stats h2 {
	margin: 70px auto 90px;
}
.container-stats img {
	margin: 0 auto 5px;
	height: 3.8em;
}
.container-stats div div div {
	width: 33.33%;
	text-align: center;
	margin-bottom: 90px;
}
.container-stats h4 {
	margin: 0 auto 5px;
	font-size: 1.2em;
	font-weight: normal;
}
.container-stats p {
	margin: 0;
	font-size: 2.8em;
	font-weight: bold;
}
@media (max-width: 768px) {
	.container-stats h4 {
		font-size: 1em;
	}
	.container-stats p {
		font-size: 2em;
	}
	.container-stats div div div {
		width: 100%;
		margin-bottom: 40px;
		padding: 0 20px;
	}
}
/* business  */
.container-business {
	background: linear-gradient( 217deg, rgba(238, 247, 255, 0.83), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(220, 255, 220, 0.43), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(224, 240, 255, 0.83), rgb(255, 255, 255) 70.71%);}
.container-business > div {
	margin-bottom: 90px;
}
.container-business .container-100-child > div {
	gap: 20px;
	justify-content: center;
}
.container-business h2 {
	margin: 80px auto;
}
.container-business div div div {
	flex: 0 0 30%;
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;
	border-radius: 4px;
	text-align: center;
	padding: 30px 10px;
	text-decoration: none;
}
.container-business img {
	margin: 15px auto 40px;
	height: 3.6em;
}
.container-business h3 {
	margin: 0 auto 25px;
	font-size: 1.2em;
}
.container-business p {
	margin: 0;
	font-size: 1em;
	padding: 0 20px;
}
.container-business .button-green {
	margin-top: 90px;
}
@media (max-width: 768px) {
	.container-business div div div {
		flex: 0 0 45%;
	}
}
@media (max-width: 530px) {
	.container-business div div div {
		flex: 0 0 90%;
	}
}
/* Profitable  */
.container-profitable  {
	background: linear-gradient( 217deg, rgba(227, 242, 255, 0.83), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(227, 255, 227, 0.43), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(241, 248, 255, 0.83), rgb(255, 255, 255) 70.71%);}
.container-profitable > div  {
	margin-bottom: 70px;
}
.container-profitable > div >h2 {
	margin: 90px auto;
}
.container-profitable > div div:nth-child(1) {
	flex: 0 0 22%;
	margin-top: 0;
	margin-right: 0;
}
.container-profitable > div div:nth-child(2) {
	flex: 1;
	margin-top: 30px;
}
.container-profitable > div div:nth-child(3) {
	flex: 0 0 20%;
	margin-top: 0;
	margin-left: 3%;
}
.container-profitable > div div:nth-child(2) img {
	width: 100%;
	margin: auto;
}
.container-profitable > div div p {
	
	line-height: 1.9em;
	font-size: 1.05em;
	font-weight: normal;
	text-align: left;
}
.container-profitable > div div span {
	display: block;
	font-family: 'Roboto Light', Sans-serif;
	font-weight: bold;
	margin-left: -24px;
	margin-bottom: 13px;
	font-size: 1.1em;
}
.container-profitable > div > p > strong {
	font-family: 'Roboto Regular';
}
.container-profitable > div > img {
	display: none;
}
.container-profitable > div div div p {
	margin-bottom: 40px;
}
@media (max-width: 1190px) {
	.container-profitable > div div p {
		font-size: 1em;
	}
	.container-profitable > div div:nth-child(1) {
		flex: 0 0 auto;
		margin-top: 34px;
		margin-left: 2%;
	}
	.container-profitable > div div:nth-child(2) {
		display: flex;
	}
	.container-profitable > div div:nth-child(3) {
		flex: 0 0 auto;
		margin-left: 5%;
		margin-right: 2%;
	}
	.container-profitable > div div:nth-child(2) img {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.container-profitable > div  {
		margin-bottom: 40px;
	}
	.container-profitable > div div:nth-child(2) {
		display: none;
	}
	.container-profitable > div div:nth-child(1),
	.container-profitable > div div:nth-child(3) {
		width: 100%;
		margin: 0;
	}
	.container-profitable > div div:nth-child(1) {
		margin-top: 80px;
	}
	.container-profitable > div > img {
		display: block;
		margin: auto;
		width: 80%;
		max-width: 400px;
	}
	.container-profitable > div div p {
		font-size: 1.1em;
		text-align: center;
	}
	.container-profitable > div div span {
		margin-left: 0;
	}
	.container-profitable > div div div p:nth-child(1) {
		margin-bottom: 40px;
	}
}
/* Features  */
.container-features {
	margin-bottom: 90px;
}
.container-features > h2 {
	margin: 60px 0 100px 0;
}
.container-features > div {
	margin: auto;
	margin-bottom: 50px;
}
.container-features > div a {
	display: flex;
	flex-direction: column;
	width: 23%;
	margin: 0 1% 60px;
	text-decoration: none;
	transition: transform 0.3s linear;
	border-radius: 4px;
}
.container-features > div a:hover {
	transform: scale(1.06);
}
.container-features > div a img {
	width: 100%;
	border-radius: 4px;
	margin: 20px auto 0;
	border: 1px solid #ECECEC;
}
.container-features > div h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin: auto;
	padding: 0 20px;
}
@media (max-width: 1050px) {
	.container-features > div {
		width: 90%;
	}
	.container-features > div a {
		width: 46%;
		margin: 0 2% 50px;
	}
	.container-features > div a:hover {
		transform: scale(1.04);
	}
}
@media (max-width: 768px) {
	.container-features > div h3 {
		font-size: 1em;
	}
}
/* Creations  */
.realisation-slider	{
	position: relative;
}
.container-examples  {
	margin-bottom: 60px;
}
.container-examples > h2 {
	margin: 70px auto 50px auto;
}
.container-examples > div {
	width: 88%;
	margin: auto;
}
.container-examples > div a {
	display: flex;
	flex-direction: column;
	flex: 0 0 33.33%;
	padding: 20px 2%;
	text-decoration: none;
	transition: transform 0.3s linear;
	border-radius: 4px;
}
.container-examples > div a:hover {
	transform: scale(1.06);
}
.container-examples > div a img {
	width: 100%;
	border-radius: 4px;
	margin: 0 auto 30px;
	border: 1px solid #deecee;
}
.container-examples > div h3 {
	font-weight: bold;
	font-size: 1.15em;
	margin: auto;
	padding: 0 20px;
}
@media (max-width: 1050px) {
	.container-examples > div a {
		flex: 0 0 50%;
	}
}
@media (max-width: 768px) {
	.container-examples > div {
		width: 70%;
	}
	.container-examples > div a {
		flex: 0 0 100%;
	}
	.container-examples > div h3 {
		font-size: 1em;
	}
}

/*  Open Features  */
/*
#open_features {
	height: 365px;
	overflow: hidden;
}
#open_features.close {
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-name: slideout;
	        animation-name: slideout;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#open_features.open {
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-name: slidein;
	        animation-name: slidein;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@media (max-width: 1190px)
{
}
@media (max-width: 768px)
{
}
#open_features_button.button-green
{
	margin-top: 76px;
}
*/

/* ----- Head body page -----  */
.inner-head > div {
	width: 100%;
	margin: 40px auto 80px;
	padding: 0 20px;
    text-align: center;
}
.inner-head > div > h1 {
	font-family: 'Roboto Regular';
	font-size: 3em;
	font-weight: bold;
	margin-top: 2.4em;
}
.inner-head > div > p {
    font-size: 1em;
    line-height: 1.6em;
    padding: 0 20px;
}
.inner-head > div > h1,
.inner-head > div > p {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
.background-grey.bottom .inner-head {
	margin-bottom: 20px;
}
.inner-head .module_search_container input,
.inner-head .map_search_container input {
	width: 100%;
	min-width: 300px;
	margin: 0;
	background: #FFF url("../images/icons/input/magnifying_glass.png") no-repeat center left 15px;
	background-size: 20px;
	border: 1px solid #deecee;
	border-radius: 4px; 
	font-size: 1.2em;
	padding-left: 50px;
	text-align: left;
}
.inner-head ul {
	display: block;
	margin: 60px auto 0;
}
.inner-head li {
	position: relative;
	display: inline-block;
	margin: 10px 10px 0;
	padding: 15px;
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;
	border-radius: 4px;
	color: #5a6077;
}
.inner-head li:before {
	content: "✓";
	color: #72ae20;
	padding-right: 4px;
}
.inner-head li sup {
	position: absolute;
	top: 4px;
	right: 10px;
	font-size: 0.9em;
	color: #5a6077;
	font-weight: normal;
}
.inner-head li strong {
	margin-right: 8px;
	font-weight: normal;
}
.inner-head li.features {
	margin: auto;
	background: url("../images/icons/icon_legend.png") no-repeat center left;
	background-size: 22px;
	font-weight: bold;
	border: none;
	padding: 10px 0px 4px 34px;
}
.inner-head li.features:before {
	content: none;
}
/* ----- Template -----  */
.container-templates {
	position: relative;
	display: flex;
	margin-top: 40px;
}
.margin-container.templates {
	margin-top: calc(4.3em - 20px);
}
.container-templates .swiper {
	overflow: hidden;
	flex: 0 0 calc(100% - 7.5em);
	margin-left: auto;
	margin-right: auto;
}
.container-templates div.swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto 0;
	width: 100%;
	text-align: center;
	padding: 0 12px;
}
.container-templates div.swiper-wrapper .swiper-slide {
	flex: 0 0 50%;
	padding: 20px 2%;
}
.container-templates a {
	display: block;
	text-decoration: none;
	transition: transform 0.3s linear;
}
.container-templates a:hover { 
	transform: scale(1.06);
}
.container-templates span {
	display: block;
	margin-bottom: 30px;
	font-family: 'Roboto Regular';
	font-size: 1.25em;
	color: #1f2c62;
	font-weight: normal;
	text-decoration: none;
}
.container-templates img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 1px solid #ECECEC;
}
.container-templates .slider-next {
	right: 0;
}
.container-templates .slider-prev {
	left: 0;
}
@media (max-width: 930px) {
	.container-templates .swiper {
		flex: 0 0 calc(100% - 9.5em);
	}
	.container-templates .slider-next {
		right: 1em;
	}
	.container-templates .slider-prev {
		left: 1em;
	}
}
@media (max-width: 768px) {
	.container-templates {
		width: 90%;
		margin: 0 auto;
	}
	.container-templates .swiper {
		flex: 0 0 96%;
	}
	.container-templates .slider-next, 
	.container-templates .slider-prev {
		position: static;
		transform: none;
	}
	.container-templates .slider-next {
		margin: 0 auto 0 10px;
	}
	.container-templates .slider-prev {
		margin: 0 10px 0 auto;
	}
	.container-templates div.swiper-wrapper {
		margin-top: 0;
	}
	.inner-head > div h1 {
		font-size: 2.25em;
	}
	.inner-head > div h1,
	.inner-head > div p {
		width: 100%;
	}
	.container-templates div.swiper-wrapper .swiper-slide {
		flex: 0 0 100%;
	}
	.container-templates div.swiper-wrapper {
		padding: 0;
	}
}
/* ----- Maps -----  */
.container-maps {
	margin-top: 50px;
}
.container-maps .map-list .map-list-item {
	width: 25%;
	text-align: center;
}
.container-maps .map-list .map-list-item.no-result {
	width: 100%;
	margin-top: 30px;
}
.container-maps .map-list .map-list-item.no-result p {
	font-size: 1.1em;
	padding: 0 10px;
}
.container-maps h2 {
	margin: 0 0 30px 0;
	font-family: 'Roboto Regular';
	font-size: 1.1em;
	color: #1f2c62;
	font-weight: normal;
}
.container-maps .map-list svg {
	width: 230px;
}
.container-maps .map-list-item:nth-child(4) svg {
	width: 210px;
}
.container-maps svg {
	width: 200px;
	height: 190px;
}
.container-maps svg path,
.container-maps svg polygon,
.container-maps svg polyline {
	fill: #1a2553;
	fill-opacity: 1;
	stroke: white;
	stroke-opacity: 1;
	stroke-width:0.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	-webkit-transition: all 350ms;
	-o-transition: all 350ms;
	transition: all 350ms;
	cursor: pointer;
}
.container-maps svg path:hover,
.container-maps svg g:hover > path,
.container-maps svg polygon:hover,
.container-maps svg g:hover > polygon,
.container-maps svg polyline:hover,
.container-maps svg g:hover > polyline {
	fill: #72ae20;
}
@media (max-width: 768px) {
	.container-maps svg {
		width: 80%;
	}
}
/* ----- Autocompleted Maps -----  */
.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item-wrapper:hover {	
	background: none;
}
.map_search_container,
.module_search_container {
	position: relative;
	display: block;
	width: 40%;
	margin: 80px auto 0;
}
.map_search_container .close-button,
.module_search_container .close-button {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	color: #1f2c62;
	font-size: 1em;
	cursor: pointer;
	font-size: 1.9em;
}
.ui-helper-hidden-accessible {
	display: none;
}
@media (max-width: 1190px) {
	.container-maps .map-list .map-list-item {
		width: 33.33%;
	}
}
@media (max-width: 930px) {
	.map_search_container,
	.module_search_container {
		min-width: 400px;
	}
	.inner-maps div:nth-child(1) {
		width: 100%;
		margin: 5px 0 0 0;
		padding: 0 20px 0 20px;
		text-align: center;
	}
	.inner-maps div:nth-child(1) h1 {
		text-align: center;
	}
	.inner-maps div:nth-child(2) {
		width: 100%;
		margin: 55px 0 55px 0;
		padding: 0 20px 0 20px;
		text-align: center;
	}
}
@media (max-width: 768px) {
	.map_search_container,
	.module_search_container {
		min-width: 300px;
		width: 90%;
		font-size: 0.9em;
	}
	.inner-maps input,
	.inner-modules input {
		font-size: 0.95em;
		padding-left: 25px;
	}
	.container-maps .map-list .map-list-item {
		width: 50%;
	}
}
@media (max-width: 530px) {
	.container-maps .map-list .map-list-item {
		width: 90%;
		margin: auto
	}
}
/* ----- Modules -----  */
.module-list {
	width: 98%;
	gap: 50px 42px;
	margin: 50px auto 0;
	justify-content: center;
}
.module-list h2
{
	margin: auto;
	font-family: 'Roboto Regular';
	font-size: 1.20em;
	color: #1f2c62;
	font-weight: normal;
}
.module-list li {
	display: flex;
	transition: transform 0.3s linear;
	flex: 0 0 calc(33.33% - (84px / 3));
}
.module-list li a {
	display: flex;
	flex-direction: column;
	text-align: center;
	text-decoration: none;
}
.module-list li:hover {
	transform: scale(1.06);
}
.module-list li div {
	display: flex;
}
.module-list li div.title {
	height: 60px;
}
.container-modules img {
	display: block;
	width: 100%;
	background: #f9f9f9;
	border-radius: 4px;
	margin: 20px auto 30px;
	border: 1px solid #ECECEC;
}
.module-list li div.text {
	flex: 1;
	position: relative;
}
.module-list li p {
	margin: auto;
	font-size: 1em;
}
span.legend {
	position: absolute;
	width: 22px;
	height: 26px;
	background: url("../images/icons/icon_legend.png") no-repeat center left;
  	background-size: 100%;
	top: -70px;
	right: 14px;
}
@media (max-width: 930px)
{
	.module-list li {
		flex: 0 0 calc(45% - (84px / 3));
	}
}
@media (max-width: 768px)
{
	.module-list li {
		flex: 0 0 calc(90% - (84px / 3));
	}
}
/* ----- Module info -----  */
.first-container-module div {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}
.container-module div:nth-child(1) {
	width: 30%;
}
.container-module div:nth-child(2) {
	width: 70%;
}
.container-module > div:nth-child(1) > div {
	width: 100%;
	margin: 20px auto 0 auto;
	position: sticky;
	top: 100px;
}
.container-module > div:nth-child(1) > div,
.container-module div:nth-child(2) > div:nth-child(1) {
	width: 94%;
	background: #f9f9f9;
	margin: 30px auto 0 auto;
	padding: 40px 50px;
	border-radius: 4px;
	border: 1px solid #ececec;
}
.container-module div:nth-child(2) > div:nth-child(1) {
	background: none;
	border: none;
	padding: 20px;
}
.container-module > div:nth-child(1) > div {
	padding: 0;
}
.container-module div p,
.container-module div:nth-child(2) > div li {
	font-size: 1em;
}
.container-module div:nth-child(2) > div li {
	position: relative;
	padding-left: 24px;
	margin: 0 0 8px;
}
.container-module div:nth-child(2) > div li::before {
  top: -1px;
  left: 0;
  position: absolute;
  content: "✔";
  color: #72ae20;
  font-size: 1em;
}
/*
.container-module div:nth-child(2) > div:nth-child(3) li.gold::before {
	background: linear-gradient(#ad8f34 0%, #e3c979 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.container-module div:nth-child(2) > div:nth-child(3) li.dollar::before {
	top: -1px;
	content: "$";
	font-size: 1.1em;
}
*/
.container-module div:nth-child(2) > div:nth-child(3) li a {
	color: #5a6077;
	text-decoration: none;
}
.container-module div p a {
	color: #5a6077;
}
.container-module div:nth-child(2) > div:nth-child(3) p.bottom {
	padding-bottom: 30px;
}
.container-module div:nth-child(2) > div p.title {
	text-decoration: underline;
	margin-bottom: 15px;
}
/*
.container-module div:nth-child(2) > div p.title.gold
{
	color: #ad8f34;
}
*/
.container-module > div:nth-child(1) > div img {
	display: block;
	width: 100%;
	margin: auto;
	border-radius: 4px;
}
/*
.container-module > div:nth-child(1) > div img.license
{
	max-width: 170px;
	border: none;
	padding: 0;
}
*/
.container-module > div:nth-child(1) > div a {
	margin-top: 30px;
	height: 38px;
	line-height: 38px;
	font-size: 1em;
	margin-top: 30px;
}
.container-module > div:nth-child(1) > div p {
	margin-top: 15px;
	
	font-size: 0.9em;
	color: #5a6077;
}
.container-module > div:nth-child(1) > div p em {
  font-size: 0.7em;
}
@media (max-width: 768px) {
	.container-module div:nth-child(1),
	.container-module div:nth-child(2) {
		width: 100%;
	}
}
/* ----- Pages -----  */
.bloc-page {
	margin: 60px auto;
}
.bloc-page.text-right > div {
	flex: 1;
	padding-left: 20px;
}
.bloc-page > div > h2 {
	text-align: left;
	padding: 0;
	margin-top: 0;
}
.bloc-page > img {
	width: 40%;
	margin: auto;
	padding: 0 50px;
}
.bloc-page > div a {	
	margin: 50px auto 60px;
}
.bloc-page-grid {
	justify-content: space-around;
	gap: 10px;
}
.bloc-page-grid > div {
	flex: 0 0 calc(25% - 10px);
	padding: 20px;
	background: #f9f9f9;
	border-radius: 4px;
	border: 1px solid #ececec;
	text-align: left;
}
.bloc-page-grid {
	margin-top: 30px;
}
.bloc-page-grid > div > img {
	height: 30px;
}
.bloc-page-grid > div > div { 
	flex: 1;
	margin-left: 25px;
}
.bloc-page-grid > div  h3 {
	font-size: 1.1em;
	margin: 0 auto 5px;
}
.bloc-page-grid > div  p {
	font-size: 0.9em;
}
/* ----- Services -----  */
.container-services div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	flex: 0 0 33.33%;
	margin: 20px 0 0 0;
	text-align: center;
}
.container-services.hosting {
	width: 98%;
	margin: auto;
}
.container-services.hosting > div {
	flex: 0 0 25%;
}
.container-services div p {
	font-size: 1em;
	line-height: 1.65em;
}
.container-services div div {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	width: 92%;
	background: #f9f9f9;
	margin: 10px auto 0 auto;
	padding: 20px 0 20px 0;
	border-radius: 4px;
	border: 1px solid #ECECEC;
}
.container-services div div p {
	position: relative;
	width: calc(100% - 65px);
	font-size: 0.9em;
	margin: 20px auto 0 auto;
	padding-bottom: 18px;
	padding-right: 20px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #ededed;
}
.container-services div div p:after {
	position: absolute;
	right: 4px;
	content: "✔";
	color: #72ae20;
}
.container-services div div p.price {
	font-size: 0.95em;
}
.container-services div div p.price {
	text-align: center;
	margin: 50px auto 10px;
	padding-right: 0;
} 
.container-services div div p.price:after {
	content: "";
}
.container-services div div p.price,
.container-services div div p:last-child {
	border: none;
}
.container-services div div b {
	font-size: 2.45em;
	font-family: 'Roboto Regular';
	font-weight: normal;
}
.container-services div div span.starting {
	width: 100%;
	font-size: 0.85em;
	font-family: 'Roboto Light';
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translate(-50%, 0);
}
.container-services div div span.starting.year {
	display: none;
	top: 5.3em;
	font-size: 0.75em;
}
.container-services div div span {
	font-size: 1.05em;	
}
.container-services div div em {
	font-size: 0.85em;
}
.container-services div div strong {
	display: block;
	margin-top: 40px;
	font-size: 0.8em;
	line-height: 1.3em;
	font-weight: normal;
	font-style: normal;
	color: #888ea6;
}
.container-services-infos
{
	padding: 30px 20px;
	margin-bottom: -70px;
}
.container-services-infos p
{
	position: relative;
	font-size: 0.8em;
	
	color: #5a6077;
	text-align: center;
	padding-left: 10px;
}
.container-services-infos p b
{
	position: absolute;
	top: -5px;
	font-size: 0.9em;
	
	color: #5a6077;
	font-weight: normal;
	margin-left: -10px;
}
h2.compare {
	margin: 100px auto 60px;
}
.pricing-table {
	width: 92%;
	overflow-x: auto;
	border-collapse: collapse;
	margin: auto;
}
.pricing-table td:first-child,
.pricing-table th:first-child {
	text-align: left;
	font-family: 'Roboto Regular';
	font-size: 0.95em;
}
.pricing-table tbody td:first-child {
	background: #f6f6f6;
}
.pricing-table th,
.pricing-table td {
	border-bottom: 1px solid #ECECEC;
	padding: 35px 0 35px 25px;
	text-align: left;
	font-size: 1em;
}
.pricing-table th {
	font-size: 1.15em;
	font-family: 'Roboto Regular';
}
.pricing-table td {
	font-size: 0.9em;
	background: #f9f9f9;
}
.pricing-table td strong {
	font-size: 1.1em;
}
.pricing-table td.with:after {
	right: 4px;
	content: "✔";
	color: #72ae20;
	font-size: 1.1em;
}
.pricing-table td.none:after {
	right: 4px;
	content: "✗";
	color: #e11b1b;
	font-size: 1.35em;
}
#product-66 > div,
#product-149 > div {
	position: relative;
	opacity: 0.4;
}
#product-66 > div:after,
#product-149 > div:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(155, 155, 155);
	opacity: 0.2;
}
@media (max-width: 1190px)
{
	.inner-services div:nth-child(1)
	{
		width: 100%;
		margin: 5px 0 0 0;
		padding: 0 20px 0 20px;
		text-align: center;
	}
	.inner-services div:nth-child(1) h1
	{
		text-align: center;
	}
	.inner-services div:nth-child(2)
	{
		width: 100%;
		margin: 55px 0 55px 0;
		padding: 0 20px 0 20px;
		text-align: center;
	}
	.container-services.hosting { 
		width: 100%;
	}
	.container-services > div,
	.container-services.hosting > div {
		flex: 0 0 50%;
	}
}
@media (max-width: 768px)
{
	.container-services > div,
	.container-services.hosting > div {
		flex: 0 0 100%;
	}
	.container-services div div {
		width: 84%;
	}
	.pricing-table td:first-child {
		font-size: 0.9em;
	}
	.pricing-table thead tr { 
		display: flex; 
		width: 100%; 
	}
	.pricing-table thead th.active-pack {
		background-color: #1f2c62;
		color: #FFF;
	}
	.pricing-table thead th:first-child { 
		display: none; 
	}
	.pricing-table thead th {
	  flex: 1;
	  cursor: pointer;
	  font-size: 0.9em;
	  text-align: center;
	  padding: 20px 0;
	}
	.pricing-table thead th:hover {
		background: #1f2c62;
		color: #FFF;
	}
	.pricing-table tbody tr { 
		display: none; 
	  }
	.pricing-table tbody tr.active-row { 
		display: flex; 
	  }
	
	.pricing-table tbody td:not(:first-child) {
	  display: none;
	}
	.pricing-table tbody td.active-td {
	  display: inline-block;
	  width: 50%;
	  vertical-align: top;
	}
}
@media (max-width: 530px) {
	.pricing-table thead th {
		font-size: 0.8em;
	}
}








/* ----- RESOURCES -----  */

.container-resources div:nth-child(1)
{
	display: inline-block;
	width: 20%;
}
.container-resources > div:nth-child(1) > div
{
	width: 100%;
	margin: 20px auto 0 auto;
	position: sticky;
	top: 250px;
	margin-top: 182px;
}
.container-resources div:nth-child(2)
{
	width: 80%;
	margin: 20px auto 0 auto;
}
.container-resources div > p:nth-child(2)
{
	margin: 0px 0 0 0;
	font-size: 1em;
	
	color: #5a6077;
	line-height: 25px;
	padding: 0 20px 0 20px;
	text-align: center;
}
.container-resources div > p:nth-child(3),
.container-resources div > ul
{
	width: 94%;
	background: #f4f4f4;
	margin: 30px auto 0 auto;
	padding: 30px 50px;
	border-radius: 20px;
}
.container-resources div > ul
{
	margin-top: 0;
	padding: 30px 30px;
}
.container-resources div > ul li
{
	line-height: 26px;
}
.container-resources div > ul a
{
	font-size: 1em;
	
	color: #5a6077;
	text-decoration: none;
}
.container-resources div > ul a:hover,
.container-resources div > ul a.selected
{
	text-decoration: underline;
}
.container-resources div p
{
	font-size: 1em;
	
	color: #5a6077;
}
.container-resources div p strong 
{
    color: #1f2c62;
	font-size: 1.2em;
}
.container-resources div p a
{
	font-size: 1em;
	
	color: #5a6077;
}
.container-resources div p a.top-link
{
	display: inline-block;
	padding: 0 0 10px;
}
.container-resources div b.title
{
	display: block;
	margin: auto;
	width: 80%;
	margin-top: 40px;
	font-size: 1.45em;
	text-align: center;
}
.container-resources div a.hoster-logo
{
	display: inline-block;
	width: 49%;
	text-align: center;
	margin: 60px 0 0 0;
}
.container-resources div a.hoster-logo > img
{
	height: 60px;
	width: auto;
}
@media (max-width: 1124px)
{
	.container-resources div a.hoster-logo > img
	{
		height: 50px;
	}
}
.container-resources div a.pdf-link
{
	display: block;
	height: 36px;
	line-height: 36px;
	background: url("../images/icons/icon_pdf.png") no-repeat center left;
	background-size: 16px;
	padding-left: 25px;
	text-decoration: none;
}
.container-resources div a.pdf-link:hover
{
	text-decoration: underline;
}
.container-resources img
{
	width: 100%;
}
@media (max-width: 930px)
{
	.container-resources div:nth-child(1)
	{
		display: none;
	}
	.container-resources div:nth-child(2)
	{
		width: 100%;
	}
	.container-resources div > p:nth-child(3),
	.container-resources div > ul
	{
		width: 90%;
	}
	.container-resources div a.hoster-logo > img
	{
		height: 30px;
	}
}
@media (max-width: 768px)
{
	.container-resources div > p:nth-child(3),
	.container-resources div > ul
	{
		width: 86%;
	}
	.container-resources div strong.title
	{
		width: 100%;
	}
	.container-resources div a.hoster-logo
	{
		width: 100%;
		margin-top: 40px;
	}
	.container-resources div a.pdf-link
	{
		display: block;
		height: auto;
		text-align: center;
		line-height: 22px;
		background: url("../images/icons/icon_pdf.png") no-repeat top center;
		background-size: 16px;
		padding-top: 25px;
		padding-left: 0;
		margin-top: 20px; 
		text-decoration: none;
	}
}




/* ----- CONTACT -----  */
.contact-page .background-grey {
	background: linear-gradient( 217deg, rgba(212, 233, 255, 0.83), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(216, 255, 216, 0.43), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(255, 255, 255, 0.67), rgb(255, 255, 255) 70.71%);
}
.background-grey.bottom {
	margin-bottom: -80px;
}
.contact-page footer {
	margin-top: 0; 
}
.inner-head.container-contact > div {
	width: 44%;
	margin-left: 0;
	margin-right: 40px;
}
.inner-head.container-contact > div > h1,
.inner-head.container-contact > div > p {
	width: 100%;
	margin-left: 0;
	text-align: left;
}
.container-contact .social-networks {
	margin-top: 46px;
	justify-content: left;
}
.inner-head.container-contact .bloc-contact {
	flex: 1;
	margin: 9.4em 0 0;
	padding-bottom: 40px;
}
.inner-head.container-contact .bloc-contact > div,
.inner-head.container-contact .bloc-contact > form {
	
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;
	text-align: center;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
.container-contact form > div {
	width: 94%;
	margin: 10px auto 0 auto;
	padding: 20px 0 20px 0;
	border-radius: 4px;
}
.container-contact form > div.g-recaptcha {
	border: none;
	background: none;
}
.inner-head.container-contact .bloc-contact > div p:not(.error):not(.succes),
.inner-head.container-contact .bloc-contact > form p:not(.error):not(.succes) {
	font-size: 0.95em;
	color: #5a6077;
	margin: 20px auto 10px auto;
	padding: 0 25px 0 25px;
	text-decoration: none;
}
.inner-head.container-contact .bloc-contact > div p a {
	margin-top: 8px;
	display: inline-block;
	font-size: 1.15em;
	text-decoration: none;
	font-weight: bold;
}
.inner-head.container-contact .bloc-contact > div p a:hover {
	text-decoration: underline;
}
@media (max-width: 930px)
{
	.inner-head.container-contact > div {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.inner-head.container-contact .bloc-contact {
		margin-top: 0;
	}
	.inner-head.container-contact > div > h1,
	.inner-head.container-contact > div > p {
		text-align: center;
	}
	.container-contact .social-networks {
		margin-top: 46px;
		justify-content: center;
	}
}
/* ----- reCaptcha -----  */
.container-contact form div.g-recaptcha,
.container-connect form div.g-recaptcha {
	display: block;
	width: 100%;
	height: auto;
	padding: 0 0 30px;
	background: none;
}
.container-contact div.g-recaptcha iframe,
.container-connect div.g-recaptcha iframe,
.container-contact form div.g-recaptcha div,
.container-connect form div.g-recaptcha div {
	display: block;
	height: 78px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-radius: 0;
}

/* ----- TERMS -----  */
.info-page .background-grey {
	background: linear-gradient( 217deg, rgba(212, 233, 255, 0.83), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(216, 255, 216, 0.43), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(255, 255, 255, 0.67), rgb(255, 255, 255) 70.71%);
}
.info-page footer {
	margin-top: 0;
}
.container-contact svg,
.container-info svg {
	width: 160px;
}
.container-contact svg path,
.container-info svg path {
	fill: #435666;
}
.container-contact svg g:nth-child(1) path:nth-child(2),
.container-info svg g:nth-child(1) path:nth-child(2) {
	fill: #99db2a;
}
.container-contact svg g:nth-child(1) path:nth-child(3),
.container-info svg g:nth-child(1) path:nth-child(3) {
	fill: #f8f8f8;
}
.container-contact svg g:nth-child(3) path,
.container-info svg g:nth-child(3) path {
	fill: #99db2a;
}
.container-info {
	margin: 9.4em auto 60px;
	padding-bottom: 0 20px 40px;	
}
.dialog-box div.background-grey {
	background: linear-gradient(90deg,rgba(232, 255, 232, 0.43) 0%, rgba(215, 234, 255, 0.83) 70%);
}
.dialog-box .container-info {
	margin: 30px auto;
	padding: 0;	
}
.container-info p:nth-child(2) {
	margin: 30px 0 0 0;
	font-size: 1em;
	line-height: 25px;
	padding: 0 20px 0 20px;
	text-align: center;
}
.container-info > div {
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;
	width: calc(100% - 40px);
	border-radius: 4px;
	padding: 10px 50px 50px 50px;
	margin: 40px auto 0 auto;
	font-size: 1em;
	line-height: 25px;
}
.container-info > div > div {
	margin-top: 80px;
}
.dialog-box .container-info > div {
	width: 100%;
	border: none;
	background: none;
	padding: 30px 0;
}
.container-info div h2 {
	text-align: left;
	font-family: 'Roboto Regular', Arial;
	font-size: 1.25em;
	margin: 0 0 25px;
	padding: 0;
}
.container-info div ul {
	margin-bottom: 30px;
}
.container-info div li {
	margin: 0 0 10px 20px;
}
.container-info a {
	color: #1f2c62;
	font-family: 'Roboto Regular';
	text-decoration: none;
}
@media (max-width: 1024px) {
	.dialog-box .container-info {
		padding: 0 30px;
	}
}
@media (max-width: 768px) {
	.container-info p:nth-child(3) {
		width: 86%;
		padding: 30px;
	}
}

/* ----- ACCOUNT CONNECT -----  */
.connect-page .background-grey {
	background: linear-gradient( 217deg, rgba(212, 233, 255, 0.83), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(216, 255, 216, 0.43), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(255, 255, 255, 0.67), rgb(255, 255, 255) 70.71%);
}
.connect-page footer {
	margin-top: 0;
}
.container-connect > div {
	width: 44%;
	text-align: center;
	margin: 9.4em auto 60px;
}
.container-connect > div.creation {
	width: 62%;
}
.container-connect > div > form {
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;
	padding-bottom: 40px;
}
.container-connect form > p {
	margin: 0px 0 0 0;
	font-size: 1em;
	line-height: 25px;
	padding: 0 20px 0 20px;
}.container-connect form > div.info {
	width: calc(94% - 55px);
	padding: 10px 0 0;
}
.container-connect form > div {
	width: 94%;
	margin: 10px auto 0 auto;
	padding: 20px 0;
	border-radius: 4px;
}
.container-connect div.g-recaptcha {
	border: none;
	background: none;
}
.container-connect div p:not(.error) {
	font-size: 0.95em;
	color: #5a6077;
	margin: 20px auto 10px auto;
	padding: 0 25px 0 25px;
	text-decoration: none;
}
.container-connect div p.vat-number:not(.error),
.container-connect div p.company-files:not(.error) {
	margin-bottom: 20px;
}
.container-connect div a {
	font-size: 1em;
	color: #5a6077;
}
.container-connect .register-form > div {
	width: calc(100% - 55px);
	margin: 12px auto 22px;
}
.container-connect .info > div {
	margin: auto auto auto 4px;
}
.container-connect .info > div > svg { 
	width: 38px;
	height: auto;
}
.container-connect div.info > p {
	flex: 1;
	margin: auto 20px auto auto;
	font-size: 1em;
	text-align: left;
	padding: 0 0 0 20px
}
@media (max-width: 930px) {
	.container-connect > div.creation,
	.container-connect > div {
		width: 90%;
	}
	.container-connect > div > form {
		width: 100%;
		margin: auto;
		padding: 0 20px 40px;
	}
	.container-connect > div {
		padding-bottom: 40px;
	}
}

/* ----- ACCOUNT FORGOT PASSWORD -----  */
.forgot-password-page .background-grey,
.newsletter-page .background-grey {
	background: linear-gradient( 217deg, rgba(212, 233, 255, 0.83), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(216, 255, 216, 0.43), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(255, 255, 255, 0.67), rgb(255, 255, 255) 70.71%);
}
.forgot-password-page footer,
.newsletter-page footer {
	margin-top: 0; 
}
.container-forgot-password > div {
	width: 54%;
	text-align: center;
	margin: 9.4em auto 60px;
}
.container-forgot-password.newsletter > div {
	width: 64%;
}
.container-forgot-password > div > form {
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;
	padding-bottom: 40px;
}
.container-forgot-password > div > form > div {
	width: 94%;
	margin: 10px auto 0 auto;
	padding: 20px 0;
}
.container-forgot-password form > p {
	font-size: 0.95em;
	color: #5a6077;
	margin: 20px auto 10px auto;
	padding: 0 25px 0 25px;
	text-decoration: none;
}
@media (max-width: 768px) {
	.container-forgot-password > div,
	.container-forgot-password.newsletter > div {
		width: 100%;
		margin: 9.4em 20px 60px;
	}
	.container-forgot-password > div > form {
		width: 100%;
		margin: auto;
		padding: 0 20px 40px;
	}
}



/* ----- DASHBOARD -----  */
.dashboard-page .background-grey {
	background: linear-gradient(90deg,rgba(232, 255, 232, 0.43) 0%, rgba(215, 234, 255, 0.83) 70%);
}
.dashboard-page footer {
	margin-top: 0;
}
.container-dashboard > div:nth-child(1) {
	display: inline-block;
	width: 37%;
	text-align: center;
	margin: 9.4em 20px 60px;
}
.container-dashboard > div:nth-child(1) > div {
	position: -webkit-sticky;
	position: sticky;
	top: 110px;
}
.container-dashboard > div:nth-child(1) > div > div {
	gap: 10px;
	justify-content: center;
	margin-bottom: 30px;
}
.container-dashboard > div:nth-child(1) > div > div > div {
	width: 31%;
}
.container-dashboard > div:nth-child(1) > div > div.not-license > div {
	width: 48%;
}
.container-dashboard > div:nth-child(1) > div > div a {
	display: block;
	height: 100%;
	margin: auto;
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;
	border-radius: 4px;
	padding: 24px 10px 20px;
	font-weight: bold;
	font-size: 0.95em;
	text-align: center;
	text-decoration: none;
}
.container-dashboard > div:nth-child(1) > div > div a:hover
{
	text-decoration: underline;
}
.container-dashboard > div:nth-child(1) > div a img {
	height: 30px;
}
.container-dashboard > div:nth-child(1) [type="submit"] {
	margin: 0 auto 20px;
}
.container-dashboard > div:nth-child(2)
{
	flex: 1;
	text-align: center;
	margin: 9.4em 20px 60px;
}
.container-dashboard > div > form,
.container-dashboard > div:nth-child(2) > div {
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;
	text-align: center;
	padding-bottom: 40px;
}
.container-dashboard > div > form > div,
.container-dashboard > div > div:nth-child(2) > div:not(.container-products) {
	width: 94%;
	margin: 10px auto 0 auto;
	padding: 20px 0 20px 0;
	border-radius: 4px;
}
.container-dashboard p:not(.error):not(.succes) {
	font-size: 1em;
	color: #5a6077;
	line-height: 25px;
	padding: 0 20px 0 20px;
}
.container-dashboard.settings-dashboard > div > form > div > p:not(.error):not(.succes) {
	font-size: 0.95em;
	margin: 20px auto 10px auto;
}
.container-dashboard.lisences-dashboard > div > form > div > p:not(.error):not(.succes) {
	font-size: 1em;
	padding: 10px 0 0 30px;
	text-align: left;
}
.container-dashboard .invoices-dashboard a	{
	font-size: 1em;
	color: #5a6077;
}
.container-dashboard .invoices-dashboard a:hover {
	color: #1f2c62;
}
.container-dashboard .container-products div a:not(.button-green) {
	display: block;
	position: relative;
	width: 80%;
	margin: auto;
	font-size: 1em;
	color: #5a6077;
}
.container-dashboard .container-products div a:not(.button-green) span {
	display: block;
	margin: 20px 0 0;
	font-size: 0.9em;
}
.container-dashboard .container-products div a:not(.button-green):hover {
  color: #1f2c62;
 }
.container-dashboard .container-products div a:not(.button-green):hover:after {
	display: block;
	position: absolute;
	top: 0;
	height: calc(100% - 40px);
	width: 100%;
	content: '';
	background: #FFF;
	opacity: 0.2;
}
.container-dashboard .container-products [type="submit"] {
	margin: 35px auto 25px;
}
.container-dashboard > div:nth-child(2) > div > p {
	margin: 30px;
}
.container-dashboard > div:nth-child(2) > div .margin-button {
	margin-top: 20px;
}
@media (max-width: 930px)
{
	.container-dashboard div:nth-child(1),
	.container-dashboard form:nth-child(2),
	.container-dashboard div:nth-child(2) {
		width: 100%;
	}
	.container-dashboard > div:nth-child(1) > div {
		position: relative;
		top: 0;
	}
	.container-dashboard > div:nth-child(2) {
		margin-top: 0;
	}	
}
@media (max-width: 768px)
{
	.container-dashboard > div:nth-child(1) > div > div > div {
		width: 48%;
	}
	.container-dashboard.lisences-dashboard > form > div > p:not(.error):not(.succes){
		padding-left: 20px;
	}
}

/* ----- DASHBOARD PRODUCTS -----  */

.container-dashboard .container-products
{
	width: 94%;
	background: none;
	margin: auto;
	border-radius: 20px;
}
.container-dashboard .container-products > div
{
	width: 48%;
	margin: 30px auto 0 0;
}
.container-dashboard .container-products > div > div {
	padding: 20px;
}
.container-dashboard .container-products > div > div > p:not(.error):not(.succes)
{
	font-size: 0.95em;
	padding: 0 0 30px;
	text-align: center;
	font-family: 'Roboto Regular';
	font-size: 1.1em;
}
.container-dashboard .container-products > div > div img
{
	width: 100%;
}
@media (max-width: 930px)
{
	.container-dashboard .container-products
	{
		width: 86%;
	}
}
@media (max-width: 510px)
{
	.container-dashboard .container-products > div
	{
		width: 100%;
	}
}

/* ----- FOOTER -----  */
footer {
	margin-top: 80px;
}
.footer-first-container,
.footer-container,
.footer-last-container {
	width: 100%;
}
.footer-first-container {
	background: #192553;
}
.footer-first-container > div > div {
	margin: 30px auto;
	width: 33%;
	text-align: center;
}
.footer-first-container > div > div > p,
.footer-first-container a {
	text-align: center;
	color: #FFF;
	text-decoration: none;
}
.footer-first-container > div > div > p {
	font-size: 0.95em;
	line-height: 1.3em;
}
.footer-first-container a:hover {
	text-decoration: underline;
}
.footer-first-container > div > div > p.title,
.footer-container > nav > div > p.title {
	font-family: 'Roboto Regular';
	text-transform: uppercase;
	margin-bottom: 10px;
}
.footer-first-container > div > div > p.title {
	color: #FFF;
	margin-bottom: 20px;
}
.footer-container > nav {
	width: 84%;
	padding: 40px 0;
	margin: auto;
}
.footer-container svg {
	width: 9.6em;
}
.footer-container svg path {
	fill: #1f2c62;
}
.social-networks {
	margin-top: 10px;
	gap: 5px;
	justify-content: center;
}
.social-networks a {
	display: block;
	width: 2.8em;
	height: 2.8em;
	border-radius: 4px;
}
.social-networks a:nth-child(1) {
	background: #e0e3ea url("../images/icons/input/phone.png") no-repeat center;
	background-size: auto 1em;
}
.social-networks a:nth-child(2) {
	background: #e0e3ea url("../images/icons/icon_networks_teams.png") no-repeat center;
	background-size: auto 1em;
}
.social-networks a:nth-child(3) {
	background: #e0e3ea url("../images/icons/icon_networks_facebook.png") no-repeat center;
	background-size: auto 0.95em;
}
.social-networks a:nth-child(4) {
	background: #e0e3ea url("../images/icons/icon_networks_x.png") no-repeat center;
	background-size: auto 0.8em;
}
.social-networks a:nth-child(5) {
	background: #e0e3ea url("../images/icons/icon_networks_linkedin.png") no-repeat center;
	background-size: auto 0.85em;
}
.social-networks a:hover {
	background-color: #d7dbe6;
}
.footer-container > nav > div {
	width: auto;
	margin: 0 auto;
}
.footer-container > nav > div:first-child {
	margin: auto;
	text-align: center;
}
.footer-container .list li > a {
	text-decoration: none;
}
.footer-container .list li {
	padding: 5px 0;
}
.footer-container .list li > a:hover {
	text-decoration: underline;
}
.footer-last-container {
	background: #192553;
}
.footer-last-container .inner {
	display: flex;
	flex: 1;
	justify-content: center;
}
.footer-last-container p {
	padding: 20px 10px;
	color: #FFF;
	font-size: 0.85em;
	text-align: center;
}
.footer-last-container p:nth-child(1) {
	text-align: right;
}
.footer-last-container p:nth-child(2) {
	text-align: left;
}
.footer-last-container a {
	color: #FFF;
	text-decoration: none;
}
.footer-last-container a:hover {
	text-decoration: underline;
}
@media (max-width: 1150px) {
	.footer-container > nav {
		width: 100%;
		padding: 40px 20px;
	}
}
@media (max-width: 768px) {
	.footer-first-container > div > div {
		width: 100%;
		margin-bottom: 0;
	}
	.footer-first-container > div > div:last-child {
		margin-bottom: 30px;
	}
	.footer-container > nav {
		flex-direction: column;
	}
	.footer-container .list {
		margin-top: 40px;
		text-align: center;
	}
	.footer-last-container .inner {
		flex-direction: column;
	}
	.footer-last-container p:nth-child(1) {
		padding-bottom: 0;
		text-align: center
	}
	.footer-last-container p:nth-child(2) {
		padding-top: 10px;
		text-align: center
	}
}

/* ----- DIALOG BOX -----  */
.dialog-box-layer {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
}
.dialog-box {
	overflow: auto;
	background-color: white;
	border-radius: 12px;
}
.dialog-box > *:not(#close-button) {
	margin: 0 0 30px;
	width: 100%;
}
.dialog-box#close-button {
	position: fixed;
	display: none;
	top: 30px;
	right: 30px;
	width: 36px;
	height: 36px;
	line-height: 32px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	font-family: 'Roboto Regular';
	border: 2px solid #bababa;
	color: #bababa;
	border-radius: 18px 18px 18px 18px;
	cursor: pointer;
	z-index: 1001;
	background: transparent;
	overflow: hidden;
	font-size: 1.9em;
}
@media (max-width: 650px) {
	.dialog-box#close-button {
		top: 15px;
		right: 15px;
	}
}
.dialog-box .container-info p:nth-child(3) {
	width: 98%;
}

/* ----- SHOPPING CART -----  */
.cart-page .background-grey {
	background: linear-gradient( 217deg, rgba(212, 233, 255, 0.83), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(216, 255, 216, 0.43), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(255, 255, 255, 0.67), rgb(255, 255, 255) 70.71%);
}
.cart-page footer {
	margin-top: 0; 
}
.order-shopping-cart > div:nth-child(1) {
	width: 56%;
	text-align: center;
	margin: 9.4em 20px 60px;
}
.order-shopping-cart > div:nth-child(2) {
	flex: 1;
	text-align: center;
	margin: 9.4em 20px 60px;
}
.order-shopping-cart > div:nth-child(1) > div,
.order-shopping-cart > div:nth-child(2) > div {
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid #deecee;	
}
.order-shopping-cart > div:nth-child(2) > div {
	padding-bottom: 40px;	
	position: sticky;
	top: 100px;
}
.order-shopping-cart > div:nth-child(1) > div .button-green {
	margin-bottom: 40px;
}
.shopping-cart-add-button {
	display: none;
}
.container-templates .shopping-cart-button-loading,
.shopping-cart-button-loading {
	width: auto;
	height: 32px;
	margin: 30px auto 0 auto;
}
.container-templates .shopping-cart-button-loading {
	margin: 36px auto 0 auto;
}
.container-services .shopping-cart-button-loading {
	height: 52px;
	margin: 50px auto 0 auto;
}
@media (max-width: 930px) {
	.order-shopping-cart > div:nth-child(1),
	.order-shopping-cart > div:nth-child(2) {
		width: 100%;
	}
	.order-shopping-cart > div:nth-child(1) > div,
	.order-shopping-cart > div:nth-child(2) > div {
		width: 100%;
		margin: auto;
		padding: 0 20px;
	}
	.order-shopping-cart > div:nth-child(1) {
		margin-bottom: 20px;
	}
	.order-shopping-cart > div:nth-child(2) {
		margin-top: 0;
	}
	.order-shopping-cart > div:nth-child(2) > div {
		padding-bottom: 40px;
	}
}
.order-shopping-cart > div > p {
	margin: 0px 0 0 0;
	font-size: 1em;
	
	color: #5a6077;
	line-height: 25px;
	padding: 0 20px 0 20px;
}
.shopping-cart-container {	
	position: absolute;
	display: none;
	top: 4em;
	width: 350px;
	max-height: 500px;
	text-align: left;
	font-size: 1em;
}
.min-shopping-cart-content {	
	position: relative;
	display: block;
	width: 100%;
	padding: 15px;
	color: #1f2c62;
	background: white;
	border: 1px solid #ececec;
	border-radius: 4px;
}
.min-shopping-cart-content:after {
	position: absolute;
	content: " ";
	display: block;
	top: -12px;
	left: 91%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 12px 8px;
	border-color: transparent transparent white;
}
.min-shopping-cart-content:before {

    position: absolute;
    content: " ";
    display: block;
    top: -13px;
	left: 91%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 13px 9px;
    border-color: transparent transparent #ececec;
}
.shopping-cart-content {
	display: inline-block;
	width: 94%;
	margin: 0 auto;
	text-align: left;
	font-size: 1em;
	overflow: auto;
	color: #5a6077;
	line-height: 20px;
	padding: 0 20px 20px;
	border-radius: 4px;
	vertical-align: top;
}
.shopping-cart-content > p,
.order-shopping-cart > div:nth-child(2) > div > p {
	text-align: center;
	font-size: 0.95em;
	margin-bottom: 30px;
	padding: 0 20px;
}
.shopping-cart-content .shopping-cart-product-list {
	width: 100%;
	display: block;
	margin-top: 60px;
}
.min-shopping-cart-content .shopping-cart-product-list {
	max-height: 260px;
	overflow: auto;
}
.shopping-cart-content .shopping-cart-product-item-list {	
	margin-bottom: 15px;
}
.shopping-cart-content .shopping-cart-product-item-list:last-child {	
	margin-bottom: 0;
}
.min-shopping-cart-content .shopping-cart-product-item-list {	
	margin-bottom: 10px;
}
.shopping-cart-content .shopping-cart-title,
.min-shopping-cart-content .shopping-cart-title {
	font-family: 'Roboto Regular';
	text-align: center;
	margin: 0 0 15px;
}
.min-shopping-cart-content .shopping-cart-title {
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
}
.shopping-cart-content .product-title,
.min-shopping-cart-content .product-title {
	display: inline-block;
	font-weight: bold;
	width: 44%;
	color: #1f2c62;
	font-family: 'Roboto Regular';
}
.shopping-cart-content .product-price,
.min-shopping-cart-content .product-price {
	display: inline-block;
	text-align: right;
	width: calc(56% - 10px);
	font-size: 1em;
	color: #1f2c62;
	font-family: 'Roboto Regular';
}
.min-shopping-cart-content .product-price {
	padding-right: 10px;
}
.shopping-cart-content .product-price > span,
.min-shopping-cart-content .product-price > span,
.min-shopping-cart-content .total-product-excl-tax-price > span {
	font-size: 0.8em;
	
}
.shopping-cart-content .product-description, 
.shopping-cart-content .product-quantity,
.shopping-cart-content .product-category {
	font-size: 0.85em;
	/* line-height: 25px; */
}
.min-shopping-cart-content .product-description, 
.min-shopping-cart-content .product-quantity,
.min-shopping-cart-content .product-category {
	font-size: 0.85em;
	color: #5a6077;
	
}
.shopping-cart-content .shopping-cat-link,
.min-shopping-cart-content .shopping-cat-link {
	font-size: 0.7em;
	color: #5a6077;
	margin: 0;
}
.shopping-cart-content .shopping-cat-link a,
.min-shopping-cart-content .shopping-cat-link a {
	color: #5a6077;
	margin: 0;
	text-decoration: none;
}
.order-shopping-cart .shopping-cart-total {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	display: inline-block;
	width: 94%;
	margin: 30px 0 0;
	text-align: left;
	font-size: 1em;
	font-family: 'Roboto Regular';
	color: #1f2c62;
	line-height: 20px;
	/* overflow: hidden; */
}
.order-shopping-cart .shopping-cart-total > div:nth-child(1) {
	width: 100%;
	padding: 20px;
	border-radius: 4px;
}
.min-shopping-cart-content .shopping-cart-total {
	margin: 15px 0;
	border-top: 1px solid #ececec;
}
.min-shopping-cart-content .total-product-excl-tax-text	{
	display: inline-block;
	font-weight: bold;
	width: 44%;
	padding-top: 15px;
}
.min-shopping-cart-content .total-product-excl-tax-price {
	display: inline-block;
	width: calc(56% - 10px);
	text-align: right;
	padding-right: 10px;
}
.min-shopping-cart-content .shopping-cart-button {
	text-align: center;
}
.container-header-links .min-shopping-cart-content a.button-green {
	display: inline-flex;
	align-items: center;
	color: white;
	margin: auto;
	border: 1px solid #72ae20;
}
.container-header-links .min-shopping-cart-content a.button-green:hover {
	background: none;
	color: #72ae20;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.shopping-cart-total p[class^="total-"] {
	/* line-height: 30px; */
	color: #1f2c62;
}
.total-product-tax {
	padding: 10px 0;
}
.total-product-currency-payment {
	padding-top: 10px;
}
.rate-vat {
	padding: 10px 0 0;
}
.order-shopping-cart .shopping-cart-total span[class^="total-"] {
	float: right;
}
.order-shopping-cart .shopping-cart-button {
	text-align: center;
	margin: 50px auto 0;
}
.order-shopping-cart .product-quantity input[type="number"] {
	width: 60px;
	height: auto;
	margin: 5px 0 0 10px;
	padding: 5px 10px;
}
.order-shopping-cart .error {
	margin: 0;
}
.min-shopping-cart-content .shopping-cart-empty {
	text-align: center;
	color: #5a6077;
}
.shopping-cart-remove {
	display: block;
	padding: 7px 0 0;
	width: 50px;
}
a.shopping-cart-remove  {
	line-height: 1.2em;
}
.shopping-cart-method {
	display: inline-block;
	margin: 30px auto 0;
	text-align: left;
	font-size: 1em;
	color: #5a6077;
	line-height: 20px;
	padding: 20px;
	border-radius: 4px;
	vertical-align: top;
}
.shopping-cart-method > p {
	position: relative;
	margin-bottom: 20px;
	line-height: 30px;
}
.shopping-cart-method > p:last-child {
	margin-bottom: 0;
}
.shopping-cart-method > p [type="radio"] + label {
	display: inline-block;
	line-height: 30px;
}
.shopping-cart-method > p [type="radio"] + label::before {
	top: 7px;
	line-height: 30px;
}
.shopping-cart-method > p [type="radio"]:checked + label::after {
	top: 9px;
}
.shopping-cart-method > p img:first-child {
	margin-top: 0;
}
.shopping-cart-method > p img {
	height: 30px;
	margin-top: 8px;
}
#stripe-submit {
	display: flex;
	height: 50px;
	line-height: 47px;
	font-family: 'Roboto Regular';
	background: #6876e3;
	padding: 0 30px;
	margin: 50px auto 0 auto;
	font-size: 0.9em;
	font-weight: normal;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
#stripe-submit:hover {
	opacity: 0.9;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
#stripe-card-element {
	width: 100%;
	margin-top: 20px;
	padding: 20px;
	border-radius: 4px;
	text-align: left;
}
#stripe-card-element .column {
	display: flex;
	justify-content: space-between;
	vertical-align: top;
}
#stripe-card-element .column .big {
	flex: 0 0 auto;
	width: 58%;
}
#stripe-card-element .column .tiny {
	flex: 0 0 auto;
	width: 38%;
}
#stripe-card-element .StripeElement {
	width: 100%;
    height: 52px;
    margin: 10px 0 10px 0;
    border-radius: 4px;
    padding: 0 0 0 10px;
    border: 1px solid #ececec;
    font-size: 1.1em;
    color: #1f2c62;
    background-color: white;
}
#stripe-card-element .error {
	display: none;
	width: 100%;
	text-align: center;
}
#stripe-submit .payment-loading {
	display: none;
	margin: auto 0;
	height: 32px;
	width: auto;
}
#paypal-container {
	margin-top: 50px;
}
#empty-search {
	margin: 30px auto;
	width: 100%;
	padding: 0 20px;
	background: none;
	box-shadow: none;
}
#empty-search p {
	font-size: 1.05em;
	text-align: center;
}


.swiper {
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.flex-container.swiper-wrapper {
	flex-wrap: nowrap;
}
.slider-next,
.slider-prev {
	position: absolute;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5em;
	height: 2.5em;
	top: 50%;
	padding: 0;
	transform: translateY(-50%);
	font-size: 1em;
    border-radius: 4px;
	/* color: #1f2c62; */
    border: 1px solid #1f2c62;
	background: none;
	cursor: pointer;
}
.slider-next:hover,
.slider-prev:hover {
	background: #1f2c62;
	color: #FFF;
	-webkit-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.slider-prev {
	left: -3em;
}
.slider-next {
	right: -3em;
}
.inner-head > div#prices-button {
	margin-top: 0;
}
#prices-button [type="radio"]:checked + label::after,
#prices-button [type="radio"] + label::before {
	display: none;
}
#prices-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 17em;
	height: 2.7em;
	padding: 0;
	font-size: 1em;
	border-radius: 4px;
	border: 1px solid #1f2c62;
}
#prices-button .prices-toggle-container {
	display: inline-flex;
	content: " ";
	width: 50%;
	height: calc(100% - 8px);
	border-radius: 4px;
}
#prices-button .prices-toggle {
	position: absolute;
	display: inline-flex;
	z-index: 1;
	top: 4px;
	left: 4px;
	content: " ";
	width: calc(50% - 8px);
	height: calc(100% - 8px);
	border-radius: 4px;
	background-color: #1f2c62;
	transition: 300ms;
}
#prices-button input {
	display: block;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}
#prices-button label {
	position: absolute;
	z-index: 2;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #1f2c62;
	font-weight: bold;
}
#prices-button label.selected {
	color: #fff;
}
#prices-button input#prices-button-year,
#prices-button label[for="prices-button-year"] {
	left: 50%;
}