.header-top{
    background-color: #c80203;
}

/*Menu Satrt*/

.logo{}

 .navbar-nav{
     margin-top:10px;
 }

 .navbar-nav .active>.nav-link{
    color: #171a21;
}

 .navbar-nav .nav-link {
    color: #000;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 12px;
    font-weight: bold;
}

 .navbar-nav .nav-item:hover>a{
    color: #fff;
    background-color: #171a21;
}

.dropdown-toggle::after{
    display: none;
}

.dropdown-menu{
    background-color: #fff;
    border-radius: 0px;
    padding: 10px 0px;
}

.dropdown-item{
    padding: 5px 30px;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    transition: .3s;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}

@media all and (min-width: 992px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
    
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }
    .navbar .nav-item:hover .nav-link {
        color: #fff;
    }
    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }
    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }
    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}

.iconset {
    display: inline-block;
    position: relative;
    color: #000;
    height: 30px;
    text-align: center;
    padding:30px 10px 0px 10px;
    cursor: pointer;
}

.site-search>i{
    font-size: 18px;
    vertical-align: middle;
}

.site-search:hover .icon { color: #000}
.search-drawer { padding:40px 50px; background-color:#fff; opacity:0; visibility:hidden; position:fixed; top:0; left:0; z-index:9999; text-align:left;
	transform:translate(0,-100%); -webkit-transform:translate(0,-100%); -ms-transform:translate(0,-100%); -o-transform:translate(0,-100%); transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s;
	-ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; width:100%; box-shadow:0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);}
.search-drawer .container { position:relative; }
.search-drawer.search-drawer-open { opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); visibility:visible; }
.search-drawer.search-drawer-open .block { background-color:transparent; padding:0; }
.search-drawer .title { color:#000000; font-size:15px; margin-bottom: 20px; }
.search-drawer .label { border:0; clip:rect(0,0,0,0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.search-drawer .control { border-bottom: 1px solid #ddd; }
.search-drawer .input-text { color:#050000; font-size:13px; padding:5px 50px 5px 0; background:none; border:0 none; }
.search-drawer .action.search { font-size:18px; position:absolute; right:14px; border:0; background:none; cursor:pointer; height:38px; top: 35px; }
.search-drawer .action.search:hover { color:#000000; }
.search-drawer .closeSearch { color:#050000; font-size:18px; position:absolute; top:0; right:25px; cursor:pointer; }
.search-drawer .searchField { display:table; width:100%; }
.search-drawer .search-category { display:table-cell; padding-right:10px; }
.search-drawer .search-category select { font-size:13px; border:0; }
.search-drawer .input-box { display:table-cell; width:87%; }

.input-box .form-control:focus{
    box-shadow: none;
}

.header-cart>a>i {
    font-size: 18px;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
}

.header-cart .site-cart-count {
    font-size: 10px;
    display: inline-block;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    text-align: center;
    width: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: 0;
    top: 30px;
}
/*Menu End*/

.carousel-caption{
    bottom: 13.25rem;
    text-align: left;
}

.carousel-caption>h1{
    text-transform: uppercase;
}

.heading{
    text-align: center;
}

.heading>h1{
    text-transform: uppercase;
    font-weight: bold;
}

.heading-one{
    text-align: center;
}

.heading-one>h1{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8vw;
}

.text-work{
    color: #000;
    font-size: 2.3vw;
    font-weight: bold;
}

.text-work>h2>span{
    text-transform: uppercase;
}

.text-work>a{
    border: 1px solid #000;
}

.text-work>a:hover{
    background-color: #000;
    color: #fff;
}

.working-steps>h5{
    margin: 20px 0px 30px 0px;
    text-align: center;
}

.working-steps>h5>span{
  color:#ed0202;  
}

.working-steps .step{
    display:flex;
    margin-bottom:25px;
}

.working-steps .step>p{
    margin-left:20px;
        margin-top: 25px;
}

.working-steps .step strong{
    color:#ed0202;
}

.heading-two{
    text-align: center;
}

.heading-two>h1{
    text-transform: uppercase;
    font-weight: bold;
}

.bg-services{
    background-color: #F6F6F6;
}

.box{
    background-color: #fff;
    padding: 10px;
    height: 200px;
    box-shadow: 0px 0px 5px rgb(76 76 76 / 30%);
}

.box>h5{
    font-weight: bold;
}

.pro-box{
    border-radius: 4px;
}

.pro-box>a{
    text-decoration: none;
    color: #000;
    text-align: center;
}

.pro-box>a>img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.pro-box .pro-text>h6{
    color: #747474;
}

.bg-gallery{
    background-color: #F6F6F6;
}

footer{
    background-color: #171a21;
}

.social .list-unstyled>li>a{
    text-decoration: none;
    font-size: 14px;
    border: 2px solid #a6a6a6;
    color: #fff;
    transition: .3s;
    border-radius: 50%;
    padding: 7px 10px;
    margin: 0px 5px;
    display: inline-flex;
}

.social .list-unstyled>li>.facebook:hover{
    border: 2px solid #365493;
    background-color: #365493;
}

.social .list-unstyled>li>.twitter:hover{
    border: 2px solid #3CF;
    background-color: #3CF;
}

.social .list-unstyled>li>.instagram:hover{
    border: 2px solid #dc2743;
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.social .list-unstyled>li>.whatsapp:hover{
    border: 2px solid #25D366;
    background-color: #25D366;
}

.fbox h6{
    color: #fff;
    text-transform: uppercase;
}

.fbox .list-unstyled>li>a{
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #a6a6a6;
    transition: .3s;
}

.fbox .list-unstyled>li>a:hover{
    color: #fff;
}

.copyright{
    border-top: 1px solid #FFFFFF57;
    text-align: center;
    color: #fff;
    padding: 20px 0px 0px 0px;
}

.copyright a{
    text-decoration:none;
    color:#fff;
}