/* CSS Document */
    @import url('https://fonts.googleapis.com/css?family=Roboto:300,300i');
    @import url('https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield');
    
    body{
    	background-color: black;
    	color: white;
    	font-family: 'Roboto', sans-serif;
    	font-size: 16px;
    	
    	line-height: 1.3em;
    	letter-spacing: .1em;
    	/*font-family: Georgia, "Times New Roman", Times, serif;*/
    	background-image: url(../images/background.jpg);
        background-repeat: no-repeat;
        background-position: center 95px;
    }
    
    
    header{
     
        /*background-image: url(../images/h-background.jpg);*/
        background-repeat: no-repeat;
        background-position: center center;
        /*background-size: 1920px 179px;*/
        /*background-size: cover;*/
        border-bottom: 4px double #bfaf49;
        background-color: #13171F;
    }
    
    .hlogo{
      padding-top: 25px;  
    }
    
    @media (max-width: 1024px) and (min-width: 767px) {
        .logoOnMd{
            padding-left: 0px;
            padding-right: 0px;
        }
        
        .hlogo{
            padding-top: 37px; 
        }
    }
    
    .navbar-default{
        border-radius: 0;
        border: none;
        background-color: transparent;
        margin-top: 20px;
    }
    

    
    .navbar-default .navbar-nav > li > a {
        color: white;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus{
        color: #bfaf49;
    }
    
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus{
        background-color: transparent;
        color: #bfaf49;
    }
    
    .navbar-nav>li>.dropdown-menu{
        background-color: black;
        border-top: solid 1px #bfaf49;
        border-bottom: solid 1px #bfaf49;
    }
    
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus{
        color: #bfaf49;
        background-color: transparent;
    }

    .dropdown-menu>li>a{
        color: white;
    }
    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus{
        color: #bfaf49;
        background-color: transparent;
    }
    
    .navbar-default .navbar-toggle{
        border: none;
    }
    
    .navbar-default .navbar-collapse{
        border-color: #bfaf49;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: black;
    }
    
    .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #bfaf49;
    }
    
    @media (max-width: 768px){
    
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: white;
        }
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
            color: #bfaf49;
        }
    }
    
    @media (max-width: 768px) and (min-width: 426px) {
        .navbar .navbar-nav {
            display: inline-block;
            float: none;
        }
        
        .navbar .navbar-collapse {
            text-align: center;
        }
    }
            
    .menu-label{
        width: 80%;   
        padding-top: 15px;
    }
    
    h1,h2,h3{
        color: #bfaf49;
    }
    
    hr {
        border-top-color: #bfaf49;
        opacity: .2;
    }
    
    .social-icons{
        padding-top: 15px;
    }
    
    .social-icons .fa, .follow-icons .fa{
        color: #bfaf49;
    }
    
    .social-icons .fa:hover, .follow-icons .fa:hover{
        color: white;
    }
    
    .follow-icons li{
        padding-left: 15px;
        padding-right:  15px;
    }
    
    @media (max-width: 768px){
       .social-icons{
            text-align: center;
       }
    }
    
    .homeSlide{
        transition: .75s;
        filter: grayscale(100%);
    }
    
    .homeSlide:hover{
        filter: grayscale(0%);
    }    
    
    .welcome{
        background-color: #13171F;
        border-top: 1px solid #bfaf49;
        border-bottom: 1px solid #bfaf49;
        min-height: 200px;
        /*margin-top: 15px;*/
    }
    
    .welcome h1{
        font-size: 42px;
    }
    
    .welcome {
        font-size: 20px;
        line-height: 1.3em;
    }
    
    .divider{
        background-image: url('../images/divider.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 13px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: contain;
    }
    
    #reviews blockquote{
        border-left: 2px solid #bfaf49;
    }
    
    #reviews blockquote p{
        /*white-space: ; */
        height: 100px;
        overflow: hidden;
        text-overflow: ellipsis; 
    }
    
    .review_on{
        font-size: 14px;
        color: gray;
        font-style: italic;
    }
    
    #reviews a, #reviews a:hover{
        color: #bfaf49;
        text-decoration: none;
    }
    
    .signature:after{
        content: ' by Felix Assouline';
        font-family: 'Mrs Saint Delafield', cursive;
        color: white;
    }
    
    main{
    	/*min-height: calc(100vh - 102.44px);*/
    	min-height: 100vh;
    }
    
    .brands img{
        margin: auto;
    }
    
    .brand-content{
        margin-top: 10px;
        margin-bottom: 10px;
        transition: .25s;
        min-height: 255px;
        
    }
    
    .brand-content:hover{
        background-color: #13171F;
        /*-ms-transform: scale(1.125);*/ /* IE 9 */
        /*-webkit-transform: scale(1.125);*/ /* Chrome, Safari, Opera */
        /*transform: scale(1.125);*/
        border-top: 1px solid #bfaf49;
        border-bottom: 1px solid #bfaf49;
        /*border-radius: 12.5px;*/
        padding: 5px;
        font-size: 14px;
    }
    
    .carousel>.carousel-inner>.item img{
        margin: auto;
    }
    
    #brand-slider{
        border-top: 1px solid #bfaf49;
        border-bottom: 1px solid #bfaf49;
        background-color: #13171F;
    }
    
    .brand_slider{
        border-top: 1px solid #bfaf49;
        border-bottom: 1px solid #bfaf49;
        background-color: #13171F;
    }
    
    .brand-det table tr th,
    .brand-det table tr td,
    .av-sizes table tr th,
    .av-sizes table tr td{
        border: none;
    }
    
    .brand-det table tr th{
        text-align: right;
    }
    
    .brand-det table tr th, .av-sizes table tr th{
        color: #bfaf49;
    }
    
    .c-img{
        margin: auto;
    }
    
    .show_reviews, .show_reviews:hover, .show_reviews:focus{
        text-decoration: none;
        color: #bfaf49;
    }
    
    .sidebar-wrapper{
        border-top: solid 1px #bfaf49;
        border-bottom: solid 1px #bfaf49;
        background-color: #13171F;
    }
    
    .sidebar ul li{
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .sidebar ul li a{
        color: white;
    }
    .sidebar ul li a:hover, .sidebar ul li a:focus{
        color: #bfaf49;
        text-decoration: none;
    }
    
    .sidebar-pic{
        background-image: url(../images/sidebar-pic.png);
        background-repeat: no-repeat;
        background-position: center center;
        height: 45px; 
    }

    .rot{
        background-image: url(../images/sidebar-pic-2.png);
    }

    #videos div{
        margin-bottom: 25px;    
    }
    
    #videos div img{
        border: 2px solid gray;
        border-radius: 8px;
        padding: 5px;
    }
    
    #videos div img:hover{
        border-color: #bfaf49;
    }

    .contact_info a{
        color: white;
    }
    
    .contact_info a:hover, .contact_info a:focus{
        color: #bfaf49;
        text-decoration: none;
    }

    .cform .form-control{
        color: silver;
        background-color: #13171F;
        border-color: #bfaf49;
    }
    .cform .form-control:focus{
        border-color: white;
    }
    
    .footer{
        background-image: url(../images/hf-background.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        /*background-size: 1920px 179px;*/
        /*background-size: cover;*/
        height: 110px;
        border-top: 4px double #bfaf49;
        margin-top: 25px;
    }
    
    .footer-content{
        padding-top: 25px;
    }
    
    .btn-primary{
        background-color: black;
        border: solid 1px #bfaf49;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus{
        background-color: #13171F;
        border: solid 1px #bfaf49;
    }
    
    
    /********************************************/
     .at4-follow .at4-follow-container .at-follow-label{
        color: white;
    }
    /********************************************/
    
    
    #myModal img{
        
        border-radius: 4px;
        border: solid 1px #bfaf49;
        padding: 5px;
        background-color: #13171F;
    }
    
    #myModal .close{
        color: white;
        text-decoration: none;
        opacity: .9;
        font-weight: normal;
        font-size: 16px;
        
    }
    
    #myModal .carousel-control{
        height: 50%;
        top: 25%;
    }