body {

    margin: 0;

    font-family: Helvetica, sans-serif;

}



a {

    color: #000;

}



a.contact-no{

    margin-left: -6px;

}





/* header */



.header {

    background-color: #fff;

    position: fixed;

    width: 100%;

    height: 106px;

    z-index: 995;

    padding: 0 40px;

    /*margin-top: -30px;*/

    top: 0;

    transition: all 0.6s ease;

}



.header li a.active {

    color: #fed501;

}



.header ul {

    margin: 0;

    padding: 0;

    list-style: none;

    overflow: hidden;

}



.header li a {

    display: block;

    padding: 20px 20px;

    text-decoration: none;

    font-family: 'Open Sans', sans-serif;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

}



.header .logo {

    display: block;

    float: left;

    font-size: 2em;

    padding: 4px 20px 4px 10px;

    text-decoration: none;

    margin-top: 5px;

}



.top-bar {

    display: none;

}



/*.btn1 {*/

/*  border: none;*/

/*  outline: none;*/

/*}*/



/* Style the active class, and buttons on mouse-over */

/*#myDiv li a.active1, .btn1:hover {*/

/*  color: #fed501;*/

/*}*/



/* menu */



.header .menu {

    clear: both;

    max-height: 0;

    transition: max-height .2s ease-out;

}





/* menu icon */



.header .menu-icon {

    cursor: pointer;

    display: inline-block;

    float: right;

    padding: 28px 20px;

    position: relative;

    user-select: none;

    margin-top: 25px;

}



.header .menu-icon .navicon {

    background: #333;

    display: block;

    height: 2px;

    position: relative;

    transition: background .2s ease-out;

    width: 18px;

}



.header .menu-icon .navicon:before,

.header .menu-icon .navicon:after {

    background: #333;

    content: '';

    display: block;

    height: 100%;

    position: absolute;

    transition: all .2s ease-out;

    width: 100%;

}



.header .menu-icon .navicon:before {

    top: 5px;

}



.header .menu-icon .navicon:after {

    top: -5px;

}





/* menu btn */



.header .menu-btn {

    display: none;

}



.header .menu-btn:checked~.menu {

    max-height: 405px;

}



.header .menu-btn:checked~.menu-icon .navicon {

    background: transparent;

}



.header .menu-btn:checked~.menu-icon .navicon:before {

    transform: rotate(-45deg);

}



.header .menu-btn:checked~.menu-icon .navicon:after {

    transform: rotate(45deg);

}



.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {

    top: 0;

}



.phone-btn span {

    margin-top: 10px !important;

}



.visible-title {

    background: transparent;

}



.fixed-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: #fff;

    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);

}





/* 48em = 768px */



@media (min-width: 769px) {

    .header li {

        float: left;

    }

    .header li a {

        padding: 20px 15px;

    }

    .header .menu {

        clear: none;

        float: right;

        max-height: none;

        margin-top: 30px;

        margin-right: 25px;

    }

    .header .menu-icon {

        display: none;

    }

}



@media (max-width: 768px) {

    .header .logo {

        width: 175px;

        height: auto;

        margin-top: 0px;

        /*margin-left: -60px;*/
        left: 0px!important;

    }

    .header {

        height: 94px;

        padding: 0;

        margin-top: 0px;

    }

    .header .menu-icon {

        margin-top: -55px;

    }

    .header .menu {

        background: #fff;

        box-shadow: 0px 6px 6px 0 rgba(160, 160, 160);

    }



    .top-bar {

        background-color: #fdd503;

        padding: 0px;

        text-align: right;

        display: block;

    }





}



#wa-widget-send-button{

    height: 61px;

    min-width: 57px;

    border-radius: 25px;

}













/* fixed social*/

#fixed-social {

   position: fixed;

   top: 220px;

   z-index: 999;

}



#fixed-social a {

   color: #fff;

   display: block;

   height: 40px;

   position: relative;

   text-align: center;

    line-height: 40px;

   width: 40px;

   margin-bottom: 1px;

   z-index: 2;

}

#fixed-social a:hover>span{

    visibility: visible;

  left: 41px;

  opacity: 1;

} 

#fixed-social a span {

    line-height: 40px;

    left: 60px;

    position: absolute;

    text-align: center;

    width: 120px;

    visibility: hidden;

    transition-duration: 0.5s;

    z-index: 1;

    opacity: 0;

}

 .fixed-facebook{

    background-color: #00AAE5;

 }

 .fixed-facebook span{

    background-color: #00AAE5;

 }

 .fixed-twitter{

    background-color: #7D3895;

 }

 .fixed-twitter span{

    background-color: #7D3895;

 }

 .fixed-linkedin{

    background-color: #FFC41E;



 }

 .fixed-linkedin span{

    background-color: #FFC41E;

 }

 .fixed-instagrem{

    background-color: #ED2B29;



 }

 .fixed-instagrem span{

    background-color: #ED2B29;

 }

  .fixed-twitter .fa-twitter:before {

    color: #000!important;

}

.fixed-instagrem .fa-instagram:before {

    color: #000!important;

}

/*end fixed social*/