@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600');

* { text-rendering:optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; }

body { background-color:#242424; font-family: 'Oswald', sans-serif; }

html, body { width:100%; height:100%; }

a:hover {text-decoration:none;}

p { font-family:'Roboto', serif; }

hr {border:2px solid #ffd51e; width:50px; margin-top:0px; margin-left:0px; text-align:left}

a {color:#242424;}

.contentlink {text-decoration: underline; }

a:hover {color:#141414;}

a:focus {text-decoration: none;}

.bullet-align {display: inline-flex; vertical-align: baseline;}

:-ms-input-placeholder.blue { color: #fff; }

address { font-family:'Roboto', serif;}

.squish {line-height:1;}

/* Layout Classes*/

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}

.col-xs-5ths { width: 20%; float: left;}

@media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; }}

@media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; }}

@media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; }}

.shadow { -webkit-box-shadow: 0px .5px 10px 1px rgba(0,0,0,0.56);  -moz-box-shadow: 0px .5px 10px 1px rgba(0,0,0,0.56);  box-shadow: 0px .5px 10px 1px rgba(0,0,0,0.56); }

.shadow:hover{ box-shadow:none; }


/* Layout */

.nav {
    height:40px;
    padding-top:7px;
}

.nav #main li{
    margin-right:45px;
    /*letter-spacing:1px;*/
}

.nav #social li{
    margin-right:15px;
}

.nav a{
    color:#fff;
    text-transform:uppercase;
    font-size:13px;
    font-weight:500;
}

.nav a:hover{
    color:#ffd51e;
}


.nav i:hover{
    color:#ffd51e;
}

.header {
    height: 125px;
    background-color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
}

.header .logo { position:absolute; margin-top:15px; margin-left:0px;}

.header .categories { position:absolute; margin-top:40px; margin-left:200px; }

.header .categories li { margin-left:0px; }

.header .list-inline-item a { display:block; padding:5px; color:#242424; font-weight:500; margin-right:40px;height:120px;}

.menu-on { background-color:#e4e4e4;border-top-left-radius:4px;border-top-right-radius:4px; }/*ffd51e*/

.banner {
    height:220px;    
    background-color:#141414;
    color:#fff; 
    padding-top:50px;
}

#hero {
    height:400px;    
    background-color:#fff;
    color:#fff; 
    position:relative;
}

.banner h1, #hero h1 {
    font-weight:500;
    text-transform:uppercase;
    
}

#hero h1{
    font-size:92px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);     
}

.banner h1{
    font-size:62px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);     
}

.banner p { font-size:22px; }

#hero p { font-size:26px; }

.toolbar {
    min-height:70px;
    background-color:#242424;
    padding-top:13px;
}

.toolbar a {
    width:200px;
    background-color:#545454;
    color:#fff;
    margin-left:6px; 
    margin-right:6px;  
    border-radius:0px;
    text-transform:uppercase;       
}

.toolbar input {
    width:400px;
    margin-left:6px; 
    margin-right:6px; 
    border:none;
    background-color:#fff;
    padding:9px;
    vertical-align:middle;
}

.toolbar select {
    width:250px;
    margin-left:6px; 
    margin-right:6px; 
    border:none;
    background-color:#fff;
    color:#242424;
    padding:8px;
    vertical-align:middle;
    text-transform:uppercase;
    font-size:14px;
}

.toolbar a.active {
    background-color:#ffd51e;
    color:#242424;
    font-family:'Oswald';
}

.toolbar .dropdown-menu{
    border-radius:0px;
    width:360px;
}

.toolbar .dropdown-item{
    background-color:#fff;
    color:#242424;

}

.mapbar {
    min-height:55px;
    background-color:#fff;
    border-bottom:3px solid #000;
    padding:8px;
}

.mapbar a {
    width:100px;
    background-color:#545454;
    color:#fff;
    margin-left:3px; 
    margin-right:0px;         
}

.mapbar input {
    width:200px;
    margin-left:6px; 
    margin-right:6px; 
    border:none;
    background-color:#e4e4e4;
    padding:9px;
    vertical-align:middle;
    text-transform:uppercase;
}

.mapbar select {
    width:250px;
    margin-left:6px; 
    margin-right:6px; 
    border:none;
    background-color:#e4e4e4;
    padding:9px;
    vertical-align:middle;
    text-transform:uppercase;
}

.mapbar a.active {
    background-color:#ffd51e;
    color:#242424;
    font-family:'Roboto';
}

.mapbar .dropdown-menu{
    border-radius:0px;
    width:360px;
}

.mapbar .dropdown-item{
    background-color:#fff;
    color:#242424;

}

.content {
    min-height:450px;
    padding-top:0px;
    padding-bottom:0px;
}

.content .media-list .media {border-bottom:0px solid #d4d4d4}

.content .media-list .media:last-child {border-bottom:0px solid #d4d4d4}

.tout-margin {padding-top:180px;}

.pagination-row {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom:30px; padding-top:15px;}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 17px 10px 17px;
    margin-right:5px;
    color: #242424; 
    font-family: 'Oswald', sans-serif;
    font-weight:500;   
    text-decoration: none;
    background-color:inherit;
    border: 2px solid #242424;
}

.pagination > li > a:hover{
    background-color:#ffd51e;
    border: 2px solid #ffd51e;
}

.footer {
    height:100px;
    color:#fff;
    font-size:13px;
}

.footer a{
    color:#fff;
    margin-right:15px;
    font-weight:500;
    text-transform:uppercase;
}

.footer a:hover{
    color:#ffd51e;
}

.footer .copy{
    font-family:'Roboto', serif; 
}

/** Menu **/

.mega, #side { position: fixed; }

#side {top:0px;height:100%; background-color:#242424;color:#fff;}
               
#side, #side.active { -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }

#side { z-index:2000; width:280px; overflow-y:auto; padding-top:40px;}

#side .el{border-bottom:1px solid #343434;padding:10px;color:#fff;}

#side .el a{color:#fff;}

#side .el a.featured{color:#ffd51e;}

#side { box-shadow: 0 0 10px rgba(51,51,51,0.38); }

#side { left:0; margin-left:-280px; }

#side.active { margin-left:0px;}

.mega {
    top:0px;
    width:100%;
    min-height:350px;
    z-index:2000;
    margin-top:165px;
    background-color:#e4e4e4;
    -webkit-box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.56);
    box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.56);
    visibility:hidden;
}

.mega ul li{
    font-weight:300;
    font-family:'Roboto', serif;
    /*line-height:32px;*/
    font-size:13px;
    color:#545454;
    padding-top:8px;
    padding-bottom:8px;
}

.mega.active{
    visibility:visible;
}

/*.mega, .mega:active {-webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}*/

.right-icon { position:absolute; top:8px; width:40px; height:40px; z-index:5;}

.right-icon{ right:0px;}

.circle, .circle-lg, .circle-profile, .circle-icon { border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; text-align:center;margin-right:10px; }

.circle { width: 42px; height: 42px;}

.circle-icon { width: 36px; height: 36px; padding-top:4px;}

.circle-profile { position:absolute; top:55px; left:10px; width: 42px; height: 42px;}

.circle-lg { width: 48px; height: 48px; padding-top:13px;}

.circle-sm {position:absolute; top:8px; right:10px; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; display: inline-block; text-align:center;padding-top:7px}

.circle-xl {border-radius: 50%;width: 160px;position: absolute;height: 160px;top:15px;left:50%;margin-left:-77px;}

.circle-i {position:absolute; top:9px; right:28px; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; display: inline-block; text-align:center;padding-top:6px;}


/* Carousel */

.carousel-caption {
    position: absolute;
    top:100px;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
}

.owl-prev {
    width: 70px;
    height: 50px;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block!IMPORTANT;
    border:0px solid black;
}

.owl-next {
    width: 70px;
    height: 50px;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block!IMPORTANT;
    border:0px solid black;
}
.owl-prev i, .owl-next i {font-weight:700;}


.specs-carousel .owl-next {
    width: 70px;
    height: 63px;
    position: absolute;
    top: 0;
    right: -65px;
    display: block!IMPORTANT;
    border:0px solid black;
}

.specs-carousel .owl-prev {
    width: 70px;
    height: 63px;
    position: absolute;
    top: 0;
    margin-left: -65px;
    display: block!IMPORTANT;
    border:0px solid black;
}

/* Touts */

.tout-feat{
    position:absolute;
    width:100%;
    bottom:-160px;
    min-height:200px;
    z-index:1000;
}

.tout-feat .panel-body{
    background-color:#848484;
    height:175px;
    padding:0px;
    overflow:hidden;
}

.tout-lg {
    min-height:300px;
    padding-top:25px;
}

.tout-details{
    min-height:200px;
    font-family:'Roboto', serif;
}

.grain h2{
    font-family:'Oswald', serif;
    text-transform:uppercase;
}

.tout-details h3{
    font-family:'Oswald', serif;
    text-transform:uppercase;
}

.tout-lg .graphic-1 img, .tout-lg .graphic-2 img, .tout-lg .graphic-3 img {width:100%;height:100%;}

.tout-lg .blank {background-color:#e4e4e4;}
.tout-lg .graphic-1 {height:300px}
.tout-lg .graphic-2 {height:300px}
.tout-lg .graphic-3 {height:50px;margin-top:25px;}

.tout-lg h3 {
    font-weight:500;
    text-transform:uppercase; 
}

.tout-sm {
    background-color:#545454;
    height:120px;
}

.tout-community {
    background-color:#545454;
    width:300px;
    height:175px;
    padding:0px;
}


.tout-guide{
    width:100%;
    height:200px;
}

.tout-products{
    width:100%;
    height:283px;
}


.tout-sm h3{
    color:#fff;
    font-weight:500;
    text-transform:uppercase;  
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); 
}

.guidelines {
    padding-bottom:13px;
    border-bottom:1px solid #e4e4e4;
}

.guidelines:last-child{border-bottom:0px;}

.policy h4 {
    font-weight:500;
    text-transform:uppercase;
}

.policy ul li {
    font-family:'Roboto', serif;
}

.policy ol li {
    font-family: 'Roboto', serif;
}

/** Product Panels **/

.panel-product {
    text-align:center;
}

.panel-product .panel-body{
    padding:10px;
    height:280px;
}

.panel-product .panel-footer .btn {
    font-weight:500;
    text-transform:uppercase;    
    font-size:13px;
    color:#242424;
}

.panel-product .panel-footer .btn:hover {
    font-weight:500;
    text-transform:uppercase;
    font-size:17px;
    color:#242424;
    background-color:#ffd51e;
}

.card {
    border-radius:0px;
    border:none;

}

.card-header {
    border:none;
    background-color:#fff;
}

.scrolling{
    height:445px;
    overflow-y:auto;
}

.card .img-blank {
    width:100%;
    height:200px;
    background-color:#545454;
    border-radius:0px;
}

.card.featured{
    margin-left:10px;margin-right:10px;
    background:none;
    min-width:180px;
    word-break: break-all; 
    word-wrap: break-word;
}

.card.featured .card-body a {word-break: break-all; word-wrap: break-word;}

.card.featured img {
    margin: 0 auto;
    float: none;
}

.card.products{
    width:200px;
}

.card.products img{
    min-height:258px;
}

.card .details-title{
    min-height:80px;
    text-align:center;
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    font-size:15px;
    border-top:4px solid #DFBA1A;
    padding:5px;
}

.card .details-title:hover{ background-color:#ffd51e; border-radius:0px; }

.card.comm { padding:10px; margin-bottom:20px; min-height:300px; }

.card.comm:hover { background-color:#e4e4e4; padding:10px; }

.card.comm .card-body { border-top:3px solid #e4e4e4; padding-left:0px; padding-right:0px; }

.card.comm .card-title { text-transform: uppercase; }

.guidelines dt, .long dd{ font-family: 'Oswald', sans-serif;  text-transform:uppercase; } 

.short{
    width:200px;
    margin:10px;
    padding:10px;
    border:1px solid #DFBA1A;
    background-color:#DFBA1A;
    min-height:100px;
    text-align:center;
    border-radius:4px;
}

.short strong{
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
}

.long{
    width:50%;
    padding:2px;
    font-size:14px;
}

.finder h5{
    font-size:1rem;
    text-transform:uppercase;
}


.finder .card-header {
    background-color:#fff;    
}

.finder .card-body{
    background-color:#eeeeee;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.finder .card-body strong {font-family: 'Oswald', sans-serif;text-transform:uppercase;}

.finder small { font-family: 'Roboto', sans-serif;}

.finder .badge-pill {
    width:42px;
    padding:5px;
    background-color:#ffd51e;
    margin-right:20px;
}

/* Forms */

.form-control { border:none; background-color:#e4e4e4;  border-radius:0px;  font-family: 'Roboto', sans-serif; }

.form-control:focus { background-color: #e4e4e4;}

select.form-control { border:none; border-radius:0px; font-family: 'Roboto', sans-serif;}

.btn {
    border-radius:0px;
    font-size:14px;
    font-weight:500;
    padding:10px;
    text-transform:uppercase;
}

.btn-answer{
    border:0px solid #eee;  
    text-align:center;
    padding:5px;
    margin-bottom:10px;
    border-radius:4px;
    font-family: 'Roboto', sans-serif;
    font-size:.75rem;
    background-color:#ffd51e;
    border-bottom:4px solid #DFBA1A;
}
/* Addition to make button to Sealant Calculator button responsive */
.btn_sealant {
    display: inline-block !important;
    text-align: center;
    width: 100%;
    word-wrap:break-word;
    white-space: normal;
    text-transform: uppercase;
    word-break:break-all;
}

.btn:focus {outline:0 !important;} 

.item{
    width:100%;
    background-color:#ffd51e;
    font-family: 'Oswald', sans-serif;
    font-size:1.25rem;
    padding:0px;
}

.guidelines{
    padding:0px;
}

.sku-table th {color:#fff;}

.btn-yellow { background-color:#ffd51e;color:#000; }

.btn-white { border:2px solid #242424;background-color:#fff;color:#242424; }
.btn-white:hover { border:2px solid #ffd51e; background-color:#ffd51e; color:#242424; }

.btn-clear { border:2px solid #fff;color:#fff; }
.btn-clear:hover { border:2px solid #ffd51e; background-color:#ffd51e; color:#242424; }

.btn-black { background-color:#848484; color:#fff; }

.toolbar a.btn-youtube { background-color: #ff0000; color:#fff }

.toolbar a.btn-facebook { background-color: #3b5998; color:#fff }

.toolbar a.btn-instagram { background-color: #c32aa3; color:#fff }


.modal-dialog { max-width:80%;}

.modal-body {font-size:14px;font-family: 'Roboto', sans-serif;}
.modal-body h4{font-size:14px;font-family: 'Oswald', sans-serif;}

.table {margin-bottom:0px;}

.alert { padding-bottom:0px;font-size:18px;font-family: 'Roboto', sans-serif;}

/** Colors**/

.white { color:#fff; }
.bg-white{ background:#fff; }

.yellow {color:#ffd51e;}
.bg-yellow{ background:#ffd51e; color:#242424; }

.orange {color:#FF7F00;}
.bg-orange{ background:#FF7F00; color:#242424; }

.grey {color:#e4e4e4;}
.bg-grey{ background:#e4e4e4; }
.br-grey {border:1px solid #e4e4e4;}

.md-grey {color:#c4c4c4;}
.bg-md-grey{ background:#c4c4c4; }
.br-md-grey {border:1px solid #c4c4c4;}

.dk-grey{color:#545454; }
.bg-dk-grey{background-color:#545454; color:#fff; }
.br-dk-grey {border:1px solid #545454;}

.dark {color:#242424;}
.bg-dark{ background:#242424; color:#fff; }
.br-dark {border:1px solid #242424;}


/** Backgrounds **/
.grain {background: #141414 url('../images/bg-community.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.search {background: #141414 url('../images//banners/banner-search.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.contact {background: #141414 url('../images/banners/banner-contact.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.architects {background: #141414 url('../images/banners/banner-architect.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.community {background: #141414 url('../images/banners/banner-community.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.guide {background: #141414 url('../images/banners/banner-guide.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.locator {background: #141414 url('../images/banners/banner-locator.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.media-portal {background: #141414 url('../images/banners/banner-media.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.privacy {background: #141414 url('../images/banners/banner-privacy.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.sds {background: #141414 url('../images/banners/banner-sds.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.product {background: #141414 url('../images/banners/banner-products.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.resources {background: #141414 url('../images/banners/banner-resources.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.specifications {background: #141414 url('../images/banners/banner-specification.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.glossary {background: #141414 url('../images/banners/banner-glossary.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.howtouse {background: #141414 url('../images/banners/banner-howtouse.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.colormatch {background: #141414 url('../images/banners/banner-colormatch.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.adhesives {background: #141414 url('../images/banners/banner-adhesives.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.adhesives-md {background: #fff url('../images/figures/adhesives-md.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.adhesives-sm {background: #fff url('../images/figures/adhesives-sm.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.sealants {background: #141414 url('../images/banners/banner-sealants.jpg') no-repeat 50% bottom; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.sealants-md {background: #fff url('../images/figures/sealants-md.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.sealants-sm {background: #fff url('../images/figures/sealants-sm.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.glues {background: #141414 url('../images/banners/banner-glues.jpg') no-repeat 50% bottom; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.glues-md {background: #fff url('../images/figures/woodworking-md.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.glues-sm {background: #fff url('../images/figures/woodworking-sm.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.flooring {background: #141414 url('../images/banners/banner-flooring.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.flooring-md {background: #fff url('../images/figures/flooring-md.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.flooring-sm {background: #fff url('../images/figures/flooring-sm.jpg') no-repeat 50% center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

/** Figures **/
.figure_lg_1 {background: #141414 url('../images/figures/figure-lg-1.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.figure_lg_2 {background: #141414 url('../images/figures/figure-lg-2.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.figure_lg_3 {background: #141414 url('../images/figures/figure-lg-3.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.figure_md_1 {background: #141414 url('../images/figures/figure-md-1.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.figure_md_2 {background: #141414 url('../images/figures/figure-md-2.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.figure_md_3 {background: #141414 url('../images/figures/figure-md-3.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.figure_sm_1 {background: #141414 url('../images/figures/figure-sm-1.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.figure_sm_2 {background: #141414 url('../images/figures/figure-sm-2.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.figure_sm_3 {background: #141414 url('../images/figures/figure-sm-3.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

/** Features **/
.feat_1 {background: #141414 url('../images/figures/feat-1.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.feat_2 {background: #141414 url('../images/figures/feat-2.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.feat_3 {background: #141414 url('../images/figures/feat-3.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.feat_4 {background: #141414 url('../images/figures/feat-4.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.comm_1 {background: #141414 url('../images/figures/tout_comm_1.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.comm_2 {background: #141414 url('../images/figures/tout_comm_2.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.comm_3 {background: #141414 url('../images/figures/tout_comm_3.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.social_fb {background: #141414 url('../images/figures/social-fb.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.social_ig {background: #141414 url('../images/figures/social-ig.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.social_yt {background: #141414 url('../images/figures/social-yt.jpg') no-repeat 50% top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

/** Widgets **/

.gmap-wrapper {
    position:relative;
    height:445px;
    padding: 0px;
}

#map {display:block;width:100%; height:100%;}

.gmap,
.gmap *,
.gmap *:before,
.gmap *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.gmap .title { font-size: 12px; font-weight: 300; margin-bottom: 15px; margin-top: 5px;}
.gmap .gm-style-iw { width: 150px;}

.swiper-container{
    height:305px;padding-right:20px;
}

.swiper-slide {
    width:100%;
    height:132px;
    border:1px solid #e4e4e4;
    background-color:#e4e4e4;
    margin-bottom:10px;
    text-align:center;
}