﻿

/* header */
.hamburger-container {
    background-color: #fff;
    max-width: calc(100% - 110px);
    min-width: 150px;
   /* margin-left: auto; */
    margin-right: auto;
	margin-top:20px;
	
    /* border: 1px solid black;*/
}

.hamburger {
    
    /*box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);*/
    /*position: fixed;*/
    background-color: #fff;
    width: 100%;
    z-index: 3;
    padding-top: 10px;
    /* border: 1px solid black;*/
}

    .hamburger ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
		padding-right:130px;
    }

    .hamburger li a {
        /* display: block;
        padding: 20px 20px;*/
        text-align: left;
        position: relative;
       /* border-right: 1px solid #f4f4f4;*/
        text-decoration: none;
    }
	@media screen and (min-width:800px){
.hamburger li {
	border-right: 1px solid #f4f4f4;
}
 .hamburger li a{
border-right: 1px solid #f4f4f4;
}
}

        .hamburger li a:hover,
        .hamburger .menu-btn:hover {
            background-color: #95C8D8;
			color: #0060A9;
        }

    .hamburger .logo {
        display: block;
        float: left;
        width: 94px;
        height: 94px;
    }

@media (max-width: 799px) {
    .hamburger .logo {
        width: 33%;
        /*background-size: contain;*/
        height: auto;
        min-height: 55px;
        max-height: 110px;
        min-width: 153px;
    }
}



/* menu */

.hamburger .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */

.hamburger .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
}

    .hamburger .menu-icon .navicon {
        background: #333;
        display: block;
        height: 2px;
        position: relative;
        transition: background .2s ease-out;
        width: 18px;
    }

        .hamburger .menu-icon .navicon:before,
        .hamburger .menu-icon .navicon:after {
            background: #333;
            content: '';
            display: block;
            height: 100%;
            position: absolute;
            transition: all .2s ease-out;
            width: 100%;
        }

        .hamburger .menu-icon .navicon:before {
            top: 5px;
        }

        .hamburger .menu-icon .navicon:after {
            top: -5px;
        }

/* menu btn */

.hamburger .menu-btn {
    display: none;
}

    .hamburger .menu-btn:checked ~ .menu {
      max-height: 500px;
    }

    .hamburger .menu-btn:checked ~ .menu-icon .navicon {
        background: transparent;
    }

        .hamburger .menu-btn:checked ~ .menu-icon .navicon:before {
            transform: rotate(-45deg);
        }

        .hamburger .menu-btn:checked ~ .menu-icon .navicon:after {
            transform: rotate(45deg);
        }

    .hamburger .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    .hamburger .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        top: 0;
    }

/* 48em = 768px */

@media (min-width: 800px) {
    .hamburger li {
        float: left;
		/*width:130px;*/
    }

        .hamburger li a {
margin: 0 0 0 0;
	padding-top: 10px;
    padding-left: 20px;
	padding-right:25px;
	padding-bottom: 10px;           
		/*   padding: 10px 20px; */
        }

    .hamburger .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .hamburger .menu-icon {
        display: none;
    }
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
