/* PAGE */
body { background: #584968; }
#epage { height: 100%; left: 0; min-height: 100%; position: absolute; text-align: center; top: 0; width: 100%; }
#ebody { background: #d5d1d9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #808080; font-size: 0; padding: 0; width: 100%; }
h1 { color: #604080; }
h2 { color: #604080; }
a { color: #7e58a0; }
a:hover { color: #604080; }
.ebutton { background: #7e58a0; }
.ebutton:hover { background: #604080; }

.eflex.emax-xl .eflex_box { max-width: 1180px; }
.eflex.ebox-m .eflex_column { background: #fff; box-shadow: none;  }
.eflex.ebox-m.ebackground-white .eflex_column { box-shadow: 0 0 0 1px #e6e6e6; }
.eflex_box { padding: 10px; }
@media screen and (min-width: 960px) {
.eflex_box { padding: 20px 10px; }
}
@media screen and (min-width: 1200px) {
.eflex_box { padding: 40px 10px; }
.eflex_column { margin: 20px; padding: 30px 40px 40px 40px; }
.eflex_column.ewidth-l-100 { width: calc(100% - 40px) !important; }
.eflex_column.ewidth-l-75 { width: calc(75% - 40px) !important; }
.eflex_column.ewidth-l-66 { width: calc(66.66% - 40px) !important; }
.eflex_column.ewidth-l-50 { width: calc(50% - 40px) !important; }
.eflex_column.ewidth-l-33 { width: calc(33.33% - 40px) !important; }
.eflex_column.ewidth-l-25 { width: calc(25% -420px) !important; }
}

/* HEADER */
#eheader { background: #7e58a0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 60px; overflow: visible; position: relative; text-align: left; width: 100%; z-index: 9; }
#eheader:before { background: transparent url(eheaderw.jpg) no-repeat 50% 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

#eheader ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; }
#eheader li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; position: relative; }
#eheader a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }
#eheader li a { display: block; }
#eheader_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; overflow: visible; position: relative; width: 100%; }
#eheader_title { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; height: 60px; left: 50%; margin: 0 0 0 -120px; padding: 5px 0 0 79px; opacity: 0.75; position: absolute; top: 20px; z-index: 8; }
#eheader_title:hover { opacity: 1; }
#eheader_title:before { background: transparent url(eheader_title.png) no-repeat 0 0; background-size: contain; content: ''; display: block; height: 60px; left: 0; position: absolute; top: 0; width: 69px; }
#eheader_title h1 { color: #fff !important; font-family: 'Lato', sans-serif !important; font-size: 14px !important; font-weight: normal; line-height: 20px !important; margin: 0 !important; }
#eheader_title h1 strong { color: #fff !important; display: block; font-size: 24px !important; font-weight: bold; line-height: 30px !important; }
#eheader_nav { display: block; position: relative; width: 100%; z-index: 7; }
#eheader_menu { margin: 0; padding: 0; }
#eheader_menu li { margin: 0; padding: 0; }
#eheader_menu a { color: #604080; }
#eheader_menu li.eactive > a, #eheader_menu a:hover { color: #9c70c0; }

#eheader_login { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; line-height: 20px; max-width: 580px; padding: 5px 0 5px 20px; opacity: 0.75; position: absolute; right: 50%; text-align: left; text-decoration: none; text-transform: uppercase; top: 0; width: 50%; z-index: 1; }
#eheader_login:hover { opacity: 1; }
#eheader_login span { color: rgba(255,255,255,0.75); display: inline-block; font-size: 11px; margin: 0 5px 0 0; }
#eheader_login strong { color: #fff; display: inline-block; font-size: 11px; font-weight: normal; }

#eheader_basket { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; left: 50%; line-height: 20px; max-width: 580px; opacity: 0.75; overflow: hidden; padding: 5px 20px 5px 0; position: absolute;  text-align: right; text-decoration: none; text-transform: uppercase; top: 0; width: 50%; z-index: 1; }
#eheader_basket:hover { opacity: 1; }
#eheader_basket span { color: rgba(255,255,255,0.75); display: inline-block; font-size: 11px; }
#eheader_basket strong { color: #fff; display: inline-block; font-size: 11px; font-weight: normal; margin: 0 5px 0 0;  }

@media screen and (min-width: 960px) {	
#eheader { height: 140px; }
.epage-over #eheader { background: transparent; left: 0; position: absolute; top: 0; }
#eheader_login { padding-left: 60px; top: 20px; }
#eheader_login:before { background: transparent url(eheader_login.png) no-repeat 0 0; border-radius: 50%; content: ''; display: block; height: 30px; left: 20px; position: absolute; top: 0; width: 30px; }
#eheader_basket { padding-right: 60px; top: 20px; }
#eheader_basket:before { background: transparent url(eheader_basket.png) no-repeat 0 0; border-radius: 50%; content: ''; display: block; height: 30px; position: absolute; right: 20px; top: 0; width: 30px; }

#eheader_hamburger { display: none; }
#eheader_nav { overflow: visible; position: absolute; right: 0; top: 0; }
#eheader_menu { background: #fff; font-size: 0; margin: 0; padding: 0; overflow: visible; position: absolute; right: 0; text-align: center; top: 100px; width: 100%; }
#eheader_menu > li { display: inline-block; overflow: visible; }
#eheader_menu > li.eseparate:before { background: rgba(255,255,255,0.25); content: ''; display: block; height: 20px; position: absolute; left: 0; top: 20px; width: 1px; }

#eheader_menu > li > a { font-size: 12px; line-height: 20px; padding: 10px; text-transform: uppercase; }
#eheader_menu > li.eactive > a, #eheader_menu > li:hover > a { color: #9c70c0; }
#eheader_menu > li#eheader_login.eactive:after { display: none; }
#eheader_menu > li#eheader_login > a { padding-right: 60px; }
#eheader_menu > li#eheader_login > a:after { background: transparent url(../form/eicon-white.png) no-repeat -80px -120px; border-radius: 20px; box-shadow: inset 0 0 0 2px #fff; content: ''; cursor: pointer; display: block; font-size: 0; height: 40px; opacity: 0.2; position: absolute; right: 10px; top: 10px; width: 40px; }
#eheader_menu ul { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); display: none; float: left; left: 0; margin: 0; min-width: 200px; overflow: hidden; padding: 10px 20px; position: absolute; top: 40px; width: 100%; z-index: 2; }
#eheader_menu li:last-child ul { left: auto; right: 0; }
#eheader_menu ul li { border-top: 1px solid #eae8ec; display: block; width: 100%; }
#eheader_menu ul li:first-child { border-top: none; }
#eheader_menu ul a { display: block; font-size: 12px; line-height: 20px; padding: 5px 0; text-align: left; text-decoration: none; width: 100%; }
}
@media screen and (min-width: 1200px) {	
#eheader_menu > li > a { padding: 10px 20px; }
}
@media screen and (max-width: 959px) {	
#eheader { height: 90px; }
#eheader:after { background: #604080; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; display: block; height: 30px; left: 0; position: absolute; top: 0; width: 100%; }
#eheader_title { height: 40px; left: 20px; margin: 0; padding: 0 0 0 56px; top: 40px; }
#eheader_title:before { height: 40px; width: 46px; }
#eheader_title h1 { font-size: 12px !important; line-height: 15px !important; }
#eheader_title h1 strong { font-size: 18px !important; line-height: 25px !important; }
#eheader_hamburger { background: rgba(255,255,255,0.25); border-radius: 20px; cursor: pointer; display: block; font-size: 0; height: 40px; position: absolute; right: 20px; top: 40px; width: 40px; z-index: 9; }
#eheader_hamburger:after { background: transparent url(../form/eicon-white.png) no-repeat 0 0; content: ''; cursor: pointer; display: block; font-size: 0; height: 40px; left: 0; position: absolute; top: 0; width: 40px; }
#eheader_hamburger.active { box-shadow: 0 0 0 1px rgba(255,255,255,0.5); }
#eheader_nav { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; left: 0; margin: 0; overflow: hidden; position: absolute; top: 90px; width: 100%; }
#eheader_menu { padding: 0 0 10px 0; }
#eheader_menu > li { border-top: 1px solid #eae8ec; display: block; overflow: visible; text-align: left; width: 100%; }
#eheader_menu > li:first-child { border-top: none; }
#eheader_menu a { font-size: 12px; line-height: 20px; padding: 0 20px; text-transform: none; }
#eheader_menu > li > a { display: block; font-size: 14px; line-height: 30px; padding: 0 20px; text-decoration: none; text-transform: uppercase; width: 100%; }
#eheader_menu ul { display: none; padding: 0 10px 10px 10px; width: 100%; }
#eheader_menu ul li { display: block; }
#eheader_menu ul a { padding: 0 10px; }
}

@media screen and (max-width: 479px) {	
#eheader_login { right: 45% ; width: 55%; }
#eheader_basket { left: 55%; width: 45%; }
}


/* FOOTER */
#efooter { background: #584968; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #d5d1d9; display: block; font-size: 0; overflow: hidden; padding: 0; position: relative; text-align: center; width: 100%; }

#efooter div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#efooter ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; }
#efooter li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; position: relative; }
#efooter a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #d5d1d9; text-decoration: none; }
#efooter a:hover { color: #fff; }
#efooter strong { color: #d5d1d9; }
ul#efooter_social { display: block; padding: 0 0 20px 0; width: 100%; }
ul#efooter_social li { display: inline-block; margin: 20px 10px 0 10px; }
ul#efooter_social a.eicon { height: 50px; margin: 0; width: 50px; }
ul#efooter_social a.eicon:before { background: #82778e !important; border-radius: 25px !important; height: 50px !important; width: 50px !important; }
ul#efooter_social a.eicon::after { left: 5px; top: 5px; }



#efooter_nav { background: #82778e; font-size: 0; padding: 30px 0 40px 0; text-align: center; width: 100%; }
#efooter_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; width: 100%; }

#efooter_partner { background: #eae8ec; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0; padding: 10px; position: relative;  text-align: center; width: 100%; }
#efooter_partner ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; font-size: 0; justify-content: center; list-style-type: none; margin: 0 auto; max-width: 1140px; padding: 0; text-align: center; }
#efooter_partner li { background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; list-style-type: none; margin: 10px; max-width: 240px; padding: 20px; position: relative; vertical-align: top; width: calc(100% - 20px); }
#efooter_partner a { display: block; position: relative;  text-decoration: none; width: 100%; }
#efooter_partner .eimage-square { box-shadow: inset 0 0 0 1px #d5d1d9; margin: 0; }
#efooter_partner a:hover .eimage-square { box-shadow: inset 0 0 0 1px #aca4b4; }
#efooter_partner h2 { font-size: 14px !important; font-weight: bold; margin: 10px 0 0 0; text-transform: uppercase; }

#efooter_partner .eimage-square img { height: 100% !important; width: auto !important; }

@media screen and (min-width: 720px) {	
#efooter_partner li { width: calc(33.3% - 20px); }
}
@media screen and (min-width: 960px) {	
#efooter_partner { padding: 30px; }
#efooter_partner li { max-width: none; padding: 30px; width: calc(25% - 20px); }
}

#efooter_menu { display: inline-block; padding: 0 0 0 10px; text-align: left; vertical-align: top; width: 100%; }
#efooter_menu > li { display: inline-block; margin: 10px 0 0 0; vertical-align: top; width: 100%; }
#efooter_menu a { display: block; font-size: 12px; line-height: 20px; padding: 0 10px; text-decoration: none; }
#efooter_menu > li > a { cursor: default; font-size: 14px; font-weight: bold; padding: 5px 10px; pointer-events: none; text-transform: uppercase; }
#efooter_menu li.eactive > a { color: #fff; }
#efooter_menu ul { margin: 0; padding: 0; }

#efooter_contact { display: inline-block; padding: 0 20px; text-align: right; vertical-align: top; width: 100%; }
#efooter_address { font-size: 12px; line-height: 20px; margin: 10px 0 0 0; overflow: hidden; }
#efooter_address strong { display: block; font-size: 14px; padding: 5px 0; text-transform: uppercase; }
#efooter_phone { font-size: 0; margin: 20px 0 0 0; overflow: hidden; text-align: right; }
#efooter_phone a { display: inline-block; font-size: 20px; line-height: 30px; padding: 0 0 0 40px; position: relative; }
#efooter_phone a:before { background: transparent url(efooter_phone.png) no-repeat 0 0; border-radius: 50%; content: ''; display: block; height: 30px; left: 0; opacity: 0.5; position: absolute; top: 0; width: 30px; }
#efooter_phone a:hover:before { opacity: 1; }
#efooter_email { font-size: 0; margin: 10px 0 0 0; overflow: hidden; text-align: right; }
#efooter_email a { display: inline-block; font-size: 12px; line-height: 30px; padding: 0 0 0 40px; position: relative; }
#efooter_email a:before { background: transparent url(efooter_email.png) no-repeat 0 0; border-radius: 50%; content: ''; display: block; height: 30px; left: 0; opacity: 0.5; position: absolute; top: 0; width: 30px; }
#efooter_email a:hover:before { opacity: 1; }

#efooter_copyright { padding: 30px 10px 40px 10px; text-align: center; width: 100%; }
#efooter_copyright p { font-size: 12px; margin: 10px 0 0 0; }
@media screen and (max-width: 599px) {	
#efooter_menu { text-align: center; }
#efooter_menu > li + li { border-top: 1px solid rgba(255,255,255,0.2); margin-top: 10px; padding-top: 10px; }
}
@media screen and (max-width: 959px) {	
#efooter_contact { border-top: 1px solid rgba(255,255,255,0.2); margin-top: 10px; text-align: center; }
#efooter_phone { text-align: center; }
#efooter_email { text-align: center; }
}
@media screen and (min-width: 600px) {	
#efooter_menu > li { width: 25%; }
#efooter_menu > li:last-child > a { padding-right: 0; }
}

@media screen and (min-width: 960px) {	
#efooter_menu { max-width: 800px; padding: 0 0 0 50px; width: 67%; }
#efooter_contact { max-width: 400px; padding: 0 60px 0 0; width: 33%; }
}



