@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
@font-face {
    font-family: "opensans-semibold";
    src: url("../font/OpenSans-Semibold.ttf");
}

.sitewrapper .mainHeader{}
.mainHeader .MidHeader{
    background-color: rgb(244, 244, 244);
    padding-bottom: 15px;
    padding-top: 10px;
    transition: all 500ms;
    border-bottom: 1px solid rgba(193, 193, 193, 0.55);
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.14), 0 0px 16px 0 rgba(0, 0, 0, 0.12), 0 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.no-stick .MidHeader,
.no-stick .mainHeader .MidHeader{
    position: relative;
    box-shadow: none;
}
.MidHeader .MidHeader-inner{}
.MidHeader .MidHeader-inner .logo{}
.MidHeader-inner .logo .logo-inner{    width: 148px;  padding-top: 2px;  position: relative;}
.MidHeader-inner .logo .logo-inner img{ transition: all 500ms;}
.MidHeader-inner .logo .logo-inner a h1{
    font-size: 13px;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    font-weight: 500;
    padding-left: 3px;
    color: #1CBF82;line-height: 28px;
}
.MidHeader-inner .Topsearchbx {}
.Topsearchbx .searchbx-wrapp .input-group:before {
    content: "\f002";
    display: block;
    font-family: FontAwesome;
    position: absolute;
    color: #BDBDBD;
    height: auto;
    z-index: 1000;
    font-size: 21px;
    text-align: center;
    left: 10px;
    top: 4px;
}
.MidHeader-inner .Topsearchbx .searchbx-wrapp{    padding-top: 5px;}
.Topsearchbx .searchbx-wrapp .searchFrominput{
    border-radius: 0px;
    border-color: #e1e0e0;
    height: 43px;
    line-height: 43px;
    padding: 0px 15px;
    position: relative;
    padding-left: 40px;
    box-shadow: none;
}
.Topsearchbx .searchbx-wrapp label{
    position: absolute;
    z-index: 10;
    line-height: 43px;
    padding-left: 14px;
    cursor: text;
    font-size: 14px;
    color: #888;
    font-weight: 300;
}
.Topsearchbx .searchbx-wrapp .searchFrombutton{
    height: 43px;
    border-radius: 0px;
    padding: 5px 30px;
    outline: none;
    text-shadow: 0px 0px 1px #929292;
    color: #fff;
    background: #37BF8D;
    border: none;
}
.Topsearchbx .searchbx-wrapp .input-group .form-control:focus {
    box-shadow: none;
}
.searchFrominput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #888;font-size: 14px;
}
.searchFrominput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #888;font-size: 14px;
    opacity:  1;
}
.searchFrominput::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #888;font-size: 14px;
    opacity:  1;
}
.searchFrominput:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #888;font-size: 14px;
}
[type="search"] {
    -moz-appearance:    textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}




/*more modeules*/
.MidHeader .moreInfoMod{
    position: absolute;
    width: 676px;
    z-index: 10000;
    right: 0px;
    height: 0px;
    overflow-y: auto;
    transition: all 500ms ease;
    top: 80px;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.43); visibility: hidden;
}
.moreInfoMod::-webkit-scrollbar {
    width: 5px;
}
/* Track */
.moreInfoMod::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.04) ;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* Handle */
.moreInfoMod::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.43);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.43);
    cursor: pointer;
}

.MidHeader .moreInfoMod .wrap{
    border-top: 2px solid #FB9E3D;}
.moreInfoMod.active{
    height: 500px;
    transition: all 500ms ease; visibility: visible;
}
.bckDrp{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(2, 2, 2, 0.45);
    z-index: 10000;
    display: none;
}
.menuLinks.dropArrow:after{
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FB9E3D;
    position: absolute;
    bottom: -18px;
    left: 37%;
    z-index: 10001;

}

.bckDrp.active{display: block;}
.MidHeader .moreInfoMod .wrap{}
.MidHeader .moreInfoMod .wrap .header{    background-color: #F1F1F1; padding: 10px 10px;}
.MidHeader .moreInfoMod .wrap .header span{display: none; padding: 3px 5px; cursor: pointer;}
.MidHeader .moreInfoMod .wrap .header .fa{    font-size: 16px; color: #333; opacity: 0.7;}
.MidHeader .moreInfoMod .wrap .header h2{  display: block; color: #CA6F0F; font-size: 18px; text-align: center; font-weight: 500;}

.MidHeader .moreInfoMod .wrap  h4 {
    font-family: "opensans-semibold";
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;    text-align: center;
}

.moreInfoMod .wrap .contentAct{}
.moreInfoMod .wrap .personalAct{    padding: 10px 10px;    border-bottom: 1px dotted #E6E6E6;}
.moreInfoMod .wrap  ul{    list-style: none;  margin: 5px 0px; }
.moreInfoMod .wrap  ul li{    display: inline-block;  width: 157px;}
.moreInfoMod .wrap  ul li a{font-size: 12px;  color: #666; transition: all 0.5ms; text-transform: capitalize;}
.moreInfoMod .wrap  ul li a:hover{ color: #D67915; transition: all 0.5ms; font-weight: 500; }





.MidHeader-inner .nav{}
.MidHeader-inner .nav .wrapp{}
.MidHeader-inner .nav .wrapp ul{    list-style: none;}
.MidHeader-inner .nav .wrapp ul li{ text-align: center; display: inline-block;   margin-left: 10px;}

.MidHeader-inner .nav .wrapp ul li a,
.MidHeader-inner .nav .wrapp ul li .menuLinks{
    padding: 3px 9px 1px 9px;
    color: #605f5d;
    display: block;
    border-radius: 3px;
    text-decoration: none;
}
.MidHeader-inner .nav .wrapp ul li a.srchBx{    position: relative;}
.MidHeader-inner .nav .wrapp ul li a.srchBx input[type=checkbox]{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;    z-index: 1;
}
.MidHeader-inner .nav .wrapp li.dropdown.open:before {
    content: "";
    border-right: 7px solid rgba(250, 235, 215, 0);
    border-left: 7px solid rgba(127, 255, 212, 0);
    border-bottom: 7px solid #CFCFCF;
    position: absolute;
    bottom: -7px;
}
.MidHeader-inner .nav .wrapp li.dropdown.open:after {
    content: "";
    border-right: 7px solid rgba(250, 235, 215, 0);
    border-left: 7px solid rgba(127, 255, 212, 0);
    border-bottom: 7px solid #FFFFFF;
    position: absolute;
    bottom: -9px;
    z-index: 11111;
}
.MidHeader-inner .nav .wrapp ul li.open,
.MidHeader-inner .nav .wrapp ul li .menuLinks:hover{background-color: #ededed;cursor: pointer; }
.MidHeader-inner .nav .wrapp ul li .menuLinks i.icoM{font-size: 20px; position: relative; }
.MidHeader-inner .nav .wrapp ul li .menuLinks i.icoS{font-size: 16px; margin-left: 5px; color: #5C5F61;}
.MidHeader-inner .nav .wrapp ul li .menuLinks span{
    display: block;
    font-size: 11px;
    padding-top: 4px;
    text-transform: capitalize;
    line-height: 20px;font-weight: 500;
}

.MidHeader-inner .nav .wrapp .dropdown-toggle:after {display: none;}


.MidHeader-inner .nav .wrapp .dropdown-menu { max-height: 200px;overflow-y: auto; margin-top: 7px;}

.MidHeader-inner .nav .wrapp .drpLoginbx{
    padding: 15px;
    width: 275px;
    max-height: 260px;
    overflow: hidden;
}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog{}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog .form-group{    margin-bottom: 10px;}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog .form-control{
    height: 34px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 3px;
    color: #333;
    padding: 2px 10px;
}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog label{    font-size: 13px; text-transform: capitalize; vertical-align: top;}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog label input{    vertical-align: middle; margin-right: 3px;}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog a{
    font-size: 10px;
    color: #006699;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: underline;
}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog .btn{    width: 100%;}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog .btn.log{}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog .btn.fb{}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog .btn.fb .fa{    padding-right: 10px;}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog .orblk{    position: relative; height: 1px; background-color: #D2D0CF; margin: 10px 0px 20px 0px;}
.MidHeader-inner .nav .wrapp .drpLoginbx .userLog .orblk span{
    position: absolute;
    top: -13px;
    left: 45%;
    background-color: #CECECE;
    border-radius: 50%;
    padding: 1px 6px;
}

.MidHeader-inner .nav .wrapp ul li ul.subUl{}
.MidHeader-inner .nav .wrapp ul li ul.subUl li{    width: 100%; margin: 0px; text-align: left;}
.MidHeader-inner .nav .wrapp ul li ul.subUl li a{font-size: 13px; padding: 7px 15px; color: #333;padding-left: 23px;}
.MidHeader-inner .nav .wrapp ul li ul.subUl li a:hover{background-color: #f1f1f1;}
.MidHeader-inner .nav .wrapp ul li ul.subUl li h6{color: #000;padding-left: 5px;font-weight: bold;}
.MidHeader-inner .nav .wrapp ul li ul.subUl li h6 span{    width: 13px; display: inline-block; margin-right: 5px;vertical-align: middle;}
.MidHeader-inner .nav .wrapp ul li ul.subUl li h6 span img{   width: 100%;}

.MidHeader-inner .nav .wrapp ul li .userBxdw{
    width: 200px;
    padding: 0px;
    border-radius: 0px;
    overflow: auto;
    border: none;
}
.userBxdw .accInfoNologin{
    background-color: rgba(78, 78, 78, 0.57);
    text-align: center;
    padding: 15px 0px;
}
.userBxdw .accInfoNologin .nologinUsr{}
.userBxdw .accInfoNologin .nologinUsr span{
    padding: 13px 15px;
    background-color: #fff;
    display: inline-block;
    border-radius: 108px;
    box-shadow: inset 0px 0px 1px #868585;
}
.userBxdw .accInfoNologin .nologinUsr span i.fa{    font-size: 22px; color: #605F5D;}
.userBxdw .accInfoNologin .nologinBtn{}
.userBxdw .accInfoNologin .nologinBtn a.logBtn{
    display: inline-block;
    padding: 4px 15px;
    margin-top: 5px;
    border: 1px solid #FFFFFF;
    font-size: 13px;
    color: #FFF;
    border-radius: 1px;
}
.userBxdw .accInfoNologin p{    font-size: 12px; margin-top: 5px; color: #313131;}
.userBxdw .accInfoNologin p a.signUP{    color: #FFF !important; text-decoration: underline!important; display: inline-block!important;}






/*btmHeader*/
.mainHeader .btmHeader{    background-color: rgba(224, 224, 224, 0.56);display: none;}
.mainHeader .btmHeader .btmHeader-inner{}
.btmHeader-inner{}
.btmHeader-inner ul{    list-style: none;}
.btmHeader-inner ul li{    float: left;}
.btmHeader-inner ul li a{
    padding: 10px 15px;
    font-size: 14px;
    text-transform: capitalize;
    color: #777;
    text-decoration: none;display: block;
}
.btmHeader-inner ul li a:hover{background-color: #fff;}
.btmHeader-inner ul li a i.fa{    font-size: 18px; margin-right: 8px;}





.mainHeader .MidHeader.fix {
    margin:0;
    position:fixed;
    top:0;
    z-index: 10000;
    width: 100%;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    transition: all 500ms;    padding: 3px 0px;
}


/*autocomplere box*/

.custom-popup-wrapper{
    position: absolute;
    width: 81%;
    background-color: #fff;
    border: 1px solid #E1E0E0;
    border-top: none;
    z-index: 1000;
    box-shadow: 0px 0px 2px #9E9E9E;
    padding: 10px 0px;
}
.custom-popup-wrapper p{
    font-size: 16px;
    text-align: center;
    color: #666;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.custom-popup-wrapper ul.dropUl{    list-style: none;}
.custom-popup-wrapper ul.dropUl li{}
.custom-popup-wrapper ul.dropUl li.active a{background-color: #e2e2e2;}
.custom-popup-wrapper ul.dropUl li a{
    display: block;
    padding: 5px 15px;
    font-size: 14px;
    color: #444444;
    text-decoration: none;
}
.custom-popup-wrapper ul.dropUl li a strong{font-weight: 500; color: #FF5722;}



@media screen and (max-width: 1200px) {
    .Topsearchbx .searchbx-wrapp .searchFrombutton { padding: 5px 20px;}
}

@media screen and (max-width: 992px){
    .Topsearchbx .searchbx-wrapp .searchFrombutton { padding: 5px 12px;}
    .MidHeader-inner .Topsearchbx {
        display: block;
        position: absolute;
        width: 100%;
        top: -100%;
        background-color: #F4F4F4;
        z-index: 1;
        padding-bottom: 5px;
        left: 0%;
        transition: top 500ms;
    }
    .MidHeader-inner .Topsearchbx.OpenSrch {top: 100%; transition: top 500ms;}
}
@media screen and (max-width: 767px){
    .MidHeader .moreInfoMod {  width: 505px;}
}
@media screen and (max-width: 540px){
    .MidHeader {position: relative !important; }
    .MidHeader .MidHeader-inner .logo { width: 100%;}
    .MidHeader-inner .logo .logo-inner {margin: 0 auto;}
    .MidHeader-inner .nav { width: 100%;  }
    .MidHeader-inner .nav .wrapp ul { width: 100%;  text-align: center; margin-top: 10px; }
    .MidHeader-inner .nav .wrapp ul li {  float: none;  display: inline-block; }
    .MidHeader-inner .nav .wrapp .dropdown-menu-right {left: 0px;}
    .MidHeader-inner .nav .wrapp ul li .userBxdw { width: 101px;}
    .custom-popup-wrapper p {display: none;}
    .custom-popup-wrapper { width: 100%;}
    .Topsearchbx .searchbx-wrapp .searchFrominput { padding: 0px 5px; padding-left: 30px; }
    .Topsearchbx .searchbx-wrapp .input-group:before {font-size: 17px; left: 8px;top: 12px; }
    .Topsearchbx .searchbx-wrapp .searchFrombutton {padding: 5px 5px; font-size: 14px; }
    .MidHeader .moreInfoMod {  width: 250px;  }
    .MidHeader .moreInfoMod .wrap ul li {  width: 100%;  }
    .MidHeader .moreInfoMod .wrap ul {  padding: 0px;  }
    .mainHeader .TopHeader .innerTop .dropdown-menu { left: 0px !important;}

    .moreInfoMod .wrap .personalAct {
        padding: 10px 0px; border-bottom: none;}
    .MidHeader .moreInfoMod {
        width: 275px;
        position: fixed;
        top: 0px;
        height: 100%;right: -300px;
        visibility: hidden;
    }
    .MidHeader .moreInfoMod.active {right: 0px;visibility: visible;}
    .moreInfoMod .wrap ul li {
        display: block;
        width: 100%;
    }
    .menuLinks.dropArrow:after {display: none;}
    .moreInfoMod .wrap ul li a{
        display: block;
        padding: 7px 10px;
        font-size: 13px;
        text-decoration: none;
        border-top: 1px dotted #E2E2E2;
    }
    .moreInfoMod .wrap ul li a:hover {background-color: #f6f6f6;}
    .MidHeader .moreInfoMod .wrap h4 { font-size: 13px;}
    .MidHeader .moreInfoMod .wrap .header span { display: inline-block;}
    .MidHeader .moreInfoMod .wrap .header h2 {  display: inline-flex;  margin-left: 36px;  }

}
@media screen and (max-width: 425px){
    .MidHeader-inner .nav .wrapp ul li a, .MidHeader-inner .nav .wrapp ul li .menuLinks { padding: 3px 7px 1px 7px;}
    .MidHeader-inner .nav .wrapp ul li { margin-left: 0px; }
    .MidHeader-inner .nav { padding-right: 0px;  }

}