/*
    [ TYPHOGRAPY ]
*/
body {font-family: "ltc-bodoni-175",serif; color: #2b2b2b; font-size: 16px; line-height:1.6em}
h1, h2, h3, h4, h5, h6 { font-family: "ltc-bodoni-175",serif; font-weight:700; color: #232a2f; }

p {font-family: "ltc-bodoni-175",serif; font-weight:400}
p strong {font-family: "ltc-bodoni-175",serif; font-weight:700}
p em {font-family: "ltc-bodoni-175",serif; font-style:italic}
iframe { border: 0; outline: 0; }
.header-content { margin-bottom: 40px;  }
.header-content h2 { font-weight: 700; font-size: 40px; }
.header-content h3 { font-weight:400; text-transform: capitalize; font-size: 24px; }
ul.list li:before { position: absolute; left: 3px; font-family: 'FontAwesome'; content: '\f105'; }
ul.list { padding-left: 28px; padding-bottom: 10px; list-style: none; position: relative; font-size: 16px; line-height: 28px; font-weight: 300; }
/*
    [ GENERAL ELEMENTS ]
*/

a.right.carousel-control, a.left.carousel-control {
    display: none!important;
}
img.img-responsive.float-none {  margin: 0 auto;  width: 100%;}
a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #DDAD02; text-decoration:underline}
a:hover { color: #232a2f; text-decoration: none; }
a.btn, h4 a {text-decoration:none}
.nav li {font-family: "ff-basic-gothic-web-pro",sans-serif; font-weight:100}
.nav a {font-family: "ff-basic-gothic-web-pro",sans-serif; font-weight:100; text-decoration:none}
.nav a:hover {font-style:italic}
#main-wrapper { width: 100%; position: relative; }
blockquote { margin-left: 20px; }
blockquote p { margin-bottom: 10px !important; }
code { display: block; padding: 4px 8px; font-size: 90%; color: #c7254e; white-space: inherit; background-color: #f9f2f4; border-radius: 2px; }
#loader { width: 100%; height: 100%; position: fixed; z-index: 1031; background: #f7f8f9; }
footer { background: #e5e8eb; padding: 40px; }
footer p { font-size: 11px; text-align: center; letter-spacing:.022em }
footer .divider {padding:0 15px;}
#sidebar { position: fixed; width: 220px; background:rgb(54, 96, 136); height: 100%; left: 0; z-index:99}
#sidebar .navbar-toggle { margin-top: 11px; border-color:#A3D1E8 }
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
#sidebar .navbar-brand { padding-top: 10px; padding-bottom: 20%; padding-left: 20px;  }
.navbar-brand {height:135px}
#sidebar .navbar { border-radius: 0; background: transparent; border: none;}
#sidebar .navbar-collapse { padding-left: 20px; border: 0px none transparent;}
#sidebar .navbar-header {background:transparent ; padding-top: 10%; padding-bottom:10% }
#sidebar .navbar-header, #sidebar .navbar-nav, #sidebar .navbar-nav li { float: none; margin-left: -10px; }
#sidebar .navbar-default { -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075); }
#sidebar .navbar-default .navbar-nav>li>a { color: #fff; font-size: 15px; letter-spacing: .05em; padding-left: 30px; text-transform:uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.25); }
#sidebar .navbar-default .navbar-nav>li>a:hover { background: rgba(0, 0, 0, .7); color:#fff}
#sidebar .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background: transparent; color: #DDAD02; }
#sidebar .navbar-nav { margin: 7.5px -15px; }
#sidebar .navbar-nav .opens .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; border: 0; box-shadow: none; background-color: transparent; }
#sidebar .navbar-default .navbar-nav .opens .dropdown-menu>li>a { color: #fff; }
#sidebar .navbar-nav .opens .dropdown-menu>li>a { line-height: 20px; }
.navbar {margin-bottom:0}
#container { position: relative; margin-left: 220px; }
.blog-posts {position: relative; margin-left: 20px; padding-left:20px}
#container section { padding: 60px; }
#container section.about {padding:20px 60px}
#container section.slide-lb {padding:20px 60px}
.dpSmall #container section.inner, .dpXsmall #container section.inner {padding-top:160px;}
@media(max-width:767px){
#container section { padding: 30px; }
.dpSmall #container section.inner, .dpXsmall #container section.inner {padding-top:120px;}
  .page-content table {
    display: block;
}
.page-content table tbody,.page-content table tr{
    display: block;
    width:100%!important
}
.page-content table td{
    display: block;
    margin: 10px auto;
    width: 100%!important;
}
.page-content table td a{
  display:block;
}
.page-content table td a img{
  display:block;
  float:none
}
}
#container section { background: #f7f8f9; }
#container section.odd { background: #eceff1; }
#container section.blue { background: #002D57; }
#container section.blue li, #container section.blue h2{ color:#fff }
.mg-bt-80 { margin-bottom: 80px; }
.mg-bt-60 { margin-bottom: 60px; }
.mg-bt-40 { margin-bottom: 40px; }
.totop { position: fixed; bottom: 0; right: 0px; width: 0px; height: 0px; color: #FFF; border-style: solid; border-width: 0 0 60px 60px; border-color: transparent transparent rgba(18, 24, 24, .4) transparent; z-index: 999; }
.totop span { position: relative; overflow: hidden; font-size: 20px; bottom: -27px; display: inline-block; left: -50px; cursor: pointer; height: 42px; width: 60px; line-height: 30px; text-align: center; z-index: 1000; }
.totop a { position: absolute; right: 0; display: inline-block; width: 60px; height: 60px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.totop .first { top: 0px; }
.totop .hover { top: 20px; }
.totop .first i { color: #FFF; }
.footer-toogle .hover i { color: #DDAD02; }
.totop:hover { cursor: pointer; }
.totop:hover span > a.first { top: -20px; }
.totop:hover span > a.hover { top: 0px; color: #DDAD02; }
.btn { border-radius: 0; padding: 8px 13px; margin-right: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btn.big { padding: 13px 25px; font-size: 18px; }
.btn.btn-dark { background: #e5e8eb; color: #FFF; }
.btn.btn-dark:hover { background: #323838; }
.btn.btn-light { background: #323838; color: #FFF; }
.btn.btn-light:hover { background: #e5e8eb; }
.social-icon { padding: 0; text-align: center; }
.social-icon li { list-style: none; display: inline-block; cursor: pointer; margin-left: 15px; margin-bottom: 15px; }
.social-icon li a { display: block; width: 72px; height: 72px; text-align: center; font-size: 36px; line-height: 72px; color: #2b2e33; background: #e5e8eb; border-radius: 50%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.social-icon li:hover a { transform: rotateX(360deg); -ms-transform: rotateX(360deg); /* IE 9 */
-webkit-transform: rotateX(360deg); /* Safari and Chrome */
-o-transform: rotateX(360deg); /* Opera */
-moz-transform: rotateX(360deg); /* Firefox */
color: #FFF; background: #DDAD02; }
.social-icon li:hover a i { transform: rotateY(360deg); -ms-transform: rotateY(360deg); /* IE 9 */
-webkit-transform: rotateY(360deg); /* Safari and Chrome */
-o-transform: rotateY(360deg); /* Opera */
-moz-transform: rotateY(360deg);/* Firefox */
}
.carousel-inner .fa {position:absolute; bottom:5px; right:20px; color:#fff; font-size:24px; opacity:.5}
/*    [PAGES STYLE] */
/* ====== HOME ====== */
#container section.home { padding: 0px; }
.home .bg-parallax { background-repeat: no-repeat; background-size: cover;  background-position: center center; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.home .slide-filter { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(236, 239, 241, 0.48); }
.home .slide-text { position: absolute; display: block; bottom: 40%; right: 0; left: -220px; width: 100%; padding: 0 10px; z-index: 22; max-width: 800px; margin: 0 auto; text-align: center; }
.home .slide-text h2 { font-weight: 400; text-transform: uppercase; font-size: 56px; line-height: 69px; letter-spacing: 2px; color: #232a2f; position: relative; }
.home .slide-text span { font-weight: 300; font-size: 25px; line-height: 40px; letter-spacing: 0px; color: #232a2f; position: relative; }
.home .slides-navigation { margin: 0 auto; position: absolute; z-index: 2; width: 100%; top: 0%; height: 120px; }
.home .slides-navigation a { position: absolute; font-size: 40px; font-weight: 300; top: 0; right: 0; line-height: 35px; z-index: 1; bottom: 21px; color: #232a2f; }
.home .slides-navigation a:hover { color: #DDAD02; }
.home .slides-navigation a.prev, .home .slides-navigation a.next { background: rgba(247, 248, 249, .6); width: 40px; height: 40px; text-align: center; }
.home .slides-navigation a.prev { right: 42px; }
section.alternate {background:rgba(54, 96, 136, .3) !important;}

/* ====== Services ====== */
#slider-services { position: relative; z-index: 1; }
#slider-services div { position: relative; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); }
#slider-services div img { z-index: -1; position: relative; width: 100%; }
.about .about-icon { width: 70px; height: 70px; border-radius: 50%; background: #DDAD02; text-align: center; font-size: 30px; color: #FFF; margin: 0 auto; position: relative; line-height: 70px; }
.about .about-desc { padding-left: 10px; }
.about .about-desc h4 { margin-top: 0; margin-bottom: 15px; }
#about-slides {}
/* ====== Portfolio ====== */
.membership { padding-top: 60px; padding-bottom: 80px; background: #F4F4F4; }
.membershipContainer { padding: 20px; }
.membership .membership-item { opacity: 0; display: none; margin: 0; padding: 0; }
.membership .membership-item img { width: 100%; height: auto; }
.membershipFilter { font-weight: 400; margin-bottom: 20px; }
.membershipFilter a { margin-right: 10px; text-decoration: none; font-weight: 300; text-align: center; }
.membershipFilter a.active { text-decoration: line-through; color: #FFF; }
.membership-item { position: relative; color: #ffffff; line-height: 0; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.project-hover { position: absolute; width: 100%; height: 100%; overflow: hidden; color: rgba(255, 255, 255, 0.0); background: rgba(0, 0, 0, 0.0); font-size: 14px; font-weight: 400; letter-spacing: 0.4em; line-height: 20px; text-transform: uppercase; visibility: visible; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.membership-item a:hover > .project-hover { color: rgba(255, 255, 255, 1); cursor: crosshair; background: rgba(0, 0, 0, 0.5); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.project-hover span { display: inline-block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.membership-item a:hover > .project-hover span { padding: 15px 0;  }
.project-hover b { color: rgba(255, 255, 255, 0.0); font-size: 14px; font-style: italic; font-weight: normal; letter-spacing: 0; text-transform: none; padding-top: 0; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.project-hover span.plus { font-size: 120px; font-weight: 100; }
.membership-item a:hover > .project-hover b { color: rgba(255, 255, 255, 0.5); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
/* ====== Testimonial ====== */
.testimonial { text-align: center; }
.testimonial ul li { list-style: none; padding: 0; }
.testimonial h2 { font-weight: 300; padding: 0 10%; font-size: 24px; line-height: 36px; text-align: center; }
.testimonial .icon-testimonial { font-size: 35px; padding-bottom: 15px; color: #DDAD02; }
.testimonial span { padding-top: 20px; display: block; position: relative; }
.testimonial span#controls { display: inline-block; position: absolute; top: 0; right: 0; margin-top: -60px; padding: 0; margin-right: -44px; line-height: 37px; }
.testimonial .quote-right-indicator:hover, .testimonial .quote-left-indicator:hover { color: #DDAD02; }
.testimonial .quote-right-indicator, .testimonial .quote-left-indicator { width: 40px; height: 40px; display: inline-block; position: relative; background: #e5e8eb; font-size: 25px; font-weight: 300; z-index: 1; color: #CECECE; }
.testimonial .quote-left-indicator { margin-right: 2px; }
/* ====== About ====== */
.about .teams { color: #202020; background: #FFF; margin-bottom: 40px; position: relative; z-index: 1; }
.about .teams .pict { position: relative; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }
.about .teams .pict img { position: relative; z-index: -1; max-width: 100%; width: 100%; }
.about .teams h3 { margin-bottom: 20px; color: #202020; font-weight: 400; }
.about .teams .desc { padding: 25px; }
.about .teams span { font-size: 13px; font-weight: 700; display: block; position: relative; padding-bottom: 30px; }
.about .social a { width: 31px; height: 31px; position: relative; text-align: center; color: #202020; display: inline-block; margin-right: 5px; border-radius: 50%; line-height: 28px; font-size: 16px; border: 1px solid #202020; }
.about .social a:hover { background: #202020; color: #FFF; }
.about canvas { width: 100%; }
.about .skill-bar ul { list-style: none; padding: 0; }
.about .skill-bar ul li { height: 50px; line-height: 50px; width: 100%; background: rgba(0, 0, 0, 0.1); position: relative; margin-bottom: 26px; }
.about .skill-bar ul li h4 { margin: 0; line-height: 50px; position: absolute; }
.about .skill-bar ul li .bar { display: inline-block; padding-left: 15px; height: 100%; background: #DDAD02; }
.about .skill-bar ul li span { position: absolute; top: 0; right: 20px; color: #FFF; }
.about .client-slider { list-style: none; padding-left: 0; position: relative; display: block; margin: 0 auto; }
.about .client-slider li { margin: 5px 5px; display: inline-block; }
/* ====== Blog Front ====== */
.media-list li.media {padding-top:10px}
.media-list li.media:hover {background:#e5e5e5; cursor:pointer}
.blog-front .media {margin-top: 0px;}
.blog-front li {position: relative; z-index: 1; margin-bottom: 40px;}
.blog-front li .media-wrapper a{position: relative; box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.4); }
.blog-front li .media-wrapper img{z-index: -1; width: 100%; max-width: 100%; position: relative; }
.blog-front li .media-body {text-align: right;}
.blog-front li .media-body h4 { margin-bottom: 10px; margin-top: 20px; text-align: left; }
.blog-front li .media-body .post-date { font-weight: 700; display: block; position: relative; text-align: left; margin-bottom: 20px; }
.blog-front li .media-body p { text-align: left; }
/* ====== Call To Action ====== */
.call-ta { position: relative; }
.call-ta h2 { display: inline-block; font-size: 40px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; padding-left: 20px; border-left: 3px solid #DDAD02; }
.call-ta h2 span { display: block; font-size: 16px; line-height: 26px; font-weight: 400; text-transform: none; letter-spacing: 0px; }
.call-ta .btn { display: inline-block; margin: 25px 10px 10px; }
.call-ta .slide-filter { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(38, 41, 46, 0.7); }
/* ====== Map & Contact ======*/
#map { height: 450px; width: 100%; }
/* Contact */
.contact { position: relative; }
.contact:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #eceff1; border-width: 20px; margin-left: -20px; }
.contact #form409 { margin-bottom: 40px; }
.contact #form409 .form-group { margin-bottom: 2px; }
.contact #form409 input, .contact #form409 textarea { border-radius: 0; background: rgba(0, 0, 0, .07); color: #85939b; border: none; border-left: 1px solid #DDAD02; box-shadow: none; }
.contact #form409 input { height: 50px; }
.contact #form409 input:focus, .contact #form409 textarea:focus { box-shadow: none; border: 1px solid #DDAD02; }
/* ====== BLOG PAGES ====== */
#container section.blog { padding-top: 100px; padding-bottom: 100px; }
#primary { padding-right: 20px; margin-right: 20px; border-right: 1px solid #e5e8eb; margin-bottom: 40px; }
#primary .pagination { margin: 60px 0 10px; display: inline-block; }
#primary .pagination li { display: inline-block; }
#primary .pagination li a { width: 55px; font-size: 16px; color: #85939b; height: 55px; margin-right: 10px; margin-bottom: 8px; border-radius: 50%; background: #eceff1; border: none; text-align: center; line-height: 55px; display: block; padding: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
#primary .pagination li:hover a { background: #DDAD02; color: #FFF; }
#primary .pagination li.active a:hover { pointer-event: none; transform: none; -ms-transform: none; /* IE 9 */
-webkit-transform: none; /* Safari and Chrome */
-o-transform: none; /* Opera */
-moz-transform: none; }
#primary .pagination li.active a { color: #FFF; background: #DDAD02; }

/* =====================================================================

                        RESPONSIVE UTILITIES

===================================================================== */
.dpSmall .media figure.pull-left, .dpXsmall .media figure.pull-left { float: none !important; padding-bottom: 20px; }
.dpSmall #primary, .dpXsmall #primary { padding-right: 0; margin-right: 0; border-right: 0; }
.dpSmall #sidebar, .dpXsmall #sidebar { position: absolute; width: 100%; height: auto; z-index: 99999; }
.dpSmall #sidebar .navbar, .dpXsmall #sidebar .navbar { padding-top: 20px;     margin-bottom: 0px; padding-bottom: 5px;}
.dpSmall #sidebar .navbar-brand, .dpXsmall #sidebar .navbar-brand { padding-bottom: 0; }
.dpSmall #container, .dpXsmall #container { margin-left: 0; }
.dpSmall .home .slide-text, .dpXsmall .home .slide-text { left: 0; }
.dpSmall .home .slides-navigation, .dpXsmall .home .slides-navigation { bottom: 0%; height: 40px; top: inherit; }
.dpSmall .home .slide-text h2, .dpXsmall .home .slide-text h2 { font-size: 35px; line-height: 45px; }
.dpSmall .home .slide-text span, .dpXsmall .home .slide-text span { font-size: 18px; line-height: 27px; }
.dpSmall .about .about-icon, .dpXsmall .about .about-icon { width: 70px; height: 70px; border-radius: 50%; background: #DDAD02; text-align: center; font-size: 30px; color: #FFF; margin: 10px 0 20px; position: relative; line-height: 70px; }

/*
    BUTTON
*/
.btn { border-radius: 0; padding: 8px 13px; margin-right: 5px; outline: 0; font-weight: 700; }
.btn-link { color: #2b2e33; text-decoration: underline; }
.btn-link:hover { color: #DDAD02; }

/*
    ICON
*/
.bs-glyphicons { margin: 0 -19px 20px -16px; overflow: hidden; }
.bs-glyphicons-list { padding-left: 0; list-style: none; }
.bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; }
.bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; }
.bs-glyphicons li { float: left; width: 25%; height: 115px; padding: 10px; font-size: 10px; line-height: 1.4; text-align: center; border: 1px solid #fff; background-color: #f9f9f9; }
.pace .pace-progress { background: #DDAD02; position: fixed; z-index: 2000; top: 48%; left: 0; height: 1px; box-shadow: 0px 0px 5px 0px #DDAD02; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; }
.pace-inactive { display: none; }

/*///////////Theme Colors////////////*/
a { color: #222; }
#sidebar .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: rgba(23, 60, 126,.8); }
.footer-toogle .hover i { color: rgba(23, 60, 126,.8); }
.totop:hover span>a.hover { color: rgba(23, 60, 126,.8); }
.social-icon li:hover a { background: rgba(23, 60, 126,.8); }
.home .slides-navigation a:hover { color: rgba(23, 60, 126,.8); }
.about .about-icon { background: rgba(23, 60, 126,.8); }
.testimonial .icon-testimonial { color: rgba(23, 60, 126,.8); }
.testimonial .quote-right-indicator:hover, .testimonial .quote-left-indicator:hover { color: rgba(23, 60, 126,.8); }
.about .skill-bar ul li .bar { background: rgba(23, 60, 126,.8); }
.call-ta h2 { border-left: 3px solid rgba(23, 60, 126,.8); }
.btn-link:hover { color: rgba(23, 60, 126,.8); }

div[class^="picRow"] > div{float:left; margin:0 5px !important}
div[class^="picRow"] > div p {float:none!important; margin:0 0 10px!important; padding:0!important}
div[class^="picRow"] > div img {float:none!important; margin:0!important}

@media (max-width: 767px) {
#sidebar  .navbar {padding-top:5px!important}
.navbar-brand {background:url(/assets/thewestmoorclub/Media/logo-mobile.png) no-repeat 0 0; width:140px; height:60px}
.navbar-brand img{display:none}
.navbar-header {min-height: 60px;}
}
@media (max-width: 1199px) {
#sidebar .navbar-header {padding:0}
}
.panel-group .panel+.panel {
    margin-top:0px;
}
.panel-default>.panel-heading {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
  background-image:none!important;
  background-color:transparent!important
}
@media(max-width:767px){
  .dpSmall #sidebar .navbar-brand, .dpXsmall #sidebar .navbar-brand {
    padding: 30px;
    /* line-height: 50px; */
    height: auto!important;
    width: 140px;
}