:root {
  --mainYellow: #fdbe02;
  --mainWhite: #fff;
  --mainBlack: #071013;
  --mainGrey: #9b9999;
  --mainBlue: #1b1b90;
  --TransGrey: rgba(0, 0, 0, 0.5);
}

@media (max-width: 540px) {.parallax video {height: 100vh;}}
@media (max-width: 720px) {.parallax video {height: 100vh;}}
@media (max-width: 960px) {.parallax video {height: 100vh;}}
@media (max-width: 1140px) {.parallax video {height: 100vh;}}

@-webkit-keyframes fromLeft {0% {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}50% {-webkit-transform: translateX(30px);transform: translateX(30px);}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}
@keyframes fromLeft {0% {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}50% {-webkit-transform: translateX(30px);transform: translateX(30px);}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}
@-webkit-keyframes fromRight {0% {-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;}50% {-webkit-transform: translateX(-30px);transform: translateX(-30px);}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}
@keyframes fromRight {0% {-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;}50% {-webkit-transform: translateX(-30px);transform: translateX(-30px);}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}
@-webkit-keyframes fromBottom {0% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}50% {-webkit-transform: translateY(10px);transform: translateY(10px);}100% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}}
@keyframes fromBottom {0% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}50% {-webkit-transform: translateY(10px);transform: translateY(10px);}100% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}}

.navbar{background:var(--mainGrey);padding:16px 20px 16px 60px !important;transition:all 1s ease;}
.navbar-background{padding:5px 20px;}
.navbar-brand{font-size:20px;transition:all 1s ease;}
.navbar-toggler{outline:none!important;}
.nav-link{color:var(--mainWhite);transition:all 1s ease-in-out;font-size:1.2rem;}
.nav-link:hover{color:#000;}
.toggler-btn{border:2px solid var(--mainWhite);padding:5px;transition:all 2s ease;}
.bar{width:30px;height:3px;margin:5px;background:var(--mainWhite);transition:all .5s ease;}
.change .bar1{transform:rotate(-45deg) translate(-5px,6px);}
.change .bar2{opacity:0;}
.change .bar3{transform:rotate(45deg) translate(-5px,-8px);}
.max-height{min-height:calc(100vh - 85px);background:linear-gradient(var(--TransGrey),var(--TransGrey)),url(../img/headerBcg.jpg) center/cover fixed no-repeat;position:relative;}
.height-90{min-height:calc(100vh - 94px);}
.banner h1{animation:fromLeft 4s 2s;opacity:0;animation-fill-mode:forwards;word-spacing:.6rem;}
.banner{color:#000;margin-top:-4rem;}
.banner-title{color:var(--mainBlue);font-size:4rem;}
.banner-link{font-size:1.5rem;color:#000;border:.2rem solid #000;transition:all 1s ease-in-out;}
.banner-link:hover{background:#000;color:var(--mainBlue);}
.main-btn{color:var(--mainBlue);font-size:2rem;border:2px solid var(--mainBlue);transition:all 1s ease-in-out;}
.main-btn:hover{color:#242424;border:2px solid #C9C1AC;background:#C9C1AC;}
.banner-btn{animation:fromRight 4s 2s;opacity:0;animation-fill-mode:forwards;}
.header-link{display:inline-block;position:absolute;bottom:5%;left:50%;background:#C9C1AC;border:3px solid #C9C1AC;border-radius:10px;transition:all 2s ease;animation:fromBottom 4s infinite;}
.header-link:hover{color:#242424;}
.categories{background:#eee;}
.categories-link{color:var(--mainBlack);text-decoration:none;}
.categories-link:hover{color:var(--mainGrey);text-decoration:none;}
.categories-underline{height:.1rem;width:5rem;background:var(--mainYellow);}
.category-container{position:relative;}
.category-img{transition:all 1s linear;}
.category-container:hover .category-img{opacity:.5;}
.category-link{position:absolute;bottom:0;left:0;padding:.2rem 3rem .2rem .2rem;background:var(--mainWhite);color:var(--mainBlack);clip-path:polygon(0 0,80% 0,100% 100%,0 100%);opacity:0;transition:all 1s linear;text-decoration:none!important;}
.category-link:hover{color:var(--mainGrey);}
.category-container:hover .category-link{opacity:1;}
.item-container{position:relative;overflow:hidden;background:linear-gradient(#000,#000);transition:all 2s ease;}
.item-img{transition:all 2s ease-in-out;}
.item-container:hover .item-img{transform:scale(1.2);opacity:.5;}
.item-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#063280;font-size:2rem;transition:2s all ease-in-out;opacity:0;}
.item-container:hover .item-link{opacity:1;}
.item-link:hover{border:3px solid #959b9a;background:#959b9a;color:#252525;}
.item-container:hover{outline:10px solid #063280;outline-offset:.8rem;}
#reviews{background:url(../img/body-bcg.jpg) center/cover fixed no-repeat;}
.review-item{background:rgba(255,255,255,.7);clip-path:polygon(5% 0,100% 0,90% 100%,0 100%);}
.review-img{width:150px;}
.carousel-link{background:red;}
.height-60{min-height:60vh;}
#contact .card{background:rgba(0,0,0,.4);transition:all 2s ease;}
#contact .card:hover{background:rgba(0,0,0,.6);}
#contact .card-header{color:var(--mainBlue);}
#contact .input-group-text{background:var(--mainBlue);border-color:var(--mainBlue);color:#242424;}
#contact .card input{color:#606060;}
#contact .card input::placeholder{color:#606060;}
#contact-btn{color:var(--mainBlue);border-color:var(--mainBlue);background:transparent;transition:all 2s ease-in-out;}
#contact-btn:hover{color:var(--mainBlue);border-color:#c9c1ac;background:#c9c1ac;}
.footer-dark{padding:50px 0;color:#f0f9ff;background-color:#282d32;}
.footer-dark h3{margin-top:0;margin-bottom:12px;font-weight:700;font-size:16px;}
.footer-dark ul{padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0;}
.footer-dark ul a{color:inherit;text-decoration:none;opacity:.6;}
.footer-dark ul a:hover{opacity:.8;}
.footer-dark .item.text{margin-bottom:36px;}
@media (max-width:767px){.footer-dark .item:not(.social){text-align:center;padding-bottom:20px}.footer-dark .item.text{margin-bottom:0}}
.footer-dark .item.text p{opacity:.6;margin-bottom:0;}
.footer-dark .item.social{text-align:center;}
@media (max-width:991px){.footer-dark .item.social{text-align:center;margin-top:20px}}
.footer-dark .item.social>a{font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;text-align:center;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.4);margin:0 8px;color:#fff;opacity:.75;}
.footer-dark .item.social>a:hover{opacity:.9;}
.footer-dark .copyright{text-align:center;padding-top:24px;opacity:.3;font-size:13px;margin-bottom:0;}
