/* Menu 
*****************************************************/


.navbar a {
    font-size: 16px;
}

.navbar a {
    color: rgb(41, 41, 41) !important;
}

.navbar :hover {
    color: #204E5E !important;
    border:0px solid #fff;
}

.navbar ul li {
    padding-left: 10px;
}

.logo-img {
    margin: 10px 0;
}

.social-links {
    height: 50px;
}

.navbar-toggler{
    border:0px solid red;
}
.navbar-toggler:focus {
    box-shadow: 2 2 2 2rem red !important;
}

.animated-icon1 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 9999;
}

.animated-icon1 span {
    display: block;
    position: absolute;
    height: 2.5px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background:#204E5E;
}

.animated-icon1 span:nth-child(1) {
    top: 0px;
}

.animated-icon1 span:nth-child(2) {
    top: 10px;
}

.animated-icon1 span:nth-child(3) {
    top: 20px;
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.offcanvas-header {
    right: 50px;
}

.offcanvas-start {
    width: 85% !important;
}

@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end {
        right: 80px;
        left: auto;
    }
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }
    .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);
    }
    .navbar-expand-lg .offcanvas {
        position: absolute !important;
        visibility: hidden !important;
    }
}

@media all and (max-width: 991px) {
    .text-h4 {
        font-size: calc(1.275rem + .1vw);
    }
    .text-h6 {
        font-size: 0.8rem;
    }
    .fa-ico {
        font-size: 50px;
    }
    .right-icons {
        flex-direction: row !important;
    }
    .social-links {
        align-items: center !important;
    }
}

@media all and (max-width: 1200px) {
    .logo-img {
        width: 200px;
    }
}

@media all and (max-width: 767px) {
    .logo-img {
        width: 150px;
    }
    .social-links>i {
        margin-right: 10px !important;
    }
    .container-fluid {
        padding: 0 !important;
    }
}