body{
    font: 1rem/normal "oswald", sans-serif;
}

h1, h2,h3,h4,h5,h6,p,blockquote{
    margin: auto;
    padding: 0;
    font-family: "oswald", sans-serif;
}

a,a:hover,a:focus,a:visited{
    text-decoration: none;
    color: #fff;
}


/*heaser started.*/


/*Header-top started.*/
section.header-top {
    padding: 28px 0 29px;
}

.icon{
    color: #d22c1f;
    font-size: 40px;
    line-height: 1;
    margin-right: 10px;
}

.top-box{
    
}

.top-box h2{
    font-size: 1.2rem;
    padding-bottom: 3px;
}

.top-box p{
    font-size: 1rem;
    font-weight: 300;
    color: #808080;
    font: 300 .9rem/1.5rem "Muli", sans-serif; 
}
/*header-top ended.*/

/*header-bottom started.*/

.sticky-wrapper {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
}

.sticky-wrapper .navbar{
    padding-top: 0;
    padding-bottom: 0;
}

.header-gap{
    transition: .6s;
}

.sticky-wrapper + .header-gap{
    height: 86px;
}

.header-bottom{
    padding: 2px 0;
    background: #d22c1f;
}

.header-bottom .navbar{
    transition: .6s;
}

.header-bottom .navbar-light ul.navbar-nav li.nav-item a.nav-link{
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .05rem;
    font-weight: 900;
    padding: 20px;
    color: #fff;
    display: inline-block;
    transition: .2s;
}

.header-bottom .navbar-light ul.navbar-nav li.nav-item.active a.nav-link, .header-bottom .navbar-light ul.navbar-nav li.nav-item a.nav-link:hover{
    color: #000;
}
/*header-bottom ended.*/


/*Header ended.*/


/*Banner css started.*/
.slider{
    position: relative;
  width:100%;
}

.banner-content{
    position: relative;
}

.banner-content h2{
    font-size: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: 300;
    width: 100%;
    transform: translate3d(-50%, -50%, 0);
}

.banner-content h2 span{
    font-weight: 900;
}

.slider .owl-theme .owl-nav, .projects .owl-theme .owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin: auto;
    height: 0;
}

.slider .owl-theme .owl-nav button, .projects .owl-theme .owl-nav button{
    margin: auto;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    color: #000;
    background: #fff;
    border-radius: 0;
    font-size: 30px;
    line-height: 70px;
    transition: .2s;
}

.projects .owl-theme .owl-nav button{
    font-size: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
}

.slider .owl-theme .owl-nav button:hover, .projects .owl-theme .owl-nav button:hover{
    color: #fff;
    background: #d22c1f;
}

.slider .owl-theme .owl-nav button.owl-prev, .projects .owl-theme .owl-nav button.owl-prev{
    float: left;
}
.projects .owl-theme .owl-nav button.owl-prev{
    margin-left: 15px;
}

.slider .owl-theme .owl-nav button.owl-next, .projects .owl-theme .owl-nav button.owl-next{
    float: right;
}
.projects .owl-theme .owl-nav button.owl-next{
    margin-right: 15px
}
/*Banner css ended.*/


/*Our project started.*/
.projects{
    background: #09162a;
    padding: 7rem 0;
    margin-bottom: 14rem;
}

.projects h2{
    font-size: 1.3rem;
    line-height: 1;
    color: #fb2716;
    text-transform: uppercase;
    font-weight: 300;
}

.projects p{
    font-size: 2rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 3rem;
}

.projects p strong{
    font-weight: 700;
}

.projects .owl-item{
    padding: 0 15px;
}

.product-section {
    margin-bottom: -240px;
}


/*Projects slider dots*/
/*.slider .owl-theme .owl-dots{
    position: absolute;
    bottom: -30px;
    width: 100%;
}*/

.projects .owl-theme .owl-dots button, .slider .owl-theme .owl-dots button{
    
}

.projects .owl-theme .owl-dots button span, .slider .owl-theme .owl-dots button span{
    border-radius: 0;
    width: 18px;
    height: 4px;
}

.projects .owl-theme .owl-dots .owl-dot.active span, .projects .owl-theme .owl-dots .owl-dot:hover span, .slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span{
    outline: none;
    background: #d22c1f;
}

.projects .owl-theme .owl-dots .owl-dot:focus, .slider .owl-theme .owl-dots .owl-dot:focus{
    outline: none;
}
/*Our project ended.*/

/*what we dop started.*/
.we-do{
    padding: 5rem 0;
}

.we-do h3.title{
    font-weight: 300;
    color: #d22c1f;
    text-transform: uppercase;
    font-size: 1.3rem;
}

.we-do h2{
    font-weight: 300;
    margin-bottom: 4.5rem;
}

.we-do h2 strong{
    font-weight: 700;
}

.we-do .service-1 {
    padding: 20px 30px;
    border: 1px solid #efefef;
    border-right: none;
    position: relative;
}

.we-do .number {
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 400;
    font-family: oswald,sans-serif;
    color: #dcdcdc;
}

.no-gutters>[class*=col-]{
    padding-left: 0;
    padding-right: 0;
}

.we-do img{
    margin-bottom: 20px;
}

.we-do h3.service-heading{
    font-size: 1.5rem;
    color: #000;
    font-weight: 400;
    margin-bottom: .5rem;
}

.we-do .service-1 p{
    font: 300 15px/1.7 "Muli", sans-serif;
    color: grey;
    margin-bottom: 1rem;
}

/*what we dop ended.*/


/*choose started.*/
.choose{
    padding: 5rem 0;
}

.choose .block-2 {
    background: #09162a;
    padding: 7rem 0;
}

.choose .block-2 .img-overlap {
    margin-top: -150px;
}

.choose .section-subtitle {
    font-weight: 300;
    color: #d22c1f;
    text-transform: uppercase;
    font-size: 1.3rem;
}

.choose .section-title {
    color: #fff;
    font-weight: 300;
}

.choose .section-title + p, .choose p.text-white{
    color: grey;
    font: 300 1.1rem/1.7 "Muli", sans-serif;
}

.choose p.text-white{
    margin-bottom: 1rem;
}
/*choose ended.*/

/*testimonial started.*/
.testimonial-box{
    padding: 5rem 0;
}

.section-subtitle{
    font-weight: 300;
    color: #d22c1f;
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: .5rem;
}

.testimonial-box h2{
    font-weight: 300;
}

.testimonial img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.testimonial .client-name {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 300;
    color: #d22c1f;
}

.testimonial blockquote p {
    color: #000;
    font: 700 20px/1.7 "muli", sans-serif;
    margin-bottom: 1rem;
}

/*testimonial ended.*/

/*quote started.*/
.quote{
    padding: 5rem 0 0;
    background: #09162a;
}

.quote-form-wrap {
    background: #000;
    padding: 5rem;
}

.quote .section-title{
    font-weight: 300;
}

.section-title strong{
    font-weight: 700;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.quote-form .form-control, .quote-form .form-control:focus {
    border: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 2px solid rgba(255,255,255,.5);
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background: 0 0;
    color: #fff;
    outline: none;
}

.btn {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .2rem;
}

.btn-primary {
    color: #fff;
    background-color: #d22c1f;
    border-color: #d22c1f;
}

.quote-form .btn-primary:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}
/*quote ended.*/

/*subscribe started.*/
.bg-primary{
    background: #d22c1f !important;
}

.block-4 h3 {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.block-4 p{
    color: #fff;
    margin-bottom: 1rem;
    font: 300 1.1rem/1.7 "Muli", sans-serif;
}

.block-4 .form-subscribe .form-control {
    color: #fff;
    border: 2px solid #fff;
    background: 0 0;
    border-radius: 0;
}

.block-4 .form-subscribe .btn, .block-4 .form-subscribe .btn:hover, .block-4 .form-subscribe .btn:active, .block-4 .form-subscribe .btn:focus {
    box-shadow: none;
    background-color: #000;
    border-color: #000;
    outline: none;
    border-radius: 0;
}

/*subscribe ended.*/

/*footer started.*/
.footer {
    padding: 4rem 0;
    background: #000;
    font-size: 15px;
    color: #fff;
}

.footer p{
    margin-bottom: 1rem;
    font: 300 1.1rem/1.7 "Muli", sans-serif;
}

.footer .footer-heading {
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.footer ul li {
    margin-bottom: 10px;
}

.footer{
    font: 15px/1.7 "Muli", sans-serif;
}

.footer .footer-heading>span {
    border-bottom: 2px solid #ff5e15;
}

.footer a:hover {
    color: #d22c1f;
    text-decoration: underline;
}
/*footer ended.*/

/*Who started.*/
.banner-other{
    position: relative;
}

.banner-other .other-content{
    position: absolute;
    width: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
}

.banner-other .other-content h2{
    position: absolute;
    width: 100%;
    text-transform: uppercase;
    font-size: 3rem;
    top: 50%;
    transform: translateY(-50%);
}

.other{
    padding: 5rem 0;
}

.other p, .saperate-part p{
    font: 300 1.1rem/1.7 "muli", sans-serif;
    margin-bottom: 1rem;
}

.saperate-part{
    padding: 2rem 0;
}

.saperate-part h2{
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.saperate-part h2 span{
    border-bottom: 4px solid #d22c1f;
}
/*Who ended.*/

/*Products started.*/
ul.main-list li {
    float: left;
    min-width: 50%;
    font: 300 1.1rem/1.7 "Muli", sans-serif;
}

ul.row{
    margin-bottom: 1rem;
}

ul.row li{
    font: 300 1.1rem/1.7 "Muli", sans-serif;
}
/*Products ended.*/









/*media queries started.*/

@media screen and (min-width:800px){
    .navbar-brand{
        display: none;
    }
}

@media screen and (max-width:768px){
    .header-top{
        display: none;
    }
    
    .header-bottom{
        background: #fff;
    }
    
    .slider .owl-theme .owl-nav{
        display: none;
    }
    
    .banner-content{
        overflow: hidden;
    }
    
    .slider .owl-carousel .owl-item img{
        height: 90vh;
        position: relative;
        width: auto;
        left: 50%;
        transform: translateX(-50%)
    }
    
    .we-do .service-1{
        margin-bottom: 30px;
        border: 1px solid #efefef;
    }
}

@media screen and (max-width:700px){
    .banner-content h2{
        font-size: 2rem;
    }
}