/* HAIR-RESOURCE.DE WEBSITE: */
    html {
        scroll-behavior: smooth;
    }
    @media(max-width:767.98px){
            .mobile {display: block;}
            .desktop {display: none;}
            .tablet{display: none;}
    }
    @media (min-width:768px) and (max-width:991.98px){
        .mobile {display: none;}
        .desktop {display: none;}
        .tablet {display: block;}
    }
    @media (min-width:992px){
/*        .desktop {display: block;}*/
        .mobile {display: none;}
        .tablet {display: none;}
    }


    .displayNone {
        display: none;
    }
    .noStyle {
        border: none;
    }

    /* BARVE */
        .barva{color: #AAAAAA;}
        .prva{color: #212121;background-color: #212121;}
        .barva21Back{background-color: #212121;}
        .barvaA {color: #AAAAAA;}
        .aBarva {color: #AAAAAA;}
        .barva9 {color: #999;}
        .hoverWhite:hover {color: white;}
        .barvaBela {color: white;}
        .barva21{color: #212121;}
        .barvaBelaBack{background-color: white;}
        .barva21Back {background-color: #212121;}
        .huverFoter:hover {color: white;}
        .barva40{color: #404040;}
        .plakatBackColor {background-color: rgb(242,235,221);}
        .hrBarva2 {border-top: 1px solid #AAAAAA;}
        .hr {border-top: 1px solid #AAAAAA;}
        .mojaZelena { color: #96C11F}
        .mojaZelenaBorder { border-color: #96C11F}
        .mojaZelenaBack { background-color: #96C11F}
    /*-------------------------------*/

    /* NAVBAR */
        .navbar {
            margin-bottom: 0;
            border-radius: 0;
            background-color: #212121;
        }
        .dropdown:hover.dropdown-menu {
            display: block;
        }
        .dropdownMenu {
            background-color: #212121;
            color: #AAAAAA;
        }
        .dropdownMenu:hover{
            display: block;
        }
        .dropdownMenu a{
            margin-top: 2px;
            border-top: 1px solid #AAAAAA;
            padding: 12px 6px;
            min-width: 13rem;
            text-align: center;
        }
        .dropdownMenu a:hover {
            background-color: #212121;
            color: white;
        }
        .dropdownMenu a:first-of-type {
            margin-top: none;
            border-top: none;
            padding-top: 3px;
        }
        .dropdownMenu a:last-of-type {
            padding-bottom: 3px;
        }
		.navbar-brand{
			line-height: 24px;
			letter-spacing: 12px;
			font-size: 12px;
			font-family: open-sans, sans-serif;
			font-weight: 300;
			text-align: left;
		}
		.navbar-brand:hover {
			color: white;
		}
		.navTekst {
			color:#AAAAAA;
		}
		.navBackground {
			background-color: #212121;
		}
    /* --------------------------------------- */

    /* FONTS: */
        .silvioTextEdit {
            line-height: 24px;
            letter-spacing: 11px;
            text-transform: lowercase;
            font-family: open-sans, sans-serif;
            font-weight: 300;
        }
        .sansSerif {font-family: open-sans, sans-serif;}
        .sansSerifWeight {
            font-family: open-sans, sans-serif;
            font-weight: 300
        }
        .font14{font-size: 14px;}
        .font12 {font-size: 12px;}
        .font13 {font-size: 13px;}
        .font15{font-size: 15px;}
        .paragraph{
            letter-spacing:0.3px;
            line-height: 1.5;    
        }
    /* END FONTS --------------------------------- */

    /* NASLOVI: */
		.naslov1{
			text-decoration: none;
			line-height: 24px;
			letter-spacing: 11px;
			font-size: 20px;
			font-family: open-sans, sans-serif;
			font-weight: 300;
			color: #AAAAAA;
      	}
      	.naslov2{
			text-decoration: none;
			line-height: 24px;
			letter-spacing: 11px;
			font-size: 12px;
			font-family: open-sans, sans-serif;
			font-weight: 300;
			color: #AAAAAA;
      	}
      	.naslov2:hover{
      		color: white;
      	}
        .institut {
			color: #AAAAAA;
			line-height: 24px;
			letter-spacing: 11px;
			text-transform: lowercase;
			font-family: open-sans, sans-serif;
			font-weight: 300;
			font-size: 12px;
		}
        .praviFont888 {
            line-height: 24px;
            letter-spacing: 11px;
            font-family: open-sans, sans-serif;
            font-weight: 300;
        }
    /*--------------------------------------------*/

    /* menu */
      	.menuDropdown {
      		right: 50px;
      		color: #AAAAAA;
      		background-color: #212121;
      	}
      	

    /* FOOTER */
        .huverFoter:hover {color: white;}
    /*---------------------------------------------*/