@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@font-face {
    font-family: 'Impact';
    src: url('../fonts/Impact.woff2') format('woff2'),
        url('../fonts/Impact.woff') format('woff'),
        url('../fonts/Impact.ttf') format('truetype'),
        url('../fonts/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{margin: 0px; padding:0px;  }
a, i, .btn, button, img, span, .animatedBackground, .navbar-nav .nav-link::before, .dropdown-item, .portfolio-item::before, .portfolio-item::after, .owl-item, .icon-bx-wraper, .service-section, .services-wrapper, .featured-item .featured-icon i, .featured-item, .featured-icon, .price-table, .portfolio-filter button, .post .post-desc, .sidebar-links li a, .team-description {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
ul li{list-style: none}
h1,h2, h3{font-family: 'impact', sans-serif;}
p{font-size: 16px; margin: 0px; padding: 0px;}
.fixed{ background: #000; }
a{list-style:none; text-decoration: none; -moz-animation-duration: 3s; -webkit-animation-duration: 3s;-moz-animation-name: slidein;-webkit-animation-name: slidein;}
.top-momkup-banner{ background: #1a1a18; height: 100vh; display: flex; align-items:center; justify-content:center; }
.copyright{background: #333; padding-top:10px; padding-bottom: 10px; color: #fff}
.banner-bg{color: #fff; background-repeat: no-repeat; background-attachment: scroll;background-position: center center; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover; height: 100vh }
.navbar-brand  span{color: #fed136;font-size:25px;font-weight:700;letter-spacing:0.1em;}
.navbar-brand {color: #fff;font-size:25px;font-weight:700;letter-spacing:0.1em;}
.navbar-nav .nav-item .nav-link{ padding: 1.1em 1em!important; font-size:16px; font-weight: 500;letter-spacing: 1px; color: #fff;}
.navbar-nav .nav-item .nav-link:hover{color:#ff0000;}
.navbar-expand-md .navbar-nav .dropdown-menu{border-top:3px solid #fed136;}
.dropdown-item:hover{background-color:#fed136;color:#fff;}
nav{-webkit-transition: padding-top .3s,padding-bottom .3s;-moz-transition: padding-top .3s,padding-bottom .3s;transition: padding-top .3s,padding-bottom .3s;border: none;}
.banner-text{padding:317px 0 150px 0;}
.main-banner{ height: 100vh }
.cantt-text h2{ font-size: 108px; font-weight: 600; }
.cantt-text h1 a{ color: #ff0000; font-size: 74px; text-decoration: none; font-weight: 600; text-transform: uppercase;}
.image-section {background:#000;padding-top: 150px; padding-bottom: 150px; color: #fff;}
.image-section h3 {padding-left: 15px; line-height: 1;font-size: 44px;color:#ffffff; font-weight: 300; margin-top: 0;}
.image-section h4 { line-height: 41px;font-size: 30px; color:#ffffff;font-family: 'Source Sans Pro', sans-serif;font-weight: 300; font-style: italic;}
.p-style p{ padding-top: 15px; }
.image-section .hvr-sweep-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.image-section .btn-lg {width: 180px; height: 50px; color:#ffffff;border: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; font-size:20px; font-weight: 400; margin-top: 25px;}
.primary-2-back { background-color:#ff0000;}
.image-section .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color:#ffffff;background-color:#40464f;}
.image-section .hvr-sweep-to-right::before {content: "";position: absolute; z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:rgba(0, 0, 0, .4);-webkit-transform: scaleX(0);transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.image-section .hvr-sweep-to-right:hover::before, .hvr-sweep-to-right:focus::before, .hvr-sweep-to-right:active::before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.video-part{background-color: #ff0000; padding-top: 180px; padding-bottom: 180px;}
.video-cantt .heding-tittle h3, .ourpotent-tittle .heding-tittle h3, .brand-logo h3{color: #fff; font-weight: 300; font-size: 44px; position: relative; padding-left: 15px;}
.video-cantt p{ color: #fff; padding-top: 15px; }
.brandpart .sept:before{ content: ''; position: absolute; top: 5px; left: 10px; background: #333; width: 5px; height:42px; }
.brandpart .sept:after{content: ''; position: absolute; top: 5px; left: 0px; background: #333; width: 5px; height:22px; }

.sept:before{ content: ''; position: absolute; top: 5px; left: 10px; background: #fff; width: 5px; height:42px; }
.sept:after{content: ''; position: absolute; top: 5px; left: 0px; background: #fff; width: 5px; height:22px; }
.m-b20 {margin-bottom: 20px;}
.icon-content h3{ font-size: 20px; }
.icon-content p a{color: #000; color: 18px; text-align: left;  }
.icon-content ul{margin: 0px;  padding-left: 25px;}
.icon-content ul li{ text-align: left; list-style: circle; }
#return-to-top { position: fixed;bottom: 20px;right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7);width: 50px;height: 50px;display: block; text-decoration: none;-webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top i {color: #fff;margin: 0;position: relative;left: 16px;top: 7px; font-size: 31px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.pt15{ padding-top:15%; }
.ourpotent {position: relative;background-color: black;height:100vh; min-height: 25rem;width: 100%;overflow: hidden;}
.ourpotent video {position: absolute;top: 50%;left: 50%;min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0;-ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);}
.ourpotent .container {  position: relative;  z-index: 2;}
.ourpotent .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;/*background-color: black;opacity: 0.5;*/z-index: 1;}
@media (pointer: coarse) and (hover: none) {
.ourpotent {background: url('../images/Color-Animation.mp4') black no-repeat center center scroll; }
.ourpotent video { display: block; height: 25vh;}
}
#big-image{ background-size: cover!important; background-attachment: fixed; background-position: top right }
.services-part{ padding-top:10%; }
.service-box {border: 1px #fff solid;padding: 5px 10px; float: left; font-family: Avenir; font-weight: normal; margin: 5px 8px;}
.let-us h2{font-size: 56px;color: #ffffff; text-align: left;font-family: Anton;  font-weight: 400; font-style: normal;}
.buttion-cont a{ background-color: #b2222c;color: #ffffff;padding: 18px 25px; font-size: 16px; text-decoration: none}
.social h3{font-size: 25px;color: #ffffff;text-align: left;font-family: Anton; font-weight: 400; font-style: normal;}
.social ul{ margin:0px; padding: 0px; list-style: none;  }
.social ul li{ list-style: none; }
.social ul li a{color: #b2222c !important;font-size: 45px;font-family: Anton; font-weight: 400;font-style: normal; text-decoration: none;}
.social ul li a:hover{color: #fff!important; opacity: .85;}
.copyright p{ font-size:14px; color: #959595; }
/*=========================
cntact us page===========*/
.contact-main { margin-top: 13%; color: #fff; height: 95vh }
.style-input{ background-color: rgba(0,0,0,.8);     border: 1px solid #202121; webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border:#333 solid 1px!important; ease-in-out .15s,box-shadow ease-in-out .15s; border-radius: 0px; }
.btn-primary {background: #ff0000 !important; border-color: #ff0000 !important;}
address p{ padding-top:5px; }
.brandpart{ padding-top: 150px; padding-bottom: 150px; background: #ffffff; }
.justify-content-center { justify-content: center;}
.flex-wrap {flex-wrap: wrap;}
.d-flex{ display: flex;}
.publisher-logo img { margin: 1rem 1rem;}
.self-center {align-self: center;}