@charset "utf-8";
/* Style de l'interface de l'application */

body {
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html { scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #333 #FFF; }

/*Custom scroll*/
::-scrollbar { width: 10px;  }
/*
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb {  background: #BBBBBB;  }
::-webkit-scrollbar-thumb:hover { background: #777777; }
*/

::-webkit-scrollbar {
	width: 7px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px grey; 
	/*background: #FFF;*/
	border-radius: 0 0 10px 10px;
}

::-webkit-scrollbar-thumb {
	background: #333; 
	border-radius: 0 0 10px 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #888; 
}


/*#app { width: 100%; position: relative; }*/

/*Nav*/
/*-----------------------------------------------------*/
#navigation-layer { width: 100%; position: fixed; z-index:104; }

#navigation-notification {  
	width: 96%; padding: 18px 2%; position: relative; z-index:103;
	background-color: #ffd95c;
	font-family: "Gotham-Regular", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #55481b; text-align: center;
}
.navigation-notification-space { width: 100%;height: 50px; }


#navigation-top {  
	width: 96%; height: 18px; padding: 6px 2%; position: fixed; z-index:103;
	background-color: #000E1C;
	font-family: "Gotham-Regular", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #EEE; text-align: right;
}
a .nav-top-link { color: #FFF; font-size: 14px; text-decoration: none; }
a .nav-top-link:hover { text-decoration: underline; }

.bt-close { 
	width: 35px; height: 35px; margin-top: -5px; float: right; 
	cursor: pointer; 
}
.bt-close-icon { 
	width: inherit; height: inherit; padding: 13px 0 0 0; margin-top: -4px; position: absolute; 
	cursor: pointer; transform: rotate(0deg); transition: 0.15s;
}
.bt-close-effect { 
	width: inherit; height: inherit; position: absolute;
	background-color: #ffc400; border-radius: 50px; transform: scale(0); transition: 0.15s;
}
.bt-close:hover > .bt-close-effect { transform: scale(1); transition: 0.15s; }
.bt-close:hover > .bt-close-icon { transform: rotate(90deg) translate(-2px, 1px); transition: 0.15s; }


#navigation, #navigation2, #navigation3, #navigation4 {
	width: 100%; height: 65px; position: fixed; z-index:102; margin-top: 30px; 
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
	color: #555; transition: 0.4s;
}
#navigation2 { background-color: rgba(10,10,10,0.8); }
#navigation3 { background-color: rgba(10,10,10,0); box-shadow: 0px 1px 15px rgba(0, 0, 0, 0); }
#navigation3.change { background-color: rgba(10,10,10,1); box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2); }
#navigation4 { 
	background-color: rgba(255,255,255,0); border-bottom: 1px solid rgb(255, 255, 255, 0.5);
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0);
 }
#navigation4.change, .navigation4-helper { background-color: rgba(255,255,255,1); box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2); }

#navigation.change2, #navigation2.change2, #navigation3.change2, #navigation4.change2 { height: 75px; padding-top: 10px; transition: 0.3s; }
#navigation2.change2 { background-color: rgba(10,10,10,1); }

#navigation-ultra {
	width: 100%; height: 65px; position: relative; z-index:102;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
	color: #555; transition: 0.4s; overflow: hidden;
}


.navigation-wrapper{ width: 96%; margin: auto; }
.navigation-wrapper-ultra { width: 85%; margin: auto; }


.navigation-logo { width: 20%; float: left;  }
.navigation-side { width: 89%; height: 70px; margin-left: 11%; float: left; }
.navigation-side-left { width: 40%; height: 70px; float: left; }
.navigation-side-right { width: 40%; height: 70px; float: left; }
.navigation-side-right2 { width: 77%; height: 70px; margin-right: 3%; position: absolute; display: block; right:0%; margin-top: -100px; /*background-color: #01A1BD;*/ }


.navigation-side-left.change { margin-left: -40%; opacity: 0; }
.navigation-side-right.change { /*margin-top: -100px;*/ margin-left: -80%; opacity: 0; transition: 1s; }
.navigation-side-right2.change { display: block; margin-top: 0px; transition: 1s; }


.logo { width: 150px; margin: 5px auto 0 auto; }
#logo { width: 100%;  }

.logo.hide-show { opacity: 0; transition: 0.5s; }

.logo path, .logo polygon {
	fill: #000;
}

.navigation-logo-ultra { margin-top: 3px;  float: left; }


.navigation-side-ultra { width: 89%; height: 70px; margin-top: 3px; margin-left: 11%; float: left; }

.BlockUser-aero-space { width: 100%; height: 105px; }
.BlockUser-space { width: 100%; height: 115px; }


.navigation-menu-icone { position: absolute; z-index: 103; float: right; margin: 16px 0 0 0; cursor: pointer; }
a .icon-menu-set  { width: 22px; margin: -25px -18px 0 -18px; }
.icon-menu-set { margin: 0 4px; transition: 0.15s; }
.icon-menu-set1 { margin: 0 4px;}


.bar1, .bar2, .bar3 { width: 31px; height: 5px; background-color: #000; margin: 5px 0; transition: 0.3s; border-radius: 10px; }

.bar1 { width: 33px; height: 3px; -webkit-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px); }
.bar2 { width: 26px; height: 3px; opacity: 1;}
.bar3 { width: 33px; height: 3px; -webkit-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px); }

.changed .bar1 { width: 27px; -webkit-transform: rotate(-45deg) translate(-6px, 3px); transform: rotate(-45deg) translate(-6px, 3px); }
.changed .bar2 { opacity: 0; }
.changed .bar3 { width: 27px; -webkit-transform: rotate(45deg) translate(-8px, -6px); transform: rotate(45deg) translate(-8px, -6px); }

.bar { transition: 0.4s; }
.change .bar { transform: rotate(-180deg); transition: 0.4s; margin: -7px 0 0 0px; }



.nav { opacity: 1; transition: 0.5s; }
.nav.hide-show { opacity: 0; transition: 0.5s; }


.nav ul { 
	list-style-type: none; float: left;
	margin: 0; 
	padding: 0;
	/*overflow: hidden; */
	/*background-color: #333;*/
}

.nav li {
	float: left; 
}

.nav li a {
	font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; color: #222; font-weight: normal;
	padding: 23px 15px 31px 15px; margin: 0 5px;
	display: block; text-align: center; text-decoration: none; float: left; transition: 0.1s; 
}
.li-line { 
	width: 0px; height: 3px; margin: -25px 0 23px 0; 
	background-color: #000E1C; opacity: 0.5; transition: 0.1s; 
}

.nav li a.active,.nav li a.active2 {
	border-top: 3px solid #FF2740; color: #555;
}
.nav li a.active .li-line, .nav li a.active2 .li-line { display: none; }
.nav li a.active:hover,.nav li a.active2:hover{ margin-top: 0; }

.nav li a:hover {
	margin-top: 2px; color: #555;
}
.nav li a:hover > .li-line {
	width: 100%; margin-bottom: 25px; opacity: 1; transition: 0.2s;
}
.secondary /*,.menu-secondary, .nav li .secondary*/ {
	padding: 22px 0 23px 0; margin: 0 0; /*margin-left: 50px; padding-top: 12px;*/
	/*background-color: #01ACBD; border-radius: 26px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);*/
	font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 19px; color: #FFF; 
}
/*.secondary:hover > a .icon-menu-set { transform: rotate(10deg); }*/
.secondary-2 {
	padding: 8px 20px 10px 20px; margin: 12px 0 0 10px; /*margin-left: 50px; padding-top: 12px;*/
	border: solid 2px #01ACBD; border-radius: 26px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 19px; color: #01ACBD;
}

.secondary:hover { /*background-color: #01A1BD;*/ cursor: pointer; }
.secondary-2:hover { border: solid 2px #01A1BD; color: #01A1BD; cursor: pointer; }


.secondary2 { margin: 0 25px; }

.nav ul li.secondary2 a { 
	margin-top: -3px; 
	font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 10px;
}
.nav ul li.secondary2 a:hover { transform: translateX(10px); }
.nav ul li.secondary2 a .text { font-family: "AdobeClean-Regular", Arial, Helvetica, sans-serif; font-size: 15px; color: #666; }

.nav ul li.secondary3 { 
	margin-top: 12px; 
	font-family: "Gotham-Black", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 20px; color: #111; text-transform: uppercase;
 }

 
.icon_menu_size { 
	width: 22px; height: 22px; margin: -2px 9px 0px 9px;
}

.icon_menu_size path {
	fill: #444; 
}
.secondary:hover > .icon_menu_size path {
	fill: #ff0040; 
}
#id_search_close > .icon_menu_size path {
	fill: #ff0040; 
}



.nav-line { 
	width: 1px; height: 45px; margin: 10px 9px 0 10px; float: left;
	background-color: #AAA;
}
.nav-icon  { margin: -4px 3px 0 0; float: left; }
.nav-icon1 { margin: -5px 3px 0 0; float: left; }
.nav-text  { float: left; }


/**/
.nav-ultra ul {
	list-style-type: none; float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*background-color: #333;*/
}

.nav-ultra li {
	float: left;
}

.nav-ultra li a {
	font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 19px; color: #222; font-weight: normal;
	padding: 23px 15px 31px 15px; margin: 1px 5px 0 5px;
	display: block;
	text-align: center;
	text-decoration: none; float: left; transition: 0.1s;
}

.nav-ultra li a.active {
	color: #555;
}
.nav-ultra li a:hover {
	color: #555;
}
.secondary-ultra /*,.menu-secondary-ultra, .nav-ultra li .secondary-ultra*/ {
	padding: 10px 20px 12px 20px; margin: 12px 0 0 10px; /*margin-left: 50px; padding-top: 12px;*/
	background-color: #178ad6; border-radius: 26px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 19px; color: #FFF;
}
.secondary-ultra-2 {
	padding: 8px 20px 10px 20px; margin: 12px 0 0 10px; /*margin-left: 50px; padding-top: 12px;*/
	border: solid 2px #178ad6; border-radius: 26px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 19px; color: #178ad6;
}

.secondary-ultra:hover { background-color: #17a9d6; cursor: pointer; }
.secondary-ultra-2:hover { border: solid 2px #17a9d6; color: #17a9d6; cursor: pointer; }



/*navigation submenu*/
#navigation-submenu { 
	width: 100%; max-height: 500px; position: fixed; z-index:101; right: 0%; float: left; margin: -150px 0 0 0;  padding-top: 60px; /*padding: 70px 0 30px 0;*/
	background-color: rgba(255,255,255,1); border-radius: 0 0 3px 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	font-size: 18px; color: #444; font-weight: normal; overflow-y: auto; opacity: 0;
	scrollbar-width: thin; scrollbar-color: rgb(0, 0, 0, 0.5) rgb(0, 0, 0,0);
}
#navigation-submenu.change { padding-top: 80px; transition: 0.2s; }
#navigation-submenu::-webkit-scrollbar {
	width: 5px;
}
#navigation-submenu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgb(0, 0, 0, 0); 
    background: rgb(0, 0, 0, 0); 
	border-radius: 10px;
}
#navigation-submenu::-webkit-scrollbar-thumb {
	background: rgb(0, 0, 0, 0.5); 
	border-radius: 10px;
}
#navigation-submenu::-webkit-scrollbar-thumb:hover {
	background: rgb(0, 0, 0, 0.9);  
}

.navigation-submenu-wrapper { width: 85%; margin: 0 0 0 10%; }

.navigation-submenu-st  { width: 100%; float: left; padding: 50px 0 45px 0; }
.navigation-submenu-st1 { width: 80%; float: left; padding: 50px 0% 45px 0%; /*background-color: #FAFAFA;*/ }
.navigation-submenu-st2 { width: 20%; margin-right: 0; float: left; padding: 35px 0 0 0; }


.navigation-submenu-section, .navigation-submenu-section2 { 
	width: 92%; /*height: 100px;*/ margin: 10px 4% 10px 4%; padding: 10px 0 10px 0; float: left;
	/*border-bottom: solid 1px #DDD;*/
	font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; /*color: #057bc9;*/ color: #000; 
	border-bottom: 1px solid #AAA;
}
.navigation-submenu-section2 { font-family: "Gotham-Bold", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; }

.navigation-submenu-items, .navigation-submenu-items2 {
	width: 92%; padding: 5px 0; margin: 1px 4%; float: left; 
	font-family: "Montserrat-Regular", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; color: #333;
}
.navigation-submenu-items2 {
	width: 14%; padding: 5px 0; margin: 4px 3%; float: left; opacity: 0.7; 
	transform: translateY(0px); transition: 0.2s; 
}
.navigation-submenu-items2:hover { transform: translateY(-5px); opacity: 1; transition: 0.2s; }

.nav-sub-section-icon { float: left; padding: 0 0 0 0; margin-right: 13px; }
.nav-sub-section-icon1 { float: right; padding: 0 0 0 0; margin-right: 13px; }

.nav-sub-icon { float: left; padding: 0 0 0 0; margin-right: 13px; }
.nav-sub-text { float: left; font-family: "Montserrat-Regular", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; color: #222; }

.navigation-submenu-items:hover, .navigation-submenu-items2:hover { font-family: "Montserrat-Bold", Arial, Helvetica, sans-serif; color: #000; /*text-decoration: underline;*/ }

.sub-menu { display: none; }



/*Menu mobile*/
#navigation-menu-mobile {
	width: 80%; height: 100vh; position: fixed; z-index:101; left: -110%; float: left; padding: 120px 8% 30px 12%;
	background-color: rgba(255,255,255,0.99); border-radius: 0 0 3px 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	font-size: 16px; color: #444; font-weight: normal; overflow-y: auto; transition: 0.3s;
	scrollbar-width: thin; scrollbar-color: rgb(0, 0, 0, 0.5) rgb(0, 0, 0,0);
	perspective: 50px; transform: scale(2.2) rotateX(-95deg) rotateY(90deg); transition: 0.4s;
}
#navigation-menu-mobile.change { perspective: 50px; transform: scale(1) rotateX(0deg) rotateY(0deg); left: 0%; transition: 0.5s; }

#navigation-menu-mobile::-webkit-scrollbar {
	width: 5px;
}
#navigation-menu-mobile::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgb(0, 0, 0, 0); 
    background: rgb(0, 0, 0, 0); 
	border-radius: 10px;
}
#navigation-menu-mobile::-webkit-scrollbar-thumb {
	background: rgb(0, 0, 0, 0.5); 
	border-radius: 10px;
}
#navigation-menu-mobile::-webkit-scrollbar-thumb:hover {
	background: rgb(0, 0, 0, 0.9);  
}
.navigation-menu-mobile-items,.navigation-menu-mobile-items2 {
	width: 100%; padding: 0 0; margin: 15px 0 15px 100px; /*border-bottom: solid 1px #DDD;*/
	font-family: "Montserrat-Light", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 25px; color: #666; font-weight: normal;
	opacity: 0;
}
.navigation-menu-mobile-items2 { width: 90%; margin: 3px 0 3px 10%; font-size: 14px; opacity: 1; }
.navigation-menu-mobile-items.active { font-family: "Montserrat-Regular", Arial, Helvetica, sans-serif; color: #111; }



/*Search*/
#navigation-search { 
	width: 100%; height: 100vh; position: fixed; z-index:100; float: left; margin-top: 95px; top: 100%; opacity: 0;
	background-color: rgba(255,255,255,0.99); border-radius: 0 0 3px 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	font-size: 18px; color: #444; font-weight: normal; overflow-y: auto;
	scrollbar-width: thin; scrollbar-color: rgb(0, 0, 0, 0.5) rgb(0, 0, 0,0);
}
#navigation-search::-webkit-scrollbar {
	width: 5px;
}
#navigation-search::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgb(0, 0, 0, 0); 
    background: rgb(0, 0, 0, 0); 
	border-radius: 10px;
}
#navigation-search::-webkit-scrollbar-thumb {
	background: rgb(0, 0, 0, 0.5); 
	border-radius: 10px;
}
#navigation-search::-webkit-scrollbar-thumb:hover {
	background: rgb(0, 0, 0, 0.9);  
}
.navigation-search-wrapper { width: 950px; margin: auto; }
.navigation-search-icon-set { float: right; margin-top: -55px; }

.row-search { 
	width: 94%; float: left; padding: 10px 1%; margin: 100px 0 2px 0; opacity: 0;
	/*background-color: #FFF; */
	font-family: "AdobeClean-Bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; color: #222; border-radius: 10px;
}
.row-search:hover { background-color: #F5F5F5; }
.row-search-st1 { width: 7%; margin-right: 3%; float: left; /*border-bottom: 1px solid #DDD;*/ }
.row-search-st2 { width: 70%; float: left; }
.row-search-st3 { width: 20%; float: left; }
.row-search-text { font-family: "AdobeClean-Light", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #555; }

#id_search_close { display: none; animation: animation-pop-scale 0.7s infinite; transition: 0.2s; }

.navigation-search-field {
	width: 96%; padding: 17px 2% 15px 2%; margin: 0 0 10px 0px; background-color: transparent; outline: none; 
	font-family: "AdobeClean-Bold", Arial, Helvetica, sans-serif; font-size: 19px; color: #000; line-height: 22px; border:none; border-bottom: solid 2px #555;
}
.navigation-search-field:focus {  border-bottom: solid 2px #000; }


/*Menu dropdown*/
/*https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_hover*/

.dropbtn {
	/*background-color: #4CAF50; padding-bottom: 33px;*/
	color: white;
	font-size: 16px;
	border: none;
}
.dropbtn.change { padding-bottom: 33px; }

.dropdown {
	position: relative; 
	display: inline-block;
	
}

.dropdown-content {
	width: 183px; display: none; position: absolute; padding: 0 0; margin: 23px 0 0 -110px; overflow: hidden;
	background-color: #f6f6f6;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content.change { margin-top: 33px; }

.dropdown-content a, .dropdown-content a:visited, .dropdown-content a:active {
	width: 80%; margin: 0 0; display: block; padding: 15px 10%; 
	font-family: "Gotham-Regular", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; color: #444; text-decoration: none; text-align: left;
}

.dropdown-content a:hover { background-color: #EEE; color: #000; text-decoration: none; }
.dropdown-content a.active { color: #888; text-decoration: none; }

.dropdown:hover .dropdown-content {display: block;}







/* phones portrait */
@media screen and (max-width: 600px){
	
	.navigation-logo { width: 50%; }
	.navigation-side-left { width: 25%; }
	.navigation-side-right { width: 25%; }

	a .nav-top-link { font-size: 11px; }


	/*Menu mobile*/
	/*#navigation-menu-mobile { width: 60%; padding: 120px 8% 30px 12%; }*/

	/*Search*/
	.navigation-search-wrapper { width: 90%; margin: 0 5%; }
	.row-search-st1 { width: 20%; margin-right: 5%; }
	.row-search-st2 { width: 75%; }
	.row-search-st3 { width: 0%; display: none; }
	.row-search {  font-size: 14px; line-height: 18px; }
	.row-search-text { font-size: 12px;  }
	.navigation-search-field { padding: 17px 2% 10px 2%; font-size: 15px;line-height: 22px; }

}

/* tablets portrait, phones landscape */
@media screen and (min-width: 768px){

	.navigation-logo { width: 30%; }
	.navigation-side-left { width: 35%; }
	.navigation-side-right { width: 35%; }

	a .nav-top-link { font-size: 12px; }
	.nav li a { padding: 23px 9px 31px 9px; margin: 0 1px; font-size: 14px; line-height: 14px; }
	.nav ul li.secondary2 a { margin-top: -3px; font-size: 14px; line-height: 10px; }
	.nav ul li.secondary2 a .text { font-size: 14px; }
	.nav ul li.secondary3 { margin-top: 12px; font-size: 15px; line-height: 18px; }
	.li-line { margin: -25px 0 24px 0; }

	.icon_menu_size { width: 20px; height: 20px; margin: -2px 9px 0px 9px; }


	/*navigation submenu*/
	.navigation-submenu-section, .navigation-submenu-section2 { font-size: 13px; line-height: 20px; }
	.navigation-submenu-section2 { font-size: 14px; line-height: 21px; }
	.navigation-submenu-items, .navigation-submenu-items2 { font-size: 13px; line-height: 16px; }

	/*Menu mobile*/
	/*#navigation-menu-mobile { width: 25%; padding: 120px 7% 30px 7%; }*/

}

/* tablets landscape */
@media screen and (min-width: 992px){

	/*Menu mobile*/
	/*#navigation-menu-mobile { width: 20%; padding: 120px 5% 30px 5%; }*/

}




@media screen and (min-width: 1200px){

	.navigation-logo { width: 20%; }
	.navigation-side-left { width: 40%; }
	.navigation-side-right { width: 40%; }

	a .nav-top-link { font-size: 12px; }
	.nav li a { padding: 23px 9px 31px 9px; margin: 0 1px; font-size: 13px; line-height: 14px; }
	.nav ul li.secondary2 a { margin-top: -3px; font-size: 14px; line-height: 10px; }
	.nav ul li.secondary2 a .text { font-size: 14px; }
	.nav ul li.secondary3 { margin-top: 12px; font-size: 15px; line-height: 18px; }

	.icon_menu_size { width: 18px; height: 18px; margin: 0px 9px 0px 9px; }

	
	/*navigation submenu*/
	.navigation-submenu-section, .navigation-submenu-section2 { font-size: 15px; line-height: 20px; }
	.navigation-submenu-section2 { font-size: 15px; line-height: 20px; }
	.navigation-submenu-items, .navigation-submenu-items2 { font-size: 14px; line-height: 17px; }
	.navigation-submenu-items2 { width: 14%; padding: 5px 0; margin: 4px 3%; }


	/*Menu mobile*/
	/*#navigation-menu-mobile { width: 60%; padding: 120px 8% 30px 12%; }*/

	/*Search*/
	.navigation-search-wrapper { width: 950px; margin: auto; }
	.row-search-st1 { width: 15%; margin-right: 5%; }
	.row-search-st2 { width: 60%; }
	.row-search-st3 { width: 20%; }
	.row-search {  font-size: 20px; line-height: 25px; }
	.row-search-text { font-size: 16px;  }
	.navigation-search-field { padding: 17px 2% 15px 2%; font-size: 19px;line-height: 22px; }

}

@media screen and (min-width: 1300px){ /*Mackbook*/

	a .nav-top-link { font-size: 13px; }
	.nav li a { padding: 23px 10px 31px 10px; margin: 0 1px; font-size: 13px; line-height: 14px; }
	/*.nav ul li.secondary2 a { margin-top: -3px; font-size: 14px; line-height: 10px; }
	.nav ul li.secondary2 a .text { font-size: 14px; }
	.nav ul li.secondary3 { margin-top: 12px; font-size: 16px; line-height: 18px; }

	.icon_menu_size { width: 20px; height: 20px; margin: 0px 9px 0px 9px; }*/

}


@media screen and (min-width: 1400px){

	a .nav-top-link { font-size: 13px; }
	.nav li a { padding: 23px 15px 31px 15px; margin: 0 1px; font-size: 13px; line-height: 14px; }
	.nav ul li.secondary2 a { margin-top: -3px; font-size: 14px; line-height: 10px; }
	.nav ul li.secondary2 a .text { font-size: 14px; }
	.nav ul li.secondary3 { margin-top: 12px; font-size: 16px; line-height: 18px; }

	.icon_menu_size { width: 20px; height: 20px; margin: 0px 9px 0px 9px; }

}


@media screen and (min-width: 1600px){

	a .nav-top-link { font-size: 14px; }
	.nav li a { padding: 23px 15px 31px 15px; margin: 0 5px; font-size: 14px; line-height: 15px; }
	.nav ul li.secondary2 a { margin-top: -3px; font-size: 15px; line-height: 10px; }
	.nav ul li.secondary2 a .text { font-size: 15px; }
	.nav ul li.secondary3 { margin-top: 12px; font-size: 17px; line-height: 20px; }
	.li-line { margin: -25px 0 23px 0; }

	.icon_menu_size { width: 22px; height: 22px; margin: -2px 9px 0px 9px; }

	/*navigation submenu*/
	.navigation-submenu-section, .navigation-submenu-section2 { font-size: 16px; line-height: 22px; }
	.navigation-submenu-section2 { font-size: 16px; line-height: 22px; }
	.navigation-submenu-items, .navigation-submenu-items2 { font-size: 15px; line-height: 18px; }

}



@media screen and (min-width: 1800px){


	/*navigation submenu*/
	.navigation-submenu-items2 { width: 10.6%; padding: 5px 0; margin: 4px 3%; }

}



@media screen and (min-width: 2300px){

	.nav li a { padding: 23px 15px 31px 15px; margin: 0 5px; font-size: 15px; line-height: 16px; }

	.icon_menu_size { width: 24px; height: 24px; margin: -3px 9px 0px 9px; }


	/*navigation submenu*/
	.navigation-submenu-section, .navigation-submenu-section2 { font-size: 16px; line-height: 22px; }
	.navigation-submenu-section2 { font-size: 16px; line-height: 22px; }
	.navigation-submenu-items, .navigation-submenu-items2 { font-size: 15px; line-height: 18px; }
	.navigation-submenu-items2 { width: 10.6%; padding: 5px 0; margin: 4px 3%; }

}



@media screen and (min-width: 3200px){

	.navigation-submenu-items2 { width: 8.5%; padding: 5px 0; margin: 8px 2%; }

}