.o-header {

    padding-top: 14px;

}

.o-logo{
    width:220px;
}



.o-header__right {

    display: block;

}
.o-header__right ul{
    display:inline-block;
    vertical-align:middle;
}
.o-header__right .c-header-social{
    display:inline-block;
    vertical-align:middle;
}
.c-header-social a{
    width: 28px;
    height: 28px;
    text-align: center;
    color: #FFF;
    font-size: 14px !important;
    line-height: 28px !important;
    border-radius: 100%;
    display: inline-block;
    padding: 0 !important;
}
.c-whatsapp-social{
    position: fixed;
    bottom: 80px;
    right: 15px;
    z-index: 99;
    font-size: 35px !important;
    width: 50px;
    height: 50px;
    text-align:center;
    color:#FFF;
    line-height: 50px !important;
    background:#00e676;
    border-radius:100%;
}
.c-whatsapp-social:hover{
    color:#FFF;
}

.list-unstyled {

    padding-left: 0;

    list-style: none;

}



.o-header__right ul>li {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    margin: 0 8px;

    padding: 0 0 0 50px;

    position: relative;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

}



.o-header__right ul>li:hover i {

    /* border-color: transparent; */

    background: #002ed8;

    color: #fff;

    border-color: #002ed8;

    

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.o-header__right ul>li h5 {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 700;

    color: #252525;

    display: block;

    text-transform: uppercase;

    margin: 4px 0 0;

}



.o-header__right ul>li h5 span {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 500;

    color: #666666;

    display: block;

    text-transform: none;

    margin-top: 2px;

}



.o-header__right ul>li h5 span a {

    color: #666666;

}



.o-header__right ul>li h5 span a:hover {

    color: #002ed8;

}



.o-header__right ul>li i {

    position: absolute;

    text-align: center;

    font-size: 18px;

    top: 0;

    left: 0;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border: 1px solid #e6e6e6;

    border-radius: 100%;

    color: #002ed8;

}





/*hamburger*/

.hamburger {

    display: none;

    text-align: left;

    padding: 13px 0;

    /*width: 50%;*/

    float: left;

}



.hamburger-box {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    width: 36px;

    height: 24px;

}



.hamburger-inner:after,

.hamburger-inner:before {

    display: block;

    content: "";

}



.hamburger-inner,

.hamburger-inner:after,

.hamburger-inner:before {

    position: absolute;

    width: 36px;

    height: 4px;

    transition-timing-function: ease;

    transition-duration: .15s;

    transition-property: transform;

    border-radius: 4px;

    background-color: #0011f3;

}



.hamburger-inner:before {

    top: -10px;

}



.hamburger-inner:after {

    bottom: -10px;

}



.hamburger .hamburger-inner:before {

    transition: top .1s ease-in .25s, opacity .1s ease-in;

}



.hamburger .hamburger-inner:after {

    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);

}



.hamburger-inner {

    top: 50%;

    display: block;

    margin-top: -2px;

}



.hamburger-inner {

    transition-timing-function: cubic-bezier(.55, .055, .675, .19);

    transition-duration: .22s;

}



.hamburger.is-active .hamburger-inner,

.hamburger .hamburger-inner:after,

.hamburger .hamburger-inner:before {

    background-color: #0011f3;

}



.hamburger.is-active .hamburger-inner {

    transition-delay: .12s;

    transition-timing-function: cubic-bezier(.215, .61, .355, 1);

    transform: rotate(225deg);

}



.hamburger.is-active .hamburger-inner:after {

    bottom: 0;

    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;

    transform: rotate(-90deg);

}



.hamburger.is-active .hamburger-inner:before {

    top: 0;

    transition: top .1s ease-out, opacity .1s ease-out .12s;

    opacity: 0;

}



header .container{

   margin-bottom: 14px; 

}

.c-nav .container{

    margin-bottom: 0;

}

.c-nav {

    /* text-align:center; */

    background: #FFF;

    

    background: #e6e6e6;



    -webkit-transition:all ease-in-out 0.6s;

  -o-transition:all ease-in-out 0.6s;

  -moz-transition:all ease-in-out 0.6s;

  transition:all ease-in-out 0.6s;

}

.c-nav.fixed {

  position: fixed;

  top:0;

  right:0px;

  width: 100%;

  z-index: 9999;

  

    -webkit-transition:all ease-in-out 0.6s;

  -o-transition:all ease-in-out 0.6s;

  -moz-transition:all ease-in-out 0.6s;

  transition:all ease-in-out 0.6s;

  animation: smoothScroll 1s forwards;

 /* animation-duration: 0.2s;

    animation-delay: 0.2s;

    animation-name: fadeInDown;*/

   }

   @keyframes smoothScroll { 0% { transform: translateY(-20px); } 100% { transform: translateY(0px); } }



.c-nav ul {

    /* margin: 0 0 0 -17px; */

    padding: 0;

    margin: 0;

}



.c-nav ul li {

    float: left;

    position: relative;

}



.c-nav ul li a {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 500;

    color: #252525;

    display: inline-block;

    padding: 22px 17px;

    text-transform: uppercase;

    position: relative;

    z-index: 99;

}



.c-nav ul li a::before {

    content: " ";

    height: 0;

    width: 100%;

    background: #002ed8;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.3s ease-in-out;

    z-index: -9;

}



.c-nav ul li:hover>a:before,

.c-nav ul li.active>a:before,

.c-nav ul li.current-menu-item>a:before {

    height: 100%;

    transition: all 0.3s ease-in-out;

}



.c-nav ul li:hover>a,

.c-nav ul li.active>a,

.c-nav ul li.current-menu-item>a {

    color: #fff;

}



.c-nav ul li>ul {

    width: 250px;

    background: #fff;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 999;

    display: none;

}





.c-nav ul li.arrowStyle::before{

    width: 40px;

    height: 15px;

    position: absolute;

    right: 0;

    top: 34px;

    left: 0;

    z-index: 999;

    cursor: pointer;

    /*background: url(/wp-content/themes/far-eastern-child/images/arw.png) no-repeat center;

    */

    margin: auto;

    text-align: center;

    content: "\f107";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 16px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

}

.c-nav ul li.arrowStyle:hover::before,

.c-nav ul li.arrowStyle.active::before,

.c-nav ul li.arrowStyle.current-menu-item::before {

    color: #fff;

}

/* .c-nav ul li .arw-nav {

    width: 40px;

    height: 15px;

    position: absolute;

    right: 0;

    top: 34px;

    left: 0;

    z-index: 999;

    cursor: pointer;

    margin: auto;

    text-align: center;



}



.c-nav ul li .arw-nav::before {

    content: "\f107";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 16px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

} */



/* .c-nav ul li:hover>.arw-nav::before,

.c-nav ul li.active>.arw-nav::before,

.c-nav ul li.current-menu-item>.arw-nav::before {

    color: #fff;

} */





.c-nav ul li:hover ul {

    display: block;

    margin: 0;

}



.c-nav ul li ul li {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

}



.c-nav ul li ul li+li {

    border-top: 1px solid #e6e6e6;

}



.c-nav ul li ul li a {

    margin: 0;

    padding: 10px 10px;

    display: block;

    font-size: 14px;

    font-weight: 500;

    color: #252525;

}



.c-nav__right a.c-btn-default{

    font-family: 'Roboto', sans-serif;

    padding: 12px 23px;

    font-size: 12px;

}



.c-nav__right {

    float: right;

    padding: 14px 0;

}

.sd-old{

    display: none;

}
.o-logo-one{
    display:none;
}
/* 

font-family: 'Jost', sans-serif;

font-family: 'Roboto', sans-serif;

*/



/*====================================================== Responsive =========================*/

@media only screen and (max-width:1280px) {}



@media only screen and (max-width:1199px) {}



@media only screen and (max-width:1124px) {

    .c-nav ul li a {

        padding: 22px 11px;

    }

}



@media only screen and (max-width:1024px) {

    .c-nav ul li a {

        padding: 23px 10px;

        font-size: 12px;

    }

}



@media only screen and (max-width:991px) {

    .o-logo img {

        max-width: 230px;

    }



    .o-header__right ul>li {

        padding: 0;

        margin: 0 8px;

    }



    .o-header__right ul>li i {

        display: none;

    }



    .c-nav ul li a {

        padding: 24px 6px;

        font-size: 11px;

    }



    .c-nav__right a {

        padding: 12px 12px;

    }

}



@media only screen and (max-width:840px) {}



@media only screen and (max-width:767px) {
.o-logo-one{
    display: block;
    width: 153px;
    margin: -45px 0 12px 7px;
}
.o-logo-one img{
    width: 153px;
    margin: -45px 0 12px 7px;
}
    .o-logo img {

        max-width: 230px;

    }

    .c-nav__right {

        padding: 8px 0;

    }

    .hamburger {

        display: block;
        position: relative;
        z-index: 999;

    }



    .c-nav__sup {

        width: 260px;

        height: 100%;

        position: fixed;

        z-index: 99;

        top: 0;

        left:-100%;

        text-align: left;

        overflow-y: auto;
        /*background:#4b6174;

        */

        background: #FFF;

        padding-top: 60px;

        height: 2000px;       

        -webkit-transition: all 0.5s ease-in;

        -moz-transition: all 0.5s ease-in;

        -ms-transition: all 0.5s ease-in;

        -o-transition: all 0.5s ease-in;

         transition: all 0.5s ease-in;

    }
.c-nav__sup.is-active .cls-btn {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 24px;
    right: 15px;
    cursor: pointer;
    background: url(/wp-content/themes/far-eastern-child/images/cross.png) no-repeat center;
}


    .c-nav__sup.is-active {
     left: 0;
     z-index: 9999;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    }



    .c-nav ul li {

        float: left;

        position: relative;

        width: 100%;

    }



    .c-nav ul li a {

        display: block;

        padding: 8px 15px;

        font-size: 12px;

    }



    .c-nav ul li+li {

        border-top: 1px solid #eee;

    }

    .c-nav ul li.arrowStyle::before{

        display: none;

    }

    .c-nav ul li .arw-nav {

        width: 40px;

        height: 32px;

        right: 0;

        top: 0;

        left: 0;

        z-index: 999;

        cursor: pointer;

        /* background: url(/wp-content/themes/far-eastern-child/images/arw.png) no-repeat center; */

        margin: 0;

        text-align: center;

        float: right;

        position: relative;

        line-height: 32px;

    }

    .c-nav ul li .arw-nav::before {

        content: "\f107";

        font: normal normal normal 14px/1 FontAwesome;

        font-size: 16px;

        transition: all 0.3s ease-in-out;

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

    } 

    

    .c-nav ul li:hover>.arw-nav::before,

    .c-nav ul li.active>.arw-nav::before,

    .c-nav ul li.current-menu-item>.arw-nav::before {

        color: #fff;

    } 



    .c-nav ul>li:hover ul {

        display: none;

    }



    .c-nav ul li>ul {

        position: static;

    }

    .c-nav ul li ul li a{

        font-size: 12px;

        padding: 5px 15px 8px 25px;

        /* padding-left: 20px; */

    }

    .o-header .o-header__right {

        margin: 12px 0 0;

        width: 100%;

        text-align: center;

    }

    .o-header__right ul>li h5 {

        font-size: 13px;

    }

    .o-header__right ul>li h5 span {

        font-size: 13px;

    }

   /* .c-nav {

        margin-top: 10px;

    }*/

}



@media only screen and (max-width:640px) {}



@media only screen and (max-width:540px) {

   .o-header__right ul>li {

    padding: 0;

    margin: 0px 0 0px 0px;

    width: 100%;

    text-align: left;

    padding-top: 5px;

    padding-left: 19px;

}

 .sd-old li a{

    padding-left: 0 !important;

}

    .sd-old{

    display:block;

}

.sd-new{

    display: none;

}

 .c-nav ul li{

        border-top: 1px solid #eee;

    }
.o-header__right ul>li h5 span {

    margin-top: 0px;
}
.c-nav ul li a {
    padding: 6px 15px;
}
}

@media only screen and (max-width:520px) {}



@media only screen and (max-width:420px) {}



@media only screen and (max-width:380px) {

   /* .o-header .o-header__right {

        display: none;

    }*/

}