﻿header {
    height: 151px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99;
}
header .gridFrameWrapper {
	background-color:#000;
	border:0;
}
    header .navMenu {
        display: none;
        float: left;
        height: 35px;
        margin: 53px 43px 0 40px;
    }

        header .navMenu:before {
            content: '';
            display: inline-block;
            height: 100%;
            margin-right: -0.25em;
            vertical-align: middle;
        }

        header .navMenu img,
        header .navMenu span {
            display: inline-block;
            vertical-align: middle;
        }

            header .navMenu img.desktop {
                margin-right: 15px;
            }

            header .navMenu img.mobile {
                display: none;
            }



    header .search {
		display:block;
        position:absolute;
		bottom:-29px;
		right:2px;
		background-color:#fff;
		font-size:15px;
		color:#b29472;
	    padding: 3px 12px 3px 12px;
		border-left:4px solid #b29472;
    }
    header .search #txtSearchBox {
		border:none;
        outline:none;
        color:#b29472;
        width:70px;
        -webkit-transition: width 0.5s; /* Safari */
        transition: width 0.5s;
    }
        header .search #txtSearchBox:focus {
            width:200px;
        }
    #txtSearchBox::-webkit-input-placeholder { /* WebKit browsers */
        color: #b29472;
    }

    #txtSearchBox::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #b29472;
    }

    #txtSearchBox::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #b29472;
    }

    #txtSearchBox::-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #b29472;
    }
        header .search img.desktopSearchIcon {
			display:inline-block;
			vertical-align:middle;
        }

        header .search img.mobileSearchIcon {
            display: none;
        }



    header .logo {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -62px;
        margin-left: -80px;
    }

        header .logo img {
            margin: 6px auto 0 auto;
        }



    /* NAV LANGUAGE */
    header nav.navLang {
        float: left;
        margin: 120px 0 0 35px;
    }

        header nav.navLang ul.level1 li.level1 {
            /*display: inline-block;*/
            float:left;
        }
        header nav.navLang ul.level1 li.level1.line span {
            padding:0 5px;
            margin-top:10px;
        }

            header nav.navLang ul.level1 li.level1 a.level1.active {
                color: #b29472;
            }



    /* version */
    header.v1 .navMenu,
    header.v1 .search,
    header.v1 .basket,
    header.v1 .navAccount ,
    header.v1 .navLang {
        display: none;
    }




    
/*< Basket PopUp >*/
.cartMenu .dvAddedProduct {
    padding: 0 10px;
}

.dvAddedProduct {
    border: 2px solid #B39470;
    background-color: #fff;
    position: absolute;
    top: 12px;
    left: -60%;
    z-index: 1000;
    display: none;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    padding:5px 0;
    white-space:normal;
    
}
    .dvAddedProduct td {
        vertical-align:middle;
    }
    .dvAddedProduct h5 {
        text-align: center;
        color: #B39470;
        padding: 5px 0;
        font-weight: 600;
        font-style: italic;
        font-size: 13px;
    }

    .dvAddedProduct img {
        width: 100%;
    }

    .dvAddedProduct tr, .nav-tabs {
        border: 0 !important;
    }

    .dvAddedProduct a, .dvAddedProduct span {
        color: black;
        font-size: 12px;
        font-weight: 600;
    }
.dvAddedProduct .full-button {
    background-color:#B39470;
    color:#fff;
    width:100%;
    margin:10px 0;
    padding:3px;
    text-align:center;
}


.basket-menu-arrow {
    position: relative;
    top: -1px;
    margin: 0 auto;
    display: block;
}
/*</ Basket PopUp >*/


@media all and (max-width: 767px) {
    header {
        height: 80px;
    }
	
	header nav.navLang {
    margin: 15px 0 0 1px;
	}
        header .navMenu {
            display:inline-block;
            width: 60px;
            height: 50px;
            margin: 0 0 0 0;
            text-align: center;
        }

            header .navMenu img.desktop {
                display: none;
            }

            header .navMenu img.mobile {
                display: inline-block;
                opacity: 0.4;
            }

            header .navMenu span {
                display: none;
            }

        header .search {
            float: none;
            position: absolute;
			top:1px;
            right: 10px;
            width: 30px;
            height: 30px;
            margin-top: 0;
			
			display:block;
			background-color:inherit;
			font-size:inherit;
			color:inherit;
			padding: 0;
			border-left:none;
        }
		header .search input { display:none;}

            header .search img.desktopSearchIcon {
                display: none;
            }

            header .search img.mobileSearchIcon {
                display: block;
                margin: 18px auto 0 auto;
            }



        header .logo {
            top: 0;
            height: 100%;
            margin-top: 0;
            margin-left: -40px;
        }

            header .logo img {
                margin-top: 7px;
            }

}


@media all and (min-width: 768px) and (max-width: 1023px) {
    header {
        height: 138px;
    }

        header .navMenu {
            display:none;
            margin-top: 51px;
            margin-right: 43px;
            margin-left: 20px;
        }

            header .navMenu img {
                margin-right: 14px;
            }



        header .search {
            margin-top: 49px;
        }


        header .logo {
            margin-top: -29px;
            margin-left: -64px;
        }

            header .logo img {
                margin-top: 0;
            }



        /* NAV LANGUAGE */
        header nav.navLang {
            margin: 110px 20px 0 30px;
        }

}
