/*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,20%,50%,80%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes shake{
    0%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
}
@keyframes shake{
    0%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(0.9) rotate(-3deg);
        transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(0.9) rotate(-3deg);
        transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
    to{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
@keyframes wobble{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
    to{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(0.3);
        transform:scale(0.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(0.9);
        transform:scale(0.9)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(0.3);
        transform:scale(0.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(0.9);
        transform:scale(0.9)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(0.95);
        transform:scale(0.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.3);
        transform:scale(0.3)
    }
}
@keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(0.95);
        transform:scale(0.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.3);
        transform:scale(0.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
.flipInY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0%) skewX(-15deg);
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0%) skewX(-15deg);
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    to{
        -webkit-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    to{
        -webkit-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@keyframes gwLoad{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes gwLoad{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.type-body{
    font-size:1.4rem;
    line-height:1.38
}
@media screen and (min-width:768px){
    .type-body{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .type-body{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .type-body{
        font-size:1.8rem;
        line-height:1.2
    }
}
.type-bodyb{
    font-size:1.8rem;
    line-height:1.5
}
@media screen and (min-width:768px){
    .type-bodyb{
        font-size:2.1rem;
        line-height:1.38
    }
}
.type-footer{
    font-size:1.4rem;
    line-height:1.4
}
@media screen and (min-width:768px){
    .type-footer{
        font-size:1.5rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .type-footer{
        font-size:1.7rem;
        line-height:1.2
    }
}
.type-subhead{
    text-transform:uppercase;
    font-weight:500;
    font-size:1.2rem;
    margin-bottom:1.2rem;
    color:#eb8005;
}
@media screen and (min-width:1600px){
    .type-subhead{
        font-size:1.4rem;
        line-height:1.2
    }
}
.type-med{
    font-size:1.6rem;
    line-height:1.3
}
@media screen and (min-width:768px){
    .type-med{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .type-med{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .type-med{
        font-size:2.2rem;
        line-height:1.2
    }
}
.type-large{
    font-size:2.2rem;
    line-height:1.2
}
@media screen and (min-width:768px){
    .type-large{
        font-size:2.8rem;
        line-height:1.25
    }
}
.type-larger{
    font-size:3.4rem;
    line-height:1.25
}
@media screen and (min-width:768px){
    .type-larger{
        font-size:4rem;
        line-height:1.25
    }
}
@media screen and (min-width:1333px){
    .type-larger{
        font-size:4rem;
        line-height:1.25
    }
}
.type-huge{
    font-size:2.1rem;
    line-height:1.25;
    font-weight:bold!important
}
@media screen and (min-width:768px){
    .type-huge{
        font-size:2.4rem;
        line-height:1.25
    }
}
@media screen and (min-width:1333px){
    .type-huge{
        font-size:3.4rem;
        line-height:1.25
    }
}
.type-hugeb{
    font-size:2.4rem;
    line-height:1.25;
    font-weight:bold!important
}
@media screen and (min-width:768px){
    .type-hugeb{
        font-size:3.6rem;
        line-height:1.25
    }
}
html{
    scroll-behavior:smooth;
    scroll-padding-top:136px
}
body{
    overflow-x:hidden
}
*{
    -webkit-font-smoothing:antialiased
}
#gael-energy{
    -webkit-animation:gwLoad 1.6s;
    animation:gwLoad 1.6s
}
h1,h2,h3,h4,h5,h6{
    font-family:neue-haas-grotesk-text,sans-serif;
    font-weight:400;
    font-style:normal;
    color:#eb8005;
}
body,html{
    font-family:neue-haas-grotesk-text,sans-serif;
    font-weight:400;
    font-style:normal;
    color:#535353;
    font-size:62.5%;
    line-height:1.25;
    margin:0;
    padding:0
}
img{
    display:block;
    width:100%
}
#site-header{
    font-family:neue-haas-grotesk-text,sans-serif;
    font-weight:400;
    font-style:normal;
    background-color:transparent;
    z-index:999!important;
    color: #535353;
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:48px;
    padding-top:0.5rem;
    z-index:8
}

@media screen and (min-width:768px){
    #site-header, #site-header .logo{
        height:80px;
        padding-top:0;
    }
}
@media screen and (min-width:1040px){
    #site-header, #site-header .logo{
        height:112px;
        padding-top:0;
    }
}
@media screen and (min-width:1333px){
    #site-header, #site-header .logo{
        height:112px;
        padding-top:0;
    }
}
#site-header>.row{
    padding: 0;
    margin-top:0;
    margin-bottom:0;
    height:100%
}
#site-header>.row>div{
    padding-top:0;
    padding-bottom:0;
    z-index:99999999
}
#site-header .logo{
    width:100%;
    display:block;
    margin:0 auto;
    text-align:center;
    height:40px;
    z-index:99999999;
    background-position:center;
    background-image:url("/assets/Logos/gegfab-logo-white.svg");
    background-size:contain;
    background-repeat:no-repeat
}
@media screen and (min-width:768px){
    #site-header .logo{
        height:80px;
        background-position:center;
        -webkit-transform:translateY(-3px);
        transform:translateY(-3px)
    }
}
@media screen and (min-width:1333px){
    #site-header .logo{
        height:80px;
        -webkit-transform:translateY(-3px);
        transform:translateY(-3px)
    }
}
#site-header .logo svg{
    display:block;
    /* max-height:100px; */
    width:auto;
    height:100%
}
#site-header:before{
    position:absolute;
    top:0;
    left:0;
    display:block;
    content:" ";
    width:100%;
    height:80%;
    background-color:rgba(255, 255, 255, 0.7);
    z-index:-1
}
#site-header .ct{
    margin-top:10px;
    z-index:99999999;
    display:none;
    text-transform:uppercase;
    letter-spacing:0.1em;
    text-align:left
}
@media screen and (min-width:768px){
    #site-header .ct{
        display:block
    }
}
#site-header .ct a{
    color:#535353;
    text-decoration:none;
    font-size:14px;
    padding-top:0;
    float:right;
    padding-right:8px;
    display:block
}
#site-header .ct a img{
    height:16px;
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px);
    width:auto;
    margin:0 auto
}
#site-header .ct a.soc{
    margin:0!important;
    padding: 10px 0 0 0 !important
}
#site-header a:hover{
    color:#eb8005;
}
@media screen and (min-width:1040px){
    #site-header div.hor-nav{
        width:100%;
        margin:0;
        padding:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-evenly
    }
    #site-header div.hor-nav div.header-item{
        list-style-type:none;
        position:relative;
        display:block
    }
    #site-header div.hor-nav div.header-item a{
        letter-spacing:0.04em;
        padding: 0;
        font-size:1.4rem;
        line-height:1.4;
        color: white;
        /* text-shadow: 
            0.03em 0 black,
        	0 0.03em black, 
            -0.03em 0 black,
            0 -0.03em black; */
        /* color: #535353; */
        text-transform:uppercase;
        text-decoration:none;
        font-weight:200;
        width: 100%;
    }
}
@media screen and (min-width:1040px) and (min-width:768px){
    #site-header div.hor-nav div.header-item a{
        font-size:1.5rem;
        line-height:1.3
    }
}
@media screen and (min-width:1040px) and (min-width:1333px){
    #site-header div.hor-nav div.header-item a{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1040px){
    #site-header div.hor-nav div.header-item a:hover{
        color: #535353
    }
}
@media screen and (min-width:1040px){
    #site-header div.hor-nav div.header-sub-item{
        display:none;
        position:absolute;
        left:0;
        padding-left:0;
        margin-left:0
    }
}
@media screen and (min-width:1040px){
    #site-header div.hor-nav div.header-item:hover div.header-sub-item{
        display:block;
        padding-left:0;
        margin-left:0;
        padding-top:2em
    }
    #site-header div.hor-nav .header-item:hover .header-sub-item .header-sub-link{
        background-color:white;
        list-style-type:none;
        position:relative;
        display:block;
        min-width:220%;
        padding-left:1em;
        padding-top:0.2em;
        padding-bottom:0.2em;
        border-top:rgba(255,255,255,0.7)
    }
    #site-header div.hor-nav .header-item:hover > a{
        color: #eb8005!important;
    }
    #site-header div.hor-nav .header-item:hover .header-sub-link{
        background-color: whitesmoke!important;

    }
    #site-header div.hor-nav .header-item:hover .header-sub-link a{
        display:block;
        letter-spacing:0.04em;
        padding:0.6em 0;
        font-size:1.4rem;
        line-height:1.4;
        color: #535353;
        text-transform:uppercase;
        text-decoration:none;
        font-weight:200;
    }
    #site-header div.hor-nav .header-sub-link:hover > a{
        color: #eb8005!important;
    }
}
@media screen and (min-width:1040px) and (min-width:768px){
    #site-header div.hor-nav .header-item:hover ul li a{
        font-size:1.5rem;
        line-height:1.3
    }
}
@media screen and (min-width:1040px) and (min-width:1333px){
    #site-header div.hor-nav .header-item:hover ul li a{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1040px){
    #site-header div.hor-nav .header-item:hover ul li a:hover{
        color: #535353
    }
}
@media screen and (min-width:1040px){
    #site-header ul ul ul{
        margin:0 0 0 100%;
        -webkit-box-shadow:0 0 2px rgba(0,0,0,0.6);
        box-shadow:0 0 2px rgba(0,0,0,0.6)
    }
}
.gw-nav{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:36px;
    cursor:pointer;
    z-index:99999999;
    margin-top:-7px
}
.gw-nav span{
    text-transform:uppercase;
    display:none;
    vertical-align:top;
    padding-top:0.9em;
    font-size:16px;
    text-indent:14px;
    letter-spacing:0.1em;
    color: #535353
}
@media screen and (min-width:768px){
    .gw-nav span{
        display:inline-block
    }
}
.gw-nav:hover span{
    color: #535353
}
.gw-nav .button{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:36px;
    cursor:pointer;
    z-index:2;
    display:inline-block
}
.gw-nav .button svg{
    stroke: #535353;
    -webkit-transition:0.2s;
    transition:0.2s
}
.gw-nav .button svg g:first-child{
    opacity:1;
    -webkit-transition:opacity 0s 0.2s;
    transition:opacity 0s 0.2s
}
.gw-nav .button svg g:first-child line{
    -webkit-transition:-webkit-transform 0.2s 0.2s;
    transition:-webkit-transform 0.2s 0.2s;
    transition:transform 0.2s 0.2s;
    transition:transform 0.2s 0.2s,-webkit-transform 0.2s 0.2s;
    -webkit-transform:translateY(0px);
    transform:translateY(0px)
}
.gw-nav .button svg g:last-child{
    opacity:0;
    -webkit-transition:opacity 0s 0.2s;
    transition:opacity 0s 0.2s
}
.gw-nav .button svg g:last-child line{
    -webkit-transition:-webkit-transform 0.2s;
    transition:-webkit-transform 0.2s;
    transition:transform 0.2s;
    transition:transform 0.2s,-webkit-transform 0.2s;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:center;
    transform-origin:center
}
.gw-nav .button.-menu-open svg{
    stroke: #535353;
    margin-top:4px
}
.gw-nav .button.-menu-open svg g:first-child{
    opacity:0
}
.gw-nav .button.-menu-open svg g:first-child line{
    -webkit-transition:-webkit-transform 0.2s;
    transition:-webkit-transform 0.2s;
    transition:transform 0.2s;
    transition:transform 0.2s,-webkit-transform 0.2s
}
.gw-nav .button.-menu-open svg g:first-child line:first-child{
    -webkit-transform:translateY(7px);
    transform:translateY(7px)
}
.gw-nav .button.-menu-open svg g:first-child line:last-child{
    -webkit-transform:translateY(-7px);
    transform:translateY(-7px)
}
.gw-nav .button.-menu-open svg g:last-child{
    opacity:1
}
.gw-nav .button.-menu-open svg g:last-child line{
    -webkit-transition:-webkit-transform 0.2s 0.2s;
    transition:-webkit-transform 0.2s 0.2s;
    transition:transform 0.2s 0.2s;
    transition:transform 0.2s 0.2s,-webkit-transform 0.2s 0.2s
}
.gw-nav .button.-menu-open svg g:last-child line:first-child{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.gw-nav .button.-menu-open svg g:last-child line:last-child{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
@media screen and (max-width:768px){
    .gw-nav svg{
        stroke: #535353
    }
}
.gw-nav .soc{
    width:22px;
    height:auto;
    padding:0!important;
    margin:0
}
.telNo{
    display:inline-block;
    color: #535353;
    text-decoration:none;
    font-size:13px!important;
    text-transform:uppercase;
    padding-top:13px;
    letter-spacing:0.02em
}
.telNo.is-active,.telNo:hover{
    color: #535353!important
}
.homepage #site-header{
    background-color:transparent
}
.homepage .gw-nav span{
    color: #535353
}
.homepage .telNo{
    color: #535353
}
.homepage .bg--on .telNo{
    color: #535353!important
}
.bg--on .gw-nav span{
    color: #535353!important
}
.homepage #site-header .ct .soc img{
}
.homepage #site-header.bg--on .ct .soc img{
    -webkit-filter:invert(0%);
    filter:invert(0%)
}
.homepage #site-header:before{
    -webkit-transform:translateY(calc(-100%));
    transform:translateY(calc(-100%));
    -webkit-transition:-webkit-transform 0.45s linear;
    transition:-webkit-transform 0.45s linear;
    transition:transform 0.45s linear;
    transition:transform 0.45s linear,-webkit-transform 0.45s linear;
    z-index:-1
}
.homepage .logo{
    pointer-events:none;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
    opacity:0
}
.homepage div.hor-nav .header-item:hover .header-sub-item .header-sub-link{
    background-color:rgba(178,178,178,0.4)!important
}
#site-header.bg--on:before{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    z-index:88
}
#site-header.bg--on{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    z-index:99;
    
}
#site-header.bg--on .logo{
    opacity:1;
    pointer-events:all;
    height: 250%;
    display:block;
    background-image:url("/assets/Logos/gegfab-logo-grey.svg");
}
#site-header .dark-nav .logo{
    opacity:1;
    pointer-events:all;
    display:block;
    background-image:url("/assets/Logos/gegfab-logo-grey.svg");
}
#site-header.bg--on .gw-nav span,#site-header.bg--on .telNo{
    color: #535353
}
#site-header.bg--on svg{
    stroke: #535353
}
#searchContainer{
    max-width:120px!important;
}
#site-header.bg--on ul ul li{
    background-color:white!important;
    color: black!important;
}
#site-header.bg--on div.hor-nav .header-item a{
    color: #535353;
}
#site-header div.hor-nav.dark-nav .header-item a{
    color: #535353;
}
#site-header .nav.-open .ct{
    opacity:0
}
#site-header .nav.-open .gw-nav span{
    color: #535353!important
}
#site-header.show{
}
#site-header.show .logo{
    opacity:0!important
}
#site-header.show .ct{
    opacity:0
}
#site-header.show .gw-nav span{
    color: #535353!important
}
#site-header.show .mu-a{
    line-height:1.1em!important;
    margin-top:1em;
    padding-left:1rem;
    padding-right:2rem
}
@media only screen and (min-width:41rem){
    #site-header.show .mu-a a{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:65rem){
    #site-header.show .mu-a a{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:91rem){
    #site-header.show .mu-a a{
        padding-left:1rem;
        padding-right:2rem
    }
}
#site-header.show .mu{
    line-height:1.1em!important;
    margin-top:1em;
    padding-left:1rem;
    padding-right:2rem
}
#site-header.show .mu ul{
    margin-top:0.25em;
    padding-left:0;
    margin-left:0;
    margin-bottom:0
}
#site-header.show .mu ul li{
    margin-bottom:0;
    margin-top:0;
    padding-left:0
}
#site-header.show .mu ul li ul{
    margin-left:1.6em;
    padding-left:0
}
@media only screen and (min-width:41rem){
    #site-header.show .mu{
        border-right:1px solid rgba(255,255,255,0.25);
        min-height:16em
    }
    #site-header.show .mu a{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:65rem){
    #site-header.show .mu{
        border-right:1px solid rgba(255,255,255,0.25);
        min-height:16em
    }
    #site-header.show .mu a{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:91rem){
    #site-header.show .mu{
        border-right:1px solid rgba(255,255,255,0.25);
        min-height:16em
    }
    #site-header.show .mu a{
        padding-left:1rem;
        padding-right:2rem
    }
}
#site-header.show .mu2{
    line-height:1.1em!important;
    margin-top:1em;
    padding-left:1rem;
    padding-right:2rem
}
@media only screen and (min-width:41rem){
    #site-header.show .mu2{
        min-height:16em
    }
    #site-header.show .mu2 a{
        padding-left:2rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:65rem){
    #site-header.show .mu2{
        border-right:1px solid rgba(255,255,255,0.25);
        min-height:16em
    }
    #site-header.show .mu2 a{
        padding-left:2rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:91rem){
    #site-header.show .mu2{
        border-right:1px solid rgba(255,255,255,0.25);
        min-height:16em
    }
    #site-header.show .mu2 a{
        padding-left:2rem;
        padding-right:2rem
    }
}
#site-header.show .m3{
    line-height:1.1em!important;
    margin-top:1em;
    padding-left:1rem;
    padding-right:2rem
}
@media only screen and (min-width:41rem){
    #site-header.show .m3{
        border-right:1px solid rgba(255,255,255,0.25);
        min-height:16em
    }
    #site-header.show .m3 a{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:65rem){
    #site-header.show .m3{
        border-right:none;
        min-height:16em
    }
    #site-header.show .m3 a{
        padding-left:2rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:91rem){
    #site-header.show .m3{
        min-height:16em
    }
    #site-header.show .m3 a{
        padding-left:2rem;
        padding-right:2rem
    }
}
#site-header.show .mu5{
    line-height:1.1em!important;
    margin-top:1em;
    padding-left:1rem;
    padding-right:2rem
}
@media only screen and (min-width:41rem){
    #site-header.show .mu5{
        min-height:16em
    }
    #site-header.show .mu5 a{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:65rem){
    #site-header.show .mu5{
        border-right:1px solid rgba(255,255,255,0.25);
        min-height:16em;
        margin-top:3rem;
        margin-top:6rem
    }
    #site-header.show .mu5 a{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:91rem){
    #site-header.show .mu5{
        border-right:1px solid rgba(255,255,255,0.25);
        min-height:16em
    }
    #site-header.show .mu5 a{
        padding-left:1rem;
        padding-right:2rem
    }
}
#site-header.show .mu6{
    line-height:1.1em!important;
    margin-top:1em;
    padding-left:1rem;
    padding-right:2rem
}
@media only screen and (min-width:41rem){
    #site-header.show .mu6{
        min-height:16em;
        margin-top:3rem
    }
    #site-header.show .mu6 a{
        padding-left:1rem;
        padding-right:2rem
    }
    #site-header.show .mu6 strong{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:65rem){
    #site-header.show .mu6{
        border-right:none;
        min-height:16em;
        margin-top:6rem
    }
    #site-header.show .mu6 a{
        padding-left:1rem;
        padding-right:2rem
    }
    #site-header.show .mu6 strong{
        padding-left:1rem;
        padding-right:2rem
    }
}
@media only screen and (min-width:91rem){
    #site-header.show .mu6{
        border-right:none;
        min-height:16em
    }
    #site-header.show .mu6 a{
        padding-left:2rem;
        padding-right:2rem
    }
    #site-header.show .mu6 strong{
        padding-left:2rem;
        padding-right:2rem
    }
}
a{
    -webkit-transition:color 0.3s linear;
    transition:color 0.3s linear
}
.nav-toggle{
    cursor:pointer;
    height:30px;
    position:fixed;
    left:6.5%;
    top:47px;
    margin-top:-15px;
    width:30px;
    z-index:99999999
}
@media screen and (min-width:768px){
    .nav-toggle{
        top:50px
    }
}
.nav-toggle:hover{
    opacity:0.8
}
.nav-toggle .nav-toggle-bar,.nav-toggle .nav-toggle-bar:after,.nav-toggle .nav-toggle-bar:before{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background:white;
    content:"";
    height:3px;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    width:100%
}
.nav-toggle .nav-toggle-bar{
    margin-top:0
}
.nav-toggle .nav-toggle-bar:after{
    margin-top:9px
}
.nav-toggle .nav-toggle-bar:before{
    margin-top:-9px
}
.nav-toggle.expanded .nav-toggle-bar{
    background:transparent
}
.nav-toggle.expanded .nav-toggle-bar:after,.nav-toggle.expanded .nav-toggle-bar:before{
    background:white;
    margin-top:0
}
.nav-toggle.expanded .nav-toggle-bar:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.nav-toggle.expanded .nav-toggle-bar:before{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#nav{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:opacity 0.24s linear,-webkit-transform 0.75s ease-in-out;
    transition:opacity 0.24s linear,-webkit-transform 0.75s ease-in-out;
    transition:transform 0.75s ease-in-out,opacity 0.24s linear;
    transition:transform 0.75s ease-in-out,opacity 0.24s linear,-webkit-transform 0.75s ease-in-out;
    opacity:0;
    z-index:998!important;
    pointer-events:none;
    text-align:left;
    padding:108px 16px 18px 6.5vw;
    font-weight:500;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    color: #535353;
    background-color:white;
}
@media screen and (min-width:768px){
    #nav{
        width:100%
    }
}
#nav .nav-items{
    width:100%;
    height:auto;
    padding-left:1rem!important;
    padding-right:1rem!important;
    text-align:left;
    padding-top:30px;
    margin:0 auto
}
#nav .nav-items .brand{
    width:33%;
    max-width:260px;
    height:auto;
    margin-bottom:5rem;
    display:none
}
@media only screen and (min-width:41rem){
    #nav .nav-items .brand{
        display:block
    }
}
#nav .nav-items p{
    font-size:1.4rem;
    line-height:1.38;
    padding-top:1px;
    padding-bottom:1px;
    margin:0;
    margin-bottom:0
}
@media screen and (min-width:768px){
    #nav .nav-items p{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    #nav .nav-items p{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    #nav .nav-items p{
        font-size:1.8rem;
        line-height:1.2
    }
}
#nav .nav-items p strong{
    font-size:2.2rem;
    line-height:1.2
}
@media screen and (min-width:768px){
    #nav .nav-items p strong{
        font-size:2.8rem;
        line-height:1.25
    }
}
#nav .nav-items p a{
    color: #535353;
    text-decoration:none;
    -webkit-transition:color 0.35s linear;
    transition:color 0.35s linear;
    margin-bottom:0;
    display:block
}
#nav .nav-items p a.is-active,#nav .nav-items p a:hover{
    color:#eb8005;
}
@media screen and (min-width:768px){
    #nav .nav-items p a{
        line-height:1.3;
        margin-bottom:10px
    }
}
@media screen and (min-width:1400px){
    #nav .nav-items p a{
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    #nav .nav-items p a{
        line-height:1.2
    }
}
#nav .nav-items ul{
    padding:0;
    margin:0;
    list-style-type:none
}
#nav .nav-items ul li{
    margin:0;
    padding:0
}
#nav .nav-items>div{
    margin-top:40px;
    padding-right:12px
}
#nav .nav-items>div span{
    display:inline-block;
    font-size:11px;
    padding-right:10px;
    color:#eb8005;
    float:left;
    font-size:13px;
    letter-spacing:0.1em;
    margin-top:14px
}
@media screen and (min-width:768px){
    #nav .nav-items>div span{
        width:33%;
        font-size:13px
    }
}
#nav a{
    display:block
}
#nav a.is-active{
    color:#eb8005;
}
#nav a svg{
    width:2.2rem;
    height:2.2rem
}
#nav a svg path{
    fill: #535353
}
#nav a.soc{
    /* display:inline-block; */
    /* float:left; */
    /* width:26px;
    height:26px;
    margin-right:32px;
    margin-top:18px;
    margin-bottom:32px */
}
#nav a.soc img{
    height:26px;
    width:auto
}
#nav p{
    margin-top:0;
    margin-bottom:0
}
#nav.-open{
    height:100vh;
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    pointer-events:all;
    z-index:100%;
    opacity:1;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}
#nav.-open ul{
    display:block;
    margin:0 0 3rem 0;
    padding:0
}
#nav.-open ul li{
    font-size:1.6rem;
    line-height:1.3;
    margin:0;
    padding:12px 0
}
@media screen and (min-width:768px){
    #nav.-open ul li{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    #nav.-open ul li{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    #nav.-open ul li{
        font-size:2.2rem;
        line-height:1.2
    }
}
#nav.-open ul li a{
    color: #535353;
    text-decoration:none;
    padding:0.05em 0;
    text-transform:uppercase
}
#nav.-open ul li a:hover{
    color:#eb8005;
}
#nav.-open ul li a.is-active{
    color:#eb8005;
}
.is-active{
    color:#eb8005!important;
}
.careers,.case-studies,.journal,.news, .records, .page,.team-members,body.testimonials{
    padding-top:70px
}
@media screen and (min-width:768px){
    .careers,.case-studies,.journal,.news,.records,.page,.team-members,body.testimonials{
        padding-top:120px
    }
}
@media screen and (min-width:1333px){
    .careers,.case-studies,.journal,.news,.records,.page,.team-members,body.testimonials{
        padding-top:134px
    }
}
.team-members-content>.row{
    padding-left:0;
    padding-right:0
}
.page.homepage{
    padding-top:0!important
}

a.soc{
    /* display:inline-block;
    float:left;
    width:26px;
    height:26px;
    margin-right:32px;
    margin-top:18px;
    margin-bottom:32px */
}
a.soc img{
    display:block;
    height:26px;
    width:auto
}
a.soc--b{
    display:inline-block;
    float:right;
    width:26px;
    height:26px;
    margin-right:32px;
    margin-top:18px;
    margin-bottom:32px
}
.map-block a.soc{
    margin-right:24px
}
@media screen and (max-width:768px){
    .map-block a.soc{
        margin-top:0
    }
}
.soc-nav{
    position:fixed;
    top:22px;
    right:6.5%;
    display:none
}
@media screen and (min-width:768px){
    .soc-nav{
        display:block
    }
}
.soc-nav .telNo{
    font-size:16px;
    text-align:left;
    padding-right:12px;
    font-weight:700;
    letter-spacing:0.02em;
    padding-left:24px!important;
    display:inline-block;
    float:left
}
.soc-nav .soc{
    padding-top:0!important
}
#site-footer{
    font-weight:400;
    position:relative;
    padding-top:4rem;
    padding-bottom:6rem;
    margin-top:0rem;
    color: #aeaeaf;
    margin-bottom:0;
    font-size:1.4rem;
    line-height:1.4;
    font-weight:normal;
    background-color:white;
    border-top: 10px solid #eb8005;
}
@media screen and (max-width:768px){
    #site-footer{
        text-align:center
    }
    #site-footer .credits{
        font-size:11px
    }
    #site-footer a.soc{
        float:none;
        margin-left:16px!important;
        margin-right:16px!important
    }
}
#site-footer:before{
    background-color:white;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
#site-footer .credits{
    font-size:11px
}
@media screen and (min-width:768px){
    #site-footer{
        font-size:1.5rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    #site-footer{
        font-size:1.7rem;
        line-height:1.2
    }
}
#site-footer .f2{
    background-color:white;
    padding-bottom:2rem
}
#site-footer .f2 svg{
    width:80%;
    max-width:160px
}
#site-footer span{
    display:block
}
#site-footer p{
    margin-bottom:0;
    margin-top:0;
    line-height:1.7;
    font-size:1.4rem;
    line-height:1.4
}
@media screen and (min-width:768px){
    #site-footer p{
        font-size:1.5rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    #site-footer p{
        font-size:1.7rem;
        line-height:1.2
    }
}
#site-footer a{
    color:#aeaeaf;
    text-decoration:none;
    -webkit-transition:color 0.3s linear;
    transition:color 0.3s linear;
    line-height:1.7em;
    font-weight:500
}
#site-footer a.is-active,#site-footer a:hover{
    color:#eb8005;
}
#site-footer ul{
    padding:0;
    margin:0;
    list-style-type:none
}
#site-footer ul li{
    margin:0;
    padding:0
}
#site-footer ul li a{
    text-transform:uppercase
}
#site-footer .foot-brand img{
    width:80%;
    max-width:280px
}
#site-footer .foot-nav p a{
    text-transform:uppercase
}
#site-footer .address p:first-of-type{
    padding-top:0.3em
}
@media screen and (max-width:768px){
    #site-footer .foot-brand img{
        margin:0 auto
    }
}
.cta{
}
.cta{
    text-decoration:none;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
    color:#eb8005;    
    font-weight:600;
    margin-top:3rem;
    padding:0;
    background-color:transparent;
    text-align:center;
    margin:40px auto;
    text-transform:none;
    letter-spacing:0.1em;
    background-image:url("/assets/SVG/arrow.svg");
    background-repeat:no-repeat;
    background-position:center right 8px;
    padding-right:64px;
    background-size:34px auto;
    display:inline-block
}
.cta:hover{
    background-position:center right 0px
}
.page-title h1,.page-title h2{
    font-size:2.2rem;
    line-height:1.2;
    font-weight:600;
    margin-bottom:0em;
    margin-top:0;
    padding:2.2rem;
    text-align:center;
    color:#eb8005;
    display:block;
    width:100%;
}
@media screen and (min-width:768px){
    .page-title h1,.page-title h2{
        font-size:2.8rem;
        line-height:1.25
    }
}
.page-title.fixed{
    position:fixed;
    left:0;
    width:100%;
    background:white;
    top:70px;
    z-index:88
}
@media screen and (min-width:768px){
    .page-title.fixed{
        top:68px
    }
}
@media screen and (min-width:1333px){
    .page-title.fixed{
        top:80px
    }
}
.page-title span{
    font-size:1.8rem;
    line-height:1.5;
    text-align:center;
    color:#eb8005;
    display:block;
    width:100%;
    margin-top:-2em;
    margin-bottom:2rem
}
@media screen and (min-width:768px){
    .page-title span{
        font-size:2.1rem;
        line-height:1.38
    }
}
.news-grid{
    padding-top:0rem;
    padding-bottom:3rem;
    min-height:60vh;
    font-size:1.6rem;
    line-height:1.3;
    font-weight:normal
}
.news-grid .news-item>div{
    background:white
}
.news-grid .news-item .intro,.news-grid .news-item h3{
    padding:8px;
    background-color:white
}
@media screen and (min-width:768px){
    .news-grid{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .news-grid{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .news-grid{
        font-size:2.2rem;
        line-height:1.2
    }
}
.news-grid h3,.news-grid h4{
    font-size:1em;
    margin-top:0em;
    margin-bottom:0em;
    padding-bottom:0.5em
}
.news-grid h3 a,.news-grid h4 a{
    color:#eb8005;
    text-decoration:none
}
.news-grid h3 a:hover,.news-grid h4 a:hover{
    color:#eb8005;
}
.news-grid .intro{
    font-size:1.6rem;
    line-height:1.3
}
@media screen and (min-width:768px){
    .news-grid .intro{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .news-grid .intro{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .news-grid .intro{
        font-size:2.2rem;
        line-height:1.2
    }
}
.news-grid h3{
    min-height:2.4em;
    padding-top:0.6em
}
.news-grid h4{
    min-height:2.4em;
    background-color:white;
    color:#000
}
.news-grid figure{
    padding:0;
    margin:0
}
.news-grid .intro{
    min-height:4em
}
.news-grid .posted{
    display:block;
    color:#eb8005;
    padding:2rem 8px 0px 0px
}
.news-grid .more-link{
    display:inline-block;
    clear:both;
    background-color:#eb8005;
    color:white;
    font-weight:700;
    padding:8px;
    margin:1em 8px 8px 8px;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
    margin-top:1em;
    text-align:center;
    text-decoration:none
}
.news-grid .more-link:hover{
    background-color:#eb8005;
    color:#eb8005;
}

.news-grid a{
    color:#eb8005;
}

.cs-grid{
    padding-top:0rem;
    padding-bottom:3rem;
    min-height:60vh;
    font-size:1.6rem;
    line-height:1.3;
    font-weight:normal
}
.cs-grid .news-item>div{
    background:white
}
.cs-grid .news-item .intro,.cs-grid .news-item h3{
    padding:8px;
    background-color:white
}

/* records section */


.records-grid{
    padding-top:0rem;
    padding-bottom:3rem;
    min-height:60vh;
    font-size:1.6rem;
    line-height:1.3;
    font-weight:normal
}
.records-grid .records-item>div{
    background:white
}
.records-grid .records-item .intro,.records-grid .records-item h3{
    padding:8px;
    background-color:white
}
@media screen and (min-width:768px){
    .records-grid{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .records-grid{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .records-grid{
        font-size:2.2rem;
        line-height:1.2
    }
}
.records-grid h3,.records-grid h4{
    font-size:1em;
    margin-top:0em;
    margin-bottom:0em;
    padding-bottom:0.5em
}
.records-grid h3 a,.records-grid h4 a{
    color:#eb8005;
    text-decoration:none
}
.records-grid h3 a:hover,.records-grid h4 a:hover{
    color:#eb8005;
}
.records-grid .intro{
    font-size:1.6rem;
    line-height:1.3
}
@media screen and (min-width:768px){
    .records-grid .intro{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .records-grid .intro{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .records-grid .intro{
        font-size:2.2rem;
        line-height:1.2
    }
}
.records-grid h3{
    min-height:2.4em;
    padding-top:0.6em
}
.records-grid h4{
    min-height:2.4em;
    background-color:white;
    color:#000
}
.records-grid figure{
    padding:0;
    margin:0
}
.records-grid .intro{
    min-height:4em
}
.records-grid .posted{
    display:block;
    color:#eb8005;
    padding:2rem 8px 0px 0px
}
.records-grid .more-link{
    display:inline-block;
    clear:both;
    background-color:#eb8005;
    color:white;
    font-weight:700;
    padding:8px;
    margin:1em 8px 8px 8px;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
    margin-top:1em;
    text-align:center;
    text-decoration:none
}
.records-grid .more-link:hover{
    background-color:#eb8005;
    color:#eb8005;
}
.cs-grid{
    padding-top:0rem;
    padding-bottom:3rem;
    min-height:60vh;
    font-size:1.6rem;
    line-height:1.3;
    font-weight:normal
}
.cs-grid .records-item>div{
    background:white
}
.cs-grid .records-item .intro,.cs-grid .records-item h3{
    padding:8px;
    background-color:white
}


/* end of records section*/







@media screen and (min-width:768px){
    .cs-grid{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .cs-grid{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .cs-grid{
        font-size:2.2rem;
        line-height:1.2
    }
}
.cs-grid h3,.cs-grid h4{
    font-size:1em;
    margin-top:0em;
    margin-bottom:0em;
    padding-bottom:0em
}
.cs-grid h3 a,.cs-grid h4 a{
    color:#eb8005;
    text-decoration:none
}
.cs-grid h3 a:hover,.cs-grid h4 a:hover{
    color:#eb8005;
}
.cs-grid .intro{
    font-size:1.6rem;
    line-height:1.3
}
@media screen and (min-width:768px){
    .cs-grid .intro{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .cs-grid .intro{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .cs-grid .intro{
        font-size:2.2rem;
        line-height:1.2
    }
}
.cs-grid h3{
    padding-top:0.6em
}
.cs-grid h4{
    min-height:2.2em;
    background-color:white;
    color:#000
}
.cs-grid figure{
    padding:0;
    margin:0
}
.cs-grid .intro{
    min-height:4em
}
.cs-grid .posted{
    display:block;
    color:#eb8005;
    padding:2rem 8px 0px 0px
}
.cs-grid .more-link{
    display:inline-block;
    clear:both;
    background-color:#eb8005;
    color:white;
    font-weight:700;
    padding:8px;
    margin:1.1em 8px 8px 8px;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
    margin-top:0.9em;
    text-align:center;
    text-decoration:none
}
.cs-grid .more-link:hover{
    background-color:#eb8005;
    color:#eb8005;
}
.post{
    width:100%;
    max-width:1200px!important;
    font-size:1.4rem;
    line-height:1.38;
    font-weight:normal;
    margin:0 auto
}
.post h1{
    font-weight:normal
}
@media screen and (min-width:768px){
    .post{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .post{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .post{
        font-size:1.8rem;
        line-height:1.2
    }
}
.post a{
    color:#eb8005;
}
.share{
    display:block;
    clear:both;
    padding-top:6rem;
    padding-bottom:6rem;
    width:100%;
    max-width:1000px;
    font-size:1.4rem;
    line-height:1.38;
    text-align:center;
    margin:0 auto
}
@media screen and (min-width:768px){
    .share{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .share{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .share{
        font-size:1.8rem;
        line-height:1.2
    }
}
.share a{
    font-weight:700;
    color:#eb8005;
    text-decoration:none
}
.share a:hover{
    color:#eb8005;
}
.team-members.row{
    padding-top:4rem;
    padding-bottom:8rem;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(178,178,178,0.4)),to(white));
    background:linear-gradient(180deg,rgba(178,178,178,0.4) 0%,white 100%)
}
.team-members.row .team-intro{
    font-size:2.2rem;
    line-height:1.2;
    font-weight:600;
    margin-bottom:0em;
    margin-top:0;
    padding:2.2rem;
    text-align:center;
    display:block;
    width:100%
}
@media screen and (min-width:768px){
    .team-members.row .team-intro{
        font-size:2.8rem;
        line-height:1.25
    }
}
.team-members.row h2{
    text-align:center;
    margin-top:2em;
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600
}
@media screen and (min-width:768px){
    .team-members.row h2{
        font-size:2.1rem;
        line-height:1.38
    }
}
.team-members.row .team-mate{
    font-size:1.4rem;
    line-height:1.38;
    position:relative
}
@media screen and (min-width:768px){
    .team-members.row .team-mate{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .team-members.row .team-mate{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .team-members.row .team-mate{
        font-size:1.8rem;
        line-height:1.2
    }
}
.team-members.row .team-mate .details{
    background:rgba(178,178,178,0.3);
    padding:1rem
}
.team-members.row .team-mate .portrait{
    padding-top:0;
    padding-bottom:0
}
.team-members.row .team-mate h3,.team-members.row .team-mate h4{
    margin-top:0;
    margin-bottom:0;
    font-size:1.4rem;
    line-height:1.38;
    font-weight:600
}
@media screen and (min-width:768px){
    .team-members.row .team-mate h3,.team-members.row .team-mate h4{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .team-members.row .team-mate h3,.team-members.row .team-mate h4{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .team-members.row .team-mate h3,.team-members.row .team-mate h4{
        font-size:1.8rem;
        line-height:1.2
    }
}
.team-members.row .team-mate h3{
    color:#eb8005;
}
.team-members.row .team-mate a{
    color:#535353;
    display:inline-block;
    margin-bottom:0.5em;
    margin-left:0;
    font-weight:600;
    text-decoration:none;
    text-align:left
}
.team-members.row .team-mate .cta{
    margin:0.5em 0 0.5em 0
}
.team-members.row .team-mate .bot{
    padding:1rem 0
}
.casestudy-grid,.team-grid{
    background-color:white;
    font-size:1.4rem;
    line-height:1.38;
    margin-bottom:8rem;
    font-weight:normal;
    color:#eb8005;
}
@media screen and (min-width:768px){
    .casestudy-grid,.team-grid{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .casestudy-grid,.team-grid{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .casestudy-grid,.team-grid{
        font-size:1.8rem;
        line-height:1.2
    }
}
.casestudy-grid a,.team-grid a{
    color:#eb8005;
    text-decoration:none
}
.casestudy-grid a img,.team-grid a img{
    display:block;
    margin-bottom:0
}
.casestudy-grid a .cta,.team-grid a .cta{
    margin-top:0;
    background-color:white;
    width:100%
}
.casestudy-grid a.email,.casestudy-grid a.linkedin,.team-grid a.email,.team-grid a.linkedin{
    margin-top:1rem;
    display:inline-block;
    margin-right:1rem
}
.casestudy-grid a.email img,.casestudy-grid a.linkedin img,.team-grid a.email img,.team-grid a.linkedin img{
    height:26px;
    width:auto;
    background:transparent
}
.casestudy-grid a span,.team-grid a span{
    font-size:1.4rem;
    line-height:1.38;
    display:block;
    background:white;
    border:2px solid #eb8005;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
    padding:8px
}
@media screen and (min-width:768px){
    .casestudy-grid a span,.team-grid a span{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .casestudy-grid a span,.team-grid a span{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .casestudy-grid a span,.team-grid a span{
        font-size:1.8rem;
        line-height:1.2
    }
}
.casestudy-grid img,.team-grid img{
    background:#efefef;
    margin-bottom:1rem
}
.casestudy-grid .name,.team-grid .name{
    font-size:1.12em
}
.casestudy-grid .role,.team-grid .role{
    color:#eb8005;
    font-size:0.8em;
    margin-bottom:0.5em
}
.casestudy-grid .cta,.team-grid .cta{
    margin-top:26px;
    width:100%
}
.casestudy-grid a:hover span,.team-grid a:hover span{
    background-color:#eb8005;
    color:#eb8005;
}
.casestudy-grid .intro p,.team-grid .intro p{
    padding-right:2rem
}
.casestudy-grid .intro h3,.team-grid .intro h3{
    font-size:2.2rem;
    line-height:1.2;
    margin-bottom:0
}
@media screen and (min-width:768px){
    .casestudy-grid .intro h3,.team-grid .intro h3{
        font-size:2.8rem;
        line-height:1.25
    }
}
.casestudy-grid .intro h4,.team-grid .intro h4{
    margin-top:0;
    font-size:1.8rem;
    line-height:1.5
}
@media screen and (min-width:768px){
    .casestudy-grid .intro h4,.team-grid .intro h4{
        font-size:2.1rem;
        line-height:1.38
    }
}
.why-gael{
    background-color:#eb8005;
    color:white;
    margin-top:0rem;
    margin-bottom:0rem;
    padding:4rem 0em 7rem 0em;
    text-align:left;
    clear:both
}
@media screen and (min-width:1280px){
    .why-gael{
        padding:5rem 0em 7rem 0em
    }
}
.why-gael h3{
    color:#eb8005;
    margin-bottom:0em;
    font-size:2.2rem;
    line-height:1.2
}
.why-gael h3 a{
    color:#eb8005;
    text-decoration:none
}
.why-gael h3 a:hover{
    color:white
}
@media screen and (min-width:768px){
    .why-gael h3{
        font-size:2.8rem;
        line-height:1.25
    }
}
.why-gael h4{
    margin-top:0;
    margin-bottom:1.6em;
    font-size:2.2rem;
    line-height:1.2
}
@media screen and (min-width:768px){
    .why-gael h4{
        font-size:2.8rem;
        line-height:1.25
    }
}
.why-gael .intro{
    margin-top:3rem;
    text-align:left;
    padding:0;
    font-size:1.8rem;
    line-height:1.5
}
@media screen and (min-width:768px){
    .why-gael .intro{
        font-size:2.1rem;
        line-height:1.38
    }
}
.why-gael .intro img{
    display:inline-block;
    float:left;
    width:calc(34% - 34px);
    height:auto;
    margin-right:18px;
    -webkit-transform:translateX(-4px);
    transform:translateX(-4px);
    text-align:left;
    margin-left:0;
    float:left
}
.why-gael .intro>div{
    width:55%;
    display:inline-block;
    float:left;
    font-weight:400;
    margin-bottom:2rem
}
@keyframes fadeOut{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.job-list{
    font-size:1.4rem;
    line-height:1.38
}
@media screen and (min-width:768px){
    .job-list{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .job-list{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .job-list{
        font-size:1.8rem;
        line-height:1.2
    }
}
.select-journal .banco{
    padding:0;
    position:relative
}
.select-journal .banco a{
    width:100%;
    height:100%;
    display:block;
    background-color:rgba(170,177,138,0.4);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    min-height:50vh;
    color:#fff;
    font-size:1.4rem;
    line-height:1.38;
    -webkit-transition:background 0.3s ease-in-out;
    transition:background 0.3s ease-in-out;
    text-decoration:none;
    padding:3em 3rem 3em 16.5%
}
@media screen and (min-width:768px){
    .select-journal .banco a{
        min-height:60vh
    }
}
@media screen and (min-width:768px){
    .select-journal .banco a{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .select-journal .banco a{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .select-journal .banco a{
        font-size:1.8rem;
        line-height:1.2
    }
}
.select-journal .banco a .title{
    font-family:aviano-flare,sans-serif
}
.select-journal .banco a .excerpt{
    width:80%;
    max-width:480px;
    margin-top:2em;
    margin-bottom:2em;
    display:block
}
@media screen and (min-width:768px){
    .select-journal .banco a .excerpt{
        width:80%;
        max-width:640px
    }
}
.select-journal .banco a .cta{
    color:white;
    background-image:url("/assets/SVG/arrow.svg")
}
.journal-testimonials .banco{
    padding:0;
    position:relative
}
.journal-testimonials .banco a{
    width:100%;
    height:100%;
    display:block;
    background-color:rgba(170,177,138,0.4);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    min-height:50vh;
    color:#fff;
    font-size:1.4rem;
    line-height:1.38;
    -webkit-transition:background 0.3s ease-in-out;
    transition:background 0.3s ease-in-out;
    text-decoration:none;
    padding:3em 3rem 3em 16.5%
}
@media screen and (min-width:768px){
    .journal-testimonials .banco a{
        min-height:60vh
    }
}
@media screen and (min-width:768px){
    .journal-testimonials .banco a{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .journal-testimonials .banco a{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .journal-testimonials .banco a{
        font-size:1.8rem;
        line-height:1.2
    }
}
.journal-testimonials .banco a:hover{
    background-color:#eb8005;
}
.journal-testimonials .banco a .title{
    font-family:aviano-flare,sans-serif
}
.journal-testimonials .banco a .excerpt{
    width:80%;
    max-width:480px;
    margin-top:2em;
    margin-bottom:2em;
    display:block
}
@media screen and (min-width:768px){
    .journal-testimonials .banco a .excerpt{
        width:80%;
        max-width:640px
    }
}
.journal-testimonials .banco a .cta{
    color:white;
    background-image:url("/assets/SVG/arrow.svg")
}
.journal-testimonials .slick-slide{
    padding-left:1.8em!important;
    padding-right:1.8em!important
}
.banco{
    min-height:50vh;
    height:100%;
    background-color:#eb8005;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative
}
@media screen and (min-width:768px){
    .banco{
        min-height:60vh
    }
}
.cover{
    background-color:#eb8005;
    display:block;
    position:relative;
    width:100%;
    height:100%;
    background-color:#eb8005;
    background-size:cover;
    background-position:center center;
    height:90%;
    min-height:90vh;
    background-position:center center;
    margin-bottom:1rem;
    margin-top:1rem
}
.cover .row{
    background-color:transparent
}
.cover h1,.cover h2,.cover h3{
    color:white
}
.cover h2{
    font-size:2.1rem;
    line-height:1.25;
    font-weight:bold!important;
    font-weight:400;
    margin:0;
    width:100%
}
@media screen and (min-width:768px){
    .cover h2{
        font-size:2.4rem;
        line-height:1.25
    }
}
@media screen and (min-width:1333px){
    .cover h2{
        font-size:3.4rem;
        line-height:1.25
    }
}
.cover h3{
    font-size:2.2rem;
    line-height:1.2;
    font-weight:400;
    margin:0;
    width:100%
}
@media screen and (min-width:768px){
    .cover h3{
        font-size:2.8rem;
        line-height:1.25
    }
}
.cover .cta{
    position:relative
}
.homepage .large-banner{
    margin-bottom:0!important
}
.large-banner{
    margin-bottom:0;
}
.large-banner:not(.no-banner-urls) {
    margin-bottom: 6rem;
}
.large-banner .np>.col-xs-12{
    padding:0
}
.large-banner .np div:first-of-type{
    background-color:rgba(178,178,178,0.4)
}
@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:320px) and (orientation:portrait),only screen and (min-device-pixel-ratio:2) and (min-width:320px) and (orientation:portrait),only screen and (min-resolution:2dppx) and (min-width:320px) and (orientation:portrait),only screen and (min-resolution:192dpi) and (min-width:320px) and (orientation:portrait){
    .large-banner .np div:first-of-type{
        -ms-flex-preferred-size:100%!important;
        flex-basis:100%!important;
        max-width:100%!important
    }
}
.large-banner .np div:first-of-type .row{
    padding-left:8%;
    padding-right:8%;
    padding-bottom:3rem
}
@media screen and (min-width:1040px){
    .large-banner .np div:first-of-type .row{
        padding-left:16%;
        padding-right:0%;
        padding-bottom:0rem
    }
}
.large-banner .np div:first-of-type .cover{
    border-right:4px solid #f2f2f2
}
.large-banner .np div:first-of-type h2{
    position:absolute;
    top:2%;
    left:8%;
    padding-left:1.2rem;
    color:white;
    font-size:2.2rem;
    line-height:1.2
}
@media screen and (min-width:768px){
    .large-banner .np div:first-of-type h2{
        font-size:2.8rem;
        line-height:1.25
    }
}
@media screen and (min-width:1040px){
    .large-banner .np div:first-of-type h2{
        left:16%;
        padding-left:1.2rem
    }
}
.large-banner .np div:first-of-type h2 a{
    color:white;
    text-decoration:none
}
.large-banner .np div:first-of-type h2 a:hover{
    text-decoration:underline
}
.large-banner .np div:last-of-type{
    background-color:#f2f2f2
}
.large-banner .np div:last-of-type .row{
    padding-left:8%;
    padding-right:8%;
    padding-bottom:3rem
}
@media screen and (min-width:1040px){
    .large-banner .np div:last-of-type .row{
        padding-left:0%;
        padding-right:16%;
        padding-bottom:0rem
    }
}
.large-banner .np div:last-of-type .cover{
    border-left:4px solid #f2f2f2
}
.large-banner .np div:last-of-type h2{
    position:absolute;
    top:2%;
    left:8%;
    padding-left:1.2rem;
    color:white;
    font-size:2.2rem;
    line-height:1.2
}
@media screen and (min-width:768px){
    .large-banner .np div:last-of-type h2{
        font-size:2.8rem;
        line-height:1.25
    }
}
@media screen and (min-width:1040px){
    .large-banner .np div:last-of-type h2{
        left:0%
    }
}
.large-banner .np div:last-of-type h2 a{
    color:white;
    text-decoration:none
}
.large-banner .np div:last-of-type h2 a:hover{
    text-decoration:underline
}
.large-banner .np>div .row a.col-xs-12{
    margin-top:-50%
}
.large-banner .np>div .row a.col-xs-12 img{
    max-width:270px
}
.large-banner .cover{
    height:1px;
    padding-top:42%;
    min-height:0;
    margin-top:0;
    margin-bottom:0
}
.large-banner.no-banner-urls {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0;
}
.large-banner.no-banner-urls .cover {
    min-height:400px!important;
}

.large-banner.no-banner-urls .row.np {
    width: 100%;
    margin: 0;
}

.large-banner.no-banner-urls .full-image-container img {
    width: auto;
    min-height: 300px;
    height: 100%;
    object-fit: cover;
}
.main-header__small-title {
    font-size: 1.2rem;
    max-width: 800px;
}

@media (min-width: 993px) {
    .main-header__small-title {
        font-size: 1.5rem;
    }
}

.main-header__title {
    font-size: 1.6rem;
    line-height: 1.4;
    max-width: 800px;
}

@media (min-width: 993px) {
    .main-header__title {
        font-size: 2rem;
    }
}

@media (min-width: 1920px) {
    .main-header__title {
        font-size: 3rem;
        max-width: 1200px;
    }
}

.main-header__subtext {
    font-size: 0.9rem;
}


.banner{
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#efefef;
    padding-top:4rem;
    padding-bottom:4rem;
    background-attachment:fixed;
    display:table;
    max-height:300px;
    margin-top:1rem;
    margin-bottom:1rem
}
.banner>a{
    display:table-cell;
    vertical-align:middle;
    font-size:2.1rem;
    line-height:1.25;
    font-weight:bold!important;
    font-weight:500;
    text-align:center;
    color:white;
    text-decoration:none
}
@media screen and (min-width:768px){
    .banner>a{
        font-size:2.4rem;
        line-height:1.25
    }
}
@media screen and (min-width:1333px){
    .banner>a{
        font-size:3.4rem;
        line-height:1.25
    }
}
.banner--large{
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#efefef;
    padding-top:0rem;
    padding-bottom:0rem;
    background-attachment:fixed;
    display:table;
    margin-top:1rem;
    margin-bottom:1rem
}
.banner--large>a{
    background-color:rgba(0,30,50,0.5);
    -webkit-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
    display:table-cell;
    vertical-align:middle;
    font-size:2.1rem;
    line-height:1.25;
    font-weight:bold!important;
    font-weight:400;
    text-align:center;
    color:white;
    text-decoration:none
}
@media screen and (min-width:768px){
    .banner--large>a{
        font-size:2.4rem;
        line-height:1.25
    }
}
@media screen and (min-width:1333px){
    .banner--large>a{
        font-size:3.4rem;
        line-height:1.25
    }
}
.banner--large>a span{
    display:inline-block;
    clear:both;
    margin-top:1.4em
}
.banner--large>a:hover{
    background-color:rgba(0,30,50,0.65)
}
.banner--large>a:hover span{
    background-color:#eb8005;
    color:#eb8005;
}
.table{
    display:table;
    width:100%;
    height:100%;
    position:relative
}
.table a{
    background-color:rgba(49,61,50,0.7);
    -webkit-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
    display:table-cell;
    vertical-align:middle;
    font-size:2.4rem;
    line-height:1.25;
    font-weight:bold!important;
    font-weight:400;
    text-align:center;
    color:white;
    text-decoration:none;
    height:100%;
    -webkit-transition:background-color 0.3s linear;
    transition:background-color 0.3s linear;
    padding:0.6em
}
@media screen and (min-width:768px){
    .table a{
        font-size:3.6rem;
        line-height:1.25
    }
}
.table a span{
    display:inline-block;
    clear:both;
    margin-top:1.4em
}
.table a:hover{
    background-color:rgba(49,61,50,0.92)
}
.table a:hover span{
    background-color:#eb8005;
    color:#eb8005;
}
.lb-layers{
    height:500px;
    height:100vh;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-perspective:300px;
    perspective:300px
}
.parallax__group{
    position:relative;
    height:500px;
    height:100vh;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.parallax__layer{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.parallax__group{
    -webkit-transition:-webkit-transform 0.5s;
    transition:-webkit-transform 0.5s;
    transition:transform 0.5s;
    transition:transform 0.5s,-webkit-transform 0.5s
}
.parallax__layer--fore{
    -webkit-transform:translateZ(90px) scale(0.7);
    transform:translateZ(90px) scale(0.7);
    z-index:1
}
.parallax__layer--base{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    z-index:4
}
.parallax__layer--back{
    -webkit-transform:translateZ(-300px) scale(2);
    transform:translateZ(-300px) scale(2);
    z-index:3
}
.parallax__layer--deep{
    -webkit-transform:translateZ(-600px) scale(3);
    transform:translateZ(-600px) scale(3);
    z-index:2
}
.large-banner{
    width:100%;
    padding-top:0;
    padding-bottom:0rem;
    vertical-align:bottom;
    clear:both;
    position:relative;
    padding-bottom:0
}
.large-banner .row{
    background-color:transparent;
    margin-top:0;
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    font-size:1.4rem;
    line-height:1.38
}
.large-banner .row img.sq{
    max-width:320px;
    margin:0 auto;
    -webkit-transition:0.8s ease-in-out;
    transition:0.8s ease-in-out
}
@media screen and (min-width:960px){
    .large-banner .row img.sq{
        max-width:380px
    }
}
@media screen and (min-width:1200px){
    .large-banner .row img.sq{
        max-width:480px
    }
}
@media screen and (min-width:1600px){
    .large-banner .row img.sq{
        max-width:520px
    }
}
@media screen and (min-width:768px){
    .large-banner .row{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .large-banner .row{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .large-banner .row{
        font-size:1.8rem;
        line-height:1.2
    }
}
.large-banner .row.swap{
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:reverse!important;
    -ms-flex-direction:row-reverse!important;
    flex-direction:row-reverse!important
}
@media screen and (min-width:768px){
    .large-banner .row.swap{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
}
.large-banner .row .copy{
    padding-right:1.5em;
    margin:0 auto;
    z-index:22
}
@media screen and (min-width:960px){
    .large-banner .row .copy{
        max-width:420px
    }
}
@media screen and (min-width:1200px){
    .large-banner .row .copy{
        max-width:480px
    }
}
@media screen and (min-width:1600px){
    .large-banner .row .copy{
        max-width:520px
    }
}
 @media screen and (max-width:860px){
    /* .large-banner .row .copy div{
        padding-top:160px
    } */
    .carousel-control-next-icon, .carousel-control-prev-icon{
        background-color: #000;
    }
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 25%;
    height: 25%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 25%;
    height: 25%;
}
.carousel-control-prev, .carousel-control-next{
    height: 90%;
    z-index:999;
}
.large-banner .cta{
    text-decoration:none
}
@media screen and (min-width:768px){
    .large-banner .cta{
        margin-bottom:0;
        margin-top:30px
    }
}
.large-banner .copy>div{
    max-width:480px
}
.services-list{
    padding-top:3rem;
    padding-bottom:3rem
}
.services-list .col-xs-12{
    margin-top:1rem;
    margin-bottom:1rem
}
.services-list p{
    background:#b2b2b2;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(178,178,178,0.4)),to(white));
    background:linear-gradient(180deg,rgba(178,178,178,0.4) 0%,white 100%);
    margin-bottom:0;
    margin-top:0;
    min-height:8rem;
    padding:2rem;
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600;
    text-align:left
}
.services-list p.gr{
    background:rgba(69,172,52,0.25);
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(69,172,52,0.25)),to(rgba(255,255,255,0.25)));
    background:linear-gradient(180deg,rgba(69,172,52,0.25) 0%,rgba(255,255,255,0.25) 100%)
}
@media screen and (min-width:768px){
    .services-list p{
        font-size:2.1rem;
        line-height:1.38
    }
}
.services-list p a{
    margin-bottom:0em;
    margin-top:0;
    display:block;
    font-size:1.4rem;
    line-height:1.38;
    text-align:left;
    margin-top:1.8rem;
    display:inline-block;
    clear:both
}
@media screen and (min-width:768px){
    .services-list p a{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .services-list p a{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .services-list p a{
        font-size:1.8rem;
        line-height:1.2
    }
}
.image-banner{
    margin-bottom:0;
    width:100%;
    background-color:transparent;
    margin-bottom:0;
    padding-top:0;
    vertical-align:bottom;
    clear:both;
    position:relative
}
.image-banner>.wow img{
    opacity:0.98
}
.image-banner .row{
    background-color:transparent;
    margin-top:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:1.4rem;
    line-height:1.38
}
.image-banner .row img{
    max-width:320px;
    margin:0 auto;
    -webkit-transition:0.8s ease-in-out;
    transition:0.8s ease-in-out
}
@media screen and (min-width:960px){
    .image-banner .row img{
        max-width:380px
    }
}
@media screen and (min-width:1200px){
    .image-banner .row img{
        max-width:480px
    }
}
@media screen and (min-width:1600px){
    .image-banner .row img{
        max-width:520px
    }
}
@media screen and (min-width:768px){
    .image-banner .row{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .image-banner .row{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .image-banner .row{
        font-size:1.8rem;
        line-height:1.2
    }
}
.image-banner .row a:hover img{
    -webkit-transform:scale(1.07);
    transform:scale(1.07)
}
@media screen and (min-width:768px){
    .image-banner .row.swap{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
}
.image-banner .row .copy{
    padding-right:1.5em;
    margin:0 auto;
    z-index:22
}
@media screen and (min-width:960px){
    .image-banner .row .copy{
        max-width:420px
    }
}
@media screen and (min-width:1200px){
    .image-banner .row .copy{
        max-width:480px
    }
}
@media screen and (min-width:1600px){
    .image-banner .row .copy{
        max-width:520px
    }
}
@media screen and (max-width:860px){
    .image-banner .row .copy div{
        padding-top:160px
    }
}
.image-banner .cta{
    text-decoration:none
}
@media screen and (min-width:768px){
    .image-banner .cta{
        margin-bottom:0;
        margin-top:30px
    }
}
.image-banner .copy>div{
    max-width:480px
}
main{
    min-height:60vh
}
.map-block{
    margin-top:3rem;
    margin-bottom:3rem
}
.map-block h3{
    font-size:2.2rem;
    line-height:1.2
}
@media screen and (min-width:768px){
    .map-block h3{
        font-size:2.8rem;
        line-height:1.25
    }
}
.map-block .address p{
    font-size:2.2rem;
    line-height:1.2
}
@media screen and (min-width:768px){
    .map-block .address p{
        font-size:2.8rem;
        line-height:1.25
    }
}
.map-block p{
    margin-top:0;
    margin-bottom:0;
    font-size:1.4rem;
    line-height:1.38
}
@media screen and (min-width:768px){
    .map-block p{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .map-block p{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .map-block p{
        font-size:1.8rem;
        line-height:1.2
    }
}
.map-block .copy span{
    color:#eb8005;
}
.google-map{
    min-height:450px!important;
    width:100%;
    margin-bottom:2rem
}
@media screen and (min-width:1333px){
    .google-map{
        height:590px
    }
}
.responsive-embed{
    min-height:450px!important
}
.prlx{
    background:transparent;
    z-index:0;
    height:58vh;
    margin-bottom:0;
    padding-left:0!important;
    padding-right:0!important;
    border:none!important;
    z-index:40;
    width:100%;
    position:relative
}
.prlx .table{
    height:58vh
}
.prlx .table a{
    font-weight:bold;
    color:white;
    font-size:2.2rem;
    line-height:1.2;
    text-align:left;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
    margin-top:0;
    background:transparent;
    display:block;
    width:100%;
    text-decoration:none;
    padding-left:8%;
    padding-right:8%;
    padding-top:2%
}
@media screen and (min-width:768px){
    .prlx .table a{
        font-size:2.8rem;
        line-height:1.25
    }
}
.prlx .table a:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:transparent
}
.prlx .table a:hover{
    text-decoration:underline
}
.prlx h1{
    margin:0 auto
}
.parallax__container{
    clip:rect(0,auto,auto,0);
    height:100%;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:100%;
    z-index:-100
}
.parallax{
    position:fixed;
    top:0;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    width:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.text-image{
    background-color:white;
    margin-top:0;
    margin-bottom:0
}
.text-image .row{
    padding-left:0;
    padding-right:0
}
.text-image .row>div{
    padding:0
}
.text-image .row>div .copy{
    padding:1em 2em 5em
    /* padding:2em 2em 5em */
}
@media screen and (min-width:768px){
    .text-image .row>div .copy{

        /* padding-top:3em; */
        padding-bottom:2em;
        padding-right:4em;
        padding-left:4em
    }
}
@media screen and (min-width:1200px){
    .text-image .row>div .copy{

        /* padding-top:4em; */
        padding-bottom:2em;
        padding-right:6em;
        padding-left:6em;
        max-width:840px
    }
}
.text-image .row>div .copy h5{
    margin:0;
    color:#535353
}
.text-image .row>div .copy h5{
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600
}
@media screen and (min-width:768px){
    .text-image .row>div .copy h5{
        font-size:2.1rem;
        line-height:1.38
    }
}
.text-image .row>div .copy h1,.text-image .row>div .copy h2,.text-image .row>div .copy h3,.text-image .row>div .copy h4{
    color:#535353;
    font-weight:600;
    margin-bottom:2.4rem;
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600;
}
@media screen and (min-width:768px){
    .text-image .row>div .copy h1,.text-image .row>div .copy h2,.text-image .row>div .copy h3,.text-image .row>div .copy h4{
        font-size:2.1rem;
        line-height:1.38
    }
}
.text-image .row>div .copy p{
    font-size:1.4rem;
    line-height:1.38;
    background:transparent
}
@media screen and (min-width:768px){
    .text-image .row>div .copy p{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .text-image .row>div .copy p{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .text-image .row>div .copy p{
        font-size:1.8rem;
        line-height:1.2
    }
}
.text-image .row>div .copy p a{
    color:#eb8005;
}
.text-image .row>div .copy .cta{
    clear:both;
    display:inline-block;
    margin-top:22px;
    text-decoration:none
}
@media screen and (min-width:768px){
    .text-image .row .swap .copy{
        padding-left:3em;
        padding-right:0
    }
}
.text-image .row.swap{
    background-color:#efefef
}
@media screen and (min-width:768px){
    .text-image .row.swap{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
}
.text-image img{
    display:block;
    width:100%
}
.text-icon{
    background-color:#efefef;
    margin-top:0;
    margin-bottom:0
}
.text-icon .icon-block{
    display:table;
    padding:3rem 2rem!important;
}
@media screen and (min-width:768px){
    .text-icon .icon-block{
        padding:4rem 6rem!important
    }
}
@media screen and (min-width:1200px){
    .text-icon .icon-block{
        padding:4rem 10rem!important
    }
}
.text-icon .icon-block div{
    display:table-cell;
    vertical-align:middle
}
.text-icon .icon-block div img{
    display:block
}
.text-icon .row{
    padding-left:0;
    padding-right:0
}
.text-icon .row>div{
    padding:0
}
.text-icon .row>div .copy{
    padding:2em 2em 5em
}
@media screen and (min-width:768px){
    .text-icon .row>div .copy{
        padding-top:2em;
        padding-bottom:2em;
        padding-right:4em;
        padding-left:4em
    }
}
@media screen and (min-width:1200px){
    .text-icon .row>div .copy{
        padding-top:2em;
        padding-bottom:2em;
        padding-right:6em;
        padding-left:6em;
        max-width:840px
    }
}
.text-icon .row>div .copy h5{
    margin:0;
    color:#535353
}
.text-icon .row>div .copy h5{
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600
}
@media screen and (min-width:768px){
    .text-icon .row>div .copy h5{
        font-size:2.1rem;
        line-height:1.38
    }
}
.text-icon .row>div .copy h1,.text-icon .row>div .copy h2,.text-icon .row>div .copy h3,.text-icon .row>div .copy h4{
    color:#535353;
    font-weight:600;
    margin-bottom:2.4rem;
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600;
    color:#535353
}
@media screen and (min-width:768px){
    .text-icon .row>div .copy h1,.text-icon .row>div .copy h2,.text-icon .row>div .copy h3,.text-icon .row>div .copy h4{
        font-size:2.1rem;
        line-height:1.38
    }
}
.text-icon .row>div .copy p{
    font-size:1.4rem;
    line-height:1.38;
    background:transparent
}
@media screen and (min-width:768px){
    .text-icon .row>div .copy p{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .text-icon .row>div .copy p{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .text-icon .row>div .copy p{
        font-size:1.8rem;
        line-height:1.2
    }
}
.text-icon .row>div .copy p a{
    color:#eb8005;
}
.text-icon .row>div .copy .cta{
    clear:both;
    display:inline-block;
    margin-top:22px;
    text-decoration:none
}
@media screen and (min-width:768px){
    .text-icon .row .swap .copy{
        padding-left:3em;
        padding-right:0
    }
}
.text-icon .row.swap{
    background-color:#efefef
}
@media screen and (min-width:768px){
    .text-icon .row.swap{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
}
#record-img-main{
    object-fit: cover;
    max-height: 300px;
    height: 100%;
}
.full-image-container {
    display: flex;
    justify-content: center; /* Center the image horizontally */
    align-items: center; /* Center the image vertically */
    height: 100%; /* Ensure it takes up the full available space */
}

.full-image {
    width: 100%; /* Make the image span the full width */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensures the image looks good within its container */
}




.text-icon img{
    display:block;
    width:100%
}
.content-block .copy{
    font-size:1.4rem;
    line-height:1.38;
    font-weight:400
}
@media screen and (min-width:768px){
    .content-block .copy{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .content-block .copy{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .content-block .copy{
        font-size:1.8rem;
        line-height:1.2
    }
}
.content-block .copy ul{
    margin-left:0;
    padding-left:1.1em
}
.content-block .copy ol{
    margin-left:0;
    padding-left:1.1em
}
.body-block{
    padding-top:0rem;
    padding-bottom:4rem;
    font-size:1.4rem;
    line-height:1.38
}
.body-block a{
    color:#535353;
    text-decoration:none
}
.body-block a:hover{
    color:#eb8005;
}
@media screen and (min-width:768px){
    .body-block{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .body-block{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .body-block{
        font-size:1.8rem;
        line-height:1.2
    }
}
.body-block h1{
    margin:0
}
.body-block .col{
    background-color:white;
    padding:3rem 4rem 6rem 4rem;
    line-height:1.5
}
@media screen and (min-width:1280px){
    .body-block .col{
        padding-left:14rem;
        padding-right:14rem
    }
}
.body-block .col h1,.body-block .col h2,.body-block .col h3,.body-block .col h4,.body-block .col h5,.body-block .col p{
}
.body-block .col figure{
    padding:0;
    margin:0
}
.body-block img{
    display:block;
    width:100%;
    margin-top:0rem;
    margin-bottom:2rem
}
.row.full{
    padding-left:1rem;
    padding-right:1rem;
    width:100%
}
.text-banner{
    margin-top:0rem;
    margin-bottom:0rem;
    padding-top:5rem;
    padding-bottom:5rem;
    background-color:white;
    text-align:center
}
.text-banner .copy{
    font-size:1.4rem;
    line-height:1.38;
    max-width:900px;
    margin:0 auto;
    /* color:#eb8005; */
    font-weight:bold
}
@media screen and (min-width:768px){
    .text-banner .copy{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .text-banner .copy{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .text-banner .copy{
        font-size:1.8rem;
        line-height:1.2
    }
}
.text-banner .copy em{
    font-style:normal
}
.text-banner .copy a,.text-banner .copy p a{
    color:#eb8005;
}
.text-banner.left{
    text-align:left
}
.text-banner.left .copy p:first-of-type{
    font-weight:bold;
    font-size:1.12em
}
.text-banner.left .copy p{
    font-weight:normal
}
.rp{
    padding-left:2rem;
    padding-right:2rem
}
.np{
    padding-left:0!important;
    padding-right:0!important
}
.np label,.np textarea{
    width:100%!important
}
.contact-form{
    padding-top:7rem;
    padding-bottom:8rem;
    background-color:rgba(178,178,178,0.1);
    overflow:hidden;
    font-size:0.9em;
    font-size:1.4rem;
    line-height:1.38
}
.contact-form h3{
    font-weight:600;
    text-align:center;
    margin-top:0;
    margin-bottom:2rem
}
.contact-form input,.contact-form textarea, .freeform-input{
    font-size:1em;
    outline:none!important;
    border:none;
    border-radius:0;
    margin-top:0;
    margin-bottom:0px;
    display:inline-block;
    min-width:50%;
    padding:8px;
    -webkit-box-sizing:content-box;
    background:transparent!important
}
@media screen and (min-width:768px){
    .contact-form{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .contact-form{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .contact-form{
        font-size:1.8rem;
        line-height:1.2
    }
}
.contact-form label, .freeform-label{
    display:inline-block;
    background-color:transparent;
    padding:8px 8px 2px 0;
    margin-top:8px;
    margin-bottom:0;
    font-size:18px;
    font-weight:500;
    width:100%;
    -webkit-box-sizing:content-box;
    border-bottom:1px solid #b2b2b2
}
.contact-form textarea {
    border-bottom:1px solid #b2b2b2
}
.contact-form.swap{
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:reverse!important;
    -ms-flex-direction:row-reverse!important;
    flex-direction:row-reverse!important
}
@media screen and (min-width:768px){
    .contact-form.swap{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
}
.contact-form .col-xs-12{
    padding-top:0px;
    padding-bottom:0px
}
.contact-form .col-xs-12 .row{
    padding:0
}
.contact-form .col-xs-12 .row .col-xs-12{
    padding-top:0px;
    padding-bottom:0px
}
.contact-form button, .contact-form .freeform-button{
    float:right;
    background-color:transparent;
    border:none;
    font-size:1.8rem;
    line-height:1.5;
    font-weight:700;
    cursor:pointer
}
@media screen and (min-width:768px){
    .contact-form button, .freeform-button{
        font-size:2.1rem;
        line-height:1.38
    }
}
.contact-form button:hover{
    color:black
}
.contact-form .form-check{
    margin-bottom:12px
}
.contact-form .form-check label{
    padding:0;
    margin:0
}
.contact-form .form-check label input{
    float:left;
    line-height:1em;
    display:inline-block;
    height:1em;
    width:1em;
    margin-right:1em;
    border-radius:0;
    border:2px solid #eb8005;
    background:transparent
}
.contact-form .form-check label input:checked{
    background-color:#eb8005;
}
.contact-form .colb{
    height:100%
}
.contact-form .frmb{
    margin:0;
    height:calc(100% - 8px)
}
.contact-form .frmb>div{
    height:100%;
    width:100%;
    background-color:transparent;
    position:relative
}
.contact-form .frmb>div .form-floating{
    height:82%;
    min-height:200px
}
.contact-form .frmb>div textarea{
    height:calc(100% - 4em)
}
.contact-form .frmb label{
    width:96%
}
.contact-form .frmb textarea{
    width:96%
}
.wee-banner{
    background-color:white;
    padding-bottom:1.4rem
}
.track-record{
    padding-top:82px
}
.case-studies-list{
    background:#b2b2b2;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(178,178,178,0.4)),to(white));
    background:linear-gradient(180deg,rgba(178,178,178,0.4) 0%,white 100%);
    padding-bottom:4rem
}
.case-studies-list h2{
    font-size:2.2rem;
    line-height:1.2;
    color:#eb8005;
    font-weight:600;
    margin-bottom:0
}
@media screen and (min-width:768px){
    .case-studies-list h2{
        font-size:2.8rem;
        line-height:1.25
    }
}
.case-studies-list h2 span{
    color:#535353
}
.case-studies-list .item{
    position:relative
}
.case-studies-list .item a{
    text-decoration:none
}
.case-studies-list .item h3,.case-studies-list .item h4{
    margin-bottom:0;
    font-size:1.6rem;
    line-height:1.3
}
@media screen and (min-width:768px){
    .case-studies-list .item h3,.case-studies-list .item h4{
        font-size:1.7rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .case-studies-list .item h3,.case-studies-list .item h4{
        font-size:1.8rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .case-studies-list .item h3,.case-studies-list .item h4{
        font-size:2.2rem;
        line-height:1.2
    }
}
.case-studies-list .item h4{
    position:absolute;
    left:3rem;
    top:3rem;
    font-weight:600;
    margin-top:0;
    padding-right:1em;
    color:#535353;
    min-height:2.2em;
    z-index:4
}
.case-studies-list .item:hover h4{
    text-decoration:none;
    color:#eb8005!important;
}
.download--text{
    font-size:2.2rem;
    line-height:1.2;
    color:#535353;
    padding-top:0.1em;
    padding-bottom:0.75em;
    border-bottom:1px solid rgba(178,178,178,0.4);
    display:block;
    margin-bottom:0;
    margin-top:0
}
@media screen and (min-width:768px){
    .download--text{
        font-size:2.8rem;
        line-height:1.25
    }
}
.download--text a{
    display:block;
    font-size:2.2rem;
    line-height:1.2;
    color:#535353;
    text-decoration:none;
    font-weight:700
}
@media screen and (min-width:768px){
    .download--text a{
        font-size:2.8rem;
        line-height:1.25
    }
}
.download--text a:hover{
    color:#eb8005;
}
.sharing{
    color:#eb8005;
}
.sharing a{
    color:#eb8005;
}
.testimonials{
    padding-top:80px;
    padding-bottom:0px;
    position:relative;
    text-align:center;
    background-color:white;
    font-size:1.4rem;
    line-height:1.38
}
@media screen and (min-width:768px){
    .testimonials{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .testimonials{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .testimonials{
        font-size:1.8rem;
        line-height:1.2
    }
}
.testimonials h3{
    text-transform:uppercase;
    font-weight:500;
    font-size:1.2rem;
    margin-bottom:1.2rem;
    color:#eb8005;
    color:#eb8005!important;
}
@media screen and (min-width:1600px){
    .testimonials h3{
        font-size:1.4rem;
        line-height:1.2
    }
}
.testimonials .slick-slider{
    padding-bottom:120px;
    position:relative
}
.testimonials .slick-slider .row{
    padding-left:2.5%!important;
    padding-right:2.5%!important
}
@media screen and (min-width:780px){
    .testimonials .slick-slider .row{
        padding-left:5%!important;
        padding-right:5%!important
    }
}
.testimonials .slick-next{
    position:absolute;
    bottom:100px;
    left:50%;
    margin-left:8px
}
.testimonials .slick-prev{
    position:absolute;
    bottom:100px;
    left:50%;
    margin-left:-42px
}
.testimonials .testimonial-slide{
    margin:0 auto
}
.testimonials .testimonial-slide strong{
    font-weight:500;
    font-size:0.8em;
    color:#000!important;
    text-transform:uppercase
}
.testimonials .testimonial-slide em{
    text-transform:uppercase;
    font-size:0.7em;
    font-style:normal;
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
    font-weight:500
}
.testimonials--sm{
    padding-top:0px;
    padding-bottom:0px;
    position:relative;
    text-align:center;
    background-color:white;
    font-size:1.4rem;
    line-height:1.38
}
@media screen and (min-width:768px){
    .testimonials--sm{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .testimonials--sm{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .testimonials--sm{
        font-size:1.8rem;
        line-height:1.2
    }
}
.testimonials--sm h3{
    text-transform:uppercase;
    font-weight:500;
    font-size:1.2rem;
    margin-bottom:1.2rem;
    color:#eb8005!important;
}
@media screen and (min-width:1600px){
    .testimonials--sm h3{
        font-size:1.4rem;
        line-height:1.2
    }
}
.testimonials--sm .slick-slider{
    padding-bottom:60px;
    position:relative
}
.testimonials--sm .slick-next{
    position:absolute;
    bottom:50px;
    left:50%;
    margin-left:8px
}
.testimonials--sm .slick-prev{
    position:absolute;
    bottom:50px;
    left:50%;
    margin-left:-42px
}
.testimonials--sm .testimonial-slide{
    margin:0 auto
}
.testimonials--sm .testimonial-slide strong{
    font-weight:500;
    font-size:0.8em;
    color:#000!important;
    text-transform:uppercase
}
.testimonials--sm .testimonial-slide em{
    text-transform:uppercase;
    font-size:0.7em;
    font-style:normal;
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
    font-weight:500
}
.nop{
    padding-left:0!important;
    padding-right:0!important
}
.contact-banner{
    position:relative;
    clear:both;
    margin-top:0rem;
    margin-bottom:0rem;
    text-align:left;
    font-size:1.4rem;
    line-height:1.38
}
.contact-banner>.row{
    padding-left:0;
    padding-right:0
}
.contact-banner>.row>div:first-of-type{
    padding:1em 0
}
.contact-banner>.row.swap{
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:reverse!important;
    -ms-flex-direction:row-reverse!important;
    flex-direction:row-reverse!important
}
@media screen and (min-width:768px){
    .contact-banner>.row.swap{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
}
.contact-banner:before{
    content:""
}
.contact-banner .text{
    padding:2rem calc(8% + 1rem) 4rem calc(8% + 1rem)
}
@media screen and (min-width:960px){
    .contact-banner .text{
        padding:5rem
    }
}
@media screen and (min-width:1280px){
    .contact-banner .text{
        padding:6rem
    }
}
@media screen and (min-width:1600px){
    .contact-banner .text{
        padding:10rem
    }
}
.contact-banner .copy{
    font-size:1.4rem;
    line-height:1.38;
    text-align:left;
    font-weight:400;
    color:#eb8005;
    padding:0 1.5em 0 0
}
.contact-banner .copy a.title{
    color:#eb8005;
    font-size:2.2rem;
    line-height:1.2;
    font-weight:600;
    margin-bottom:1.2em
}
@media screen and (min-width:768px){
    .contact-banner .copy a.title{
        font-size:2.8rem;
        line-height:1.25
    }
}
@media screen and (min-width:768px){
    .contact-banner .copy{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .contact-banner .copy{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .contact-banner .copy{
        font-size:1.8rem;
        line-height:1.2
    }
}
.contact-banner .copy strong{
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600
}
@media screen and (min-width:768px){
    .contact-banner .copy strong{
        font-size:2.1rem;
        line-height:1.38
    }
}
.contact-banner .copy .txt{
    min-height:3em;
    font-weight:400;
    color:#535353
}
.contact-banner .copy .txt p{
    font-size:1.4rem;
    line-height:1.38;
    max-width:670px;
    color:#535353;
    font-weight:600
}
@media screen and (min-width:768px){
    .contact-banner .copy .txt p{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .contact-banner .copy .txt p{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .contact-banner .copy .txt p{
        font-size:1.8rem;
        line-height:1.2
    }
}
.contact-banner .copy h5{
    margin:0;
    color:#535353
}
.contact-banner .copy h3,.contact-banner .copy h4{
    color:#535353;
    margin:0.5em 0;
    font-weight:600
}
.contact-banner .copy h5{
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600
}
@media screen and (min-width:768px){
    .contact-banner .copy h5{
        font-size:2.1rem;
        line-height:1.38
    }
}
.contact-banner .copy h4{
    margin-top:2.4rem;
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600
}
@media screen and (min-width:768px){
    .contact-banner .copy h4{
        font-size:2.1rem;
        line-height:1.38
    }
}
.contact-banner .copy a{
    font-size:2.2rem;
    line-height:1.2;
    color:#eb8005;
    text-decoration:none
}
@media screen and (min-width:768px){
    .contact-banner .copy a{
        font-size:2.8rem;
        line-height:1.25
    }
}
.contact-banner .copy a:hover{
    color:#eb8005;
}
.contact-banner .copy a img{
    max-width:42px;
    width:42px;
    height:auto;
    max-height:42px;
    margin-right:8px;
    display:block
}
.contact-banner .copy .cta{
    text-align:center;
    color:#eb8005;
    margin-top:17px;
    margin-bottom:20px;
    display:inline-block;
    padding-right:22px;
    padding-left:22px
}
.contact-banner .copy .cta:hover{
    color:white
}
.contact-banner .copy div.soc{
    display:inline-block;
    float:left;
    margin-left:0;
    margin-right:0;
    margin-top:14px;
    margin-bottom:0.25em
}
.contact-banner .copy div.soc img{
    display:inline-block;
    width:auto;
    height:2em;
    margin-top:14px;
    margin-right:18px
}
@media screen and (min-width:768px){
    .contact-banner .copy div.soc img{
        display:inline-block;
        float:left;
        width:auto;
        height:2.8em;
        margin-right:18px;
        margin-top:0.25em
    }
}
@media screen and (min-width:768px){
    .contact-banner{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .contact-banner{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .contact-banner{
        font-size:1.8rem;
        line-height:1.2
    }
}
.stats{
    background:#b2b2b2;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(178,178,178,0.4)),to(white));
    background:linear-gradient(180deg,rgba(178,178,178,0.4) 0%,white 100%);
    padding-bottom:4rem
}
.stats h2{
    font-size:2.2rem;
    line-height:1.2;
    color:#eb8005;
    font-weight:600;
    margin-bottom:0
}
@media screen and (min-width:768px){
    .stats h2{
        font-size:2.8rem;
        line-height:1.25
    }
}
.stats h2 span{
    color:#535353
}
.stats .text{
    padding:2rem calc(8% + 1rem) 4rem calc(8% + 1rem)
}
.stats .text h5{
    margin:0;
    color:#535353
}
.stats .text h3,.stats .text h4{
    color:#535353;
    margin:0.5em 0;
    font-weight:600
}
.stats .text h5{
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600
}
@media screen and (min-width:768px){
    .stats .text h5{
        font-size:2.1rem;
        line-height:1.38
    }
}
.stats .text h4{
    margin-top:2.4rem;
    font-size:1.8rem;
    line-height:1.5;
    font-weight:600
}
@media screen and (min-width:768px){
    .stats .text h4{
        font-size:2.1rem;
        line-height:1.38
    }
}
@media screen and (min-width:960px){
    .stats .text{
        padding:2rem 4rem
    }
}
@media screen and (min-width:1280px){
    .stats .text{
        padding:2rem 6rem
    }
}
@media screen and (min-width:1760px){
    .stats .text{
        padding:2rem 8rem
    }
}
.stats .stat div{
    width:50%;
    display:inline-block;
    float:left;
    color:#eb8005;
    font-size:15rem;
    font-weight:600
}
@media screen and (min-width:1280px){
    .stats .stat div{
        font-size:10rem
    }
}
@media screen and (min-width:1600px){
    .stats .stat div{
        font-size:15rem
    }
}
.stats .stat div span{
    font-size:2.2rem;
    line-height:1.2;
    color:#535353;
    display:block;
    opacity:0.7;
    margin-top:-0.6em
}
@media screen and (min-width:768px){
    .stats .stat div span{
        font-size:2.8rem;
        line-height:1.25
    }
}
.three-grid{
    background-color:white;
    padding:4em 0em 4em 0em;
    padding:4em 0em 4em 0em;
    text-align:left;
    font-size:1.4rem;
    line-height:1.38;
    font-weight:400
}
@media screen and (min-width:1280px){
    .three-grid{
        padding:5em 0em 6em 0em
    }
}
.three-grid h4{
    margin:0;
    color:#eb8005;
}
.three-grid h3,.three-grid h5{
    color:#eb8005;
    margin:0.5em 0
}
.three-grid h3{
    font-size:2.2rem;
    line-height:1.2
}
@media screen and (min-width:768px){
    .three-grid h3{
        font-size:2.8rem;
        line-height:1.25
    }
}
.three-grid h3 a{
    text-decoration:none;
    color:#eb8005;
}
.three-grid h5{
    font-size:1.8rem;
    line-height:1.5
}
@media screen and (min-width:768px){
    .three-grid h5{
        font-size:2.1rem;
        line-height:1.38
    }
}
.three-grid h4{
    font-size:1.8rem;
    line-height:1.5;
    display:block;
    color:#eb8005;
}
@media screen and (min-width:768px){
    .three-grid h4{
        font-size:2.1rem;
        line-height:1.38
    }
}
.three-grid h4 a{
    text-decoration:none;
    color:#eb8005;
}
.three-grid h4 a:hover{
    color:#eb8005;
}
.three-grid h4 a img{
    margin-top:1rem
}
@media screen and (min-width:1280px){
    .three-grid{
        padding:5em 0em 6em 0em
    }
}
@media screen and (min-width:768px){
    .three-grid{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .three-grid{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .three-grid{
        font-size:1.8rem;
        line-height:1.2
    }
}
.three-grid .intro{
    margin-top:1em;
    margin-bottom:1em;
    line-height:1.4
}
.three-grid .intro .url{
    font-weight:bold;
    text-decoration:none;
    color:#eb8005;
}
.three-grid .intro .url:hover{
    color:#eb8005;
}
.three-grid .item{
    position:relative;
    height:100%
}
.three-grid .item .intro{
    background-color:transparent;
    -webkit-transition:background-color 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    vertical-align:middle;
    display:table;
    font-weight:400;
    color:white;
    font-size:1.4rem;
    line-height:1.38
}
@media screen and (min-width:768px){
    .three-grid .item .intro{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .three-grid .item .intro{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .three-grid .item .intro{
        font-size:1.8rem;
        line-height:1.2
    }
}
.three-grid .item .intro a{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size:3.4rem;
    line-height:1.25;
    text-decoration:none;
    color:white
}
@media screen and (min-width:768px){
    .three-grid .item .intro a{
        font-size:4rem;
        line-height:1.25
    }
}
@media screen and (min-width:1333px){
    .three-grid .item .intro a{
        font-size:4rem;
        line-height:1.25
    }
}
.three-grid .item .intro a span{
    margin-top:1.8em;
    display:inline-block;
    font-size:1.4rem;
    line-height:1.38
}
@media screen and (min-width:768px){
    .three-grid .item .intro a span{
        font-size:1.6rem;
        line-height:1.3
    }
}
@media screen and (min-width:1333px){
    .three-grid .item .intro a span{
        font-size:1.6rem;
        line-height:1.2
    }
}
@media screen and (min-width:1600px){
    .three-grid .item .intro a span{
        font-size:1.8rem;
        line-height:1.2
    }
}
.three-grid .item:hover .intro{
    background-color:rgba(0,30,50,0.65)
}
.three-grid .item:hover .cta{
    color:#eb8005;
}
.img-overlay{
    position:relative
}
.img-overlay:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(120deg,#013c64,#001e32);
    opacity:0.2
}
.prlx--lg{
    height:100%;
    height:99vh;
    min-height:99%;
    height:100%;
    min-height:100vh;
    text-align:center;
    padding-left:0px!important;
    padding-right:0px!important;
    color:white
}
.prlx--lg .row{
    height:100%;
    min-height:99%;
    height:100vh;
    background-color:rgba(73,73,73,0)
}
.prlx--lg h2{
    padding:0.5em
}
.prlx--lg .parallax__container{
    background-color:transparent;
    min-height:100vh;
    width:100%
}
.prlx--lg .parallax__container .parallax{
    opacity:1
}
.prlx--lg a{
    padding:0;
    background-color:transparent;
    color:white;
    text-align:center;
    margin:40px auto;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.1em;
    background-image:url(/assets/SVG/arrow.svg)!important;
    background-repeat:no-repeat;
    background-position:center right 8px;
    padding-right:50px;
    background-size:34px auto;
    display:inline-block
}
.prlx--lg h1{
    position:absolute;
    top:36px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:40%;
    max-width:250px
}
.prlx--lg h2{
    font-size:2.1rem;
    line-height:1.25;
    font-weight:bold!important;
    color:white!important;
    margin:0 auto 0.9em auto;
    max-width:1720px;
    width:80%;
    font-weight:600;
    position:absolute;
    top:236px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    max-width:960px
}
@media screen and (min-width:768px){
    .prlx--lg h2{
        font-size:2.4rem;
        line-height:1.25
    }
}
@media screen and (min-width:1333px){
    .prlx--lg h2{
        font-size:3.4rem;
        line-height:1.25
    }
}
.prlx--lg h2 span{
    padding:1.2em 1.2em;
    margin:0 auto;
    display:block;
    max-width:900px;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.prlx--lg h3{
    margin:0 auto;
    max-width:800px;
    font-family:mrs-eaves-xl-serif-narrow,serif;
    font-size:2.2rem;
    line-height:1.2;
    color:white!important;
    font-weight:500
}
@media screen and (min-width:768px){
    .prlx--lg h3{
        font-size:2.8rem;
        line-height:1.25
    }
}
.case-studies .text-image .copy{
}
.row{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 auto;
    width:100%;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:1rem;
    padding-right:1rem
}
@media screen and (min-width:768px){
    .row{
        padding-left:8%;
        padding-right:8%
    }
}
.row.reverse{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.row.natural-height{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.row.flex-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.col{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%;
    padding:1rem
}
.col.reverse{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}
.first{
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1
}
.last{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
.align-start{
    -ms-flex-item-align:start;
    align-self:flex-start
}
.align-end{
    -ms-flex-item-align:end;
    align-self:flex-end
}
.align-center{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.align-baseline{
    -ms-flex-item-align:baseline;
    align-self:baseline
}
.align-stretch{
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch
}
.col-xs{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%;
    padding:1rem
}
.col-xs-1{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:8.3333333333%;
    flex-basis:8.3333333333%;
    max-width:8.3333333333%;
    padding:1rem
}
.col-xs-offset-1{
    margin-left:8.3333333333%
}
.col-xs-2{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:16.6666666667%;
    flex-basis:16.6666666667%;
    max-width:16.6666666667%;
    padding:1rem
}
.col-xs-offset-2{
    margin-left:16.6666666667%
}
.col-xs-3{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%;
    padding:1rem
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-4{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:33.3333333333%;
    flex-basis:33.3333333333%;
    max-width:33.3333333333%;
    padding:1rem
}
.col-xs-offset-4{
    margin-left:33.3333333333%
}
.col-xs-5{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:41.6666666667%;
    flex-basis:41.6666666667%;
    max-width:41.6666666667%;
    padding:1rem
}
.col-xs-offset-5{
    margin-left:41.6666666667%
}
.col-xs-6{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%;
    padding:1rem
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-7{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:58.3333333333%;
    flex-basis:58.3333333333%;
    max-width:58.3333333333%;
    padding:1rem
}
.col-xs-offset-7{
    margin-left:58.3333333333%
}
.col-xs-8{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:66.6666666667%;
    flex-basis:66.6666666667%;
    max-width:66.6666666667%;
    padding:1rem
}
.col-xs-offset-8{
    margin-left:66.6666666667%
}
.col-xs-9{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%;
    padding:1rem
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-10{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:83.3333333333%;
    flex-basis:83.3333333333%;
    max-width:83.3333333333%;
    padding:1rem
}
.col-xs-offset-10{
    margin-left:83.3333333333%
}
.col-xs-11{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:91.6666666667%;
    flex-basis:91.6666666667%;
    max-width:91.6666666667%;
    padding:1rem
}
.col-xs-offset-11{
    margin-left:91.6666666667%
}
.col-xs-12{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%;
    padding:1rem
}
.col-xs-offset-12{
    margin-left:100%
}
.row.start-xs{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.row.center-xs{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.row.end-xs{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.row.top-xs{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.row.middle-xs{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.row.bottom-xs{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.row.around-xs{
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.row.between-xs{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.first-xs{
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1
}
.last-xs{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
@media only screen and (min-width:41rem){
    .col-sm{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%;
        padding:1rem
    }
    .col-sm-1{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:8.3333333333%;
        flex-basis:8.3333333333%;
        max-width:8.3333333333%;
        padding:1rem
    }
    .col-sm-offset-1{
        margin-left:8.3333333333%
    }
    .col-sm-2{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:16.6666666667%;
        flex-basis:16.6666666667%;
        max-width:16.6666666667%;
        padding:1rem
    }
    .col-sm-offset-2{
        margin-left:16.6666666667%
    }
    .col-sm-3{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%;
        padding:1rem
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-4{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:33.3333333333%;
        flex-basis:33.3333333333%;
        max-width:33.3333333333%;
        padding:1rem
    }
    .col-sm-offset-4{
        margin-left:33.3333333333%
    }
    .col-sm-5{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:41.6666666667%;
        flex-basis:41.6666666667%;
        max-width:41.6666666667%;
        padding:1rem
    }
    .col-sm-offset-5{
        margin-left:41.6666666667%
    }
    .col-sm-6{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%;
        padding:1rem
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-7{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:58.3333333333%;
        flex-basis:58.3333333333%;
        max-width:58.3333333333%;
        padding:1rem
    }
    .col-sm-offset-7{
        margin-left:58.3333333333%
    }
    .col-sm-8{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:66.6666666667%;
        flex-basis:66.6666666667%;
        max-width:66.6666666667%;
        padding:1rem
    }
    .col-sm-offset-8{
        margin-left:66.6666666667%
    }
    .col-sm-9{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%;
        padding:1rem
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-10{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:83.3333333333%;
        flex-basis:83.3333333333%;
        max-width:83.3333333333%;
        padding:1rem
    }
    .col-sm-offset-10{
        margin-left:83.3333333333%
    }
    .col-sm-11{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:91.6666666667%;
        flex-basis:91.6666666667%;
        max-width:91.6666666667%;
        padding:1rem
    }
    .col-sm-offset-11{
        margin-left:91.6666666667%
    }
    .col-sm-12{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%;
        padding:1rem
    }
    .col-sm-offset-12{
        margin-left:100%
    }
    .row.start-sm{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .row.center-sm{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .row.end-sm{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .row.top-sm{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .row.middle-sm{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .row.bottom-sm{
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .row.around-sm{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .row.between-sm{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .first-sm{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .last-sm{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media only screen and (min-width:65rem){
    .col-md{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%;
        padding:1rem
    }
    .col-md-1{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:8.3333333333%;
        flex-basis:8.3333333333%;
        max-width:8.3333333333%;
        padding:1rem
    }
    .col-md-offset-1{
        margin-left:8.3333333333%
    }
    .col-md-2{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:16.6666666667%;
        flex-basis:16.6666666667%;
        max-width:16.6666666667%;
        padding:1rem
    }
    .col-md-offset-2{
        margin-left:16.6666666667%
    }
    .col-md-3{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%;
        padding:1rem
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-4{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:33.3333333333%;
        flex-basis:33.3333333333%;
        max-width:33.3333333333%;
        padding:1rem
    }
    .col-md-offset-4{
        margin-left:33.3333333333%
    }
    .col-md-5{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:41.6666666667%;
        flex-basis:41.6666666667%;
        max-width:41.6666666667%;
        padding:1rem
    }
    .col-md-offset-5{
        margin-left:41.6666666667%
    }
    .col-md-6{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%;
        padding:1rem
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-7{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:58.3333333333%;
        flex-basis:58.3333333333%;
        max-width:58.3333333333%;
        padding:1rem
    }
    .col-md-offset-7{
        margin-left:58.3333333333%
    }
    .col-md-8{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:66.6666666667%;
        flex-basis:66.6666666667%;
        max-width:66.6666666667%;
        padding:1rem
    }
    .col-md-offset-8{
        margin-left:66.6666666667%
    }
    .col-md-9{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%;
        padding:1rem
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-10{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:83.3333333333%;
        flex-basis:83.3333333333%;
        max-width:83.3333333333%;
        padding:1rem
    }
    .col-md-offset-10{
        margin-left:83.3333333333%
    }
    .col-md-11{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:91.6666666667%;
        flex-basis:91.6666666667%;
        max-width:91.6666666667%;
        padding:1rem
    }
    .col-md-offset-11{
        margin-left:91.6666666667%
    }
    .col-md-12{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%;
        padding:1rem
    }
    .col-md-offset-12{
        margin-left:100%
    }
    .row.start-md{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .row.center-md{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .row.end-md{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .row.top-md{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .row.middle-md{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .row.bottom-md{
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .row.around-md{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .row.between-md{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .first-md{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .last-md{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media only screen and (min-width:91rem){
    .col-lg{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%;
        padding:1rem
    }
    .col-lg-1{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:8.3333333333%;
        flex-basis:8.3333333333%;
        max-width:8.3333333333%;
        padding:1rem
    }
    .col-lg-offset-1{
        margin-left:8.3333333333%
    }
    .col-lg-2{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:16.6666666667%;
        flex-basis:16.6666666667%;
        max-width:16.6666666667%;
        padding:1rem
    }
    .col-lg-offset-2{
        margin-left:16.6666666667%
    }
    .col-lg-3{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%;
        padding:1rem
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-4{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:33.3333333333%;
        flex-basis:33.3333333333%;
        max-width:33.3333333333%;
        padding:1rem
    }
    .col-lg-offset-4{
        margin-left:33.3333333333%
    }
    .col-lg-5{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:41.6666666667%;
        flex-basis:41.6666666667%;
        max-width:41.6666666667%;
        padding:1rem
    }
    .col-lg-offset-5{
        margin-left:41.6666666667%
    }
    .col-lg-6{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%;
        padding:1rem
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-7{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:58.3333333333%;
        flex-basis:58.3333333333%;
        max-width:58.3333333333%;
        padding:1rem
    }
    .col-lg-offset-7{
        margin-left:58.3333333333%
    }
    .col-lg-8{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:66.6666666667%;
        flex-basis:66.6666666667%;
        max-width:66.6666666667%;
        padding:1rem
    }
    .col-lg-offset-8{
        margin-left:66.6666666667%
    }
    .col-lg-9{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%;
        padding:1rem
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-10{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:83.3333333333%;
        flex-basis:83.3333333333%;
        max-width:83.3333333333%;
        padding:1rem
    }
    .col-lg-offset-10{
        margin-left:83.3333333333%
    }
    .col-lg-11{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:91.6666666667%;
        flex-basis:91.6666666667%;
        max-width:91.6666666667%;
        padding:1rem
    }
    .col-lg-offset-11{
        margin-left:91.6666666667%
    }
    .col-lg-12{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%;
        padding:1rem
    }
    .col-lg-offset-12{
        margin-left:100%
    }
    .row.start-lg{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .row.center-lg{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .row.end-lg{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .row.top-lg{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .row.middle-lg{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .row.bottom-lg{
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .row.around-lg{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .row.between-lg{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .first-lg{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .last-lg{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media only screen and (min-width:121rem){
    .col-xl{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%;
        padding:1rem
    }
    .col-xl-1{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:8.3333333333%;
        flex-basis:8.3333333333%;
        max-width:8.3333333333%;
        padding:1rem
    }
    .col-xl-offset-1{
        margin-left:8.3333333333%
    }
    .col-xl-2{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:16.6666666667%;
        flex-basis:16.6666666667%;
        max-width:16.6666666667%;
        padding:1rem
    }
    .col-xl-offset-2{
        margin-left:16.6666666667%
    }
    .col-xl-3{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%;
        padding:1rem
    }
    .col-xl-offset-3{
        margin-left:25%
    }
    .col-xl-4{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:33.3333333333%;
        flex-basis:33.3333333333%;
        max-width:33.3333333333%;
        padding:1rem
    }
    .col-xl-offset-4{
        margin-left:33.3333333333%
    }
    .col-xl-5{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:41.6666666667%;
        flex-basis:41.6666666667%;
        max-width:41.6666666667%;
        padding:1rem
    }
    .col-xl-offset-5{
        margin-left:41.6666666667%
    }
    .col-xl-6{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%;
        padding:1rem
    }
    .col-xl-offset-6{
        margin-left:50%
    }
    .col-xl-7{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:58.3333333333%;
        flex-basis:58.3333333333%;
        max-width:58.3333333333%;
        padding:1rem
    }
    .col-xl-offset-7{
        margin-left:58.3333333333%
    }
    .col-xl-8{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:66.6666666667%;
        flex-basis:66.6666666667%;
        max-width:66.6666666667%;
        padding:1rem
    }
    .col-xl-offset-8{
        margin-left:66.6666666667%
    }
    .col-xl-9{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%;
        padding:1rem
    }
    .col-xl-offset-9{
        margin-left:75%
    }
    .col-xl-10{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:83.3333333333%;
        flex-basis:83.3333333333%;
        max-width:83.3333333333%;
        padding:1rem
    }
    .col-xl-offset-10{
        margin-left:83.3333333333%
    }
    .col-xl-11{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:91.6666666667%;
        flex-basis:91.6666666667%;
        max-width:91.6666666667%;
        padding:1rem
    }
    .col-xl-offset-11{
        margin-left:91.6666666667%
    }
    .col-xl-12{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%;
        padding:1rem
    }
    .col-xl-offset-12{
        margin-left:100%
    }
    .row.start-xl{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .row.center-xl{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .row.end-xl{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .row.top-xl{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .row.middle-xl{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .row.bottom-xl{
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .row.around-xl{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .row.between-xl{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .first-xl{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .last-xl{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
.col-gutter-lr{
    padding:0 1rem
}
.col-no-gutter{
    padding:0
}
.show{
    display:block!important
}
.row.show{
    display:-ms-flexbox!important;
    display:-webkit-box!important;
    display:flex!important
}
.hide{
    display:none!important
}
.show-xs{
    display:block!important
}
.row.show-xs{
    display:-ms-flexbox!important;
    display:-webkit-box!important;
    display:flex!important
}
.hide-xs{
    display:none!important
}
@media only screen and (max-width:40rem){
    .show-xs-only{
        display:block!important
    }
    .row.show-xs-only{
        display:-ms-flexbox!important;
        display:-webkit-box!important;
        display:flex!important
    }
    .hide-xs-only{
        display:none!important
    }
}
@media only screen and (min-width:41rem){
    .show-sm{
        display:block!important
    }
    .row.show-sm{
        display:-ms-flexbox!important;
        display:-webkit-box!important;
        display:flex!important
    }
    .hide-sm{
        display:none!important
    }
}
@media only screen and (min-width:41rem) and (max-width:64rem){
    .show-sm-only{
        display:block!important
    }
    .row.show-sm-only{
        display:-ms-flexbox!important;
        display:-webkit-box!important;
        display:flex!important
    }
    .hide-sm-only{
        display:none!important
    }
}
@media only screen and (min-width:65rem){
    .show-md{
        display:block!important
    }
    .row.show-md{
        display:-ms-flexbox!important;
        display:-webkit-box!important;
        display:flex!important
    }
    .hide-md{
        display:none!important
    }
}
@media only screen and (min-width:65rem) and (max-width:90rem){
    .show-md-only{
        display:block!important
    }
    .row.show-md-only{
        display:-ms-flexbox!important;
        display:-webkit-box!important;
        display:flex!important
    }
    .hide-md-only{
        display:none!important
    }
}
@media only screen and (min-width:91rem){
    .show-lg{
        display:block!important
    }
    .row.show-lg{
        display:-ms-flexbox!important;
        display:-webkit-box!important;
        display:flex!important
    }
    .hide-lg{
        display:none!important
    }
}
@media only screen and (min-width:91rem) and (max-width:120rem){
    .show-lg-only{
        display:block!important
    }
    .row.show-lg-only{
        display:-ms-flexbox!important;
        display:-webkit-box!important;
        display:flex!important
    }
    .hide-lg-only{
        display:none!important
    }
}
@media only screen and (min-width:121rem){
    .show-xl{
        display:block!important
    }
    .row.show-xl{
        display:-ms-flexbox!important;
        display:-webkit-box!important;
        display:flex!important
    }
    .hide-xl{
        display:none!important
    }
}

/* Global changes to CSS */
.override-standardBody p strong{
    color: #eb8005;
}
/* .video-container,
.parallax {
    position: relative;
    z-index: 1;
} */

.video-container iframe {
    width: 100vw;
    height:56.25vw;
    min-height:100vw;
    min-width: 177.77vh;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.overlay-text-header {
    position: absolute;
    top: 64%;
    left: 5%;
    z-index: 2;
    color: #eb8005;
    text-align: left;
    width: 50%;
    padding: 20px;
    font-size: 2.5rem;
} 

.overlay-text {
    position: absolute;
    top: 70%;
    left: 5%;
    z-index: 2;
    color: white;
    text-align: left;
    width: 50%;
    padding: 20px;
    font-size: 3.7rem;
} 
.overlay-text p{
    margin:0!important;
    padding:0!important;
} 

.pagination ul{
    list-style: none;
}