/*====================================== Start navigation ========================================*/

.main_header {

    width: 100%;

    float: left;

    padding: 15px 0;

    margin: 0;

    background: #0053a6;

    position: relative;

}



.main_navigation {

    width: 100%;

    float: left;

    padding: 5px 0 0;

    margin: 0;

}



.main_navigation .nav_sec {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

}



.main_navigation .nav_sec ul {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

    text-align: right;

    font-size: 0;

}



.main_navigation .nav_sec ul li {

    display: inline-block;

    vertical-align: middle;

    margin: 0 3px;

    padding: 0;

    position: relative;

}



.main_navigation .nav_sec ul li a {

    font-size: 16px;

    color: #fff;

    padding: 0 15px;

    display: block;

    font-weight: 800;

    line-height: 50px;

    position: relative;

    z-index: 99;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.main_navigation .nav_sec ul li a:before {

    content: " ";

    height: 100%;

    width: 100%;

    background: #23346c;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.3s ease-in-out;

    z-index: -9;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    opacity: 0;

}



.main_navigation .nav_sec ul li:hover>a:before,

.main_navigation .nav_sec ul li.active>a:before,

.main_navigation .nav_sec ul li.current-menu-item>a:before {

    opacity: 1;

    transition: all 0.3s ease-in-out;

}



.main_navigation .nav_sec ul li:hover>a,

.main_navigation .nav_sec ul li.active>a,

.main_navigation .nav_sec ul li.current-menu-item>a {

    /*color: #fff;*/
    color: #f0c174;
    /*color: #F70;*/

}



.main_navigation .nav_sec ul li ul {

    width: 250px;

    background: #23346c;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 999;

    display: none;

    text-align: left;

}



.main_navigation .nav_sec ul li:hover ul {

    display: block;

}



.main_navigation .nav_sec ul li ul li {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

}

.main_navigation .nav_sec ul li ul li a::before{

    background: #d0ab73;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

}

.main_navigation .nav_sec ul li ul li+li {

    border-top: 1px solid #23346c;

}



.main_navigation .nav_sec ul li ul li a {

    margin: 0;

    padding: 0 10px;

    display: block;

    font-size: 16px;

    font-weight: 300;

    color: #fff;

}

span.toggle-menu {

    display: none;

}



/*====================================== End navigation ========================================*/







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

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



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

    .main_navigation .nav_sec ul li a {

        font-size: 15px;

    }

}



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

    .main_navigation .nav_sec ul li {

        margin: 0;

    }

}



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

    .main_navigation .nav_sec ul li a {

        font-size: 14px;

    }

}



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



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

    .main_navigation .nav_sec ul li a {

        font-size: 13px;

        padding: 0 10px;

    }

}



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





    /*========================== start mobile menu =================================*/



    span.toggle-menu img {

        float: left;

    }



    span.toggle-menu {

        width: auto;

        float: left;

        margin: 0;

        padding: 0;

        display: block;

        cursor: pointer;

    }



    .main_navigation {

        padding: 5px;

        position: absolute;

        width: auto;

        top: -48px;

        right: 15px;

        background: #d0ab73;

        border-radius: 3px;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        -ms-border-radius: 3px;

        -o-border-radius: 3px;

        z-index: 9999;

}



    .main_navigation .nav_sec {

        width: 280px;

        height: 100%;

        float: none;

        position: fixed;

        z-index: 999;

        top: 0;

        right: -100%;

        padding: 70px 0 0;

        background: #23346c;

        display: block;

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

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

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

        transition: all 0.8s ease-in-out;



    }



    .main_navigation .nav_sec.slidein {

        right: 0;

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

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

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

        transition: all 0.5s ease-in-out;

    }



    .main_navigation .nav_sec .cls-btn {

        width: 32px;

        height: 32px;

        position: absolute;

        top: 15px;

        right: 15px;

        cursor: pointer;

        background: url(../../images/cross.png) no-repeat center;

        padding: 5px;

        background-size: 24px;

        background-color: #cfaa73;

    }



    .main_navigation .nav_sec ul {

        text-align: left;

    }



    .main_navigation .nav_sec ul>li {

        display: block;

        padding-bottom: 0;

        width: 100%;

        float: left;

        margin: 0;

    }



    .main_navigation .nav_sec ul>li+li {

        margin-left: 0;

    }



    .main_navigation .nav_sec ul>li a {

        color: #FFF;

        padding: 0 15px;

        font-size: 15px;

        border-radius: 0;

    }



    .main_navigation .nav_sec ul li a:before {

        display: none;

    }



    .main_navigation .nav_sec ul>li:hover>a,

    .main_navigation .nav_sec ul>li.active>a {

        background: #cfaa73;

        color: #23346c;

    }



    .main_navigation .nav_sec>ul>li>a:after,

    .main_navigation .nav_sec>ul>li>a:after {

        display: none;

    }



    .main_navigation .nav_sec img {

        display: inline-block;

        vertical-align: middle;

    }



    .main_navigation .nav_sec i {

        float: left;

        font-style: normal;

        color: #fff;

        line-height: 30px;

        font-size: 21px;

        font-weight: 600;

    }



    .main_navigation .nav_sec ul>li:hover ul {

        display: none;

    }



    .main_navigation .nav_sec ul>li ul {

        width: 100%;

        background: #0053a6;

        position: static;

        top: 100%;

        left: 0;

        text-align: left;

        display: none;

        float: left;

        border-radius: 0;

        padding: 0;

    }



    .main_navigation .nav_sec ul li ul li a {

        padding: 0 30px;

        color: #fff;

        line-height: 40px;

    font-weight: 700;

    }



    .main_navigation .nav_sec ul ul>li:hover>a,

    .main_navigation .nav_sec ul ul>li.active>a {

        background: #0053a6;

        color: #FFF;

    }



    .main_navigation .nav_sec ul li .arw-nav {

        width: 40px;

        height: 45px;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 999;

        cursor: pointer;

        background: url(../../images/arw.png) no-repeat center;

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

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

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

        transition: all 0.3s ease-in-out;



    }



    .main_navigation .nav_sec ul li .arw-nav.actv {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }



    /*========================================================================================*/

}



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



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



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



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

    .banner_caption_inner .banner_text_inner .banner_text a {

        font-size: 14px;

        padding: 0 20px;

        line-height: 35px;

        border-radius: 3px;

    }

}