/*====Header====*/
/*====Nav====-*/
.navbar {
    border-bottom: 1px solid #d3d3d3;
}

.navbar .dropdown-toggle::after {
    border: none;
}

.navbar-light {
    background: #fff;
}

.nav-item a.nav-link {
    color: #8c8c8c !important;
}

.nav-item a.nav-link:hover {
    color: #1794f1 !important;
}

.navbar-toggler {
    border: 1px solid #d3d3d3;
    position: relative;
    right: 60px;
}

.navbar-nav,
#main-menu {
    justify-content: flex-end;
    font-size: 13px;
}

.language-option {
    min-width: 90px;
    border-radius: 0;
    top: 44px;
    padding: 5px;
    text-align: left;
}

/*----*/

.navbar-nav .icon-bar {

    background-color: #393939;

}

.navbar-nav .top-bar {

    transform: rotate(45deg);
    transform-origin: 10% 10%;

}

.navbar-nav .top-bar {

    transform: rotate(0);

}

.navbar-nav .icon-bar {

    width: 22px;
    transition: all 0.2s;

}

.navbar-nav .icon-bar {

    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;

}

.navbar-nav .icon-bar+.icon-bar {

    margin-top: 4px;

}

#main-menu .navbar-nav li.nav-item:last-child .dropdown-menu {
    left: auto;
    right: 0;
}

a#navbarDropdown {
    max-height: 30px;
}

li.nav-item.dropdown.show .top-bar {

    transform: rotate(45deg);
    transform-origin: 10% 10%;

}

li.nav-item.dropdown.show .bottom-bar {
    transform: rotate(-45deg);

    transform-origin: 10% 90%;

}

li.nav-item.dropdown.show .middle-bar {
    opacity: 0;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 2;
    box-shadow: 4px 0px 17px #797777;
    width: 250px;
    transform: translateX(250px);
}

.sidenav.show-menu {

    transform: translateX(0);

}

.sidenav .closebtn {

    position: absolute;
    top: -16px;
    right: 0px;
    font-size: 36px;

}

.sidenav a {

    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-family: nunito;
    display: block;
    transition: 0.3s;
    padding-right: 20px;
    font-weight: 600;
    text-align: right;
    font-size: 18px;
    color: #3f3f3f;

}

.category-list li a {
    color: #686868;
    font-size: 12.5px;
    font-weight: 300;

}

.sidenav-menu .dropdown-toggle::after {
    content: "";
    display: none;
}

.sidenav-menu .dropdown-menu.show {

    display: block;
    width: 100%;
    left: auto;
    right: auto;


}

#main-menu .dropdown-menu {

    margin-top: -8px !important;

}

#main-menu .dropdown-menu {

    position: relative !important;
    backround: none !important;
    border: none;
    transform: none !important;
    text-align: right;
    cursor: pointer;

}

.sidenav a {
    font-size: 14px;
    color: #5a5a5a;
    font-weight: 400;
}

.sidenav a.dropdown-btn {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}

.sidenav a .fa-angle-down {
    width: 14px;
    height: 15px;
    position: relative;
}

.sidenav a .fa-angle-down::before {
    content: "";
    width: 8px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    transform: rotate(45deg);
    top: 9px;
}

.sidenav a .fa-angle-down::after {
    content: "";
    width: 8px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    transform: rotate(-45deg);
    top: 9px;
}

.sidenav {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.dropdown-col {
    display: none;


}

.mob-quicklinks {
    list-style: none;
}

.sidenav a:hover {

    color: #9f32f0c4;

}

a#sliding-menu {
    width: 28px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 0;
    right: 15px;
}

.h-bar1,
.h-bar2,
.h-bar3 {
    width: 28px;
    height: 4px;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    margin: 4px 0;
    margin-top: 0;
    transition: 0.4s;
    display: block;
    position: relative;
    left: -14px;
}

a#sliding-menu:hover .h-bar1 {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
    background-color: #1694f2;
    cursor: pointer;
}

a#sliding-menu:hover .h-bar2 {
    background-color: #1ae5d6;
    cursor: pointer;
}

a#sliding-menu:hover .h-bar3 {
    -webkit-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
    background-color: #19f9b4;
    cursor: pointer;
}

.inner-template .h-bar1,
.inner-template .h-bar2,
.inner-template .h-bar3,
nav.shrink .h-bar1,
nav.shrink .h-bar2,
nav.shrink .h-bar3 {
    background-color: #7b7a7a;

}

.h-bar1,
.h-bar2,
.h-bar3,
nav.shrink .h-bar1,
nav.shrink .h-bar2,
nav.shrink .h-bar3 {
    background-color: #7b7a7a;

}

#home-slider nav.shrink a#sliding-menu .h-bar1,
#home-slider nav.shrink a#sliding-menu .h-bar2,
#home-slider nav.shrink a#sliding-menu .h-bar3,
.inner-template a#sliding-menu:hover .hbar-1,
.inner-template a#sliding-menu:hover .h-bar2,
.inner-template a#sliding-menu:hover .h-bar {
    background-color: #7b7a7a !important;
}

.mob-quicklinks {
    margin: 0;
    position: absolute;
    right: 14px;
    top: 10px;
}

.navbar-nav,
#main-menu {
    justify-content: flex-end;
    font-size: 13px;
    margin-right: 40px;
}

#main-menu .nav-item.dropdown {
    height: 35px;
    width: 50px;
}

#main-menu .language-option {
    min-width: 40px;
    border-radius: 0;
    top: 23px;
    padding: 0 5px;
    text-align: left;
}

#main-menu .dropdown-menu a.dropdown-item {
    display: block;
    margin: 0 auto;
    padding: 5px !important;
}
/*====Footer====*/
footer {
    background: #fff;
    border-top: 1px solid #d3d3d3;
    margin: 0;
    padding: 0;
}

footer h4 {
    font-family: nunito;
    font-size: 18px;
    color: #8c8c8c;
    font-weight: 700;
}

.f-con1 {
    border-right: 1px solid #d3d3d3;
    padding: 50px 0 150px;
    text-align: center;
}

.f-con1 i {
    color: #d4d4d4;
    font-size: 24px;
    padding: 15px 5px 0 5px;
}

.f-con1 i:hover {
    color: #1894f4;
}

.f-con1 i.fab.fa-instagram {
    background: url(https://image.flaticon.com/icons/svg/1384/1384031.svg) no-repeat;
    background-size: 23px 23px;
    background-position: bottom;
    color: transparent;
    opacity: .2;
}


.f-con1 i.fab.fa-instagram:hover {
    background: url(https://image.flaticon.com/icons/png/512/174/174855.png) no-repeat;
    background-size: 23px 23px;
    background-position: bottom;
    opacity: 1;
}

.f-con1 i.fa-facebook-f:hover {
    color: #3b5998;
}

footer .f-quick-links {
    padding: 50px 0 40px 85px;
}

.f-con1 i.fa-youtube:hover {
    color: #c4302b;
}

footer .list-items li a:hover {
    color: #1894f4;
}

@media screen and (max-width:767px) {
    .f-con1 {
        padding: 50px 0 30px;
    }

    footer .f-quick-links {
        padding: 10px 0 10px 25px;
    }

    #footer-image {
        max-width: 45px;
    }
}
#login-screen {

    max-width: 705px;
    margin: 0 auto;
    text-align: center;
    padding: 100px 0 150px 0;

}

#login {
    margin: 0 auto;
    max-width: 375px;
    width: 100%;
}

#login-screen h1 {
    color: #3f3f3f;
    font-size: 24px;
    margin-bottom: 25px;
}

.hyper-txt {
    font-size: 13px;
    margin-top: 20px;
    display: block;
}

#login-screen .social-signup {
    margin-bottom: 60px;
}

.signin-block {
    position: relative;
}

.signin-block .graphic-bl-pr {
    position: absolute;
    width: 101px;
    height: 101px;
    left: 0;
    top: 85px;

}

.signin-block .graphic-red {
    position: absolute;
    width: 322px;
    height: 41px;
    left: 0;
    bottom: 0;

}

.signin-block .graphic-o-b {
    position: absolute;
    width: 138px;
    height: 328px;
    right: 100px;
    bottom: 0;

}

@media screen and (max-width:767px) {
    .signin-block .graphic-bl-pr {
        top: 30px;
    }

    #login {


        max-width: 405px;
        padding: 0 15px;

    }

    .signin-block .graphic-o-b {
        width: 80px;
        height: 189px;
        right: 15px;
    }

    .signin-block .graphic-o-b img {
        width: 100%;
        height: auto;
    }

    .signin-block .graphic-red {
        width: 200px;
        height: auto;
    }

    .signin-block .graphic-red img {
        width: 100%;
        height: auto;
    }

    .signin-block .graphic-bl-pr {
        width: 80px;
        height: auto;
    }

    .signin-block .graphic-bl-pr img {
        width: 100%;
        height: auto;
    }
}

.social-signup {
    margin: 25px auto 75px;
    font-size: 13px;
    font-weight: 600;
}

a.signup-with-fb {
    color: #084266;
    float: left;
}

a.signup-with-google {
    color: #8c8c8c;
    float: right;
}

a.signup-with-apple {
    color: #000000;
}

.icon-google {
    width: 18px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.select-col-two {
    position: relative;
    width: 100%;
    display: block;
}

.select-col-two select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.select-col-two::before {
    width: 28px;
    height: 100%;
    content: "";
    background: #19f9b4;
    position: absolute;
    right: 0;
    pointer-events: none;
    border-radius: 0 4px 4px 0;
}

.select-col-two::after {
    content: "";
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-49deg);
    -webkit-transform: rotate(-49deg);
    position: absolute;

    right: 10px;

    top: 13px;
    pointer-events: none;
}