@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------------------------------------------------------------------- SCREEN REFERENCES */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 641px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 320px) {}





/*---------------------------------------------------------------------------------------------------------------------------- CONTAINER HEADER */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
#container_header { display:block; padding: 0px !important; 

background: #FFF;


 height: 242px !important;}
#container_header .row { max-width: 100% !important}

#container_header .inline-list > li {color:#FFF !important;font-family: "futura-pt";font-size: 18px !important;font-weight: 800; text-shadow: 0 4px 4px #20421e;}
#container_header .inline-list > li {border-right: 1px dotted #94cd91 !important;}

#container_header .inline-list > li:last-child {border-right: none !important;}

#container_header .inline-list > li a { color:#31652d !important; text-shadow: none !important;}
#container_header .inline-list > li a:hover { color:#FFF !important; text-shadow: none !important; /*text-shadow: 0 3px 3px #20421e;*/}

#header_desktop__preload { height: 100%;}
#header_desktop__preload img { position: relative; left: 20px; top: 20px;}

#stgermain_header_contact { position: absolute; top: 20px; right: 20px; text-align: right !important; font-family: "futura-pt"; font-size: 20px !important; font-weight: 700; line-height: 28.6px; text-transform: uppercase;}
@media only screen and (max-width: 1180px) {#stgermain_header_contact {font-weight: 400;}}

#stgermain_header_contact #language_button { background: #53ab4d; color: #fff !important; padding: 4px 20px; text-transform: uppercase; border-radius:10px;-moz-border-radius:10px; margin-bottom: 10px; display: inline-block;}
#language_button { opacity: 0.5;}
#language_button:hover { opacity: 1;}

#stgermain_header_telephone { color: #93a6be;}
#stgermain_header_telephone a {color: #455973;}
#stgermain_header_telephone a:hover {color: #0c0f13;}

#stgermain_header_email { text-transform: lowercase !important;}
#stgermain_header_email a { color: #53ab4d;}
#stgermain_header_email a:hover { color: #0c0f13 !important;}

#header_desktop__preload_menu { position: relative; left: 0px; top: 40px; background: #53ab4d; padding:10px;}

#header_desktop__preload .column, #header_desktop__preload .columns {padding: 0px !important;}

#header_desktop__postload {display: none;  margin-top: -654px !important; opacity: 0;}
#header_desktop__postload .column, #header_desktop__postload .columns {padding: 0px !important;}

#header_desktop__postload #stgermain_header_contact { line-height: normal !important; top: -4px !important;}

#header_desktop__postload_menu { position: relative; top: 30px !important; padding: 10px; background: #53ab4d;}

#call_desktop_menu { z-index:5000; position: absolute; bottom:-40px !important; left: 4px !important;color: #455973;font-family: 'futura-pt';font-size: 24px !important;font-weight: 800;letter-spacing: 1px;text-transform: uppercase !important;}

#call_desktop_menu span { color: #e70000;}
#call_desktop_menu span::after { color: #fff;}

#call_desktop_menu:hover span {color: #fff !important;}
#call_desktop_menu:hover span::after {content: " view main menu"; color: #fff !important;}

#call_desktop_menu a {color: #fff !important;}
#call_desktop_menu a:hover {color: #fff !important;}


/*---------------------------------------------------------------------------------------------------------------------------- CONTAINER PORTAL */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
#container_portal {display:block; padding-top: 0px !important;padding-bottom: 20px !important; text-align: center !important; height: 50px !important; background: none !important;}
#container_portal .magellan {display: block !important; margin-top:0px !important; border-top: 1px solid #42883d;}
#container_portal #main_store, #container_portal #main_store_transition { display: block;}




/*--------------------------------------------------------------------------------------------------------------------------- SCALED NAVIGATION */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.scaled_navigation {position:fixed;width:100%;height:268px;; z-index: 29;/* make sure to add vendor prefixes here */transition: all 1s ease;top:0px;}
.scaled_navigation.past-scaled_navigation_point_00 {top: 0px !important; opacity: 1 !important; height: 186px;}

.scaled_navigation #header_desktop__preload,
.scaled_navigation #header_desktop__postload,
.scaled_navigation #container_header,
.scaled_navigation #header_desktop,
.scaled_navigation #container_content,
.scaled_navigation #go_back_to_top {transition: all 0.5s ease; }

.scaled_navigation #container_portal {transition: all 1s ease;}



/*--------------------------------------------------------------------------------------------------------------------------- HEADER TRANSITION */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.scaled_navigation.past-scaled_navigation_point_00 #container_header { padding-top: 10px !important;padding-bottom: 10px !important; height: 110px !important;}
#container_header h1 {font-family: "futura-pt";font-weight: 700 !important;letter-spacing: 0.2px;text-transform: uppercase;font-size: 3rem !important; padding: 0px !important;margin-bottom: -18px !important; color: #455973 !important; margin-left: 10px !important;}

.scaled_navigation.past-scaled_navigation_point_00 #header_desktop__preload { margin-top: -594px;}
.scaled_navigation.past-scaled_navigation_point_00 #header_desktop__postload {display: block; margin-top: 510px !important; opacity: 1}

.URLoffset {display: inline; margin-left: 6px !important; }
.polymorphe_menu_id { display: inline; text-shadow: none !important; font-size: 2rem;}
@media only screen and (max-width: 1280px) {.polymorphe_menu_id { font-size: 1.25rem !important;}}


.scaled_navigation.past-scaled_navigation_point_00 #container_header h1 span { color: #610000 !important;text-shadow: none !important; position: relative !important; z-index: 5000; top:4px !important;}
.scaled_navigation.past-scaled_navigation_point_00 #container_header h1 span:hover { color: #fff !important;text-shadow: none !important;}

.scaled_navigation.past-scaled_navigation_point_00 #container_header h1 a {color: #455973 !important; text-shadow: none !important;}
.scaled_navigation.past-scaled_navigation_point_00 #container_header h1 a:hover, .scaled_navigation.past-scaled_navigation_point_00 #container_header h1 a:hover > .polymorphe_menu_id {color: #fff !important; text-shadow: 0 4px 4px #000000 !important;}
.scaled_navigation.past-scaled_navigation_point_00 #container_header h1 a:hover > .polymorphe_menu_id::after {  content: " / go back to top";  display: inline !important; color: #a9b3ba !important; font-weight: 400 !important; text-shadow: none !important;}



.scaled_navigation.past-scaled_navigation_point_00 #container_header .inline-list > li { color: 			#fff !important;}
.scaled_navigation.past-scaled_navigation_point_00 #container_header .inline-list > li a { color: 			#31652d !important; opacity:0.5;}
.scaled_navigation.past-scaled_navigation_point_00 #container_header .inline-list > li a:hover { color: 	#FFF !important; opacity:1;}



/*--------------------------------------------------------------------------------------------------------------------------- PORTAL TRANSITION */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.scaled_navigation #container_portal { display: block !important;}



.scaled_navigation.past-scaled_navigation_point_00 #container_portal {padding-top: 0px !important;padding-bottom: 0px !important; height: 50px !important;}
.scaled_navigation.past-scaled_navigation_point_00 #container_portal .magellan { display: block !important; margin-top:0px !important;}
.scaled_navigation.past-scaled_navigation_point_00 #container_portal #block_women_collection, .scaled_navigation.past-scaled_navigation_point_00 #container_portal #block_men_collection, .scaled_navigation.past-scaled_navigation_point_00 #container_portal #main_store_transition  {display: none !important;}

.scaled_navigation.past-scaled_navigation_point_00 #container_portal h1 {font-size:1.5rem !important; line-height:1rem !important; font-variant: normal !important; letter-spacing:1px !important; margin-top: 2px !important;}











.scaled_navigation.past-scaled_navigation_point_00 #sub_menu { display: block !important;}


.scaled_navigation.past-scaled_navigation_point_00 #go_back_to_top { top: 74px !important;}

#scaled_navigation_point_00 { }

#scaled_navigation_point_01 {}

#go_back_to_top{z-index:998;background:none!important;text-transform:uppercase;font-size:2.6rem;font-weight:700;width:100%;top:-80px;transition:all 1s ease;position:fixed; display: inline; width:30px; right:20px;}
#go_back_to_top a { color: #FFF !important;}
#go_back_to_top a:hover { color: #20421e !important;}
#go_back_to_top button,#go_back_to_top .button{color:#FFF!important;font-family:jaf-facitweb;-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,1);-moz-box-shadow:0 3px 6px 0 rgba(0,0,0,1);box-shadow:0 3px 6px 0 rgba(0,0,0,1);}




/*----------------------------------------------------------------------------------------------------------------------------------------------*/




@media only screen and (max-width: 1024px) {
#container_header { padding-top: 20px !important;padding-bottom: 20px !important; padding-left: 10px !important;}
#container_header h1 {margin-bottom: 0px !important;}
#container_header .inline-list { float: left !important;}

#container_portal { padding-top: 20px !important;padding-bottom: 20px !important; padding-left: 10px !important;}

}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------- CUSTOM DESKTOP vs MEDIUM */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1180px) and (min-width: 1024px) {
.scaled_navigation.past-scaled_navigation_point_00 {height: 55px !important;}
#container_content {padding-left: 0px !important; margin-right: 0px !important; }
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
.scaled_navigation.past-scaled_navigation_point_00 {height: 55px !important;}
#container_content { padding-top: 0px !important;}

.scaled_navigation.past-scaled_navigation_point_00 #container_portal h1 {color: #fff !important; margin-top: 2px !important; }
#container_portal p {color:	#000 !important;}
.scaled_navigation.past-scaled_navigation_point_00 #container_portal p {color:	#fff !important;}
.scaled_navigation.past-scaled_navigation_point_00 #container_portal p a {color:	#fff !important;}
}

@media only screen and (max-width: 768px) {
.scaled_navigation {display: none;}
#container_content {padding-top: 0px !important;}
}










/*---------------------------------------------------------------------------------------------------------------------------- CONTAINER HEADER */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------------------------------------------------- CONTAINER PORTAL */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 1024px) and (min-width: 641px) {
#container_portal {background: 							#fff !important;}
#container_portal h1 {color: 								#000 !important;}
#container_portal p {color: 								#000;}
#container_portal p a {color: 							#000 !important;}
#container_portal p a:hover {color: 					#c65500 !important;}
}

/*--------------------------------------------------------------------------------------------------------------------------- SCALED NAVIGATION */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.scaled_navigation {}
.scaled_navigation.past-scaled_navigation_point_00 {}

.scaled_navigation.past-scaled_navigation_point_00 #container_header {
background: #FFF;

}


.scaled_navigation.past-scaled_navigation_point_00 #container_content {
background:												#000 !important;}


.scaled_navigation.past-scaled_navigation_point_00 #container_portal h1 a,
.scaled_navigation.past-scaled_navigation_point_00 #container_portal h1 a:hover {
color:														 #fff !important;}



/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.tab-bar-section.middle h1 { color: #FFF !important;}

.tab-bar-section.middle h1 span { color: #FFF !important; margin-right: 50px; float: right !important;}

.tab-bar .menu-icon span {
box-shadow: 0 0 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;}

.tab-bar .menu-icon:hover span {box-shadow: 0 0 0 1px #31652d, 0 7px 0 1px #31652d, 0 14px 0 1px #31652d !important;}