/*-----------------------------------------------

    Theme:	Parasponsive Theme
    Author:	GoGetThemes.com
    Version:	1.0

    TABLE OF CONTENTS:

    1.0 Header Type 1
    2.0 Header Type 2
    3.0 Header Type 3


-----------------------------------------------*/





/*------ Header Type 2: General settings START -----*/

    .admin-bar .modal-wrap {  top: 32px !important;  }
    .mobile-header {
        display: none;
        position: relative;
        z-index: 999;
    }

/*------ Header Type 2: General settings END -----*/


/*------ Header Type 2: Header & main menu START -----*/

    .header-type-2 .header-type-hide {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        z-index: 999;
    }
    .header-type-2 .header-type-hide::after {
        clear: both;
        content: "";
        display: block;
    }
    .header-type-2 .header-type-hide.is-hidden {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .header-type-2 .header-type-primary {
        text-align: justify;
        height: 60px;
        padding: 0 3%;
    }
    .header-type-2 .header-type-primary:after {
        content: '';
        display: inline-block;
        width: 100%;
    }
    .header-type-2 .header-type-primary > div,
    .header-type-2 .header-type-primary nav {
        display: inline-block;
        vertical-align: top;
    }
    .header-type-visible {
        position: relative;
        z-index: 1;
        clear: both;
        width: 100%;
        padding-right: 3%;
        padding-left: 3%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .header-type-2 .header-type-visible::before {
        content: "";
        background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
    .buttons-block,
    .main-menu-block {
        display: inline-block;
        vertical-align: top;
    }
    .buttons-block {
        width: 15%;
    }
    .main-menu-block {
        width: 84%;
    }
    .header-type-primary.desktop-menu-wrap {
        display: block;
        text-align: right;
    }
    .header-buttons span {
        display: block;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
    }


/*------ Header Type 2: Header & main menu END -----*/


/*------ Header Type 2: Mobile header START -----*/

/*.mobile-header #mobile-modal.mobile-menu-open {*/
    /*display: block;*/
    /*padding: 0;*/
/*}*/
/*.mobile-menu-open ul {*/
    /*padding: 0;*/
/*}*/
/*#mobile-modal {*/
    /*display: none;*/
/*}*/
/*.mobile-header {*/
    /*display: none;*/
    /*height: 50px;*/
/*}*/
/*.mobile-header-menu {*/
    /*position: relative;*/
/*}*/
/*.mobile-header .buttons-block {*/
    /*width: 100%;*/
/*}*/
/*.mobile-header .buttons-block span {*/
    /*border-left: 1px solid;*/
    /*width: 64px;*/
    /*font-size: 20px;*/
    /*height: 50px;*/
    /*padding: 0;*/
    /*line-height: 20px;*/
/*}*/
/*.mobile-header .buttons-block .inline-block:first-child span {*/
    /*border: 0 solid;*/
/*}*/
/*.mobile-menu-open {*/
    /*width: 100%;*/
    /*padding: 25px;*/
    /*background-color: coral;*/
    /*color: white;*/
    /*font-size: 25px;*/
    /*box-sizing: border-box;*/
/*}*/
/*.menu-btn-block button {*/
    /*background: transparent;*/
    /*border: 1px solid;*/
    /*color: #fff;*/
    /*font-size: 20px;*/
    /*width: 50px;*/
    /*padding: 18px 10px;*/
/*}*/
/*.mobile-menu-btn {*/
    /*display: none;*/
    /*width: 140px;*/
    /*height: 70px;*/
    /*line-height: 55px;*/
    /*color: #fff;*/
    /*font-size: 20px;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*padding: 0 0 0 30px;*/
    /*cursor: pointer;*/
    /*z-index: 0;*/
/*}*/
/*.mobile-menu-btn::after {*/
    /*content: "Menu";*/
    /*position: absolute;*/
    /*font-size: 13px;*/
    /*text-transform: uppercase;*/
    /*right: 30px;*/
    /*z-index: -1;*/
/*}*/
/*.mobile-menu-btn span {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
/*}*/
/*.mobile-menu-btn i {*/
    /*padding-left: 30px;*/
/*}*/

/*------ Header Type 2: Mobile header END -----*/

/*------ Header Type 2: Parallax menu & logo START -----*/

    .logo-block, .parallax-menu-block {
        display: inline-block;
        vertical-align: top;
    }
    .logo-block {
        width: 30%;
    }
    .parallax-menu-block {
        width: 69%;
        text-align: right;
    }
    .parallax .menu-item {
        display: inline-block;
        list-style: none;
        vertical-align: top;
        margin: 0 2px;
    }
    .parallax .menu-item a {
        position: relative;
        display: block;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }
    .parallax .menu-item a::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 90%;
        z-index: -1;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }
    .parallax .menu-item a:hover::before {
        bottom: 0;
    }
    .parallax .menu-item.current a::before  {
        bottom: 0;
    }

/*------ Header Type 2: Parallax menu & logo END -----*/

/*------ Header Type 2: Skins START -----*/

    .transparent.dark_skin .header-type-hide,
    .transparent.dark_skin .header-type-hide a {
        background: transparent;
        color: #fff !important;
    }
    .header-type-visible .logo_dark,
    .header-type-visible .logo_light {
        display: none;
    }
    .transparent-header.dark .parallax .menu-item a {
        color: #fff;
    }
    .transparent-header.light .parallax .menu-item a {
        color: #000000;
    }

/*------ Header Type 2: Skins END -----*/











/*------ Header Type 2: Responsive START -----*/

@media screen and (min-width:320px) and (max-width:414px) {
    .admin-bar header.header-type-hide {
        top: 53px;
    }
}
@media screen and (min-width:768px) and (max-width:782px) {
    .admin-bar header.header-type-hide {
        top: 46px;
    }
}
@media (max-width: 768px) {}

@media (max-width: 1024px) {
    .header-type-hide {
        display: none;
    }
    .mobile-header {
        display: block;
    }
    .admin-bar header.header-type-hide {
        top: 0;
    }
    .header-type-2 .header-type-visible {
        position: relative !important;
        transform: none !important;
    }
    .header-type-2 .header-type-hide {
        height: 0;
        position: relative;
        transform: none !important;
    }
    .header-mobile.mobile-menu-wrap {
        display: block;
    }
    .header-type-primary.desktop-menu-wrap {
        display: none;
    }
    .nav-menu ul li a {
        padding: 10px 5px;
    }
    .parallax-menu-block {
        text-align: right;
        display: none;
    }
    .main-menu-block {
        width: 100%;
        position: relative;
    }
    .overlay {
        top: 46px;
    }
    .mobile-menu-btn {
        display: block;
    }
}

/*------ Header Type 2: Responsive END -----*/