/*!
 * 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)}
/**
 * General
 **/

/* Common HTML Elements */
body { font-family:'robotolight'; color:#333132; font-size:18px; } 

a { transition:all 0.5s ease 0s; }
a:hover,
a:focus,
a:active { text-decoration:none; color:#ea5c41; }

h1 { font-family:'robotobold'; text-transform:uppercase; font-size:26px; letter-spacing:2px; margin-bottom:50px; line-height:1em; }
h2 { font-family:'robotobold'; line-height:1em; }

p { line-height:2em; }

img { display:inline-block; max-width:100%; }

#404 { padding:40px 0; }

/* Buttons */
.btn { border:3px solid #ea5c41; padding:10px; min-width:200px; text-align:center; font-family:'robotobold'; text-transform:uppercase; color:#ea5c41; letter-spacing:2px; border-radius:8px; display:inline-block; transition:all 0.5s ease 0s; }
.btn:hover { background:#ea5c41; color:#fff; border-radius:0; }

/* Forms */
.form-item { position:relative; margin-bottom:30px; color:#ea5c41; text-transform:uppercase; letter-spacing:2px; font-family:'robotobold';  }
.form-item.textfield input { border:3px solid #ea5c41; padding:10px; display:block; width:100%; border-radius:8px; text-align:center; text-transform:uppercase; font-family:'robotobold'; outline:none; }
.form-item.textfield label { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0; transition:all 0.5s ease 0s; cursor:text; line-height:1.2em; }
.form-item.textfield.active label { opacity:0; }

.form-item.textarea textarea { border:3px solid #ea5c41; border-radius:8px; display:block; width:100%; min-height:200px; padding:20px; outline:none; }
.form-item.textarea label { position:absolute; left:20px; top:22px; margin:0; transition:all 0.5s ease 0s; }
.form-item.textarea.active label { opacity:0; }

.form-item.select label { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0; z-index:10; transition:all 0.5s ease 0s; line-height:1.2em; }
.form-item.select .selectize-control { height:53px; }
.form-item.select .selectize-input { border:3px solid #ea5c41; padding:10px; border-radius:8px; height:53px; }
.form-item.select .selectize-input .item { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); white-space:nowrap; }
.form-item.select .selectize-control.single .selectize-input:after { border-color:#ea5c41 transparent transparent transparent; }
.form-item.select.active label { opacity:0; }

.form-item.checkbox,
.form-item.radio { line-height: 30px; }
.form-item.checkbox input,
.form-item.radio input { width:30px; height:30px; float:left; margin-right:10px; }
.form-item.checkbox label,
.form-item.radio label { position:relative; margin-bottom: 0; cursor: pointer; }

.form-item.checkbox span:before,
.form-item.radio span:before { content:''; position:absolute; left:0; top:0; width:30px; height:30px; border:3px solid #e55137; border-radius:8px; background:#fff; }

.form-item.checkbox span:after,
.form-item.radio span:after { content:''; position:absolute; left:5px; top:5px; width:20px; height:20px; background:#e55137; opacity:0; transition:all 0.5s ease 0s; border-radius:4px; }

.form-item.checkbox input:checked+span:after,
.form-item.radio input:checked+span:after { opacity: 1; }


.form-item.upload  { border-style:dashed; background:#fff; cursor:pointer; border-radius:8px; }
.form-item.upload .btn { border:none; background:none; outline:none; }
.form-item.upload .btn:hover { border-radius:8px; color:#ea5c41; }

.form-item.submit .btn { background:#fff; cursor:pointer; }
.form-item.submit .btn:hover { background:#ea5c41; }
.form-item.submit .oc-loading { position:relative; }
.form-item.submit .oc-loading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.95); }
.form-item.submit .oc-loading:after { content:"\f021"; animation: fa-spin 2s infinite linear; font-family:'fontAwesome'; font-size:20px; width:20px; height:20px; line-height: 20px; color:#eb6a54; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; }



/**
 * Legal
 **/
 /*
.legal { margin:60px 0; }
.legal h1 { font-size:4rem; margin:0 0 1em 0; }
.legal h2 { font-size:3rem; margin:1em 0; }
.legal h3 { font-size:2.5rem; margin:1em 0; }
.legal h4 { font-size:2rem; margin:1em 0; }
.legal h5 { font-size:1.5rem; margin:1em 0; }
*/
.legal table { width:100%; margin:2em 0; }
.legal table th,
.legal table td { padding:1em; border:1px solid rgba(0,0,0,0.25); }

/**
 * Layout
 **/
 
#header { background:#191919; padding:10px 0; }

#header .row { align-items:center; }
#header .right { text-align:right; }

#header .hamburger { display:none; }

#header nav ul { list-style:none; color:#fff; }
#header nav li { display:inline-block; }
#header nav a { color:#fff; }
#header nav i { width:25px; height:25px; text-align:center; line-height:26px; background:#fff; border-radius:50%; color:#191919; font-size:14px; transition:all 0.5s ease 0s; }
#header nav a:hover i { background:#ea5c41; }
#header nav a:hover { color:#ea5c41; }

#header .primary { position:relative; display:inline-block;  }
#header .primary ul { padding:0; margin:0; }
#header .primary li { margin:0 0 0 10px; }
#header .primary a { font-family:'robotobold'; text-transform:uppercase; border-bottom:4px solid transparent; font-size:16px; }
#header .primary li.active a { color:#ea5c41; }

#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height:3px; background: #ea5c41; margin:0 !important; }

#header .secondary li:after { content:'|'; margin:0 5px 0 10px; }
#header .secondary li:last-child:after { content:none; }
#header .secondary a { font-family:'robotoregular'; font-size:16px; }
#header .secondary .btn { background:#ea5c41; color:#732d20; padding:5px 10px; border-radius:8px; font-family:'robotobold'; font-size:14px; line-height:14px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); letter-spacing:1px; }

#footer { background:#000000 url(../themes/payot/assets/img/footer-bg.jpg) no-repeat center bottom; color:#fff; text-align:center; padding:40px 0; position:relative; }
#footer .logo { max-width:150px; }
#footer ul { list-style:none; padding:0; }
#footer li { display:inline-block; }
#footer li:after { content:'-'; margin:0 5px 0 10px; }
#footer li:last-child:after { content:none; }
#footer a { color:#fff; font-family:'robotobold'; font-size:20px; }
#footer a:hover { color:#eb6a54; }
#footer .row { margin-top:40px; font-family:'robotobold'; font-size:16px; }
#footer .title { color:#eb6a54; text-transform:uppercase; letter-spacing:2px; font-size:20px; }

/* Widget plus que pro */
.PQP-widget { position:fixed !important; left:0 !important; bottom:0 !important; width:180px !important; z-index:2000 !important; }
.PQP-widget__rating__note { font-size:24px !important; }
.PQP-widget__rating__note:after { content:'/'; color:#000; display:inline-block; font-size:14px; font-weight:normal; margin-left:5px; }
.PQP-widget__rating__note-max { font-size:24px !important; }

/**
 * Pages
 **/
 
/* All Pages */
.swiper-wrapper { box-sizing:border-box; }
.slider { /*height:750px;*/ }
.slider .logo { position:absolute; left:60%; bottom:0; background:#eb6a54; width:300px; height:180px; text-align:center; padding:30px 60px 60px 60px; box-sizing:border-box; }
.slider .navigation { position:absolute; width:100%; height:30px; left:0; bottom:10px; padding:0 40px; line-height:30px; }
.slider .navigation button { position:absolute; border:none; background:none; color:rgba(0,0,0,0.3); font-size:30px; line-height:30px; cursor:pointer; }
.slider .navigation .prev { left:0; }
.slider .navigation .next { right:0; }
.slider .navigation .swiper-pagination { display:inline-block; position:static; cursor:pointer; }
.slider .navigation .swiper-pagination-bullet { margin:0 8px; width:16px; height:16px; background:#fff; }

.carousel + .navigation { position:absolute; top:50%; left:0; width:100%; }
.carousel + .navigation button { border:none; background:none; font-size:40px; line-height:40px; color:#fff; cursor:pointer; transform:translateY(-50%); }
.carousel + .navigation button:focus { outline:none; }
.carousel + .navigation .prev { position:absolute; left:-50px; }
.carousel + .navigation .next { position:absolute; right:-50px; }

.intro { text-align:center; padding:60px 0; }
.intro h1 { color:#000; }

.arrow { position:relative; }
.arrow:before { content:''; position:absolute; top:0; left:50%; margin-left:-40px; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 40px; border-color: #fff transparent transparent transparent; }

.impots { background:#ea5c41; padding:80px 0; color:#fff; text-align:center; }
.impots .left { display:flex; justify-content:space-between; align-items:flex-end; }
.impots .left a:first-child { margin-right:20px; }
.impots .left img { display:inline-block; box-shadow: 12px 12px 0px 0px rgba(0,0,0,0.5); }
.impots .btn { border-color:#fff; color:#fff; margin-top:40px; }
.impots .btn:hover { background:#fff; color:#ea5c41; }

.over { text-align:center; margin-top:-180px; }
.over img { border:30px solid #fff; max-width:100%; }
.over h1 { color:#ea5c41; font-family:'robotobold'; font-size:34px; text-transform:uppercase; letter-spacing:2px; position:relative; margin-bottom:30px; padding-bottom:30px; }

/* Accueil */
#accueil .actualites { background:url(../themes/payot/assets/img/actualites-bg.jpg) no-repeat left top; background-size:cover; padding:180px 0; text-align:center; }
#accueil .actualites.arrow:before { border-color:#ea5c41 transparent transparent transparent; }

#accueil .actualites .post { background:#fff; color:#6d6e71; margin-bottom:30px; }
#accueil .actualites .post .row { align-items:center; }
#accueil .actualites .post .right { padding:30px 50px; text-align:left; }
#accueil .actualites .post h2 { color:#ea5c41; font-family:'robotobold'; font-size:18px; letter-spacing:2px; position:relative; }
#accueil .actualites .post p { font-size:12px; line-height:1.2em; }
#accueil .actualites .post .btn { margin-top:30px; padding:5px 10px; min-width:0; font-size:14px; border-width:2px; }
#accueil .actualites .more a { display:inline-block; margin-top:30px; color:#fff; font-family:'robotoregular'; }

/* Poeles */
#poeles .intro ul { margin:40px 0 80px 0; padding:0; list-style:none; }
#poeles .intro li { display:inline-block; margin:0 15px; }
#poeles .intro img { margin:20px auto; }
#poeles .intro .spaces img { margin:20px; }

#poeles .modeles { background:url(../themes/payot/assets/img/modeles-bg.jpg) no-repeat center center; background-size:cover; padding:100px 0; }

#poeles .logos { padding:80px 0; background:#ea5c41;  }
#poeles .logos ul { list-style:none; text-align:center; }
#poeles .logos li { display:inline-block; margin:20px; }



#poeles .poele { text-align:center;  }
#poeles .poele h2 { color:#fff; text-transform:uppercase; font-size:22px; letter-spacing:2px; margin-top:15px; margin-bottom:0; padding-top:15px; border-top:1px solid #fff; }
#poeles .poele .puissance { color:#ea5c41; text-transform:uppercase; font-family:'robotobold'; margin-bottom:0; line-height:1.6em; }
#poeles .poele .free { color:#fff; line-height:1.6em; }

#poeles .schema { max-width:955px; margin:0 auto; text-align:center; }
#poeles .schema h2 { color:#fff; text-transform:uppercase; font-size:22px; letter-spacing:2px; margin-top:15px; margin-bottom:0; padding-top:15px; border-top:1px solid #fff;  }

/* Bonnes affaires */
#deals .sticky { background:url(../themes/payot/assets/img/deals-bg.jpg) no-repeat center center; background-size:cover; text-align:center; padding:80px 0; color:#fff; }
#deals .sticky .content { padding:30px; background:#fff; color:#5c5c5c; }
#deals .sticky h2 { color:#ec6e56; font-size:24px; }
#deals .sticky h3 { color:#333132; font-size:18px; font-family:'robotobold'; }

#deals .secondary { padding:60px 0; text-align:center; }
#deals .secondary h2 { font-size:30px; color:#000000; text-transform:uppercase; margin-bottom:50px; }
#deals .secondary h3 { font-size:16px; color:#ec6e56; text-transform:uppercase; font-family:'robotobold'; margin:10px 0 0 0; }
#deals .secondary h4 { font-size:16px; color:#333132; text-transform:uppercase; font-family:'robotobold'; }
#deals .secondary .content { text-align:left; }
#deals .secondary .content p { font-size:14px; line-height:1.6em; }

#deals .impots .left { align-items:flex-start; }
#deals .impots h2 { margin-bottom:40px; }

#deals .secondary .carousel + .navigation button { color:#000; }

/* Actualites */
#actualites .container { padding-top:60px; padding-bottom:60px; }

#actualites .post { background:#ea5c41; position:relative; text-align:center; color:#fff; margin-bottom:40px; }
#actualites .post .left img { /*position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;*/ }
#actualites .post .right { padding:40px; }
#actualites .post h2 { color:#fff; font-family:'robotobold'; font-size:28px; text-transform:uppercase; letter-spacing:2px; position:relative; margin-bottom:30px; padding-bottom:30px; }
#actualites .post h2:after { content:''; width:40px; height:10px; background:#ea5c41; position:absolute; bottom:0; left:50%; margin-left:-25px; }
#actualites .post p { line-height:1.4em; }
#actualites .post .btn { border-color:#fff; color:#fff; margin-top:30px; }
#actualites .post .btn:hover { background:#fff; color:#ea5c41; }

#actualite .post { text-align:center; margin-top:-180px; margin-bottom:100px; max-width:970px; margin-left:auto; margin-right:auto; }
#actualite .post .content { padding:0 30px; }
#actualite .post img { border:30px solid #fff; }
#actualite .post h1 { color:#ea5c41; font-family:'robotobold'; font-size:34px; text-transform:uppercase; letter-spacing:2px; position:relative; margin-bottom:30px; padding-bottom:30px; }
#actualite .post h1:after { content:''; width:40px; height:10px; background:#ea5c41; position:absolute; bottom:0; left:50%; margin-left:-25px; }
#actualite .post p { color:#6d6e71; text-align:justify; }
#actualite .post .more { color:#000; font-size:18px; margin-top:60px; display:inline-block; font-family:'robotoregular'; }

/* Entreprise */
#entreprise { text-align:center; }

#entreprise .swiper-container { margin-bottom:50px; }
#entreprise .swiper-pagination { bottom:0; }
#entreprise .swiper-pagination-bullet-active { background:#ea5c41; }

#entreprise .entreprise .container { margin-top:-180px; }
#entreprise .entreprise img { border:30px solid #fff; }
#entreprise .entreprise h1 { color:#ea5c41; font-family:'robotobold'; font-size:34px; text-transform:uppercase; letter-spacing:2px; position:relative; margin-bottom:30px; padding-bottom:30px; }
#entreprise .entreprise p { text-align:justify; }
#entreprise .entreprise h2 { margin:50px 0 100px 0; text-transform:uppercase; letter-spacing:4px; font-family:'robotobold'; }

#entreprise .partenaires { background:#ea5c41; padding:30px 0; }
#entreprise .partenaires h2 { text-transform:uppercase; color:#fff; letter-spacing:4px; }
#entreprise .partenaires ul { margin:30px 0; padding:0; display:flex; flex-direction:row; align-items:center; justify-content:center; }
#entreprise .partenaires li { display:inline-block; margin:20px 50px; color:#fff; text-transform:uppercase; font-weight:500; font-family:'robotoregular'; }
#entreprise .partenaires li a { color:#fff; }
#entreprise .partenaires li a:hover { color:#fff; }
#entreprise .partenaires img { display:block; margin:0 auto 20px auto; }

#entreprise .horaires h2 { margin-bottom:60px; }
#entreprise .horaires h3 { color:#ec6e56; text-transform:uppercase; }
#entreprise .horaires p { margin-bottom:60px; text-align:center; font-family:'robotoregular'; }


/* Contact */
#contact { text-align:center; }
#contact .maps { justify-content:center; }
#contact .maps > div { margin-bottom:30px; }
#contact .maps img { width:100%; }
#contact .maps .content { background:#eb6a54; padding:20px; min-height:165px; }
#contact .maps .content h2 { text-transform:uppercase; margin-bottom:15px; }
#contact .maps .content p { color:#fff; font-family:'robotoregular'; line-height:1.2em;  }

#contact .form { margin:80px 0; }
#contact .form h2 { text-transform:uppercase; margin-bottom:40px; letter-spacing:5px; }
#contact .form h2 span { display:block; color:#eb6a54; font-size:20px; font-family:'robotoregular'; margin-top:10px; }
#contact .form .btn { background:#fff; cursor:pointer; }
#contact .form .btn:hover { background:#eb6a54; }

#contact .g-recaptcha { margin:30px 0; }
#contact .g-recaptcha > div { margin:0 auto;  }

#merci .container { text-align:center; padding:50px 0; }

/* Service */
#service {  }
#service .sav { text-align:center; padding:50px 0; background:#e55137; color:#fff; }
#service .sav ul { list-style:none; margin:50px 0; padding:0; text-align:center; color:#fff; text-transform:uppercase; font-family:'robotoregular'; font-size:14px;  }
#service .sav img { margin-bottom:10px; }
#service .sav li { margin-bottom:20px; }

#service .question { padding:80px 0; text-align:center; }
#service .question:before { border-color:#e55137 transparent transparent transparent; }
#service .question h2 { color:#e55137; text-transform:uppercase; letter-spacing:5px; font-size:30px; }
#service .question h3 { color:#000000; text-transform:uppercase; letter-spacing:3px; font-size:22px; margin:30px 0; font-family:'robotoregular'; }
#service .question .btn { margin:20px 0 20px 0; min-width:250px; }
#service .question .label { border:3px solid #eb6a54; border-radius:8px; padding:10px; text-align:center; color:#eb6a54; text-transform:uppercase; font-family:'robotobold'; display:block; }
#service .question .client { text-align:right; }
#service .question .client .radio { display:inline-block; padding:10px; }
#service .question .choix .radio { border:3px solid #eb6a54; border-radius:8px; padding:10px; display:inline-block; min-width:350px; }
#service .question .choix .radio.active { background:#eb6a54; color:#fff; }

#service .question .choix .radio input,
#service .question .choix .radio span:before,
#service .question .choix .radio span:after { content:none; display:none; }

#service .form { display:none; }

/* Mentions légales */
#mentions-legales,
#donnees-personnelles { padding:80px 0; }

/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  #header .primary li { margin-left:5px; }
  #header .primary a { font-size:14px; }
  
  #accueil .actualites .left img { height:100%; object-fit:cover; }
  
  #entreprise .entreprise .container { margin-top:-100px; }
  
  #service .question .client { text-align:center; }
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  #header .container { width:100%; }
  #header .right { position:static; }
  #header .logo { max-width:150px; display:inline-block; }
  #header .logo img { max-width:100%; height:auto; }
  #header .hamburger { display:inline-block; padding:0; outline:none; z-index:11; position:absolute; top:35px; right:15px; }
  #header .hamburger:hover { opacity:1; }
  #header .hamburger-inner, 
  #header .hamburger-inner:after, 
  #header .hamburger-inner:before { background:#fff; border-radius:0; height:2px; }
  
  #header .sidebar { position:fixed; display:flex; padding-top:100px; text-align:center; flex-direction: column; justify-content:center; align-items:center; top:0; right:0; width:0; height:100%; transition:all 0.5s ease 0s; z-index:10; background:#ec6e56; overflow:hidden; }
  #header .sidebar .primary { order:1; width:350px; }
  #header .sidebar .secondary { order:2; width:350px; }
  #header .sidebar ul { padding:0; }
  #header .sidebar li { display:block; margin:0; }
  #header .sidebar a { margin:0; display:block; padding:5px 0; font-size:14px; }
  #header .sidebar li.active a,
  #header .sidebar li.active a:hover { background:#ea5c41; color:#fff; }
  #header .sidebar #magic-line { display:none; }
  
  #header .secondary { position:relative; margin-top:20px; padding-top:20px; text-transform:uppercase; }
  #header .secondary:before { content:''; position:absolute; width:50px; height:1px; background:#fff; top:0; left:50%; margin-left:-25px; }
  #header .secondary li:after { content:none; }
  #header .secondary .icon { display:inline-block; margin:10px; }
  #header .secondary .btn { padding:10px 0; border-radius:0; text-shadow:none; }
  #header .secondary .btn:hover { color:#000; }
  
  
  #header.open .hamburger { position:fixed; top:45px; }
  #header.open .sidebar { width:350px; }
  
  
  .slider .logo { width:250px; height:150px; padding:20px 50px 50px 50px; }
  .slider .logo img { max-height:70px; }

  .carousel + .navigation { display:none; }

  
  .impots .left { align-items:center; }
  
  #accueil .actualites { padding:80px 0; }
  #accueil .actualites .left img { max-width:100%; width:100%; max-height:400px; }
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  #footer li { display:block; }
  #footer li:after { content:none; }
  
  .slider .logo { width:200px; height:120px; padding:20px 30px 30px 30px; }
  .slider .logo img { max-height:60px; }
  .slider .navigation { bottom:5px; }
  .slider .navigation .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; }
  .slider .navigation button { font-size:20px; line-height:20px; top:7px; }
  
  .impots .left { margin-bottom:50px; }
  
  
  #poeles .logos { padding:40px 0; }
  
  #entreprise .heading { height:200px; width:100%; object-fit:cover;}
  
  #deals .impots .left { display:block; text-align:center; }
  
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  .slider .logo { display:none; }
  
  
  #entreprise .entreprise img { border-width:20px; }
  
  #service .sav img { display:block; margin:0 auto 15px auto; }
  #service .question .choix { margin-bottom:60px;  }
  #service .question .choix .radio { display:block; min-width:0; margin:0;}
  

}