@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@-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:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@-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)}}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-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:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-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:translateZ(0);transform:translateZ(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:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;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;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@-webkit-keyframes hinge{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%,80%{-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;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{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%,80%{-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;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}/*!
 * Bootstrap v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}footer,header,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3,h4,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}b,strong{font-weight:bolder}small{font-size:80%}sub{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h6,h1,h2,h3,h4,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h6,h6{font-size:1rem}.small,small{font-size:80%;font-weight:400}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-lg-10,.col-lg-12,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-md-4,.col-md-6,.col-sm-12,.col-xl-12,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8{position:relative;width:100%;padding-right:15px;padding-left:15px}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}@media (min-width:576px){.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:992px){.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}}@media (min-width:1200px){.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}fieldset:disabled a.btn{pointer-events:none}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu.show{display:block}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.accordion .card{overflow:hidden}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.carousel{position:relative}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.border{border:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.clearfix::after{display:block;clear:both;content:""}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.text-center{text-align:center!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}}@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}





@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotateme {
    from {
        -moz-transform: rotate(0deg);
    }
    to { 
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes rotateme {
    from {
        -o-transform: rotate(0deg);
    }
    to { 
        -o-transform: rotate(360deg);
    }
}


.rotate-me{
    animation-name: rotateme; 
    animation-duration: 24s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme; 
    -webkit-animation-duration: 24s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme; 
    -moz-animation-duration: 24s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme; 
    -ms-animation-duration: 24s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme; 
    -o-animation-duration: 24s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}






@keyframes rotateme2 {
  from {
      transform: rotate(0deg);
  }
  to { 
      transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotateme2 {
  from {
      -webkit-transform: rotate(0deg);
  }
  to { 
      -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotateme2 {
  from {
      -moz-transform: rotate(0deg);
  }
  to { 
      -moz-transform: rotate(-360deg);
  }
}
@-o-keyframes rotateme2 {
  from {
      -o-transform: rotate(0deg);
  }
  to { 
      -o-transform: rotate(-360deg);
  }
}









@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}







/*** 
=============================================
    circle Css
=============================================
***/
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}





/*** 
=============================================
    Zoom Fade Css
=============================================
***/
.zoom-fade{
    animation-name: zoom-fade; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: zoom-fade; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: zoom-fade; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: zoom-fade; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: zoom-fade; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}





/*** 
=============================================
    Zoom In Out Css
=============================================
***/
@-webkit-keyframes zoomInOut {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
	opacity:0;
  }

  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
	opacity:1;
  }
  
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
	opacity:0;
  }
}















@-webkit-keyframes bgSlideReverse {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: 100px 0;
  }
  40% {
    background-position: 200px 0;
  }
  60% {
    background-position: 150px 0;
  }
  80% {
    background-position: 100px 0;
  }
  100% {
    background-position: 0px 0;
  }
}
@keyframes bgSlideReverse {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: 100px 0;
  }
  40% {
    background-position: 200px 0;
  }
  60% {
    background-position: 150px 0;
  }
  80% {
    background-position: 100px 0;
  }
  100% {
    background-position: 0px 0;
  }
}



@-webkit-keyframes bgSlideReverse2 {
  0% {
    background-position: -0 0;
  }
  20% {
    background-position: -100px 0;
  }
  40% {
    background-position: -200px 0;
  }
  60% {
    background-position: -150px 0;
  }
  80% {
    background-position: -100px 0;
  }
  100% {
    background-position: -0px 0;
  }
}
@keyframes bgSlideReverse2 {
  0% {
    background-position: -0 0;
  }
  20% {
    background-position: -100px 0;
  }
  40% {
    background-position: -200px 0;
  }
  60% {
    background-position: -150px 0;
  }
  80% {
    background-position: -100px 0;
  }
  100% {
    background-position: -0px 0;
  }
}






@-webkit-keyframes banner-animate {
    0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    }

    50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    }

    100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    }
}

@keyframes banner-animate {
    0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    }

    50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    }

    100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    }
}







@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 20px 0 0 20px 0 #fff;
        box-shadow: 0 0 0 20px 0 0 20px 0 #fff
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #fff;
        box-shadow: 0 0 0 0 #fff
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 20px rgb(255, 255, 255, .2);
        box-shadow: 0 0 0 20px rgb(255, 255, 255, .2)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgb(255, 255, 255, 0)
    }
}




@-webkit-keyframes ripple2 {
  70% {
      -webkit-box-shadow: 0 0 0 20px 0 0 20px 0 #e7bd1a;
      box-shadow: 0 0 0 20px 0 0 20px 0 #e7bd1a
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 #e7bd1a;
      box-shadow: 0 0 0 0 #e7bd1a
  }
}

@keyframes ripple2 {
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(231, 189, 26, 0.267);
      box-shadow: 0 0 0 20px rgb(231, 189, 26, .2)
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgb(231, 189, 26, 0);
      box-shadow: 0 0 0 0 rgb(231, 189, 26, 0)
  }
}




/*** 
=============================================
    Animation1 Css
=============================================
***/
@-webkit-keyframes animation1 {
	0%,
	100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}

	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}
@keyframes animation1 {
	0%,
	100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}

	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}



/*** 
=============================================
    Animation2 Css
=============================================
***/
@keyframes animation2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes animation2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes animation2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes animation2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}}









@-webkit-keyframes bgSlide {
	0% {
		background-position: 0 0;
	}

	20% {
		background-position: -100px 0;
	}

	40% {
		background-position: -200px 0;
	}

	60% {
		background-position: -150px 0;
	}

	80% {
		background-position: -100px 0;
	}

	100% {
		background-position: 0px 0;
	}
}


@keyframes bgSlide {
	0% {
		background-position: 0 0;
	}

	20% {
		background-position: -100px 0;
	}

	40% {
		background-position: -200px 0;
	}

	60% {
		background-position: -150px 0;
	}

	80% {
		background-position: -100px 0;
	}

	100% {
		background-position: 0px 0;
	}
}

@-webkit-keyframes bgSlideReverse {
	0% {
		background-position: 0 0;
	}

	20% {
		background-position: 100px 0;
	}

	40% {
		background-position: 200px 0;
	}

	60% {
		background-position: 150px 0;
	}

	80% {
		background-position: 100px 0;
	}

	100% {
		background-position: 0px 0;
	}
}

@keyframes bgSlideReverse {
	0% {
		background-position: 0 0;
	}

	20% {
		background-position: 100px 0;
	}

	40% {
		background-position: 200px 0;
	}

	60% {
		background-position: 150px 0;
	}

	80% {
		background-position: 100px 0;
	}

	100% {
		background-position: 0px 0;
	}
}

@-webkit-keyframes ribbonRotate {

	0%,
	100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(15deg);
		        transform: rotate(15deg);
	}

	50% {
		-webkit-transform: rotate(30deg);
		        transform: rotate(30deg);
	}
}

@keyframes ribbonRotate {

	0%,
	100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(15deg);
		        transform: rotate(15deg);
	}

	50% {
		-webkit-transform: rotate(30deg);
		        transform: rotate(30deg);
	}
}



@-webkit-keyframes footerFish {

	0%,
	100% {
		-webkit-transform: translateX(0) translateY(0) rotate(0);
		transform: translateX(0) translateY(0) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(20px) translateY(30px) rotate(25deg);
		transform: translateX(20px) translateY(30px) rotate(25deg);
	}

	50% {
		-webkit-transform: translateX(40px) translateY(60px) rotate(45deg);
		transform: translateX(40px) translateY(60px) rotate(45deg);
	}
}

@keyframes footerFish {

	0%,
	100% {
		-webkit-transform: translateX(0) translateY(0) rotate(0);
		transform: translateX(0) translateY(0) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(20px) translateY(30px) rotate(25deg);
		transform: translateX(20px) translateY(30px) rotate(25deg);
	}

	50% {
		-webkit-transform: translateX(40px) translateY(60px) rotate(45deg);
		transform: translateX(40px) translateY(60px) rotate(45deg);
	}
}

@-webkit-keyframes contactSwimmer {

	0%,
	100% {
		-webkit-transform: translateX(0) translateY(0) rotate(0);
		transform: translateX(0) translateY(0) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
		transform: translateX(15px) translateY(20px) rotate(10deg);
	}

	50% {
		-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
		transform: translateX(60px) translateY(35px) rotate(15deg);
	}
}

@keyframes contactSwimmer {

	0%,
	100% {
		-webkit-transform: translateX(0) translateY(0) rotate(0);
		transform: translateX(0) translateY(0) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
		transform: translateX(15px) translateY(20px) rotate(10deg);
	}

	50% {
		-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
		transform: translateX(60px) translateY(35px) rotate(15deg);
	}
}




/*** 
=============================================
    Float Bob Y Animation Css
=============================================
***/
@-webkit-keyframes float-bob-y {
	0% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(-20px);
	}
}

@keyframes float-bob-y {
	0% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(-20px);
	}
}
.float-bob-y {
	-webkit-animation-name: float-bob-y;
	        animation-name: float-bob-y;
	-webkit-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}





/*** 
=============================================
    Float Bob X Animation Css
=============================================
***/
@-webkit-keyframes float-bob-x {
	0% {
		transform: translateX(-30px);
	}

	50% {
		transform: translateX(-10px);
	}

	100% {
		transform: translateX(-30px);
	}
}

@keyframes float-bob-x {
	0% {
		transform: translateX(-30px);
	}

	50% {
		transform: translateX(-10px);
	}

	100% {
		transform: translateX(-30px);
	}
}














@-webkit-keyframes footerTree {

	0%,
	100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}

	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}

@keyframes footerTree {

	0%,
	100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}

	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}



@keyframes service_hexagon_2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes service_hexagon_2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes service_hexagon_2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes service_hexagon_2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}}















@keyframes rotateScale {
    from {
        transform: rotate(0deg) scale(1);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateScale {
    from {
        transform: rotate(0deg) scale(1);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-moz-keyframes rotateScale {
    from {
        transform: rotate(0deg) scale(1);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-o-keyframes rotateScale {
    from {
        transform: rotate(0deg) scale(1);
    }
    to { 
        transform: rotate(360deg);
    }
}






@keyframes slide-2{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide-2{
from { background-position: 0 0; }
  to { background-position: 1920px 0; }
}






@font-face {
  font-family: "Flaticon";
  src: url("../fonts/flaticon.eot");
  src: url("../fonts/flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/flaticon.woff") format("woff"),
       url("../fonts/flaticon.ttf") format("truetype"),
       url("../fonts/flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.svg#Flaticon") format("svg");
  }
}



[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
	font-style: normal;
}
.flaticon-location-marker:before {
  content: "\f102";
}
.flaticon-opened:before {
  content: "\f10c";
}
.flaticon-plus:before {
  content: "\f10e";
}
.flaticon-right-arrow-1:before {
  content: "\f115";
}
.flaticon-phone-call-1:before {
  content: "\f122";
}
.flaticon-clock-1:before {
  content: "\f124";
}
.flaticon-play-button-2:before {
  content: "\f127";
}
.flaticon-engineer:before {
  content: "\f12b";
}
.flaticon-school:before {
  content: "\f12d";
}
.flaticon-wrench:before {
  content: "\f12e";
}
.flaticon-checked:before {
  content: "\f12f";
}
.flaticon-compliance:before {
  content: "\f130";
}
.flaticon-complete:before {
  content: "\f131";
}
.flaticon-like:before {
  content: "\f133";
}
.flaticon-sharing:before {
  content: "\f134";
}
.flaticon-medal:before {
  content: "\f135";
}
.flaticon-satisfied:before {
  content: "\f137";
}
.flaticon-broken-house:before {
  content: "\f139";
}
.flaticon-roof-1:before {
  content: "\f13b";
}
.flaticon-roof-3:before {
  content: "\f13d";
}
.flaticon-roof-4:before {
  content: "\f13e";
}
.flaticon-roof-5:before {
  content: "\f13f";
}
.flaticon-open-mail:before {
  content: "\f14c";
}
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    font-display: swap;
    src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-star:before {
    content: "\f005"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-instagram:before {
    content: "\f16d"
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?vdw2jk');
  src:  url('../fonts/icomoon.eot?vdw2jk#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vdw2jk') format('truetype'),
    url('../fonts/icomoon.woff?vdw2jk') format('woff'),
    url('../fonts/icomoon.svg?vdw2jk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-right-arrow-1:before {
  content: "\e928";
}


.icon-close:before {
  content: "\e954";
}














/*==============================================
    Main Header Css        
===============================================*/
.main-header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
    margin: 0px;
	z-index: 999;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}



.header-style-one {
    position: relative;
}

  

.header {
    position: relative;
    display: block;
    background: #ffffff;
}
.header .auto-container{
    max-width: 1200px;
    padding: 0 15px;
}
.header .outer-box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0;
}


.header-left {
    position: relative;
    display: block;
}
.header-left .logo {
    position: relative;
    display: block;
}
.header-left .logo a{
    position: relative;
    display: inline-block;
}
.header-left .logo a img{
    height: 80px;
    width: auto;
}


.header-middle {
    position: relative;
    display: block;
}
.header-middle .nav-outer {
    position: relative;
    display: block;
    float: left;
    z-index: 2;
}

.main-menu.style1{}
.main-menu {
    position: relative;
    display: block;
    float: left;
}
.main-menu .navbar-collapse{
	padding:0px;
	display:block !important;
}
.main-menu .navigation {
	position: inherit;
	display: block;
}
.main-menu .navigation> li {
    position: inherit;
    display: inline-block;
    float: left;
    margin-right: 40px;
}
.main-menu .navigation> li:last-child{
    margin-right: 0;
}
.main-menu .navigation>li>a {
    position: relative;
    display: block;
    padding: 30px 0px 30px;
    color: #172746;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 500ms ease;
    font-family: var(--thm-font-2);
    opacity: 1;
    z-index: 1;
}
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a{
    color: var(--thm-base);
}
.main-menu .navigation>li.dropdown>a {
    padding-right: 15px;    
}
.main-menu .navigation>li.dropdown>a:after {
    position: absolute;
    right: 0px;
    font-family: Fontawesome;
    content: "\f107";
    font-size: 16px;
    font-weight: 100;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}


.main-menu .navigation> li> ul {
	position: absolute;
	top: 90%;
    left: inherit;
	width: 250px;
	padding: 0px 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
    transform: translateY(30px);
    transition:all 100ms ease;
	z-index: 100;
}
.main-menu .navigation> li> ul:before{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--thm-base);
    border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    z-index: -1;
}
.main-menu .navigation> li.dropdown:hover> ul{
	opacity:1;
	visibility:visible;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
    transform: translateY(0);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}
.main-menu .navigation> li> ul> li{
	position: relative;
    display: block;
    padding: 0 20px;
	width: 100%;
}
.main-menu .navigation> li> ul> li> a {
	position: relative;
	display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	padding: 13px 0px 13px;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
	text-transform: capitalize;
	transition: all 500ms ease;
    letter-spacing: 0.03em;
    font-family: var(--thm-font-2);
}
.main-menu .navigation> li> ul> li:last-child> a{
    border: none;
} 
.main-menu .navigation> li> ul> li> a:before{
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 2px;
    left: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 48px;
    color: #ffffff;
    transform: scaleX(0);
	transition: all 500ms ease;
}
.main-menu .navigation> li> ul> li:hover> a:before{
    transform: scaleX(1.0);
}
.main-menu .navigation> li> ul> li> a:hover{
    color: #f0ebeb; 
    padding-left: 15px; 
}
.main-menu .navigation> li> ul> li:hover > a {
    color: #f0ebeb; 
    padding-left: 15px; 
}
.main-menu .navigation> li> ul> li.dropdown a{}
.main-menu .navigation> li> ul> li.dropdown> a:after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    font-family: FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    margin: 12px 0;
    text-align: right;
    z-index: 5;
}



.main-menu .navigation> li> ul> li> ul {
	position: absolute;
	top: 0%;
	left: 100%;
	width: 250px;
	padding: 0;
	display: none;
    border-left: 0px solid transparent;
    padding-left: 10px;
    border-radius: 10px;
    -moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
    transform: translateY(30px);
    transition:all 100ms ease;
	z-index: 100;
}
.main-menu .navigation> li> ul> li> ul:before{
    position: absolute;
    top: 0px;
    left: 10px;
    right: 0;
    height: 100%;
    content: '';
    background: var(--thm-base);
    border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    z-index: -1;
}

.main-menu .navigation li> ul> li.dropdown:hover ul {
	opacity:1;
	visibility:visible;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}
.main-menu .navigation>li>ul>li>ul> li {
	position: relative;
    display: block;
    padding: 0 20px;
	width: 100%;
}
.main-menu .navigation> li> ul> li> ul> li> a {
	position: relative;
	display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	padding: 13px 0px 13px;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
	text-transform: capitalize;
	transition: all 500ms ease;
    letter-spacing: 0.03em;
    font-family: var(--thm-font-2);
}
.main-menu .navigation> li> ul> li> ul> li:last-child> a{
    border: none;
}
.main-menu .navigation> li> ul> li> ul> li> a:hover {
    color: #f0ebeb; 
    padding-left: 15px;
}
.main-menu .navigation> li> ul> li> ul> li> a:before{
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 2px;
    left: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 48px;
    color: #f0ebeb;
    transform: scaleX(0);
	transition: all 500ms ease;
}
.main-menu .navigation> li> ul> li> ul> li:hover> a:before{
    transform: scaleX(1.0);
}


/** Megamenu Style **/



.header-right {
    position: relative;
    display: flex;
    align-items: center;
}

.header-right_buttom {
    position: relative;
    display: block;
    margin-left: 30px;
}
.header-right_buttom .btns-box {
    position: relative;
    display: block;
    line-height: 0;
}



/*** 
=====================================================
	Main Header style Two Css
=====================================================
***/
.header-style-two {
    position: relative;
}


.header-style-two .header {
    box-shadow: 0px 20px 40px 0px rgba(23, 39, 70, 0.05);
}


/* Sticky header — main header becomes fixed on scroll, same appearance */
.main-header.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #ffffff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.10);
    animation: fadeInDown 0.4s ease;
    animation-fill-mode: both;
}


/*** 
=====================================================
	Main Slider style
=====================================================
***/
.main-slider {
    position: relative;
    display: block;
    background: #ffffff;
    z-index: 10;
}
.main-slider.style1 {
    background: #f8f5ee;
}
.main-slider.style1 .shape1 {
    position: absolute;
    top: -100px;
    left: -30px;
}
.main-slider.style1 .shape2 {
    position: absolute;
    top: -30px;
    right: 70px;
    opacity: 0.05;
}
.main-slider.style1 .shape5 {
    position: absolute;
    left: 0px;
    bottom: -30px;
    right: 0;
    height: 582px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}


.main-slider .slide {
    position: relative;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.main-slider .content{
	position:relative;
	z-index:11;
}



.main-slider.style1 .slide {
    position: relative;
    display: block;
    overflow: hidden;
    background: #1f2021;
}
.banner-bottom-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 133px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    z-index: 100;
    overflow: hidden;
}
.main-slider.style1 .content {
    position: relative;
    min-height: 880px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 130px;
}
.main-slider .auto-container{
    position: relative;
}
.main-slider .content .big-title{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
	opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 10;
}
.main-slider .active .content .big-title{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;   
}
.main-slider .content .big-title h2{
	color: #ffffff;
	font-size: 60px;
	line-height: 1.30em;
	font-weight: 800;
    text-transform: capitalize;
    width: 100%;
}

.main-slider .content .text{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
	opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(120px);
    transform: perspective(400px) rotateY(0deg) translateY(120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 10;
}
.main-slider .active .content .text{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;   
}
.main-slider .content .text p{
	color: #ffffff;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
    text-transform: none;
}


.main-slider .content .btns-box{
	position: relative; 
    display: block;
    overflow: hidden;
    width: 100%;
    line-height: 0;
	opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    z-index: 10;
}
.main-slider.style1 .content .btns-box{
    display: flex;
    align-items: center;
}
.main-slider .active .content .btns-box{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -ms-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms; 
}
.main-slider .active .content .btns-box a+a{
    margin-left: 20px;
}

.main-slider.style1 .shape3 {
    position: absolute;
    top: 0px;
    right: 0;
    opacity: 0.05;
    -webkit-transform: perspective(400px) translateX(100%);
    -ms-transform: perspective(400px) translateX(100%);
    transform: perspective(400px) translateX(100%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    z-index: 1;
}
.main-slider.style1 .active .shape3{
    opacity: 0.05;
    -webkit-transform: perspective(400px) translateX(0px);
    -ms-transform: perspective(400px) translateX(0px);
    transform: perspective(400px) translateX(0px);
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -ms-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms;     
}
.main-slider.style1 .shape4 {
    position: absolute;
    left: 0px;
    bottom: 0;
    -webkit-transform: perspective(400px) translateY(100%);
    -ms-transform: perspective(400px) translateY(100%);
    transform: perspective(400px) translateY(100%);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    z-index: 1;
}
.main-slider.style1 .active .shape4{
    -webkit-transform: perspective(400px) translateY(0px);
    -ms-transform: perspective(400px) translateY(0px);
    transform: perspective(400px) translateY(0px);
    -webkit-transition-delay: 3000ms;
    -moz-transition-delay: 3000ms;
    -ms-transition-delay: 3000ms;
    -o-transition-delay: 3000ms;
    transition-delay: 3000ms;     
}


.slide-round-image-box{
    position: absolute;
    top: 100px;
    right: -120px;
    width: 612px;
    height: 612px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) scale(0);
    -ms-transform: perspective(400px) rotateY(0deg) scale(0);
    transform: perspective(400px) rotateY(0deg) scale(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
}
.slide-round-image-box:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(var(--thm-primary-rgb), .80);
    z-index: -1;
}
.main-slider.style1 .active .slide-round-image-box {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) rotateY(0deg) scale(1);
    transform: perspective(400px) rotateY(0deg) scale(1);
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -ms-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms;
}



/*** 
=====================================================
	Main Slider style2 style
=====================================================
***/
.main-slider.style2 {

}
.main-slider.style2 {
    background-color: rgb(248, 245, 238);
}
.main-slider.style2 .slide {
    position: relative;
    display: block;
    overflow: hidden;
    background: #f8f5ee;
    min-height: 740px;
}
.main-slider.style2 .auto-container {
    max-width: 100%;
    padding-left: 220px;
    padding-right: 70px;
}

.main-slider.style2 .content {
    position: relative;
    min-height: 740px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main-slider.style2 .content .big-title h2 {
    color: #252628;
}
.main-slider.style2 .content .text p {
    color: #252628;
}
.main-slider.style2 .content a.btn-one.style2:after {
    background-color: var(--thm-primary);
}


.main-slider.style2 .shape1{
    position: absolute;
    top: 0;
    left: 0;
}
.main-slider.style2 .shape2{
    position: absolute;
    top: 0;
    left: 0;
}
.main-slider.style2 .shape3 {
    position: absolute;
    left: -190px;
    bottom: -110px;
}
.main-slider.style2 .shape4 {
    position: absolute;
    top: 180px;
    left: 50%;
}



/*** 
=====================================================
	Main Slider style3 style
=====================================================
***/


/*** 
=============================================
    About Style1 Area Css   
=============================================
***/



/*** 
=============================================
    About Style2 Area Css   
=============================================
***/



/*** 
=============================================
    About Style3 Area Css   
=============================================
***/




/*** 
=============================================
    Faq Style1 Area Css
=============================================
***/
.faq-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 0px 0 0px;
}
.faq-style1-area.pdtop150{
    padding-top: 150px;
}

.faq-style1__content {
    position: relative;
    display: block;
    padding-bottom: 145px;
}
.faq-style1__content .sec-title{
    padding-bottom: 23px;
}
.faq-style1__content .inner-content{
    position: relative;
    display: block;
}
.faq-style1__content .inner-content .text{
    position: relative;
    display: block;
    padding-bottom: 25px;
}
  
.accordion-box{
     position: relative;
     display: block;
}
.accordion-box .block{
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.accordion-box .block:last-child{
    margin-bottom: 0px;
}
.accordion-box .block .acc-content.current{
    display:block;  
}
.accordion-box .block .acc-btn {
    position: relative;
    display: block;
    background: #fff;
    padding: 16px 70px 16px 0px;
    cursor: pointer;
    transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active{
   
}

.accordion-box .block .acc-btn h3{
    color: #252628;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active h3{
    color: var(--thm-base);
}
.accordion-box .block .acc-btn h3 b {
    position: relative;
    display: inline-block;
    color: var(--thm-base);
    font-size: 20px;
    font-weight: 700;
    padding-right: 20px;
    width: 20px;
    margin-right: 20px;
}
  
.accordion-box .block .acc-btn .icon-outer{
    position: absolute;
    top: 50%;
    right: 0px;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--thm-base-rgb), .10);
    border-radius: 50%;
    color: var(--thm-base);
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    transform: translateY(-50%);
    transition: all 500ms ease;
    z-index: 1;
}
.accordion-box .block .acc-btn.active .icon-outer{
    color: #ffffff;
    background: var(--thm-base);
}
.accordion-box .block .acc-btn.active .icon-outer i:before {
    position: relative;
    font-size: 16px;
    font-family: flaticon !important;
    font-weight: 400;
    margin: 0px;
    content: "\f113";
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
    padding-top: 10px;
    padding-left: 45px;
    padding-right: 120px;
}
.accordion-box .block .acc-content p{
    margin: 0;
}



.faq-style1__image {
    position: relative;
    display: block;
    margin-top: -23px;
    z-index: 1;
}
.faq-style1__image .inner{
    position: relative;
    display: block;
}
.faq-style1__image .inner img {
    max-width: none;
    float: left;
}

.faq-style1__image .shape1 {
    position: absolute;
    top: 200px;
    left: 150px;
}
.faq-style1__image .shape2 {
    position: absolute;
    right: -150px;
    bottom: -50px;
}





/*** 
=============================================
    Faq Style1 Faq Page Css
=============================================
***/






.contact-info-area{
    position: relative;
    display: block;
    margin-top: -180px;
    z-index: 10;
}
.single-contact-info-box{
    position: relative;
    display: block;
    background: #ffffff;
    text-align: center;
    padding: 90px 0 47px;
    border-radius: 20px;
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);
    margin-bottom: 30px;
    z-index: 2;
}
.single-contact-info-box .icon{
    position: relative;
    display: block;
    line-height: 0;
    z-index: 1;
}
.single-contact-info-box .icon .shape-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: #fef4f4;
    border-radius: 50%;
    margin: 0 auto;
    z-index: -1;
}
.single-contact-info-box .icon span::before {
    color: var(--thm-base);
    font-size: 60px;
    line-height: 55px;
}


.single-contact-info-box .text{
    position: relative;
    display: block;
    padding-top: 24px;
}
.single-contact-info-box .text h4{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
}
.single-contact-info-box .text h4 a{
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-contact-info-box .text h4 a:hover{
    color: var(--thm-base);
}
.single-contact-info-box .text p{
    font-size: 16px;
    margin: 0;
}




/*** 
=============================================
    Contact Form Area Css
=============================================
***/
.main-contact-form-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 90px;
}

.main-contact-form-area .sec-title {
    margin-top: -12px;
}
.contact-style1_form {
    position: relative;
    display: block;
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
}
.contact-form {
    position: relative;
    display: block;
}
.contact-form form{
    position: relative;
    display: block;
}
.contact-form form .input-box{
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea{
    position: relative;
    display: block;   
    background: #ffffff;
    width: 100%;
    height: 55px;
    border: 1px solid #e5e5e5;
    color: #808080;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 27px;
    transition: all 500ms ease;
    font-family: var(--thm-font);
}
.contact-form form textarea {
    height: 150px;
    padding-top: 12px;
    padding-left: 25px;
    border-radius: 25px;
    border-radius: 27px;
}


.contact-form form input[type="text"]::-webkit-input-placeholder {
    color: #808080;
}
.contact-form form input[type="text"]:-moz-placeholder {
    color: #808080;
}
.contact-form form input[type="text"]::-moz-placeholder {
    color: #808080;
}
.contact-form form input[type="text"]:-ms-input-placeholder {
    color: #808080;
}
.contact-form form input[type="email"]::-webkit-input-placeholder {
    color: #808080;
}
.contact-form form input[type="email"]:-moz-placeholder {
    color: #808080;
}
.contact-form form input[type="email"]::-moz-placeholder {
    color: #808080;
}
.contact-form form input[type="email"]:-ms-input-placeholder {
    color: #808080;
}
.contact-form form textarea::-webkit-input-placeholder {
    color: #808080;
}
.contact-form form textarea:-moz-placeholder {
    color: #808080;
}
.contact-form form textarea::-moz-placeholder {
    color: #808080;
}
.contact-form form textarea:-ms-input-placeholder {
    color: #808080;
}

.contact-form form .button-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-form form .button-box button{
    position: relative;
    display: block;
}











/*** 
=============================================
    Google Map Area Css
=============================================
***/
.google-map-area{
    position: relative;
    display: block;
    padding-bottom: 0px;
}
.google-map-area .container-fluid{
    padding: 0;
}











/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 149px 0 153px;
    z-index: 10;
}
.breadcrumb-area-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.01);
    z-index: 1;
}
.breadcrumb-area-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(15, 20, 29, 0.9) 0%, rgba(15, 20, 29, 0.76) 48%, rgba(15, 20, 29, 0.54) 100%);
    opacity: 1;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.breadcrumb-area .inner-content {
    position: relative;
    display: block;
}
.breadcrumb-area .title {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 11px;
    z-index: 1;
}
.breadcrumb-area .title h2{
    color: #ffffff;
    font-size: 44px;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: capitalize;
}

.breadcrumb-menu{
    position: relative;
    display: block;
    line-height: 0;
    z-index: 1;
}
.breadcrumb-menu ul {
    position: relative;
    display: block;
    overflow: hidden;
}
.breadcrumb-menu ul li {
    position: relative;
    display: inline-block;
    float: left;
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    text-transform: capitalize;
    margin-right: 10px;
    font-family: var(--thm-font);
}
.breadcrumb-menu ul li i:before {
    position: relative;
    top: 0px;
    display: inline-block;
    font-size: 18px;
}
.breadcrumb-menu ul li a {
    color: #ffffff;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.breadcrumb-menu ul li:hover a,
.breadcrumb-menu ul li.active{
    color: var(--thm-base);
}







/*** 
=============================================
   Testimonial Style1 Area Css
=============================================
***/
.testimonials-style1-area{
    position: relative;
    display: block;
    margin-bottom: 80px;
}
.testimonials-style1-area .shape3{
    position: absolute;
    top: 70px;
    right: 10%;
}

.testimonials-style1__image{
    position: relative;
    display: block;
    padding-top: 70px;
}
.testimonials-style1__image .shape {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.testimonials-style1__image .shape1{
    position: absolute;
    top: 150px;
    left: -30px;
}
.testimonials-style1__image .shape2{
    position: absolute;
    top: 37%;
    right: 80px;
}



.testimonials-style1__content{
    position: relative;
    display: block;
    padding-top: 190px;
    padding-left: 40px;
}
.testimonials-style1__content .sec-title{
    padding-bottom: 33px;    
}
.single-testimonials-style1{
    position: relative;
    display: block;
}
.single-testimonials-style1 .text{
    position: relative;
    display: block;
    padding-bottom: 31px;
}
.single-testimonials-style1 .text p{
    color: #252628;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
    font-family: var(--thm-font-2);
}

.single-testimonials-style1 .client-info{
    position: relative;
    display: flex;
    align-items: center;
}
.single-testimonials-style1 .client-info .img-box{
    width: 70px;
}
.single-testimonials-style1 .client-info .img-box img{
    width: 100%;
    border-radius: 50%;
}
.single-testimonials-style1 .client-info .title-box{
    position: relative;
    display: block;
    padding-left: 20px;
}
.single-testimonials-style1 .client-info .title-box h3{
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 5px;
}
.single-testimonials-style1 .client-info .title-box span{
    color: #727272;
    margin: 0;
}





/*** 
=============================================
   Testimonial Style2 Area Css
=============================================
***/




/*** 
=============================================
   Testimonial Style3 Area Css
=============================================
***/
.testimonials-style3-area{
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 150px;
    padding-bottom: 150px;
    z-index: 1;
}
.testimonials-style3-area.pdbtm60{
    padding-bottom: 60px;
}


.single-testimonials-style2{
    position: relative;
    display: block;
    padding-top: 45px;
    z-index: 2;
}
.single-testimonials-style2 .img-box{
    position: absolute;
    top: 0;
    right: 40px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    z-index: 2;
}
.single-testimonials-style2 .img-box img{
    width: 100%;
    border-radius: 50%;
}

.single-testimonials-style2 .inner{
    position: relative;
    display: block;
    padding: 40px 40px 34px;
    border-radius: 15px;
}

.single-testimonials-style2 .review-box{
    position: relative;
    display: block;
}
.single-testimonials-style2 .text {
    position: relative;
    display: block;
    padding: 21px 0 17px;
}
.single-testimonials-style2 .text p{
    color: #252628;
    font-size: 15px;
    line-height: 28px;
    margin: 0;
}

.single-testimonials-style2 .client-info{
    position: relative;
    display: block;    
}
.single-testimonials-style2 .client-info h3{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 3px;
}
.single-testimonials-style2 .client-info span{}



/*** 
=============================================
   Testimonial Style2 Testimonail Page Css
=============================================
***/



/*** 
=============================================
   Testimonial Style2 Testimonail Page Css
=============================================
***/






/*** 
=============================================
    service Style1 Area Css
=============================================
***/
.service-style1-area{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 150px 0 150px;
    overflow: hidden;
    z-index: 1;
}


.service-style1-area .shape1{
    position: absolute;
    left: 10%;
    bottom: 120px;
}

.single-service-style1{
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
    margin: 0 auto 50px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);
}
.single-service-style1 .img-holder{
    position: relative;
    display: block;
    z-index: 1;
}
.single-service-style1 .img-holder .shape-bg{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 2;
}
.single-service-style1 .img-holder .inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 2;
}
.single-service-style1 .img-holder .inner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: rgba(var(--thm-base-rgb), .70);
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) scaleX(0);
    -ms-transform: perspective(400px) scaleX(0);
    transform: perspective(400px) scaleX(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    z-index: 1;
}
.single-service-style1:hover .img-holder .inner:before{
    opacity: 1;
    -webkit-transform: perspective(400px) scaleX(1.0);
    -ms-transform: perspective(400px) scaleX(1.0);
    transform: perspective(400px) scaleX(1.0);
}
.single-service-style1 .img-holder img{
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-service-style1:hover .img-holder img{
    transform: scale(1.1) rotate(1deg);
}


.single-service-style1 .title-holder {
    position: relative;
    display: block;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
}
.single-service-style1 .title-holder .icon {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 40px;
    z-index: 1;
}
.single-service-style1 .title-holder .icon span::before{
    color: var(--thm-base);
    font-size: 60px;
    line-height: 60px;
    transition: all 500ms ease;
}
.single-service-style1 .title-holder .icon .shape1{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(var(--thm-base-rgb), .05);
    margin: 0 auto;
    z-index: -1;
}
.single-service-style1 .title-holder .icon .shape1::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 50%;
    z-index: -1;
    background-color: rgba(var(--thm-base-rgb), 1.0);
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}
.single-service-style1:hover .title-holder .icon .shape1::after{
    transform: scaleX(1.0);   
}
.single-service-style1:hover .title-holder .icon span::before{
    color: #ffffff;
}


.single-service-style1 .title-holder h3{
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 15px;
}
.single-service-style1 .title-holder h3 a{
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-service-style1 .title-holder h3 a:hover{
    color: var(--thm-base);
}
.single-service-style1 .title-holder .inner-text{
    position: relative;
    display: block;
}
.single-service-style1 .title-holder .inner-text p{
    margin: 0;
}


.single-service-style1 .title-holder .readmore-button{
    position: relative;
    display: block;
    margin-top: 22px;
}
.single-service-style1 .title-holder .readmore-button a{
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-color: rgba(var(--thm-base-rgb), 0.05);
    border-radius: 50%;
    color: var(--thm-base);
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    webkit-transition-duration: 800ms;
    transition-duration: 800ms;
}
.single-service-style1 .title-holder .readmore-button a:hover{
    color: #ffffff;
    background-color: rgba(var(--thm-base-rgb), 1.0); 
    transform: rotate(360deg); 
}
.service-style1_btns-box {
    position: relative;
    display: block;
    padding-top: 10px;
    line-height: 0;
}



/*** 
=============================================
    service Style2 Area Css
=============================================
***/
.service-style2-area{
    position: relative;
    display: block;
    background: #f8f5ee;
    padding: 150px 0 150px;
    overflow: hidden;
    z-index: 1;
}
.service-style2-area.pdbtm120{
    padding-bottom: 120px;
}

.service-style2-area .shape1{
    position: absolute;
    left: 10%;
    bottom: 120px;
}
.service-style2-area .shape2 {
    position: absolute;
    top: -150px;
    right: 100px;
}
.service-style2-area .shape3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.service-style2-area .shape4{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.service-style2-area .shape5{
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: -1;
}



/*** 
=============================================
    service Style3 Area Css
=============================================
***/
.service-style2-area .col-xl-4 {
    display: flex;
}
.single-service-style1--style2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}
.single-service-style1--style2 .title-holder {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 50px;
}
.single-service-style1--style2 .inner-text {
    flex: 1;
}
.single-service-style1--style2 .readmore-button {
    margin-top: auto;
}































/*** 
=============================================
    Service Details Area Css
=============================================
***/
.service-details-area{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 150px 0 100px;
}




.thm-sidebar-box{
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
}
.sidebar-title{
    position: relative;
    display: block;
    line-height: 0;
    padding-bottom: 12px;
}
.sidebar-title h3{
    font-size: 24px;
    line-height: 26px;
}



  



.single-sidebar {
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 45px 39px 41px;
}
.single-sidebar .service-page-link{
    position: relative;
    display: block;
}
.single-sidebar .service-page-link li{
    position: relative;
    display: block;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e5e5e5;
}
.single-sidebar .service-page-link li:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .service-page-link li a{
    position: relative;
    display: block;
    padding-left: 30px;
    color: #252628;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--thm-font-2); 
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;       
}
.single-sidebar .service-page-link li a:hover{
    color: var(--thm-base);
    padding-left: 40px;
}

.single-sidebar .service-page-link li a:before{
    content: "\f141";
    font-family: flaticon !important;
    position: absolute;
    left: 0;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;  
}
.single-sidebar .service-page-link li a:hover:before{
    transform: scaleY(0);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;  
}
.single-sidebar .service-page-link li a:after {
    content: "\f144";
    font-family: flaticon !important;
    position: absolute;
    left: 0;
    font-size: 20px;
    transform: scaleY(0) rotate(45deg);
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear; 
}
.single-sidebar .service-page-link li a:hover:after{
    transform: scaleY(1.0) rotate(45deg);
}





.service-details-content{
    position: relative;
    display: block;
}
.service-details-top-text{
    position: relative;
    display: block;
    margin-top: -9px;
}
.service-details-top-text h2{
    font-size: 44px;
    line-height: 54px;
    margin: 0 0 22px;
}
.service-details-top-text p{
    color: #252628;
}

.service-details-text1 {
    position: relative;
    display: block;
    padding: 36px 0 54px;
}
.service-details-text1 .text{
    position: relative;
    display: block;
    margin-top: -7px;
}
.service-details-text1 .text h3{
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 25px;
}
.service-details-text1 .image-box{
    position: relative;
    display: block;
}
.service-details-text1 .image-box img {
    width: 100%;
    border-radius: 20px;
}

.service-details-text2{
    position: relative;
    display: block;
}
.service-details-text2 h3{
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 25px;
}
.service-details-text2 ul{
    position: relative;
    display: block;
}
.service-details-text2 ul li{
    position: relative;
    display: block;
    padding-left: 20px;
    margin-bottom: 10px;
}
.service-details-text2 ul li:last-child{
    margin-bottom: 0;
}
.service-details-text2 ul li:before{
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #b0b0b0;
    border-radius: 50%;
}
.service-details-text2 ul li:last-child{
    margin-bottom: 0;
}



.service-details-text3{
    position: relative;
    display: block;
    padding-top: 46px;
}
.service-details-text3 .inner-title{
    position: relative;
    display: block;
    padding-bottom: 31px;
}
.service-details-text3 .inner-title h3{
    font-size: 24px;
    line-height: 34px;
}
.service-details-text3 .single-box{
    position: relative;
    display: block;
    margin-bottom: 42px;
}
.service-details-text3 .single-box .counting{
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);
    padding: 8px;
}
.service-details-text3 .single-box .counting .inner{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--thm-base);
    border-radius: 50%;
    color: #ffffff;
    font-size: 20px;
    line-height: 44px;
    text-align: center;
    font-weight: 600;
    font-family: var(--thm-font-2);
}
.service-details-text3 .single-box .text{
    position: relative;
    display: block;
    padding-top: 22px;
}
.service-details-text3 .single-box .text h3{
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 14px;
}
.service-details-text3 .single-box .text p{
    margin: 0;
}

/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    position: relative;
    display: block;
    z-index: 10;
}

.footer {
    position: relative;
    display: block;
    padding: 340px 0 110px;
    z-index: 1;
}
.footer-bg{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -1;
}

.single-footer-widget {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget.margin__top{
    margin-top: 21px;
}
.single-footer-widget .title {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: -7px;
    margin-bottom: 45px;
}
.single-footer-widget .title h3{
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 14px;
}


.single-footer-widget .our-company-info {
    position: relative;
    display: block;
}
.single-footer-widget .our-company-info .footer-logo{
    position: relative;
    display: block;
    margin-bottom: 33px;
}
.single-footer-widget .our-company-info .footer-logo a{
    position: relative;
    display: inline-block;
}
.single-footer-widget .our-company-info .footer-logo a img{
    height: 130px;
    width: auto;
}
.single-footer-widget .our-company-info .text-box {
    position: relative;
    display: block;
}
.single-footer-widget .our-company-info .text-box p{
    color: #ffffff;
    margin: 0;
}
.single-footer-widget .open-hours{
    position: relative;
    display: block;
    margin-top: 31px;
}
.single-footer-widget .open-hours h3 {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin: 0 0 13px;
}
.single-footer-widget .open-hours ul{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget .open-hours ul li{
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}


.footer-widget-contact-info{
    position: relative;
    display: block;
}
.footer-widget-contact-info ul{
    position: relative;
    display: block;
    overflow: hidden;
}
.footer-widget-contact-info ul li{
    position: relative;
    display: block;
    margin-bottom: 21px;
}
.footer-widget-contact-info ul li:last-child{
    margin-bottom: 0;
}
.footer-widget-contact-info ul li .inner{
    position: relative;
    display: block;
    padding-left: 35px;
}
.footer-widget-contact-info ul li .inner .icon{
    position: absolute;
    top: 0;
    left: 1px;
    color: var(--thm-base);
    font-size: 20px;
}
.footer-widget-contact-info ul li .inner .text{
    position: relative;
    display: block;
}
.footer-widget-contact-info ul li .inner .text p{
    color: #ffffff;
    margin: 0;
}
.footer-widget-contact-info ul li .inner .text p a{
    color: #ffffff;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    word-break: break-all;
}
.footer-widget-contact-info ul li .inner .text p a:hover{
    color: var(--thm-base);
}


.footer-widget-links{
    position: relative;
    display: block;
    margin-top: -2px;
}
.footer-widget-links ul{
    position: relative;
    display: block;
    overflow: hidden;
}
.footer-widget-links ul li{
    position: relative;
    display: block;
    line-height: 30px;
    margin-bottom: 11px;
}
.footer-widget-links ul li:last-child{
    margin-bottom: 0;
}
.footer-widget-links ul li a{
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.footer-widget-links ul li a:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 5px;
    right: 0;
    height: 1px;
    background: var(--thm-base);
    transition: .5s;
    transform: perspective(400px) scaleX(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    z-index: 2;    
}
.footer-widget-links ul li a:hover:before{
    transform: perspective(400px) scaleX(1.0);
}
.footer-widget-links ul li a:hover{
    color: var(--thm-base);
}


.footer-bottom{
    position: relative;
    display: block;
    background: #0c0c0d;
    padding: 20px 0px 20px;
}
.footer-bottom .bottom-inner{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.footer-bottom .bottom-inner .copyright{
    position: relative;
    display: block;
}
.footer-bottom .bottom-inner .copyright p{
    color: #ffffff;
    margin: 0;
}
.footer-bottom .bottom-inner .copyright p a{
    color: var(--thm-base);
}


.footer-social-link{
    position: relative;
    display: block;
}
.footer-social-link ul{}
.footer-social-link ul li{
    position: relative;
    display: inline-block;
    float: none;
    margin: 0 3px;
}
.footer-social-link ul li a{
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    color: #ffffff;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}
.footer-social-link ul li a:before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--thm-base);
    content: "";
    border-radius: 50%;
    z-index: -1;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}
.footer-social-link ul li:hover a:before{
    transform: scaleX(1.0);      
}
.footer-social-link ul li:hover a{
    color: #ffffff;
}


.footer-menu{
    position: relative;
    display: block;
}
.footer-menu .footer-nav{
    position: relative;
    display: block;
    overflow: hidden;
}
.footer-menu .footer-nav li{
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 15px;
    margin-right: 15px;
}
.footer-menu .footer-nav li:before{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    width: 1px;
    background: #ffffff;
}
.footer-menu .footer-nav li:last-child:before{
    display: none;
}
.footer-menu .footer-nav li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.footer-menu .footer-nav li a{
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
}
.footer-menu .footer-nav li a:hover{
    color: #ffffff;
}

/* RoofPlan HTML5 Template  */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Hidden Sidebar
6. Banner Section
7. Page Title
8. Section Banner
9. Section Title
10. About Section
11. Blog Section

**********************************************/



:root {
    --thm-font: 'Poppins', sans-serif;
    --thm-font-2: 'Montserrat', sans-serif;
    --thm-gray: #808080;
    --thm-black: #252628;
    --thm-base: #ed202b;
    --thm-base-rgb: 237, 32, 43;
    --thm-primary: #e7bd1a;
    --thm-primary-rgb: 231, 189, 26;
}
  






/*==============================================
   Base Css
===============================================*/
*{
	margin:0px;
	padding:0px;
	border: none;
	outline: none;
	font-size: 100%;
}
html,
body { 
    height: 100%;
}
body {
    color: var(--thm-gray);
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    font-family: var(--thm-font);
}
button:focus{
    outline: none;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
h1, h2, h3, h4, h6 {
    color: var(--thm-black);
    font-weight: 700;
    line-height: 1.25em;
    font-family: var(--thm-font-2);
    margin: 0;
}


a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}
.sp{
    padding: 150px 0;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}


img {
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}



i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

li{
    margin: 0;
    padding: 0;    
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}



.btn-one {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
    background-color: transparent;
    color: #ffffff;
    font-size: 16px;
    line-height: 55px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 30px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
    font-family: var(--thm-font-2);
    z-index: 2;
}
.btn-one:before {
    position: absolute;
    top: 110px;
    left: -50px;
    right: -50px;
    height: 170px;
    content: "";
    background: var(--thm-black);
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px);
    border-radius: 50%;
    webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: 1;
}
.btn-one:hover:before{
    top: 0%;
    left: -70px;
    right: -70px;
}
.btn-one:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-radius: 30px;
    background-color: var(--thm-base);
    opacity: 1;
    transform: scaleX(1.0);
    webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: -1;
}
.btn-one:hover:after{
    transform: scaleX(0);
    webkit-transition-duration: 1500ms;
    transition-duration: 1500ms;
} 


.btn-one.style2{
    color: #252628;
}
.btn-one.style2:after{
    background-color: #ffffff;
}
.btn-one.style2:hover:after{
    transform: scaleX(0);
    webkit-transition-duration: 1500ms;
    transition-duration: 1500ms;
}
.btn-one.style2:before{
    background-color: var(--thm-base);
}


.btn-one .txt {
    position: relative;
    z-index: 1;
}
.btn-one:hover,
.btn-one:focus{
    color: #ffffff;
} 






/*___ owl Nav Dot Style _____*/




@keyframes pulse {
    50% {
        box-shadow: 0 0 0 5px rgba(255,255,255,.1),
        0 0 0 20px rgba(238, 238,238, 0.3000);
    }
}

@keyframes pulse2 {
    50% {
        box-shadow: 0 0 0 5px rgba(255,231,1,.1),
        0 0 0 20px rgba(255, 231,1, 0.3000);
    }
}




.boxed_wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden !important;  
    background: #ffffff none repeat scroll 0 0;
    width: 100%;
    min-width: 320px;
}






/** search pop-up style **/
.search-popup{
    position:fixed;
    left:0;
    top:0px;
    width:100%;
    height:100%;
    z-index:99999;
    visibility:hidden;
    opacity:0;
    overflow:auto;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transform:translateY(101%);
    -ms-transform:translateY(101%);
    transform:translateY(101%);
    transition:all 700ms ease;
    -moz-transition:all 700ms ease;
    -webkit-transition:all 700ms ease;
    -ms-transition:all 700ms ease;
    -o-transition:all 700ms ease;
}
.search-popup.popup-visible{
    -webkit-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%);
    visibility:visible;
    opacity:1;
}
.search-popup .overlay-layer{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    display:block;
}
.search-popup .close-search{
    position:absolute;
    right:25px;
    top:25px;
    font-size:22px;
    color:#ffffff;
    cursor:pointer;
    z-index:5;
    transition: all 500ms ease;
}
.search-popup .search-form{
    position: relative;
    padding: 0px 15px 0px;
    max-width: 1024px;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 100px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    z-index: 10;
}
.search-popup.popup-visible .search-form {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition: all 500ms ease 500ms;
    -moz-transition: all 900ms ease 500ms;
    -webkit-transition: all 900ms ease 500ms;
    -ms-transition: all 900ms ease 500ms;
    -o-transition: all 900ms ease 500ms;
}
.search-popup .search-form .form-group{
    margin-bottom: 30px;
}
.search-popup .search-form fieldset{
    position:relative;
    border-radius:12px;
}
.search-popup .search-form fieldset input[type="search"]{
    position:relative;
    height:70px;
    padding:20px 250px 20px 30px;
    background:#ffffff;
    line-height:30px;
    font-size:24px;
    color:#233145;
    border-radius:7px;
}
.search-popup .search-form fieldset input[type="submit"]{
    position:absolute;
    display:block;
    right:0px;
    top:0px;
    text-align:center;
    width:220px;
    height:70px;
    padding:20px 10px 20px 10px;
    color:#ffffff !important;
    line-height:30px;
    font-size:20px;
    cursor:pointer;
    text-transform:uppercase;
    border-radius:0px 7px 7px 0px;
    background: var(--thm-primary);
}
.search-popup .search-form fieldset input[type="submit"]:hover{
    transform: translateY(0px);
}
.search-popup h3{
    text-transform:uppercase;
    font-size:20px;
    font-weight:600;
    color:#ffffff;
    margin-bottom:20px;
    letter-spacing:1px;
    text-align:center;  
}
.search-popup .recent-searches{
    font-size:16px;
    color:#ffffff;
    text-align:center;
}
.search-popup .recent-searches li{
    display:inline-block;
    margin:0px 10px 10px 0px; 
}
.search-popup .recent-searches li a{
    display:block;
    line-height:24px;
    border:1px solid #ffffff;
    padding:7px 15px;
    color:#ffffff;
    border-radius:3px;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.search-popup .recent-searches li a:hover{
    border-color: var(--thm-primary);
    background-color: var(--thm-primary);
}



/*________________Preloader_______________ */





/*** Scroll To Top style ***/
.scroll-top {
    position: fixed;
    right: 15px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 2px solid var(--thm-primary);
    color: var(--thm-primary);
    border-radius: 50%;
    font-size: 20px;
    line-height: 56px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
    transform: rotate(-90deg);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 999999999;
}
.scroll-top span {}
.scroll-top:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	z-index: -1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-top:hover{
    color: var(--thm-base);
    border-color: var(--thm-black);
}

.scroll-top.style2 {
    position: absolute;
    left: 0;
    top: -20px;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #0098ff;
    border: none;
    text-align: center;
    animation: auto;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
}



/* Form validation styles */
input:focus,
textarea:focus {
    border-color: #43c3ea;
    outline: none;
}

#contact-form input[type="text"].error{
    border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form textarea.error{
  border-color: red;    
}







/* Overlay styles */




.review-box {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 16px;
}
.review-box ul {
    display: block;
    overflow: hidden;
}
.review-box ul li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.review-box ul li:last-child{
    margin-right: 0px;    
}
.review-box ul li i {
    color: var(--thm-primary);
    font-size: 18px;
}





/* Update header Style */
@keyframes menu_sticky {
    0%   {margin-top:-90px;}
    50%  {margin-top: -74px;}
    100% {margin-top: 0;}
}




/*** 
========================================
    Mobile Menu
========================================
***/
.nav-outer .mobile-nav-toggler {
    position: relative;
    display: none;
    float: right;
    cursor: pointer;
    padding: 30px 0;
}
.nav-outer.style1 .mobile-nav-toggler {
    padding: 25px 0 25px;
}
.nav-outer.style2 .mobile-nav-toggler {
    padding: 10px 0;
}


.nav-outer .mobile-nav-toggler .inner{
    position: relative;
    display: block;
    padding: 3px 5px;
    background: var(--thm-base);
}
.mobile-menu{
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	max-width:100%;
	height: 100%;
	padding-right:30px;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}
.mobile-menu .menu-backdrop{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
    background-color: rgba(9, 16, 32, 0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	z-index: 1;
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 0.70;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.mobile-menu .navbar-collapse{
	display:block !important;	
}


.mobile-menu .nav-logo{
	position:relative;
	padding:30px 25px;
	text-align:left;	
}
.mobile-menu .nav-logo a{
    position: relative;
    display: inline-block;
}
.mobile-menu .nav-logo a img{
    height: 80px;
    width: auto;
    display: block;
}

.mobile-menu-visible{
	overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}
.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #000000;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.mobile-menu .close-btn{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.9s ease;
	-ms-transition:all 0.9s ease;
	-o-transition:all 0.9s ease;
	transition:all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
.mobile-menu .close-btn:hover{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}


.mobile-menu .navigation{
	position: relative;
	display: block;
	width: 100%;
	float: none;
}
.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.10);
}
.mobile-menu .navigation:last-child{
	border-bottom: 1px solid rgba(255,255,255,0.10);
}
.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(255,255,255,0.10);
}
.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	padding: 10px 25px;
	color: #ffffff;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}
.mobile-menu .navigation li > a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:0;
    border-left: 5px solid var(--thm-primary);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}
.mobile-menu .navigation li.current > a:before{
	height:100%;
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover{
    color: var(--thm-primary);    
}


.mobile-menu .navigation li ul li > a{
	font-size: 15px;
    font-weight: 400;
	margin-left: 20px;
	text-transform: capitalize;
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
	display: none;
}
.mobile-menu .social-links{
	position:relative;
	text-align:center;
	padding:30px 25px;
}
.mobile-menu .social-links li{
	position:relative;
	display:inline-block;
	margin:0px 5px 10px;
}
.mobile-menu .social-links li a{
	position:relative;
	color:#ffffff;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #2e2e2e;
	line-height:32px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}
.mobile-menu .social-links li a:hover{
    color: #ffffff;
    background: var(--thm-base);
}



.sec-title {
    position: relative;
    display: block;
    margin-top: -4px;
    padding-bottom: 50px;
    line-height: 0;
}
.sec-title .sub-title {
    position: relative;
    display: block;
    padding-bottom: 3px;
}
.sec-title .sub-title p{
    color: var(--thm-base);
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.sec-title h2 {
    font-size: 44px;
    line-height: 1.2em;
    font-weight: 800;
    text-transform: none;
}





/*** 
=============================================
    Features Style1 Area Css
=============================================
***/
.features-style1-area{
    position: relative;
    display: block;
    background: #f8f5ef;
    padding-bottom: 110px;
}
.features-style1-area .thm-shape1 {
    position: absolute;
    top: -190px;
    right: -370px;
    z-index: 10;
}


.single-features-style1{
    position: relative;
    display: block;
    padding: 50px 35px 45px;
    margin-bottom: 40px;
    z-index: 1;
}
.single-features-style1::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    border-radius: 20px;
    transform: perspective(400px) scaleX(0);
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);
    transform-origin: center;
    transition: all 500ms linear;
    transition-delay: 0.1s; 
    z-index: -1;
}
.single-features-style1:hover:before,
.single-features-style1.active:before {
    opacity: 1;
    transform: perspective(400px) scaleX(1.0);
    transition: all 300ms linear;
    transition-delay: 0.1s;  
}

.single-features-style1::after {
    position: absolute;
    top: 0;
    left: 0%;
    content: '';
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.50);
    transform: scale(0);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    transition: all 700ms ease 100ms;
    z-index: -1;
}
.single-features-style1:hover::after{
    transform: scale(1.0);
}





.single-features-style1 .icon {
    position: relative;
    display: block;
    line-height: 0;
    z-index: 1;
}
.single-features-style1 .icon span::before{
    color: var(--thm-base);
    font-size: 60px;
    line-height: 60px;
}

.single-features-style1 .icon .shape1{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #ffffff;
    margin: 0 auto;
    z-index: -1;
}
.single-features-style1 .icon .shape1::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 50%;
    z-index: -1;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    background-color: rgba(var(--thm-base-rgb), .05);
}
.single-features-style1:hover .icon .shape1::after,
.single-features-style1.active .icon .shape1::after{
    transform: scaleX(1.0);   
}

.single-features-style1 .text{
    position: relative;
    display: block;
    margin-top: 25px;
}
.single-features-style1 .text h3{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}
.single-features-style1 .text h3 a{
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-features-style1 .text h3 a:hover{
    color: var(--thm-base);
}
.single-features-style1 .text p{
    margin: 0;
}



/*** 
=============================================
    Features Style2 Area Css
=============================================
***/



/*** 
=============================================
   Project Style1 Area Css
=============================================
***/
.project-style1-area{
    position: relative;
    display: block;
    padding: 150px 0px 120px;
    background-image: -moz-linear-gradient( -90deg, rgba(248,245,238,0.4) 0%, rgb(248,245,238) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(248,245,238,0.4) 0%, rgb(248,245,238) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(248,245,238,0.4) 0%, rgb(248,245,238) 100%);
}
.project-style1-area .auto-container{
    max-width: 100%;
    padding: 0 30px;
}


/***
.project-menu-box {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 60px;
}
.project-filter {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}
.project-filter li {
    position: relative;
    display: inline-block;
    float: none;
    margin: 0 8px;
}
.project-filter li .filter-text {
    position: relative;
    display: block;
    padding: 18px 30px 15px;
    color: #98a1a7;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #dae5ec;
    border-radius: 27px;
    transition: all .4s ease;
    z-index: 1;
    font-family: var(--thm-font-2);
}
.project-filter li .filter-text:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    content: "";
    background: var(--thm-primary);
    border-radius: 27px;
    transform: scaleX(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}
.project-filter li:hover .filter-text:before,
.project-filter li.active .filter-text:before{
    transform: scaleX(1.0);    
}
.project-filter li:hover .filter-text,
.project-filter li.active .filter-text{
    color: #ffffff;    
}
.project-filter li .count {
    display: none;
}
**/


.single-project-item{
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.single-project-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.single-project-item .img-holder img{
    width: 100%;
    transform: scale(1.0);
}
.single-project-item:hover .img-holder img{
    transform:scale(1.2) rotate(1deg);	    
}

.single-project-item .img-holder .overlay-content{
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    border-radius: 20px;
    padding: 0 40px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(20deg) translateX(-100%);
    -ms-transform: perspective(400px) rotateX(20deg) translateX(-100%);
    transform: perspective(400px) rotateX(20deg) translateX(-100%);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 2;
}
.single-project-item:hover .img-holder .overlay-content{
    opacity: 1.0;
    -webkit-transform: perspective(400px) rotateX(0deg) translateX(0%);
    -ms-transform: perspective(400px) rotateX(0deg) translateX(0%);
    transform: perspective(400px) rotateX(0deg) translateX(-0%);
    transition-delay: .3s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
}
.single-project-item .img-holder .overlay-content:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    border-radius: 20px;
}

.single-project-item .img-holder .zoom-button{
    position: relative;
    display: block;
}
.single-project-item .img-holder .zoom-button a{
    position: relative;
    display: inline-block;
    background-color: rgba(var(--thm-base-rgb), .05);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: var(--thm-base);
    font-size: 25px;
    line-height: 60px;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}
.single-project-item .img-holder .zoom-button a::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 50%;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    background-color: rgba(var(--thm-primary-rgb), .99);
    z-index: -1;
}
.single-project-item .img-holder .zoom-button a:hover::before{
    transform: scaleX(1.0);  
}
.single-project-item .img-holder .zoom-button a:hover{
    color: #ffffff;
}


.single-project-item .img-holder .overlay-content .inner{
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 14px;
}
.single-project-item .img-holder .overlay-content .inner h3{
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
}
.single-project-item .img-holder .overlay-content .inner h3 a{
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-project-item .img-holder .overlay-content .inner h3 a:hover{
    color: var(--thm-base);
}
.single-project-item .img-holder .overlay-content .inner p{
    margin: 0;
}



/*** 
=============================================
   Project Style1 Area Project Page Css
=============================================
***/



/*** 
=============================================
   Project Style2 Area Css
=============================================
***/



/*** 
=============================================
   Project Style2 Area Project Page Css
=============================================
***/


/*** 
=============================================
   Project Details Area Css
=============================================
***/





/*** 
=============================================
    Working Process Area Css
=============================================
***/
.working-process-area{
    position: relative;
    display: block;
    overflow: hidden;
    background: #1f2021;
    padding: 150px 0 100px;
    z-index: 1;
}
.working-process-area .sec-title h2 {
    color: #ffffff;
}
.working-process-area .shape1{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 434px;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.03;
}
.working-process-area .shape2 {
    position: absolute;
    left: 0;
    bottom: -30px;
    opacity: 0.03;
}
.working-process-area .shape3{
    position: absolute;
    top: 0;
    right: 70px;
    opacity: 0.05;
}
.working-process-area .shape4 {
    position: absolute;
    top: -25px;
    right: -25px;
    opacity: 0.05;
}

.working-process-box{
    position: relative;
    display: flex;
    align-items: center;
    counter-reset: count;  
}
.working-process-box .arrow-box {
    position: absolute;
    top: 75px;
    right: -85px;
}
.single-working-process{
    position: relative;
    display: block;
    max-width: 33.333333%;
    width: 100%;
    text-align: center;
    padding: 0 40px;
    margin-bottom: 42px;
}
.single-working-process .img-holder{
    position: relative;
    display: block;
    width: 160px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.single-working-process .img-holder img{
    width: auto;
}
.single-working-process .count{
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    background: var(--thm-primary);
    border-radius: 50%;
}
.single-working-process .count:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #000e2e;
    font-size: 30px;
    line-height: 70px;
    font-weight: 700;
    text-align: center;
    counter-increment: count;
    content: "0" counter(count);
    transition: all 100ms linear;
    transition-delay: 0.1s;
    font-family: var(--thm-font-2);
}
.single-working-process .text-holder {
    position: relative;
    display: block;
    margin-top: 26px;
}
.single-working-process .text-holder h3{
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 17px;
}
.single-working-process .text-holder p{
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}




/*** 
=============================================
   contact Style1 Area Css
=============================================
***/



.contact-style1__image {
    position: absolute;
    left: -130%;
    top: -85%;
}
.contact-style1__image img{
    max-width: none;
    float: right;
}

.contact-form-box1 {
    position: relative;
    display: block;
}
.contact-form-box1 form{
    position: relative;
    display: block;
}
.contact-form-box1 form .row {
    margin-left: -10px;
    margin-right: -10px;
}
.contact-form-box1 form .row [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
}
.contact-form-box1 form .input-box {
    position: relative;
    display: block;
}

.contact-form-box1 form input[type="text"],
.contact-form-box1 form input[type="email"],
.contact-form-box1 form textarea{
    position: relative;
    display: block;   
    background: transparent;
    width: 100%;
    height: 55px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    padding-left: 39px;
    padding-right: 40px;
    border-radius: 30px;
    transition: all 500ms ease;
    font-family: var(--thm-font-2);
}
.contact-form-box1 form input[type="text"]:focus{
    color: #ffffff;
    border-color: #fff; 
}
.contact-form-box1 form input[type="email"]:focus{
    color: #ffffff;
    border-color: #fff; 
}
.contact-form-box1 form textarea:focus{
    color: #ffffff;
    border-color: #fff; 
}

.contact-form-box1 form input[type="text"]::-webkit-input-placeholder {
    color: #ffffff;
}
.contact-form-box1 form input[type="text"]:-moz-placeholder {
    color: #ffffff;
}
.contact-form-box1 form input[type="text"]::-moz-placeholder {
    color: #ffffff;
}
.contact-form-box1 form input[type="text"]:-ms-input-placeholder {
    color: #ffffff;
}
.contact-form-box1 form input[type="email"]::-webkit-input-placeholder {
    color: #ffffff;
}
.contact-form-box1 form input[type="email"]:-moz-placeholder {
    color: #ffffff;
}
.contact-form-box1 form input[type="email"]::-moz-placeholder {
    color: #ffffff;
}
.contact-form-box1 form input[type="email"]:-ms-input-placeholder {
    color: #ffffff;
}
.contact-form-box1 form textarea::-webkit-input-placeholder {
    color: #ffffff;
}
.contact-form-box1 form textarea:-moz-placeholder {
    color: #ffffff;
}
.contact-form-box1 form textarea::-moz-placeholder {
    color: #ffffff;
}
.contact-form-box1 form textarea:-ms-input-placeholder {
    color: #ffffff;
}

.contact-form-box1 form .button-box{
    position: relative;
    display: block;
}
.contact-form-box1 form .button-box button{
    width: 100%;
}
.contact-form-box1 form .button-box button.btn-one.style2:before {
    background-color: var(--thm-black);
}



/*** 
=============================================
   contact Style2 Area Css
=============================================
***/



/*** 
=============================================
   contact Style3 Area Css
=============================================
***/



/*** 
=============================================
   Choose Style1 Css
=============================================
***/



/*** 
=============================================
  Video Gallery Style1
=============================================
***/
.video-gallery-style1{
    position: relative;
    display: block;
    z-index: 1;
}
.container-fullwidth{
    position: relative;
    display: block;
    width: 100%;
}
.video-gallery-img {
    position: relative;
    display: block;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 225px 0px 217px;
    z-index: 1;
}
.video-gallery-img::before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(17, 17, 18, .70);
    z-index: -1;
    content: "";
}
.video-gallery-inner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.video-gallery-inner .icon{
    position: relative;
    display: block;
    z-index: 1;
}
.video-gallery-inner .icon:before {
    position: absolute;
    content: '';
    top: 0px;
    left: -0px;
    bottom: 0px;
    right: 0px;
    border-radius: 50%;
    background: rgba(54,124,232, 0.0);
    z-index: -1;
}
.video-gallery-inner .icon:before {
    -webkit-box-shadow: 0 0 0 0 rgba(54,124,232, .09);
    box-shadow: 0 0 0 0 rgba(54,124,232, .09);
    -webkit-animation: ripple 1s infinite;
    animation: ripple 3s infinite
}
.video-gallery-inner .title{
    position: relative;
    display: block;
    margin-top: 27px;
}
.video-gallery-inner .title h4{
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
}

































/*** 
=============================================
   comments Box Css
=============================================
***/





/*** 
=============================================
   Add Comment Box Css
=============================================
***/





/*** 
=============================================
    Error Page Area Style      
=============================================
***/





/*** 
=============================================
    Pricing Plan Area Style      
=============================================
***/





/*** 
=============================================
    Sidebar Css
=============================================
***/





/*** 
=============================================
    Shop Page One Css
=============================================
***/






/*** 
=============================================
    Product Details Area Css
=============================================
***/





/*** 
=============================================
   Cart area  style
=============================================
***/




/*** 
=============================================
    Checkout Area Css
=============================================
***/



/*** 
=============================================
    Login Register Area style
=============================================
***/

/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px){




}






/* Medium screen  */ 
@media only screen and (min-width: 992px) and (max-width: 1199px) { 



/*** Header Style one Css ***/  
.header-right .nav-outer {
    padding-right: 30px;
}

/*** About Style1 Css ***/

/*** Testimonials-style1-area Css ***/  
.testimonials-style1__image {
    padding-top: 70px;
    max-width: 570px;
    width: 100%;
}
.testimonials-style1__content {
    padding-top: 60px;
    padding-left: 0px;
}

/*** Testimonials Style1 Area Css ***/  
.single-fact-counter {
    max-width: 50%;
}

/*** Faq Style1 Area Css ***/  
.faq-style1__content {
    padding-bottom: 100px;
}

/*** Contact Style1 Area Css ***/ 
.contact-style1__image {
    position: relative;
    left: 0;
    top: 0;
}
.contact-form-box1 {
    padding-top: 70px;
}
.contact-form-box1 form .input-box {
    margin-bottom: 20px;
}
.contact-style1__image img {
    max-width: 100%;
    width: 100%;
    float: none;

}

/*** Footer Area Css ***/
.footer {
    padding: 250px 0 110px;
}
.footer-bg {
    background-position: revert;
    background-size: cover;
}
.single-footer-widget.marbtm50{
    margin-bottom: 50px;
}




/*** Header Style Two Css ***/ 
.header-style-two .header-middle {
    padding-left: 90px;
}

/*** About Style2 Area Css ***/

/*** Contact Style2 Area Css ***/

/*** Testimonials Style2 Area Css ***/

/*** Contact Style3 Area Css ***/

/*** About Style3 Area Css ***/

/*** Working Process Area Css ***/ 
.single-working-process .text-holder h3 {
    font-size: 18px;
}
.working-process-box .arrow-box {
    display: none;
}

/*** Choose Style1 Area Css ***/

/*** About Style3 Area About Page Css ***/

/*** Testimonials Style2 Testimonail Page Css ***/

/*** Pricing Plan Area Css ***/

/*** Project Details Area Css ***/

/*** Faq Style1 Faq Page Css ***/

/*** Blog Page Two Css ***/

/*** Contact Info Area Css ***/ 
.contact-info-area .row {
    align-items: center;
    justify-content: center;
}

/*** Product Details Area Css ***/

/*** Login Register Area Css ***/











    
    

}



/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

/*** Header Style one Css ***/

/*** About Style1 Css ***/

/*** Project Style1 Area Css ***/  
.project-top-title .sec-title {
    padding-bottom: 160px;
    text-align: center;
}

/*** Testimonials-style1-area Css ***/  
.testimonials-style1__image {
    padding-top: 70px;
    max-width: 570px;
    width: 100%;
}
.testimonials-style1__content {
    padding-top: 60px;
    padding-left: 0px;
}

/*** Working Process Area Css ***/  
.working-process-box {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.single-working-process {
    max-width: 100%;
}
.working-process-box .arrow-box {
    display: none;
}

/*** Testimonials Style1 Area Css ***/  
.single-fact-counter {
    max-width: 50%;
}

/*** Team Style1 Area Css ***/  
.single-team-style1 {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 40px;
}

/*** Faq Style1 Area Css ***/  
.faq-style1__content {
    padding-bottom: 100px;
}

/*** Contact Style1 Area Css ***/ 
.contact-style1__image {
    position: relative;
    left: 0;
    top: 0;
}
.contact-form-box1 {
    padding-top: 70px;
}
.contact-form-box1 form .input-box {
    margin-bottom: 20px;
}
.contact-style1__image img {
    max-width: 100%;
    width: 100%;
    float: none;

}

/*** Footer Area Css ***/
.footer {
    padding: 250px 0 110px;
}
.footer-bg {
    background-position: revert;
    background-size: cover;
}
.single-footer-widget.marbtm50{
    margin-bottom: 50px;
}
.single-footer-widget .title {
    margin-bottom: 25px;
}

.footer-bottom {
    padding: 33px 0px 32px;
}
.footer-bottom .bottom-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px 0 0;
}
.footer-social-link {
    margin: 17px 0 17px;
}



/*** Header Style Two Css ***/
.header-style-two .header-middle {
    padding-left: 90px;
}

/*** About Style2 Area Css ***/

/*** Contact Style2 Area Css ***/


/*** Testimonials Style2 Area Css ***/

/*** Contact Style3 Area Css ***/

/*** About Style3 Area Css ***/

/*** Choose Style1 Area Css ***/

/*** About Style3 Area About Page Css ***/

/*** Service Details Area Css ***/ 
.service-details-area {
    padding: 150px 0 150px;
}
.thm-sidebar-box {
    margin-top: 40px;
}

/*** Testimonials Style2 Testimonail Page Css ***/

/*** Pricing Plan Area Css ***/

/*** Project Details Area Css ***/

/*** Faq Style1 Faq Page Css ***/

/*** Blog Page Two Css ***/

/*** Contact Info Area Css ***/ 
.contact-info-area .row {
    align-items: center;
    justify-content: center;
}


/*** Product Details Area Css ***/

/*** Checkout Area Css ***/

/*** Login Register Area Css ***/











    
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
.sec-title {
    padding-bottom: 50px;   
}    
.sec-title h2 {
    font-size: 34px;
}    
.sec-title h2 br{
    display: none;
}    

/*** Header Style one Css ***/ 
.header .auto-container {
    padding: 0 20px;
}
.header-right {
    display: none;
} 

/*** About Style1 Css ***/

/*** Project Style1 Area Css ***/  
.project-top-title .sec-title {
    padding-bottom: 160px;
    text-align: center;
}

/*** Testimonials-style1-area Css ***/  
.testimonials-style1__image {
    padding-top: 70px;
    max-width: 570px;
    width: 100%;
}
.testimonials-style1__content {
    padding-top: 60px;
    padding-left: 0px;
}

/*** Working Process Area Css ***/  
.working-process-box {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.single-working-process {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.working-process-box .arrow-box {
    display: none;
}

/*** Testimonials Style1 Area Css ***/  
.single-fact-counter {
    align-items: center;
    justify-content: center;
    float: none;
    max-width: 100%;
    width: 100%;
    flex-direction: column;
    text-align: center;
}
.single-fact-counter .outer-box {
    margin-top: 15px;
    padding-left: 0px;
}

/*** Team Style1 Area Css ***/  
.single-team-style1 {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 40px;
}
.single-team-style1 .img-holder {
    padding-left: 15px;
    padding-right: 15px;
}
.single-team-style1 .img-holder .border-box {
    left: 15px;
    right: 15px;
}
.single-team-style1 .img-holder .shape-bg {
    left: 15px;
    right: 15px;
    bottom: 114px;
}


/*** Faq Style1 Area Css ***/  
.faq-style1__content {
    padding-bottom: 80px;
}
.faq-style1__image .inner img {
    max-width: 100%;
    width: 100%;
    float: none;
}
.accordion-box .block .acc-content {
    padding-right: 20px;
}

/*** Contact Style1 Area Css ***/ 
.contact-style1__image {
    position: relative;
    left: 0;
    top: 0;
}
.contact-form-box1 {
    padding-top: 40px;
}
.contact-form-box1 form .input-box {
    margin-bottom: 20px;
}
.contact-style1__image img {
    max-width: 100%;
    width: 100%;
    float: none;
}

/*** Footer Area Css ***/
.footer {
    padding: 250px 0 110px;
}
.footer-bg {
    background-position: revert;
    background-size: cover;
}
.single-footer-widget.marbtm50{
    margin-bottom: 50px;
}
.single-footer-widget.pdtop50{
    padding-top: 50px;
}
.single-footer-widget .title {
    margin-bottom: 25px;
}

.footer-bottom {
    padding: 33px 0px 32px;
}
.footer-bottom .bottom-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px 0 0;
}
.footer-social-link {
    margin: 17px 0 17px;
}


/*** Header Style Two Css ***/

/*** About Style2 Area Css ***/

/*** Contact Style2 Area Css ***/

/*** Project Style2 Area Css ***/
.single-project-item .img-holder .overlay-content {
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    padding: 0 20px;
}
.single-project-item .img-holder .overlay-content .inner {
    padding-top: 9px;
}
.single-project-item .img-holder .overlay-content .inner h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 5px;
}

/*** Faq Style2 Area Css ***/

/*** Testimonials Style2 Area Css ***/

/*** Contact Style3 Area Css ***/

/*** About Style3 Area Css ***/


/*** Choose Style1 Area Css ***/

/*** About Style3 Area About Page Css ***/

/*** Service Details Area Css ***/ 
.service-details-area {
    padding: 150px 0 150px;
}
.thm-sidebar-box {
    margin-top: 40px;
}

/*** Testimonials Style2 Testimonail Page Css ***/

/*** Testimonials Style1 Testimonail Page Css ***/

/*** Pricing Plan Area Css ***/

/*** Project Details Area Css ***/

/*** Faq Style1 Faq Page Css ***/

/*** Blog Page Two Css ***/

/*** Shop Page One Css ***/

/*** Product Details Area Css ***/

/*** Cart Area Css ***/

/*** Checkout Area Css ***/

/*** Login Register Area Css ***/
















    
}








@media only screen and (min-width: 768px){
    
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
    display:block !important;
    visibility:hidden;
    opacity:0;
}
  
    
}



@media only screen and (max-width: 1199px) { 


.main-header .main-menu {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}   

/*** Header Style One Css ***/

}


@media only screen and (max-width: 991px) {

.header-style-two .header-middle {
    padding-left: 0;
    margin-left: auto;
}
.main-header .nav-outer .main-menu {
    display: none !important;
}
.nav-outer .mobile-nav-toggler {
    display: block;
}
.mobile-nav-toggler .icon-bar {
    position: relative;
    display: block;
    background: #172746;
    height: 2px;
    width: 30px;
    margin: 7px 5px;
}

.faq-style1-area .faq-style1__image {
    display: none !important;
}

}






@media only screen and (min-width: 1551px) and (max-width: 1660px) {  


/*** Header Style Two Css ***/ 
.header-style-two .main-menu .navigation> li {
    margin-right: 20px;
}







}




@media only screen and (min-width: 1200px) and (max-width: 1550px) {  

/*** Header Style One Css ***/ 
.header .auto-container {
    padding: 0 20px;
}
.main-menu .navigation> li {
    margin-right: 20px;
}
.header-right_buttom .btns-box a{
   padding-left: 20px;
   padding-right: 20px;
}
.header-right_buttom {
    margin-left: 10px;
}

/*** Header Style Two Css ***/ 
.header-style-two .header-middle {
    position: relative;
    display: block;
    padding-left: 90px;
}


/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 50px;
    padding-right: 50px;
}

/*** Contact Style2 Area Css ***/
.contact-form-box1 form .button-box button {
    padding: 0;
}

/*** Project Style1 Project Page Css ***/







    
}








@media only screen and (min-width: 1200px) and (max-width: 1390px) { 
 
/*** Main Slider Css ***/     
.main-slider .auto-container {
    padding: 0px 120px;
} 





    
    


    
}




@media only screen and (min-width: 992px) and (max-width: 1199px) { 

/*** Main Slider Css ***/     
.main-slider .auto-container {
    padding: 0px 120px;
}


/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 50px;
    padding-right: 50px;
}







  
    
    
    
}



@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
/*** Main Slider Css ***/ 
.main-slider .auto-container {
    padding: 0px 120px;
}
.main-slider .content .big-title h2 {
    font-size: 40px;
}


/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 50px;
    padding-right: 50px;
}












    
}




@media only screen and (min-width: 500px) and (max-width: 767px) { 
    
/*** Main Slider Css ***/  
.main-slider .auto-container {
    padding: 0px 50px;
    padding-right: 50px;
} 
.main-slider.style1 {
    margin-top: 0px;
}
.main-slider.style1 .auto-container {
    padding: 0px 20px;
    padding-left: 20px;
} 
.main-slider .content .big-title h2 {
    font-size: 40px;
}
.main-slider .content .text p br{
    display: none;
}
.slide-round-image-box {
    display: none;
}
.banner-bottom-shape {
    background-size: cover;
}



/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 30px;
    padding-right: 30px;
}

/*** Main Slider Style3 Css ***/






    
    
}



@media only screen and (max-width: 499px) {

    
/*** Main Slider Css ***/  
.main-slider .auto-container {
    padding: 0px 20px;
    padding-right: 20px;
}
.main-slider.style1 .auto-container {
    padding: 0px 20px;
    padding-left: 20px;
} 
.main-slider .content .big-title h2 {
    font-size: 36px;
}
.main-slider .content .text p br{
    display: none;
}
.slide-round-image-box {
    display: none;
}
.banner-bottom-shape {
    background-size: cover;
}
.main-slider.style1 .content .btns-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.main-slider .active .content .btns-box a+a{
    margin-top: 10px;
    margin-left: 0px;
}


/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 20px;
    padding-right: 20px;
}

/*** Main Slider Style3 Css ***/








    
    
}







@media only screen and (max-width: 1199px) {
.order-2 {
    -ms-flex-order: 2;
    order: 2;
}
.order-1 {
    -ms-flex-order: 1;
    order: 1;
}  

    
}