/*---------------------------------------------------------------
14. HEADER (top part of page)
---------------------------------------------------------------*/




.navbar-fixed-top{background:#f5f7fa;box-shadow:1px 1px 1px #ccc;}
.site-header {
    position: relative;
    z-index: 999;
}
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/

.extra-nav {
    float: right;
    padding: 25px 0 20px;
    position: relative;
    z-index: 9;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .extra-nav {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        width: 100%;
        clear: both;
        margin: 0;
        text-align: right;
    }
}
/* map page header*/

#header-part.fix-map-header {
    height: 90px;
}
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 480px) {
    #header-part.fix-map-header {
        height: 160px;
    }
}
/*---------------------------------------------------------------
15. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/

.top-bar {
    background-color: #F5F5F5;
    color: #337ab7;
    padding: 5px 0;
}
.rdx-topbar-left {
    float: left;
}
.rdx-topbar-right {
    float: right;
}
.rdx-topbar-center,
.rdx-topbar-left,
.rdx-topbar-right {
    padding-left: 15px;
    padding-right: 15px;
}
@media only screen and (max-width: 767px) {
    .top-bar [class*="col-"] {
        width: 100%;
        text-align: right;
        padding: 10px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .top-bar [class*="col-"]:last-child {
        border-bottom: none;
    }
}

.certified{
    background: #fff;
}
.certified-inner{
    float: right;
    padding-top: 16px;
}
.certified-inner img{
    width: 530px;
}


.fixed-logo{
    /* display: none !important; */
}
.navbar-fixed-top .fixed-logo{
    display: block !important;
    width: 190px;
    height: auto;
    padding-top: 11px;
}

.navbar-fixed-top  .main-bar{
    background: #fff;
}

/*=== >eamil-phone (left) ===*/

.e-p-bx li {
    display: inline;
    font-size: 14px;
    padding-right: 10px;
}
.e-p-bx li a {
    color: #FFF;
}
.e-p-bx li i {
    
    vertical-align: middle;
}
/*=== >social-links (right) ===*/

.social-bx,
.login-bx {
    margin: 0 0 0 15px;
    float: right;
}
.social-bx li,
.login-bx li {
    font-size: 12px;
    margin: 0;
    position: relative;
}
.social-bx li {
    padding-left: 1px;
    padding-right: 1px;
}
.social-bx li a,
.login-bx li a {
    color: #ffffff;
}
.social-bx li i,
.login-bx li i {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}
.social-bx li span,
.login-bx li span {
    vertical-align: baseline;
    margin: 0 2px 0;
    font-size: 8px;
}
.login-bx li ul {
    top: 25px;
    left: auto;
    right: 0;
    border: none;
    padding: 0;
}
.login-bx li ul li {
    border-bottom: 1px solid #F7F7F7;
}
.login-bx li ul li a {
    color: #767676;
    padding: 9px 15px;
}
.arrow-up-border:before,
.arrow-up:after {
    position: absolute;
    display: inline-block;
    content: '';
}
.arrow-up-border:before {
    top: -7px;
    right: 19px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #F00;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
}
.arrow-up:after {
    top: -6px;
    right: 20px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
}
.arrow-left:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.arrow-left:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
/*=== >language-list () ===*/

.language-bx li {
    display: inline;
    margin: 0 10px;
}
/*---------------------------------------------------------------
16. LOGO ( company identify  symbol )
---------------------------------------------------------------*/
/*=== >logo for header ===*/

.logo-header {
    display: table;
    float: left;
    vertical-align: middle;
    padding: 0;
    font-size: 36px;
    color: #e3ae78;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 240px;
    height: 90px;
    position: relative;
    z-index: 9;
}
.logo-footer {
    display: table;
    vertical-align: middle;
    padding: 0;
    font-size: 36px;
    color: #e3ae78;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    width: 240px;
    height: 60px;
}
.logo-header > a,
.logo-footer > a {
    display: table-cell;
    vertical-align: middle;
}
.logo-header.center-block {
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.logo-header img,
.logo-footer img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.logo-header span,
.logo-footer span {
    font-size: 20px;
    color: #e3ae78;
    letter-spacing: 20px;
}
/*= When header is sticky =*/

.is-fixed .logo-header,
.is-fixed.header-curve .logo-header {
    height: 70px;
    width: 170px;
}
/*= Set width for mobile  =*/

@media only screen and (max-width: 767px) {
    .logo-header,
    .is-fixed.header-curve .logo-header {
        width: 162px;
    }
    .is-fixed .logo-header a img,
    .is-fixed.header-curve .logo-header a img {
        vertical-align: sub;
    }
}
/*---------------------------------------------------------------
17. MAIN BAR ( place logo & main-navigation )
---------------------------------------------------------------*/

.main-bar {
     /* background: #154d9e; */
     width: 100%;
     position: relative;
}
.header-curve .logo-header:before,
.header-curve .logo-header:after {
    background-color: transparent;
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    z-index: -1;
}
.header-curve .logo-header:before {
    right: -50px;
    width: 80%;
    -webkit-transform: skew( 30deg);
    -moz-transform: skew( 30deg);
    -o-transform: skew( 30deg);
    -ms-transform: skew( 30deg);
    transform: skew(30deg);
}
.header-curve .logo-header:after {
    right: 10%;
    width: 2000px;
}
.is-fixed.header-curve .logo-header img {
    margin-top: -0;
}
@media only screen and (max-width: 767px) {
    .header-curve .logo-header:after {
        right: 0;
        left: auto;
    }
}
/*---------------------------------------------------------------
18. NAVIGATIONS
	>mena-menu
	>mobile-menu
	>footer-menu
---------------------------------------------------------------*/
/*== >mena-menu ==*/

.navbar-toggle {
    border: 2px solid #e3ae78;
    margin: 24px 0 24px 15px;
    padding: 12px 10px;
}
.navbar-toggle span {
    background: #e3ae78;
}
.is-fixed .navbar-toggle {
    margin: 14px 0;
}
.header-nav {
    position: relative;
    padding: 0;
}
.header-nav .nav {
    float: right;
    margin-top: 20px;
}
.header-nav .nav i {
    font-size: 9px;
    margin-left: 3px;
    margin-top: -3px;
    vertical-align: middle;
    opacity: 0.7;
}
.header-nav .nav .has-mega-menu .mega-menu i {
    font-size: 14px;
    margin-right: 5px;
    opacity: 1;
    width: 15px;
}
.header-nav .nav > li {
    margin: 0px;
    font-weight: 400;
    position: relative;
	font-family: 'Poppins', sans-serif;
}
.header-nav .nav > li > a {
    border-radius: 0px;
    color: #555555;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 12px;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.header-nav .nav > li > a:hover {
    background-color: transparent;
    color: #e3ae78;
}
.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {
    background-color: transparent;
}
.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a {
    background-color: transparent;
    color: #e3ae78;
}
.header-nav .nav > li:hover > a {
    color: #e3ae78;
}
.header-nav .nav > li:hover > .sub-menu,
.header-nav .nav > li:hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header-nav .nav > li .sub-menu {
    background-color: #ffffff;
    border: 1px solid #f4f4f4;
    display: block;
    left: 0;
    list-style: none;
    margin: 20px 0 0;
    opacity: 0;
    padding: 0px;
    position: absolute;
    visibility: hidden;
    width: 220px;
    z-index: 10;
}
.header-nav .nav > li .sub-menu li {
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    background: #e3ae78;
}
.header-nav .nav > li .sub-menu li a {
    color: #777777;
    display: block;
    font-size: 14px;
    padding: 10px 20px;
    transition: all 0.15s linear;
    color:#fff;
	text-transform: uppercase;
}


.header-nav .nav > li .sub-menu li a:hover {
    background-color: #F2F2F2;
    color: #222;
    text-decoration: none;
}
.header-nav .nav > li .sub-menu li:hover > a {
    color: #222;
}

.header-nav .nav > li .sub-menu li a:hover i{
    color: #222;
}

.header-nav .nav > li .sub-menu li:last-child {
    border-bottom: 0px;
}
.header-nav .nav > li .sub-menu li .fa {
    color: #fff;
    display: block;
    float: right;
    position: absolute;
    right: 10px;
    top: 22px;
    font-size: 12px;
}
.header-nav .nav > li .sub-menu li > .sub-menu {
    left: 220px;
    margin: 0 0 0 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu {
    left: 220px;
    margin: 0px;
    opacity: 1;
    top: -1px;
    visibility: visible;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
    background-color: transparent;
    bottom: 0px;
    content: '';
    display: block;
    height: 100%;
    left: -6px;
    position: absolute;
    top: 0px;
    width: 6px;
}
.header-nav .nav > li.has-mega-menu {
    position: inherit;
}
.header-nav .nav > li .mega-menu {
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    display: table;
    left: 0px;
    list-style: none;
    opacity: 0;
    position: absolute;
    right: 0px;
    visibility: hidden;
    width: 100%;
    margin-top: 20px;
}
.header-nav .nav > li .mega-menu > li {
    display: table-cell;
    padding: 10px 0;
    position: relative;
    vertical-align: top;
    width: 25%;
}
.header-nav .nav > li .mega-menu > li:after {
    content: "";
    background-color: rgba(204, 204, 204, 0.4);
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 1px;
    height: 100%;
}
.header-nav .nav > li .mega-menu > li:last-child:after {
    display: none;
}
.header-nav .nav > li .mega-menu > li > a {
    color: #555555;
    display: block;
    font-size: 14px;
    padding: 0 20px;
}
.header-nav .nav > li .mega-menu > li ul {
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
.header-nav .nav > li .mega-menu > li ul a {
    color: #777777;
    display: block;
    font-size: 14px;
    line-height: 34px;
    padding: 0 20px;
}
.header-nav .nav > li .mega-menu > li ul a:hover {
    color: #e3ae78;
    background-color: #F2F2F2;
}
.header-nav .nav > li.menu-item-has-children:before {
    content: "\f078";
    display: block;
    font-family: "FontAwesome";
    right: 4px;
    position: absolute;
    top: 50%;
    color: #999;
    margin-top: -8px;
    font-size: 8px;
}
@media only screen and (max-width: 991px) {
    header .logo {
        display: block;
        padding: 4px 0;
    }
  
    .header-nav .nav i {
        margin-top: 6px;
    }
}
@media only screen and (max-width: 991px) {
    /* responsive strat when media screen [991px] css START*/
    
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        /* NEW */
        
        display: block!important;
    }
    /* responsive strat when medai screen [991px] css END*/
    
    .header-nav {
        clear: both;
        margin: 0 -15px;
        border-bottom: 1px solid #E9E9E9;
    }
    .header-nav .nav {
        float: none;
        margin: 0;
        background: #fff;
    }
    .header-nav .nav li {
        float: none;
    }
    .header-nav .nav > li .sub-menu > li,
    .header-nav .nav > li .mega-menu > li {
        float: none;
        display: block;
        width: auto;
    }
    .header-nav .nav > li > a {
        padding: 12px 15px;
        border-top: 1px solid #E9E9E9;
    }
    .header-nav .nav i {
        float: right;
    }
    .header-nav .nav > li > a:hover,
    .header-nav .nav > li > a:active,
    .header-nav .nav > li > a:focus {
        background-color: #f0f0f0;
        text-decoration: none;
       
    }

    .header-nav .nav > li .mega-menu > li:after {
        display: none;
    }
    .header-nav .nav > li ul,
    .header-nav .nav > li .sub-menu,
    .header-nav .nav > li .mega-menu {
        display: none;
        position: static;
        visibility: visible;
        width: auto;
        background: #f9f9f9;
    }
    .header-nav .nav > li ul.mega-menu ul {
        display: none;
    }
    .header-nav .nav > li:hover > ul,
    .header-nav .nav > li:hover .sub-menu,
    .header-nav .nav > li:hover .mega-menu,
    .header-nav .nav > li .sub-menu li > .sub-menu {
        opacity: 1;
        visibility: visible;
        display: block;
        margin: 0;
    }
    .header-nav .nav > li ul.mega-menu li:hover ul {
        display: block;
    }
}
/*= nav dark version =*/

.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
    background-color: #2E1E13;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.nav-dark.header-nav .nav > li .sub-menu li {
    border-bottom: 1px solid #36261b;
}
.nav-dark.header-nav .nav > li .sub-menu li a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a,
.nav-dark.header-nav .nav > li .mega-menu > li > a {
    color: #CCCCCC;
}
.nav-dark.header-nav .nav > li .sub-menu li a:hover {
    background-color: #36261b;
}
.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover {
    background-color: #36261B;
    color: #e3ae78;
}
.nav-dark.header-nav .nav > li .mega-menu > li:after {
    background-color: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 991px) {
    .nav-dark.header-nav {
        border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    }
    .nav-dark.header-nav .nav {
        background-color: #2D3239;
    }
    .nav-dark.header-nav .nav > li > a {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    [class*="bg-"] .nav-dark.header-nav .nav > li > a {
        color: #999;
    }
    [class*="bg-"] .nav-dark.header-nav .nav > li.active > a,
    [class*="bg-"] .nav-dark.header-nav .nav > li:hover > a {
        color: #e3ae78;
    }
    .nav-dark.header-nav .nav > li > a:hover,
    .nav-dark.header-nav .nav > li > a:active,
    .nav-dark.header-nav .nav > li > a:focus {
        background-color: #2D3239;
        color: #e3ae78;
    }
    .nav-dark.header-nav .nav > li ul,
    .nav-dark.header-nav .nav > li .sub-menu,
    .nav-dark.header-nav .nav > li .mega-menu {
        background-color: #2D3239;
    }
}
/*= when header is sticky =*/

.sticky-no .main-bar {
    position: static !important;
}
/*= when header is sticky =*/

.is-fixed .main-bar {
    position: fixed;
    top: 0;
    left: 0;
}
.is-fixed .header-nav .nav > li > a {
    padding: 25px 12px;
}
.is-fixed .extra-nav {
    padding: 15px 0;
}
@media only screen and (max-width: 991px) {
    .is-fixed .header-nav .nav > li > a {
        padding: 12px 15px;
    }
}
@media only screen and (max-width: 767px) {
    .is-fixed .header-nav .nav {
        overflow: auto;
        height: 225px;
    }
    .is-fixed .header-nav .nav > li > a {
        padding: 12px 15px;
    }
    .is-fixed#header-part .navbar-toggle {
        margin: 15px 0;
    }
}
/*= header full width =*/

#header-part.full-width .top-bar .container,
#header-part.full-width .main-bar .container {
    width: auto;
}
/*= Header style designs strat =*/
/*header with bg primary color 1 */

[class*="bg-"] .header-nav .nav > li > a {
    color: #a4d7ec;
}
[class*="bg-"] .header-nav .nav > li.active > a,
[class*="bg-"] .header-nav .nav > li.current-menu-item > a {
    color: #ffffff;
}
[class*="bg-"] .header-nav .nav > li > a:hover,
[class*="bg-"] .header-nav .nav > li:hover > a {
    color: #ffffff;
}
[class*="bg-"] .navbar-toggle {
    border-color: #fff;
}
[class*="bg-"] .navbar-toggle span {
    background-color: #2D3239;
}
@media only screen and (max-width: 991px) {
    [class*="bg-"] .header-nav .nav > li > a {
        color: #555;
    }
	[class*="bg-"] .header-nav .nav > li.active > a,
	[class*="bg-"] .header-nav .nav > li.current-menu-item > a {
		color: #555555;
	}
}
/*header style 1 (default) */
/*header style 2 (center content) */

.rdx-bnr-inr.rdx-bnr-inr-lg {
    height: 800px;
}
.rdx-bnr-inr.rdx-bnr-inr-md {
    height: 600px;
}
.rdx-bnr-inr.rdx-bnr-inr-sm {
    height: 400px;
}
.header-style-1.dark .top-bar {
    background-color: #e3ae78;
}
.header-style-1 .top-bar .fa {
    
    font-size: 15px;
    height: 35px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    color: #e8e8e8;
}



/* btn */

.skew-primary:after,
.skew-secondry:after {
    z-index: -1;
    transition: all 0.5s ease 0s;
    background: #2e1e13 none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 20px;
    position: absolute;
    right: -10px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
}
.skew-primary:after {
    background: #8DC141;
}
.skew-secondry,
.skew-primary {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.skew-secondry[class*="site-button"]:hover,
.skew-primary[class*="site-button"]:hover {
    color: #fff;
}
.skew-secondry:hover::after,
.skew-primary:hover::after {
    -moz-transform: scale(30);
    -webkit-transform: scale(30);
    -o-transform: scale(30);
    -ms-transform: scale(30);
    transform: scale(30);
    z-index: -1;
    color: #fff;
}
.bg-img-fix {
    background-size: cover;
}
/* btn end */
.site-button, .site-button-secondry {
    color: #222;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    text-decoration: none;
}