/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
body { color:#000; }
img { display:inline-block; max-width:100%; height:auto; }

h2 { font-family:'Gotham Black'; text-transform:uppercase; letter-spacing:10px; font-size:34px; text-align:center; background:url(../themes/city/assets/img/drop.png) no-repeat center bottom; padding-bottom:60px; margin-bottom:40px; }

a { color:#eb406d; }
a:hover,
a:active,
a:focus { text-decoration:none; color:inherit; }

/* Buttons */
.btn { border:3px solid #95ecda; border-radius:8px; min-width:150px; text-align:center; padding:5px 10px; color:#000; font-family:'Gotham Bold'; letter-spacing:2px; font-size:12px; margin-top:20px; transition:all 0.5s ease 0s; }
.btn:hover { background:#95ecda; }

/* Utility */
.hide { display:none; }

/* Modal */
body.vex-open { overflow:auto; }

.vex.vex-theme-flat-attack .vex-close:before { width:40px; height:40px; font-size:30px; line-height:40px; padding:0; }
.vex.vex-theme-flat-attack .vex-content { font-size:14px; text-align:justify;}
.vex.vex-theme-flat-attack .vex-content h3 { margin-top:10px; }
.vex.vex-theme-flat-attack .vex-close:before { background:#eb406d; }

/**
 * Layout
 */
 
/* Header */ 

#header { background:#efefef url(../themes/city/assets/img/header-bg-hivers.jpg) no-repeat center center; background-size:cover; overflow:hidden; }
#header .logo { max-width:350px; opacity:1; transition:all 0.5s ease 0s; position:absolute; left:50%; margin-left:-175px; display:block; margin-top:30px; }
#header .logo:hover { opacity:0.8; }

#header .hamburger { display:none; outline:none; }
#header nav { text-align:center; padding-top:40px; }
#header nav ul { list-style:none; padding:0; line-height:100px; }
#header nav li { display:inline-block; margin:0 20px; }
#header nav li:nth-child(2) { margin-right:420px; max-width:150px; }
#header nav a { display:block; /*color:#384945;*/ color:#fff; font-family:'Gotham Black'; text-transform:uppercase; letter-spacing:2px; line-height:16px; transition:all 0.5s ease 0s; }
#header nav a:hover { color:#eb406d; }
#header nav a i { color: #fff; background: #eb416e;  width: 30px;  height: 30px; line-height: 30px;  border-radius: 50%; text-align: center; }
#header .hero { text-align:center; padding-bottom:260px; padding-top:120px; }
#header .title { font-family:'Gotham Black'; font-size:160px; line-height:1em; color:#eb416e; }
#header .subtitle { font-family:'Quickline'; font-size:55px; line-height:1em; margin-top:20px; margin-left:480px; color:#fff; }

#header .illustration { position:absolute; left:0; bottom:0; }

#header.ete { background:url(../themes/city/assets/img/header-bg-ete.jpg) no-repeat left top; background-size:cover; }
#header.ete nav a { color:#000; }
#header.ete .subtitle { color:#000; font-size:80px; }

/* Content */
#main section section { padding:40px 0; }
#main section section:last-child { padding-bottom:0; }

#top { position:fixed; right:50px; bottom:50px; z-index:999; width:50px; height:50px; line-height:50px; text-align:center; background:#99ecdb; color:#fff; border-radius:50%; }


/* Footer */
#footer { background:#3f3f3f url(../themes/city/assets/img/logo-footer.png) no-repeat center bottom; padding:40px 0 150px 0; text-align:center; color:#fff; }
#footer .title { font-family:'Gotham Black'; text-transform:uppercase; letter-spacing:4px; margin-bottom:20px; }
#footer .left .title { color:#eb406d; font-size:26px; }
#footer .right .title { color:#acf1e3; font-size:22px; }
#footer ul { list-style:none; font-family:'Gotham Bold'; font-size:16px; padding:0; }
#footer li { margin:5px 0; }
#footer .left .small { font-family:'Gotham Book'; font-size:12px; letter-spacing:4px; margin-top:10px; }
#footer .left a { color:#fff; letter-spacing:4px; }
#footer .right p { font-family:'Gotham Book'; font-size:20px; letter-spacing:4px; margin-bottom:10px; }
#footer .right a { display:inline-block; font-family:'Gotham Bold'; color:#fff; margin-bottom:15px; letter-spacing:2px; font-size:12px; }
#footer .right .tel { font-family:'Gotham Bold'; color:#fff; font-size:14px; }


/**
 * Contents
 */

.brands { margin:40px 0; padding:0 100px; position:relative; text-align:center; }
.brands .swiper-wrapper { display:flex; align-items:center; }
.brands .swiper-button-prev,
.brands .swiper-button-next { background:none; transform:rotate(45deg); border:5px solid #99ecdb; width:30px; height:30px; margin-top:-15px; }
.brands .swiper-button-prev { border-width:0 0 5px 5px; }
.brands .swiper-button-next { border-width:5px 5px 0 0; }
.brands img { max-height:150px; width:auto; max-width:100%; }

.enseignes .encart { background:#eb406d url(../themes/city/assets/img/enseignes-bg.jpg) no-repeat center top; text-align:center; color:#fff; padding:60px; }
.enseignes .encart ul { list-style:none; padding:0;  }
.enseignes .encart ul span { display:block; }
.enseignes .encart ul span.number { font-family:'Gotham Black'; font-size:50px; letter-spacing:3px; }
.enseignes .encart ul span.text { font-family:'Gotham Bold'; font-size:14px; letter-spacing:3px; text-transform:uppercase; }
.enseignes .encart .title { font-family:'Gotham Bold'; text-transform:uppercase; font-size:18px; letter-spacing:3px; background:url(../themes/city/assets/img/dropw.png) no-repeat center bottom; padding-bottom:80px; margin:50px 0; }
.enseignes .encart .subtitle { font-family:'Gotham Book'; font-size:12px; line-height:2.4em; font-size:12px; letter-spacing:2px; }

.actualites .post { text-align:center; margin-bottom:30px; }
.actualites .post h3 { font-family:'Gotham Black'; text-transform:uppercase; letter-spacing:5px; font-size:24px; margin:20px 0 10px 0; }
.actualites .post p { font-family:'Gotham Book'; font-size:14px; line-height:2em; }

.actualites .swiper-button-prev,
.actualites .swiper-button-next { background:none; transform:rotate(45deg); border:5px solid #99ecdb; width:30px; height:30px; margin-top:-90px; }
.actualites .swiper-button-prev { border-width:0 0 5px 5px; left:-30px; }
.actualites .swiper-button-next { border-width:5px 5px 0 0; right:-30px; }
.actualites .swiper-pagination { display:none; }
.actualites .swiper-pagination-bullet-active { background:#eb406d; }
.actualites .more { text-align:center; }

.acces { text-align:center; }
.acces .title { font-family:'Gotham Black'; text-transform:uppercase; color:#ec4773; font-size:18px; letter-spacing:5px; }
.acces .subtitle { font-family:'Gotham Black'; font-size:14px; letter-spacing:3px; }
.acces .subtitle a { color:#000; }
.acces .map { height:700px; margin-top:30px; }

.avenue { }
.avenue h2 { background:none; }
.avenue h2 a { color:#000; }
.avenue h2 a.active { border-bottom:10px solid #d62687; }

.avenue .map { width:auto;  max-height:1200px; }
.avenue .carte .swiper-pagination { display:none; } 
.avenue .carte area:focus { outline:none; }

.avenue  .inner { position:absolute; padding-left:160px; top:25%; background:url(../themes/city/assets/img/cadre-contour.png) no-repeat left top;  }
.avenue  .inner h3 { font-family:'Gotham Bold'; font-size:34px; color:#a9a9a0; text-transform:uppercase; letter-spacing:10px;  width:375px; margin:20px 0 10px 0;}
.avenue  .brands { padding:0; width:375px; margin:0 0 30px 0; border:1px solid #474725; background:#fff; padding:0; height:270px; display:flex; align-items:center; }
.avenue  .infos { font-family:'Gotham Bold'; text-transform: uppercase; }

.avenue .brand .title { }
.avenue .brand .title img { max-height:60px; width:auto; max-width:100%; }
.avenue .brand .subtitle { font-family:'Gotham Bold'; color:#d62687; text-transform:uppercase; font-size:14px; letter-spacing:2px; margin:15px 0; }
.avenue .brand .schedules { font-family:'Gotham Bold'; font-size:13px; text-transform:uppercase; margin:0 10px; }
.avenue .brand .schedules h4 { font-family:'Gotham Book'; margin-bottom:0; }
.avenue .brand .phone { margin:10px 0; font-size:12px; }
.avenue .brand .links { margin-top:10px; }
.avenue .brand .links a { font-family:'Gotham Bold'; color:#344a99; text-transform:uppercase; margin:0 10px; font-size:12px; }

.avenue .legende ul { text-align:left; list-style:none; padding:0; column-count:2; column-gap:30px; }
.avenue .legende li { line-height:15px; font-size:12px; margin-bottom:10px; font-family:'Gotham Bold'; text-transform:uppercase; }
.avenue .legende li:before { content:''; display:inline-block; width:40px; height:15px; margin-right:10px; background:#ccc; position:relative; top:3px; }
.avenue .legende .mode:before { background:#d62687; }
.avenue .legende .habitat:before { background:#54b145; }
.avenue .legende .restauration:before { background:#e17a39; }
.avenue .legende .alimentaire:before { background:#622554; }
.avenue .legende .optique { margin-bottom:0; }
.avenue .legende .optique:before { background:#48bdcf; }
.avenue .legende .culture:before { background:#f0e847; }
.avenue .legende .enfant:before { background:#ce9fc8; }
.avenue .legende .banque:before { background:#6296ce; }
.avenue .legende .auto:before { background:#1d1d1b; }

#carte-avenue { margin:0 auto; text-align:center; position:relative; }
#carte-avenue .logo { position:absolute; left:0; top:75px; width:320px; height:auto; min-height:auto; }

#carte-parc { position:relative; }
#carte-parc .legende { max-width:50%; margin-left:100px; }
#carte-parc .map { margin-top:-100px; width:100%; }
#carte-parc .brands { position:absolute; bottom:0; left:250px; }

#mentions-legales { padding:60px 0; }
#mentions-legales h2 { text-align:left; font-size:22px; letter-spacing:0; padding:0; margin:40px 0 20px 0; background:none; }

#actualites { padding:60px 0; }
#actualites h1 { font-family:'Gotham Black'; text-transform:uppercase; letter-spacing:10px; font-size:34px; text-align:center; background:url(../themes/city/assets/img/drop.png) no-repeat center bottom; padding-bottom:60px; margin-bottom:40px; }
#actualites h2 { font-size:24px; text-align:left; padding:0; margin-bottom;15px; background:none; }
#actualites .actualite { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc; }
#actualites .actualite .right { padding:15px; }

#actualite { padding:60px 0; }
#actualite img { margin-top:20px; }
#actualite h1 { font-family:'Gotham Black'; text-transform:uppercase; letter-spacing:10px; font-size:34px; text-align:center; background:url(../themes/city/assets/img/drop.png) no-repeat center bottom; padding-bottom:60px; margin-bottom:40px; }
#actualite h2 { font-size:24px; text-align:left; padding:0; margin-bottom;15px; background:none; }
#actualite .actualite {  }
#actualite .actualite .right { padding:15px; }
#actualite .more { margin-top:30px; text-align:center; }
/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  #header nav ul { line-height:80px; }
  #header nav li:nth-child(2) { margin-right:300px; }
  
  #header .logo { max-width:250px; margin-left:-125px; }
  #header .hero { padding-bottom:220px; padding-top:150px; }
  #header .title { margin-left:400px; font-size:70px; }
  #header .subtitle { margin-left:400px; font-size:60px; margin-top:0; }
  #header .illustration { max-width:500px; }
  
  .avenue .inner { position:absolute; padding-left:100px; top:25%; background:url(../themes/city/assets/img/cadre-contour.png) no-repeat -60px top;  }

  
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  h2 { font-size:26px; background-size:24px; padding-bottom:50px; }

  #header .logo { margin-top:10px; }
  #header .hamburger { display:block; position:absolute; left:20px; top:20px; opacity:0.5; padding:0; z-index:999; }
  
  #header nav { position:fixed; left:0; top:0; width:0; height:100%; transition:width 0.5s ease 0s; background:#66c1ab; z-index:900; overflow:hidden; opacity:0.98; }
  #header nav .logo { width:200px; margin-top:40px; }
  #header nav ul { position:absolute; width:100%; top:48%; left:0; transform:translateY(-50%); margin:0; opacity:0; }
  #header nav li { display:block; margin:10px 0; }
  #header nav li:nth-child(2) { margin:10px 0; max-width:none; }
  #header nav a { padding:20px ; }
  
  #header.open .hamburger { position:fixed; }
  #header.open nav { width:350px; max-width:90%; }
  #header.open ul { top:50%; opacity:1; transition:all 0.5s ease 0.5s; }

  #header .hero { padding-bottom:200px; }
  #header .title { margin-left:300px; font-size:50px; }
  #header .subtitle { margin-left:300px; font-size:50px; margin-top:0; }  
  #header .illustration { max-width:400px; }
  
  .enseignes .encart { padding:30px; }
  
  .actualites .post h3 { font-size:16px; }
  .actualites .post p { font-size:12px; }
  
  .avenue .inner { position:absolute; padding-left:0; top:25%; background:url(../themes/city/assets/img/cadre-contour.png) no-repeat -160px top;  }
  .avenue .carte .logo { width:200px; top:100px; }
  
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  h2 { font-size:22px; }
  #header .hero { padding-bottom:140px; }
  #header .title { margin-left:250px; font-size:35px; }
  #header .subtitle { margin-left:250px; font-size:35px; margin-top:0; }  
  #header .illustration { max-width:300px; }
  #top { right:20px; bottom:20px; }
  #footer { background-size:80%; }
  .brands { padding:0 60px; }
  
  .enseignes .encart ul span.number { font-size:35px; }
  .enseignes .encart ul span.text { font-size:12px; }
  .enseignes .encart .title { font-size:16px; }
  
  .acces .title { font-size:16px; }
  .acces .map { height:400px; }
  
  .avenue h2 { font-size:20px; letter-spacing:5px; }
  .avenue h2 a.active { border-width:0 0 5px 0; }
  
  .avenue .inner { background:none; position:static; padding:0; top:auto; margin:0 auto; }
  .avenue .inner .brands { margin:0 auto; }
  
  .avenue .carte h3 { display:none; }
  .avenue .carte .inner { margin-top:40px; }
  .avenue .carte .map { display:none; }
  .avenue .carte .logo { display:none; }
  .avenue .carte .legende { display:none; }
  
  .avenue .brands { height:auto; display:block; border:none; }
  .avenue .brands .brand:first-child { display:none; }
  .avenue .brands .swiper-wrapper { display:block; height:auto; transform:none !important; }
  .avenue .brand { padding:30px; border:1px solid #474725; box-sizing:border-box; margin-bottom:30px; }
  
  #carte-parc .brands { position:static; margin:0 auto; }
  
  
  .avenue .carte { max-height:none; }
  .avenue .carte .swiper-pagination { display:none; }
  .avenue .carte .swiper-pagination-bullet { margin:0 2px; }
  .avenue .carte .swiper-pagination-bullet-active { background:#d62687; }
  
  
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 543px) {
  #header .logo { right:10px; left:auto; transform:none; padding-left:80px; }
  #header .hamburger { top:20px; left:20px; }
  #header .illustration { display:none; }
  #header .hero { padding-bottom:50px; }
  #header .title { margin-left:0; }
  #header .subtitle { margin-left:0;}
  
  .actualites .swiper-button-prev,
  .actualites .swiper-button-next { display:none; }  
  .actualites .swiper-pagination { display:block; }
  
  #footer { background-size:80%; }
  .avenue h2 { font-size:16px; letter-spacing:2px; }
  .avenue .brands { width:100%; }
  .avenue .brand .title { margin:0 20px; }
  
}