@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css);
@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://blueimp.github.io/Gallery/css/blueimp-gallery.min.css);
body {
    font-family: Quicksand, sans-serif
}

h1,
h2 {
    font-size: 36px
}

a,
h1 {
    color: #795548
}

h2 {
    color: #212121
}

a:hover {
    color: #292929
}

header {
    padding: 20px 0
}

.header-logo h1 {
    font-size: 58px;
    text-transform: uppercase;
    line-height: 32px
}

.header-logo span {
    font-size: 32.5px;
    color: #222;
    text-transform: lowercase
}

.header-logo a {
    text-decoration: none
}

.header-logo img {
    width: 100%
}

.header-social-media {
    padding: 20px 0 20px 160px
}

.social {
    margin: 0;
    padding: 0
}

.social ul {
    margin: 0;
    padding: 5px
}

.social ul li {
    margin: 5px;
    list-style: none;
    display: inline-block
}

.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #212121;
    font-size: 22px;
    text-align: center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s
}

.social .fa-facebook:hover {
    background: #4060A5
}

.social .fa-twitter:hover {
    background: #00ABE3
}

.social .fa-google-plus:hover {
    background: #e64522
}

.social .fa-linkedin:hover {
    background: #0094BC
}

.header-contact {
    font-size: 21px;
    padding: 20px 0;
    color: #212121
}

.header-contact i {
    color: #795548
}

.navbar {
    background: #212121;
    margin-bottom: 0;
    border-radius: 0;
    border: 0
}

.navbar-inverse .navbar-nav li a {
    color: #FFF;
    text-shadow: none!important;
    font-size: 14px;
    padding: 15px 40px
}

.navbar-inverse .navbar-nav li a:hover {
    color: #FFF;
    background-color: #795548
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-nav .active a {
    background: #292929!important;
    box-shadow: none!important
}

.dropdown-menu {
    background-color: rgba(33, 33, 33, .85);
    color: #fff;
    padding: 20px 0;
    box-shadow: none;
    top: 50px;
    border: none;
    border-radius: 0 0 5px 5px;
    max-width: 360px;
    min-width: 360px
}

.dropdown-menu li a {
    color: #fff
}

.dropdown-menu li a:hover {
    color: #fff;
    background: 0 0;
    background-color: #212121!important
}

.carousel-inner .item img {
    width: 100%
}

.carousel-caption {
    bottom: 0;
    left: 10%;
    width: 25%;
    background-color: rgba(20, 18, 18, .9);
    height: 100%;
    padding: 10px 20px;
    text-shadow: none!important;
    text-align: left;
    border-radius: 0
}

.carousel-caption a {
    color: #fff;
    background-color: #795548;
    line-height: 3;
    width: 100%;
    display: block;
    height: 40px;
    text-align: center
}

.carousel-caption a:hover {
    background-color: #212121;
    text-decoration: none
}

.richwood-categories {
    color: inherit;
    background-color: #eee;
    padding: 30px 0;
    text-align: left
}

.richwood-categories h2 {
    font-size: 20px
}

.richwood-categories a {
    font-size: 18px;
    color: #fff;
    padding: 10px;
    background-color: #795548;
    display: block;
    height: 40px;
    margin-bottom: -10px;
    text-align: center;
    margin-top: -20px
}

.richwood-categories a:hover {
    background-color: #212121;
    text-decoration: none
}

#richwood-welcome {
    padding: 40px 0
}

#richwood-case-studies {
    padding: 25px 0 40px
}

#richwood-case-studies .col-md-4:hover {
    background-color: rgba(240, 240, 240, .75);
    border-radius: 5px
}

#richwood-case-studies h4 {
    font-size: 22px;
    z-index: 100!important;
    position: absolute;
    top: 120px;
    left: 35px;
    color: #fff
}

#richwood-case-studies img {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 15px
}

.service-description a {
    width: 100%;
    color: #fff;
    background-color: #795548;
    border-radius: 5px;
    line-height: 3;
    display: block;
    height: 40px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px
}

.service-description a:hover {
    color: #fff;
    background-color: #212121;
    text-decoration: none
}

.richwood-selling-point {
    color: inherit;
    background-color: #eee;
    padding: 30px 0;
    text-align: center
}

footer,
footer a {
    color: #fff
}

.richwood-selling-point h2 {
    font-size: 22px
}

.richwood-selling-point a {
    font-size: 18px;
    color: #fff;
    padding: 10px;
    background-color: #795548;
    border-radius: 5px;
    line-height: 3
}

.richwood-selling-point a:hover {
    background-color: #212121;
    text-decoration: none
}

footer {
    background-color: #212121;
    padding: 30px 0
}

footer a:hover {
    color: #795548;
    text-decoration: none
}

footer h3 {
    color: #795548
}

footer p {
    color: #B7B7B7
}

.richwood-copyright {
    text-align: center;
    padding-top: 10px
}

.internal-richwood-header {
    background-color: #eee;
    padding: 40px 0 50px;
    text-align: left
}

.internal-richwood-header h2 {
    font-size: 36px;
    color: #795548
}

#richwood-content h1,
.breadcrumb,
.breadcrumb a {
    color: #212121
}

.breadcrumb {
    padding: 30px 0 0;
    text-align: right;
    background-color: #EEE!important
}

#richwood-content {
    padding: 40px 0
}

.sidebar img {
    width: 100%;
    border-radius: 5px;
    margin-top: 20px
}

.antiques-antiquities-gallery,
.fine-art-gallery {
    margin-top: 40px
}

.sidebar-heading {
    padding: 10px 0;
    text-align: center;
    font-size: 22px;
    color: #fff;
    background-color: #795548;
    border-radius: 5px 5px 0 0
}

.sidebar-content {
    padding: 10px 20px;
    font-size: 14px;
    color: #212121;
    background-color: #eee;
    border-radius: 0 0 5px 5px
}

.richwood-sidebar-image {
    margin-bottom: 30px
}

.alphabet,
.artists {
    margin-bottom: 40px
}

.alphabet {
    width: 100%;
    border-bottom: solid 1px #efefef;
    height: 100px
}

.alphabet:last-child {
    border-bottom: solid 0 #efefef
}

.alphabet a {
    color: #795548;
    font-size: 12px;
    line-height: 3
}

.antiques-antiquities-gallery img,
.fine-art-gallery img {
    margin-bottom: 4px;
    width: 230px
}

.artist img {
    width: 100%
}

.contact input,
.contact textarea {
    margin-bottom: 20px;
    width: 100%;
    padding: 10px
}

.contact input {
    height: 40px;
    border: 1px solid #ccc
}

.mtop {
    margin-top: 30px
}

.contact textarea {
    height: 175px;
    border: 1px solid #ccc
}

.contact .submit {
    width: 100%;
    background-color: #222;
    border: none;
    padding: 10px;
    height: auto;
    color: #fff
}

.dropdown-submenu .dropdown-menu {
    left: 362px;
    border-radius: 5px;
    margin-top: -30px;
    max-width: 400px;
    min-height: 400px
}

#AntiquesCarousel {
    padding-top: 30px
}

.dropdown-submenu,
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block
}

@media (max-width:1024px) {
    .header-logo h1 {
        font-size: 48px
    }
    .header-logo span {
        font-size: 27px
    }
    .header-social-media {
        padding: 20px 0 20px 10px
    }
    .navbar-inverse .navbar-nav li a {
        font-size: 12px;
        padding: 15px 30px
    }
    .carousel-caption h3 {
        font-size: 14px
    }
    .carousel-caption p {
        font-size: 10px
    }
    .carousel-caption a {
        display: none
    }
    .richwood-categories img {
        width: 100%
    }
    h1,
    h2 {
        font-size: 28px
    }
}

@media (max-width:768px) {
    header {
        text-align: center
    }
    .carousel-caption {
        display: none
    }
    #richwood-content,
    #richwood-welcome {
        padding: 40px 20px
    }
    .alphabet {
	    min-height: 250px
    }
    .artwork-image {
	    height: auto !important
    }
}

img[src=""] {
   display: none;
}

form[src=""] {
   display: none;
}

td[src=""] {
   display: none;
}

.cms {
	display: none;
}

.artwork-listing:hover {
	background-color: #efefef
}

.artwork-listing img {
	width: 100% !important;
	vertical-align: middle !important;
}

.artwork-listing a {
	width: 100%;
}

.artwork-image {
	height: 330px;
	white-space: nowrap;
    text-align: center;
    margin: 1em 0;
    padding: 10%
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.artwork-description {
	height: 120px
}