.banner-area{padding-top:150px;padding-bottom:60px;width:100%;height:inherit;background:50% 50%/cover no-repeat #242424;vertical-align:middle;text-align:center;color:#fff}.banner-area .banner-title{text-transform:capitalize}.banner-area .container{position:relative;max-width:1244px;padding:0 20px;margin:0 auto}.banner-area .banner-title{font-style:italic;padding-bottom:35px;color:#fff}.banner-area .banner-title,.banner-area .subtitle{animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.banner-area .subtitle{padding-bottom:30px;font-size:1.25em;font-family:Montserrat,Helvetica Neue,Bitstream Vera Sans,Arial;text-transform:uppercase;-webkit-animation-name:fadeInDown}.scrol-to-animate{font-size:1.375em;bottom:-20px;position:absolute;left:50%;display:inline-block;width:39px;height:36px;padding:0!important;margin:0 0 0 -20px;opacity:1;-webkit-transition:opacity .4s ease 0s;-moz-transition:opacity .4s ease 0s;-o-transition:opacity .4s ease 0s;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;transition:opacity .4s ease 0s}@media (max-width:1023px){.banner-area{padding:100px 0 60px}}@media (max-width:767px){.banner-area{padding:86px 0 60px}.banner-area .banner-title{padding-bottom:20px}.scrol-to-animate{bottom:-40px}}fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}