html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
body{
    background-color: #fff;
    color: #808080;
    font-family: 'Open Sans', sans-serif;
}

.l              {float:left;}
.r              {float:right;}
.c              {margin-left:auto !important;margin-right:auto !important;}
.width-full       {width: 100%;}
.width-half       {width: 50%;}
.width-two-thirds {width: 66.6666%;}
.width-third      {width: 33.3333%;}
.width-quarter    {width: 25%;}
.width-three-quarters    {width: 75%;}
.lead {
    font-size: 1.3em;
    line-height: 1.6;
}

.title-style div {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -1px;
    display: inline-block;
    margin: 0;
    font-size: 2.2em;
}
.inverse {
    color: #fff;
}

div.title.inverse:before, div.title.inverse:after {
    background-color: #fff!important;
}
.title-style div:before, .title-style div:after {
    content: "";
    z-index: 2;
    width: 60px;
    height: 4px;
    background-color: #333;
    top: 50%;
    left: -80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
.title-style div:after {
    left: inherit;
    right: -80px;
}

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

.container, .searchResults{
    width:100%;
    max-width: 1200px;
    margin: auto;
}

.searchResults {
    max-width: 750px;
}

.yellow{
    background: rgb(255, 242, 0);
}

.grey{
    background: #efefef;
}

.hidden{
    display:none;
}
.scale{
    width: auto;
    max-width: 100%;
    height: auto;
}

.tablet{
    display:none;
}
/* Links */
a {
    color:#1d1d1d;
    text-decoration: none;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin:0 0 1em 0;
    color:#000;
    text-transform: uppercase;
}
h1 {
    font-size: 2.2em;

}

h2 {
    font-size:1.5em;
}

h3 {
    font-size:1.25rem;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size:1em;
}


/* List styling */
dl dt {
    background:url(../images/list-arrow.gif) no-repeat 0 3px;
    padding:0 0 3px 32px;
    margin-bottom:.2em;
    font-size:18px;
    line-height:1.2em;
    color:#191919;
}
dl dd {
    padding:0 0 0 32px;
    margin:0 0 1.5em 0;
}

ul li {

}
ul li:first-child {
    border-left: none;
}
ul li a {
    color:#1d1d1d;
    text-decoration:none;
}


.in-progress {
    display: none;
}
.in-progress-message {
    display: block;
    text-align: center;
    color: tomato;
    margin: 120px auto;
    width: 75%;
}

#main h1, #Content h1{
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Header
---------------------------------------- */
#header {
    background: #202020;
}

.contact-number{
    color: #FFF200;
    margin-right: 6px;
    padding-right: 10px;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 1.3em;
}

/* Logo */
.logo {
    max-width: 130px;
    height: auto;
    margin: 10px;
    width: 13%;
}

.footer-logo-section {
    height: auto;
    margin: 10px 10px 10px 0;
    display: table-row;
}

.footer-logo-section a {
    color: #FFFFFF;
    font-size: 1.2em;
}
.footer-logo-section a:hover{
    color: #A6A6A6;
}

.footer-logo-section .footer-logo{
    display: table-cell;
}

.footer-logo-section .footer-logo img {
    width: 100px;
}

.footer-logo-section p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

/* Nav */
.primary {
    float: right;
    width: 85%;
}

.primary ul{
    list-style:none;
    margin:0;
    padding:0;
}
.primary li{
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    line-height: 111px;
    border-left: 1px solid #252525;
    position: relative;
    width: 14.1428%; /* fallback for non-calc() browsers */
    width: calc(99%/7);

}
.primary a{
    color: #C2C2C2;
    display: block;
    padding: 0;
    text-transform: uppercase;
    font-size: .875rem;
}

.primary .link.parent .fa,
.primary .parent.section .fa,
.primary .parent.current .fa{
    margin-left: 10px;
    font-size: 1.4em;
}
.primary li.parent{}
.primary li.parent:hover ul.sub-menu{
    display:block;
}
.primary li.parent ul.sub-menu{
    display:none;
    position: absolute;
    z-index: 400;
    left: 0;
    padding-top: 2px;
}
.primary li.parent ul.sub-menu li{
    line-height: 1.4;
    text-align: left;
    width: auto;
    white-space: nowrap;
    float: none;
    background: none;
    border: none!important;
}
.primary li.parent ul.sub-menu a{
    padding: 10px 20px;
    background: rgba(18, 18, 18, 0.93);
    color: #fff;
}

.primary li.parent ul.sub-menu a.current{
    color: #FFF200!important;
}

.primary li.parent ul.sub-menu a:hover{
    background:#000;
}

.primary li.current,
.primary li.link:hover{
    background: rgb(29, 29, 29);
}

.primary li:hover a,
.primary li.current a,
.primary li.section.parent a{
    color: rgb(255, 242, 0);
}


/* Header widget */
#widget-header {
    position:absolute;
    right:0;
    top:100px;
    z-index:1;
}
.widget-header {

}

/* Social Networks */
#widget-header .social-networks {
    list-style-type:none;
    padding:0;
    margin:0;
    border:none;
}
#widget-header .social-networks li {
    float:left;
    border:none;
    padding:0;
    margin:0 0 0 5px;
    list-style-type:none;
    height:30px;
}
#widget-header .social-networks li a {
    text-decoration:none;
    float:left;
    height:30px;
    display:block;
}
#widget-header .social-networks li a:hover {
    color:red;
}

/* EasyTooltip */
.tooltip {
    background: none repeat scroll 0 0 #252525;
    border: 1px solid #000000;
    color: #EEEEEE;
    display: none;
    font-size: 11px;
    line-height:1.2em;
    margin: 13px 0 0;
    padding: 5px;
    z-index:99;
}

/* Request a quote */
#widget_my_requestquotewidget {
    width:100%;
    overflow:hidden;
}

.top-box {
    background:#eee;
    border:1px solid #dbdbdb;
    padding:20px;
    margin-bottom:20px;
    overflow:hidden;
    zoom:1;
    position:relative;
    min-height:80px;
}
.box-button {
    float:right;
    background:#dbdbdb;
    font-size:21px;
    color:#fff;
    text-decoration:none;
    padding:10px;
    position:absolute;
    right:30px;
    top:50%;
    margin-top:-25px;
}
.box-text {
    float:left;
    width:75%;
}



/* Home Page Cycle */

#banner-bg{
    height: 360px;
    background: #FAFAFA;
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 40px;
}

.bannerItem{
    width: 100%;
    display:none;
    height: 360px;
}

.cycle-pager {
    text-align:center;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 200;
    left: 0;
    right: 0;
}

.cycle-pager span {
    cursor: pointer;
    color: #FFFFFF;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    background: #fff;
    transition: color 0.3s;
    border-radius: 50%;
    border: 1px solid;
    width: 8px;
    height: 8px;
    display: inline-block;
    line-height: 8px;
    margin: 0 2px;
}

.cycle-pager .cycle-pager-active,
.cycle-pager span:hover{
    background: rgb(255, 242, 0);
    color: rgb(255, 242, 0);
    border-color: #FFF200;
}

.bannerItem > div {
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.bannerItem .container{
    height: 100%;
}

.sliderCaption {
    background: rgba(0, 0, 0, 0.59);
    padding: 20px;
    width: 450px;
    float: right;
    margin-top: 20px;
}

.sliderCaption .first-line,
.sliderCaption .second-line,
.sliderCaption .third-line{
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 900;
    color: rgb(255, 242, 0);
    text-align: right;
    display: block;
}

.sliderCaption .third-line a{
    color: rgb(255, 242, 0);
}


.sliderCaption .first-line{
    line-height: 1;
    margin-bottom: 10px;
    font-size: 2.5em;
}

.sliderCaption .third-line{
    color: #FFFFFF;
    margin-bottom: 1em;
    font-weight: 500;
}

.sliderCaption.has-form{
    width: 550px;
}
.sliderCaption.has-form form input{
    font-size: .875em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sliderCaption.has-form form input[type="submit"]{
    padding: 4px 10px;
}

.sliderCaption.has-form form{
    margin-top: 20px;
}
.sliderCaption.has-form input[type="text"] {
    font-size: .875em;
}

#wpadminbar ul li {
    border: none;
}

section.section {
    padding: 50px 0;
}
.quarantees{
    background: url('../images/blurred-bg-2.jpg') no-repeat bottom;
    background-size: cover;
}

.quarantees img{
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="14" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,0.6)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 14px rgba(255,255,255,0.6));
    filter: drop-shadow(0px 0px 14px rgba(255,255,255,0.6));
    margin-top: 50px;
}

.title-style {
    margin: 0 auto;
    max-width: 750px;
    text-align: center;
}

div.col-custom[class^="col-md-2"] {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: calc(16.6667% - 1%);
}

/* Top Menu */

.top-menu{
    background: #121212;
}

ul.social-networks {
    margin: 0;
    float: right;
}
ul.social-networks li {
    list-style-type: none;
    float: left;
    margin: 3px;
    padding: 0;
}
ul.social-networks img {
    width: 25px;
}

/* Top search */
.primary #top-search {
    position: relative;
    background: #000;
}

.search-icon{
    cursor: pointer;
    color: #fff;
    font-size: .875rem;
    text-transform: uppercase;
}

#top-search fieldset {

}
#top-search .middleColumn {

}
#top-search #SearchForm_SearchForm_Search {
    width: 200px;
    box-sizing: border-box;
    position: absolute;
    left: -169px;
    top: 40px;
    opacity: 0;
    z-index: -1;
    font-size: .875rem;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    padding: 10px;
}

#top-search #SearchForm_SearchForm.show #SearchForm_SearchForm_Search,
#top-search #SearchForm_SearchForm.show #SearchForm_SearchForm_action_results{
    z-index: 20;
    opacity: 1;
    border: none;
    border-radius: 0;
    font-size: .75rem;
    color: #9D9D9D;
    font-weight: lighter;
}

.no-boxshadow #top-search .input-search {

}
#top-search #SearchForm_SearchForm_action_results {
    position: absolute;
    top: 40px;
    width: 90px;
    background: none;
    border: none;
    text-indent: -9999px;
    left: 31px;
    z-index: -1;
}
#top-search #submit:hover {

}
#main{
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 60px;
}
#main .editable {
    font-size: .875em;
}

.editable .media.center{
    text-align: center;
    max-width: 600px;
    margin: auto;
}

.editable img{
    width: auto;
    max-width: 100%;
    height: auto;
}

.editable a{
    font-weight: 600;
}


.HomePage #main h1{
    margin-top: 0;
}

/* ISOTOPE Layout */
.grid{
    visibility: hidden;
}

#loader{
    position: absolute;
    z-index: 200;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.filter-section {
    background-color: #333;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: .875em;
    display: inline-block;
}

.filter-section button{
    background: none;
    color: #FFF200;
    font-size: .75rem;
    border: 2px solid;
    padding: 3px 15px;
    line-height: 1.4;
    border-radius: 4px;
    text-transform: capitalize;
    -webkit-appearance: none;
    text-decoration: none;
    font-weight: normal;

    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.filter-section button.is-checked,
.filter-section button:hover{
    background-color: #FFF200;
    color: #000;
    border-color: #FFF200;
}


/* QUICK LINKS */

.sub-section{
    text-align:center;
    /*margin-top: 20px;*/
    font-size: .75rem;
    border-top: 1px solid #D8D8D8;

    background: rgb(239,239,239); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZDhkOGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZDhkOGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  rgba(239,239,239,1) 0%, rgba(219,219,219,1) 32%, rgba(219,219,219,1) 50%, rgba(216,216,216,1) 50%, rgba(216,216,216,1) 75%, rgba(239,239,239,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(32%,rgba(219,219,219,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(50%,rgba(216,216,216,1)), color-stop(75%,rgba(216,216,216,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(239,239,239,1) 0%,rgba(219,219,219,1) 32%,rgba(219,219,219,1) 50%,rgba(216,216,216,1) 50%,rgba(216,216,216,1) 75%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(239,239,239,1) 0%,rgba(219,219,219,1) 32%,rgba(219,219,219,1) 50%,rgba(216,216,216,1) 50%,rgba(216,216,216,1) 75%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(239,239,239,1) 0%,rgba(219,219,219,1) 32%,rgba(219,219,219,1) 50%,rgba(216,216,216,1) 50%,rgba(216,216,216,1) 75%,rgba(239,239,239,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(239,239,239,1) 0%,rgba(219,219,219,1) 32%,rgba(219,219,219,1) 50%,rgba(216,216,216,1) 50%,rgba(216,216,216,1) 75%,rgba(239,239,239,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
.sub-section h1{
    text-transform: uppercase;
    padding: 20px 0 10px;
    margin: 0;
    display: inline-block;
    border-bottom: 1px solid #3A3A3A;
}

.ql-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align:center;
    padding: 40px 0;
    margin: 0;
}
.ql-item{
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
}

.ql-item img {
    margin-bottom: 20px;
    width: auto;
    height: 55px;
}
.ql-desc{
    width: 80%;
    margin: auto;
    color: rgb(100, 100, 100);

}

.ql-desc .button{
    font-size: inherit;
}

.ql-header {
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0 0 1em;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
}

#top-search #SearchForm_SearchForm_Search.fadeOut:focus{
    transition: opacity 0.5s 0.5s ease;
    opacity: 0;

}

/* Content
---------------------------------------- */
.primary_content_wrap {
    position:relative;
    z-index:1;
    padding:37px 0 59px 0;
    background-color:#fefefe;
    background-repeat:repeat-x;
    background-position:50% 0;
    background-image:url(../images/primary-content-tail.gif);
}

#content {

}
#content.left {
    float:right !important;
}
.article        {margin-bottom: 25px;}

/* BLog Styling */

.blogSummary h2{
    margin-bottom: 10px;
}

.blogSummary h2 a:hover{
    text-decoration: underline;
}

.blogSummary img{
    margin-bottom: 30px;
}


.blogEntry img{
    width: auto;
    max-width: 100%;
    height: auto;
}

.authorDate {
    font-size: .75rem!important;
    color: #808080;
    margin: 0 0 10px 0;
}

.tags {
    font-size: .75rem!important;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.blogSummary {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 30px;
}
.blogSummary .width-offset .inner{
    padding-left: 20px;
}

/* Blog Pagination */

.pagination{}
.pagination .PageNumbers{ text-align:center;padding: 0; }
.pagination .PageNumbers li{
    display: inline-block;
    list-style-type: none;
    margin: 0;
}
.pagination .PageNumbers li a{
    color: #fff;
    background: rgb(32, 32, 32);
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: .75rem;
    border: 1px solid rgb(0, 0, 0);
}

.pagination .PageNumbers li.active a,
.pagination .PageNumbers li a:hover{
    background: none;
    border-color: #E5E5E5;
    color: #B6B6B6;
}

.pagination .PageNumbers li.disabled a{
    background: #CFCFCF;
    border-color: rgb(186, 186, 186);
}
.pagination .PageNumbers li.active a:hover{}
.pagination .PageNumbers li.next,
.pagination .PageNumbers li.prev{}



/* BREADCRUMBS */
#Breadcrumbs > div {
    margin: 10px 0 0;
    font-size: .68rem;
    font-weight: bold;
    float: left;
    padding: 2px 10px 2px 0;
    color: #333;
    border-radius: 4px;
}

#Breadcrumbs a{
    border-bottom: 1px solid;
}

/* ARTICLE DETAIL PAGE */

.ArticleDetailPage #main{
    margin-bottom: 60px;
}

/* CATEGROY HOLDER PAGE */

.item .inner{
    margin: 10px;
}

.item .inner h2{
    font-size: 1rem;
    text-align: center;
    padding: 10px 0;
    text-transform: capitalize;
}

h2 .fa.animate{
    opacity: 0;
    transform: translateX(100%);
    margin-left: 10px;
}

.item .inner a:hover img{
    opacity: .8;
}


.item .inner a:hover .fa.animate{
    opacity: 1;
    transform: translateX(0);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}



#slideshow{
    padding: 20px 0;

    border-bottom: 1px solid #D8D8D8;
    background: #EFEFEF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(239,239,239,1) 0%, rgba(219,219,219,1) 32%, rgba(219,219,219,1) 50%, rgba(216,216,216,1) 50%, rgba(216,216,216,1) 75%, rgba(239,239,239,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#EFEFEF), color-stop(32%,#DBDBDB), color-stop(50%,#DBDBDB), color-stop(50%,#D8D8D8), color-stop(75%,#D8D8D8), color-stop(100%,#EFEFEF));
    background: -webkit-linear-gradient(-45deg, #EFEFEF 0%,#DBDBDB 32%,#DBDBDB 50%,#D8D8D8 50%,#D8D8D8 75%,#EFEFEF 100%);
    background: -o-linear-gradient(-45deg, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 32%,rgba(219,219,219,1) 50%,rgba(216,216,216,1) 50%,rgba(216,216,216,1) 75%,rgba(239,239,239,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 32%,rgba(219,219,219,1) 50%,rgba(216,216,216,1) 50%,rgba(216,216,216,1) 75%,rgba(239,239,239,1) 100%);
    background: linear-gradient(135deg, #EFEFEF 0%,#DBDBDB 32%,#DBDBDB 50%,#D8D8D8 50%,#D8D8D8 75%,#EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=1 );
}

#slideshow .cycle-slideshow {
    margin: auto;
    max-width: 800px;
    -webkit-box-shadow: 0px 24px 44px -23px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 24px 44px -23px rgba(0,0,0,0.75);
    box-shadow: 0px 24px 44px -23px rgba(0, 0, 0, 0.75);
}


.cycle-slide{
    display:none;
}

#slideshow #next,
#slideshow #prev{
    position: absolute;
    top: 50%;
    z-index: 200;
    left: -8%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor:pointer;
    color: #B3B3B3;
    font-size: 3em;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -ms-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms;
}
#slideshow #next{
    left: 103%;
}
#slideshow #prev:hover,
#slideshow #next:hover{
    color: #888;
}

/* Comments
---------------------------------------- */
h3#comments {
    margin-bottom:0;
    font-size:18px;
}
.commentlist {
    list-style-type:none;
    padding:0 0 20px 0;
    margin:0;
}
li.comment {
    list-style-type:none;
    overflow:hidden;
    padding: 0;
    margin: 0;
    background:none;
    font-size:1em;
}
.odd {

}
.even {

}
li.comment .comment-body {
    padding:10px 10px 40px 95px;
    position:relative;
    zoom:1;
    background:#f9f9f9;
    border:1px solid #eee;
    margin-top:20px;
    border-radius: 5px;
}
.author-comment {

}
.comment-author {
    padding:.5em 0 1em 0;
}
.comment-text {

}
.comment-meta {
    font-size:11px;
    color:#999;
    position:absolute;
    right:20px;
    top:15px;
}
.comment-meta a {
    text-decoration:underline;
    font-weight:normal !important;
}
.comment-meta a:hover {
    text-decoration:none;
}
li.comment .avatar {
    float:none;
    margin:0;
    position:absolute;
    left:10px;
    top:10px;
    padding:1px;
    border:1px solid #dbdbdb;
    vertical-align:top;
    overflow:hidden;
}
li.comment .avatar {
    display:block;
    vertical-align:top;
    overflow:hidden;
}

.commentlist ul.children {
    margin:0 0 0 30px;
    overflow:hidden;
}
.commentlist ul.children li.comment {

}

.reply {
    position:absolute;
    right:20px;
    bottom:15px;
}
.reply a {

}
.reply a:hover {
    font-weight:normal;
}


.waiting-for-approval {

}
#trackbacks {

}
li.trackback {

}
p#no-comments {

}
#comments-form {

}

.allowed_tags {
    background:#eee;
    padding:15px;
    font-size:11px;
    color:#666;
}
.allowed_tags strong {
}
#respond {
    padding:1em 0 0 0;
}
#respond h3 {
    font-size:18px;
}
.cancel-comment-reply a {
    text-decoration:underline;
}
.cancel-comment-reply a:hover {
    text-decoration:none;
    font-weight:normal;
}

fieldset {border: 0;padding:0;}




/* Post
---------------------------------------- */
.post {

}
.postContent {

}
.post-excerpt {

}


.post-holder {
    margin-bottom:35px;
    position:relative;
    overflow:hidden;
}

/* Post header */
.post-holder .entry-title {
    font-size:1.6em;
    margin-bottom:.2em;
    color:#000;
}
.post-holder .entry-title a {
    text-decoration:none;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.post-holder .entry-title a:hover {
    color:#ffc21d;
}
.post-holder.single-post {
    margin-bottom:30px;
    overflow:hidden;
    width:100%;
}

/* Featured thumbnail */
.featured-thumbnail {
    position:relative;
    float:left;
    margin:5px 20px 10px 0;
    border:1px solid #d6d6d6;
    padding:3px;
    background:#fff;
}
.featured-thumbnail img {
    float:left;
}

/* Small thumbnail */
.featured-thumbnail.small img {
    padding:4px;
}

/* Large thumbnail */
.featured-thumbnail.large {
    margin-right:0;
    overflow:hidden;
    margin-bottom:1.5em;
}
.featured-thumbnail.large img {
    max-width:100%;
    height:auto;
}

/* Post content */
.post-content {

}
.post-content .excerpt {
    margin-bottom:1.5em;
}
.pagination {

}
.pagination a {
    display:inline-block;
    padding:0 5px;
    background:#eee;
}

/* FOOTER */

footer{
    background: rgb(32, 32, 32);
}

footer .width-third > div{
    padding: 20px;
}

footer .width-third:first-child{
    background: #000;
    color: #fff;
}

footer .width-third:last-child{
    background: #252525;
}

.footer-title{
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    font-size: 1.125rem;
    border-bottom: 1px solid #3A3A3A;
    padding-bottom: 15px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
footer .post-date{
    font-size: 0.688rem;
    color: #CCC;
    font-style: italic;
    margin-bottom: 10px;
    display: block;
}

.news-letter-sign-up-form > div{
    margin: 20px 0 0;
    font-size:.875rem;
}

.news-letter-sign-up-form input[type="text"]{
    border:none;
}

.sign-up p{
    font-size: .75rem;
    margin: 0 0 10px;
}


/* Post footer */
.post-holder .post-footer {
    clear:both;
    padding:15px 0 0 0;
}
.post-holder.single-post .post-footer {
    margin-top:20px;
}


/* Meta information for post */
.post-meta {
    border-top:1px dashed #d5d5d5;
    border-bottom:1px dashed #d5d5d5;
    padding:.5em 0;
    width:100%;
    font-size:.92em;
    overflow:hidden;
    margin-bottom:1em;
}
.post-meta a {}
.post-navigation {

}

p.gravatar {
    float:left;
    margin-right:20px;
}


/* Post edit link */
.post-edit-link {

}
.post-edit-link:hover {

}


/* Image styling */
img.left,
img.right,
img.center,
img.leftalone {

}
img.left {
    float:left;
    margin:0 20px 10px 0;
}
img.right {
    float:right;
    margin:0 0 10px 20px;
}
img.center {
    text-align:center;
    margin:0 auto;
}
img.leftalone {
    margin:0 0 10px 0;
}
article .post-content img {
    max-width:710px;
}

.frame {
    padding:7px;
    background:#fff;
    border:1px solid #dbdbdb;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-align:center;
}
.frame img.alignleft,
.frame img.alignright{
    margin:0;
    padding:0;
    border:none;
}



/* Page Navigaton (wp-pagenavi) */
.wp-pagenavi {
    clear: both;
    overflow:hidden;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    padding:0;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    margin-right:5px;
    display:inline-block;
    background-color:#ebebeb;
    border-radius: 4px;
    color:#595959;
    font-size:14px;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color:#ffc21d;
    color:#fff;
}
.wp-pagenavi span.current {
    font-weight: bold;
}
.wp-pagenavi .pages {
    float:right;
    border:none;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    background-color:#ebebeb;
    width:auto;
    padding: 0 12px;
}
.wp-pagenavi .last,
.wp-pagenavi .first {
    width:auto;
    padding: 0 12px;
}


/* Older and newer navigation */
nav.oldernewer {
    width:100%;
    overflow:hidden;
    margin-bottom:1.5em;
}
.older {
    float:left;
}
.newer {
    float:right;
}



/* Gallery post format */
.gallery_post {
    list-style-type:none;
    padding:0;
    margin:0 0 1em 0;
    width:100%;
    overflow:hidden;
}
.gallery_post .g_item {
    overflow:hidden;
    display:none;
}
.gallery_post .g_item:first-child {
    display:block;
}
.gallery_post .g_item .featured-thumbnail {
    float:none;
    margin:0;
}
.gallery_post .g_item .featured-thumbnail img {
    float:none;
}

.g_pagination {
    text-align:left;
    overflow:hidden;
}
.g_pagination ul {
    list-style-type:none;
    margin:0;
    padding:.5em 0;
    overflow:hidden;
}
.g_pagination ul li {
    padding:0 5px 0 0;
    display:inline;
    margin:0;
}
.g_pagination ul li a {
    display:inline-block;
    text-decoration:none;
    width:10px;
    height:10px;
    background:#000;
    font-size:0;
    line-height:0;
    border-radius:5px;
    vertical-align:top;
}
.g_pagination li.activeSlide a,
.g_pagination li a:hover {
    background:#999;
}


/* Author
---------------------------------------- */
#post-author {
    overflow:hidden;
    border:1px solid #dbdbdb;
    padding:20px;
    margin-bottom:2em;
}
#author-link {
    margin-top:1.5em;
}
#post-author .gravatar {
    margin:0 20px 0 0;
}
#post-author .gravatar img {
    background:#fff;
    border:1px solid #d6d6d6;
    padding:3px;
}
#author-description {

}

/* Recent author posts */
#recent-author-posts {
    margin-bottom:3em;
}

#recent-author-posts h3,
#recent-author-comments h3 {
    font-size:24px;
    color:#676767;
    letter-spacing: -1px;
}

.author-info {
    width:100%;
    overflow:hidden;
    margin-bottom:3em;
    padding-bottom:2em;
    border-bottom:1px dashed #d5d5d5;
}
.author-info .avatar {
    margin:0 20px 0 0;
}
.author-info .avatar img {
    float:left;
    background:#fff;
    padding:3px;
    border:1px solid #dbdbdb;
}

.author-meta {
    margin-bottom:20px;
    overflow:hidden;
    width:100%;
}
.author-meta p.gravatar {
    margin:0;
}




/* 404
---------------------------------------- */
#error404 {
    padding:30px 0 100px 0;
}
.error404-num {
    font-size:250px;
    line-height:1.2em;
    color:#ffc21d;
}

#error404 #searchform .searching {
    width:300px;
}




/* Portfolio
---------------------------------------- */
.latestwork {
    width:100%;
    overflow:hidden;
    list-style-type:none;
    padding:0;
    margin:0;
}
.latestwork li {
    float:left;
    margin-right:20px;
}


/* Gallery */
.header-title {
    margin-bottom:2.5em;
}
.header-title h1 {
    margin-bottom:.1em;
}
.header-title .page-desc {
    font-size:.91em;
    color:#999;
}



/* Default layout 3 columns */
#gallery {

}
#gallery .portfolio {
    width:100%;
    overflow:hidden;
    list-style-type:none;
    padding:0;
    margin:0;
}
#gallery .portfolio li {
    list-style-type:none;
    display:-moz-inline-box;
    display:inline-block;
    zoom:1;
    vertical-align:top;
    width:300px;
    margin:0 20px 50px 0;
    position:relative;
    background:none;
    padding:0;
    border: none;
    font-size:1em;
}
* + html #gallery .portfolio li {
    display:inline;
}
#gallery .portfolio li.nomargin {
    margin-right:0 !important;
}
#gallery .portfolio li span.image-border {
    display:block;
    border:1px solid #e3e3e3;
    border:1px solid rgba(0, 0, 0, .1);
    height:160px;
    width:300px;
    position:relative;
}
#gallery .portfolio li span.image-border:before {
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .5);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    position: absolute;
    left: 10px;
    bottom: 15px;
    z-index: -1;
    width: 50%;
    height: 20%;
    content: "";
}
#gallery .portfolio li span.image-border:after {
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .5);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: -1;
    width: 50%;
    height: 20%;
    content: "";
}
#gallery .portfolio li a.image-wrap {
    display:block;
    padding:4px;
    border:1px solid #fff;
    overflow:hidden;
    width:290px;
    height:150px;
    position:relative;
    background:#f5f5f5 url(../images/loading-folio.gif) 50% 50% no-repeat;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
#gallery .portfolio li a.image-wrap:hover {

}
#gallery .portfolio li a.image-wrap img {
    float:left;
}
#gallery .portfolio h3 {
    margin-bottom: 12px;
}
#gallery .portfolio .folio-desc {
    margin-bottom:0;
    padding:1.5em 0 0 .5em;
}
#gallery .portfolio p.excerpt {
    padding:0;
}
#gallery .portfolio a:hover {
    font-weight:normal;
}

.zoom-icon {
    display:block;
    position:absolute;
    left:4px;
    top:4px;
    right:4px;
    bottom:4px;
    cursor:pointer;
    background:rgba(0, 0, 0, .4);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    opacity:0;
}
.no-rgba .zoom-icon {
    background:url(../images/black-opacity-60.png);
    visibility:hidden;
}
.zoom-icon:before {
    content:"";
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    width:25px;
    height:26px;
    margin:-13px 0 0 -13px;
    background:url(../images/magnify-alt.png) 50% 50% no-repeat;
}
.image-wrap:hover .zoom-icon {
    opacity:1;
}
.no-rgba .image-wrap:hover .zoom-icon {
    visibility:visible;
}


/* 1 column portfolio*/
#gallery.one_column .portfolio li {
    width:100%;
    margin-right:0;
    margin-left:0;
}
#gallery.one_column .portfolio li span.image-border {
    width:610px;
    height:310px;
    float:left;
}
#gallery.one_column .portfolio li a.image-wrap {
    width:600px;
    height:300px;
}
#gallery.one_column .folio-desc {
    float:left;
    margin:0 0 0 40px;
    overflow:hidden;
    width:290px;
}

/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
    width:450px;
    margin-right:44px;
}
#gallery.two_columns .portfolio li span.image-border {
    width:450px;
    height:250px;
}
#gallery.two_columns .portfolio li a.image-wrap {
    width:440px;
    height:240px;
}

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
    width:210px;
    margin-right:32px;
}
#gallery.four_columns .portfolio li span.image-border {
    width:210px;
    height:130px;
}
#gallery.four_columns .portfolio li a.image-wrap {
    width:200px;
    height:120px;
}







/* Sidebar
---------------------------------------- */
#sidebar {

}
#widget-sidebar {

}
.widget {
    margin-top:30px;
}
.widget:first-child {
    margin-top: 0;
}


/* Calendar */
#calendar_wrap {
    padding:0;
}
#wp-calendar {
    width:100%;
}
#wp-calendar caption {
    text-align:center;
}
#wp-calendar td {
    text-align:center;
    padding:6px 0;
    border:none;
}
#wp-calendar caption {
    font-size:16px;
    color:#000;
    font-weight:bold;
    padding:4px 0;
    margin-bottom:5px;
}
#wp-calendar thead th {
    padding:7px 0;
    font-size:14px;
    background:#ffc21d;
    color:#fff;
    text-align:center;
}
#wp-calendar #prev {
    text-align:left;
}
#wp-calendar #next {
    text-align:right;
}



/* FAQs
---------------------------------------- */
.faq_list {

}
.faq_list dt {
    color:#666;
    position:relative;
    padding:0 0 5px 28px;
    font-size:15px;
    font-weight:normal;
    margin:0;
    background:none;
}
.faq_list span.marker {
    display:block;
    position:absolute;
    left:0;
    top:0;
    font-size:15px;
    color:#333;
    font-weight:bold;
}
.faq_list dd {
    padding:0 0 0 28px;
    position:relative;
    margin:0 0 2em 0;
    color:#b2b2b2;
}
.faq_list dd .marker {
    top:3px;
}


/* Custom widgets
---------------------------------------- */


/* Recent Comments */
ul.recentcomments {
    padding:0;
    margin:0;
}
ul.recentcomments li {
    border-top:1px dashed #c6c6c6;
    padding:25px 0 25px 0;
    margin:0;
    border-bottom:none;
    background:none;
    overflow:hidden;
    list-style-type:none;
    font-size:1em;
}
ul.recentcomments li:first-child {
    padding-top:0;
    border-top:none;
}
ul.recentcomments li img {
    float:left;
    margin:0 12px 0 0;
}
ul.recentcomments .comment-body {
    padding:15px 0 0 0;
}
ul.recentcomments .comment-body a {
    text-decoration:none;
    color:#96999d;
}
ul.recentcomments .comment-body a:hover {
    color:#000;
    text-decoration:underline;
}
ul.recentcomments li h4 {
    margin-bottom:.1em;
}
ul.recentcomments li h4 a {
    text-decoration:none;
}
ul.recentcomments li h4 a:hover {
    color:#000;
}
ul.recentcomments li small {
    font-size:11px;
    color:#6a6a6a;
}

/* Posts Type widget */
.post_list {
    list-style-type:none;
    padding:0;
    margin:0;
}
.post_list:not(.services_custom_posts) {
    margin-bottom: 20px;
}
.post_list:not(.services_custom_posts) li {
    list-style-type:none;
    overflow:hidden;
    background:none;
    font-size:1em;
    padding:1.3em 0 0 0;
    margin:1.3em 0 0 0;
    border-top:1px dashed #d5d5d5;
}
.post_list li:first-child {
    border:none;
    padding-top:0;
    margin-top: 0;
}
.post_list li .featured-thumbnail img {
    max-width:120px;
    height:auto;
}
.ie8 .post_list li .featured-thumbnail img {
    max-width:none;
}

.type-services .featured-thumbnail {
    border: none;
    padding:0;
    background:none;
}

.features_custom_posts {
    margin-bottom: 20px;
}
.features_custom_posts li {
    font-size:1em;
    padding:1.3em 0 0 0;
    margin:1.3em 0 0 0;
    border-top:1px dashed #d5d5d5;
    background:none;
}
.features_custom_posts .post-title {
    font-weight:bold;
    font-size:16px;
    color:#202020;
    text-decoration:none;
}
.features_custom_posts .post-title:hover {
    color:#ffc21d;
}
.features_custom_posts .post_content p {
    margin-bottom: 0;
}

.services_custom_posts {
    margin-bottom: 19px;
}
.services_custom_posts li {
}


/* Popular posts */
.popular-posts {
    list-style-type:none;
    padding:0;
    margin:0;
}
.popular-posts li,
.popular-posts li:first-child {
    overflow:hidden;
    margin:0 0 2em 0;
    padding: 0;
    border: none;
    background:none;
    font-size:1em;
}
.popular-posts li .post-thumb {
    float:left;
    margin-right:20px;
    width:100px;
    height:100px;
    overflow:hidden;
    padding:1px;
    border:1px solid #dbdbdb;
}
.popular-posts li .post-thumb .thumbnail {
    width:100%;
    height:auto;
}
.popular-posts li .post-thumb.empty-thumb {
    background:url(../images/empty_thumb.gif) no-repeat 50% 50% #ececec;
}
.popular-posts li h5 {
    font-size:1em;
    margin-bottom:.5em;
}
.popular-posts li .excerpt {
    margin-bottom:.8em;
}

#nav-blog {
    position:absolute;
    right: 31px;
    top: 25px;
}
#nav-blog li {
    float:left;
    margin: 0 0 0 3px;
    padding: 0;
    border: none;
    background:none;
}
#nav-blog a {
    width:15px;
    height:0;
    overflow:hidden;
    padding-top:15px;
    display: inline-block;
    background-repeat:no-repeat;
    background-position:-18px 0;
    background-image:url(../images/slider-pagination.png);
}
#nav-blog a:hover,
#nav-blog li.activeSlide a {
    background-position:0 0;
}


/* Testimonials */
.testimonials {
    padding: 0;
    margin: 0;
}

/* Recent Posts */
.latestpost {
    list-style-type:none;
    margin:0;
    padding:0;
}
.latestpost li,
.latestpost li:first-child {
    margin:0 0 2em 0;
    list-style-type:none;
    padding: 0;
    border: none;
    background:none;
    font-size:1em;
}
.latestpost li h4 a {
    color: #FFF;
    font-weight: normal;
    font-size: .875rem;
    text-transform: uppercase;
}
.latestpost li .excerpt {
    margin-bottom: 15px;
    color: #A6A6A6;
    line-height: 1.4;
    font-size: .875rem;
}
.latestpost li .excerpt .opening-hours-date {
    display: inline-block;
    width: 90px;
}

/* Banner widget */
.banners-holder {
    list-style-type:none;
    padding:0;
    margin:0;
}
.banners-holder li,
.banners-holder li:first-child {
    list-style-type:none;
    float:left;
    margin:0 3px 3px 0;
    padding:0;
    background:none;
    border: none;
}
.banners-holder li img {
    vertical-align:top;
    float:left;
}



/* Testimonials
---------------------------------------- */

/* Testimonials list */
article.testimonial {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: normal;
    border-radius: 5px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

article.testimonial,
.grid-sizer{
    width: 33.333%;
}

.testimonial .post-content{
    background: #f7f7f7;
    padding: 20px;
    margin: 0 20px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.testimonial .post-content:after,
.testimonial .post-content:before{
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #f7f7f7;
    font-size: 0;
    line-height: 0;
    bottom: -15px;
}

.testimonial .post-content:before {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #B6B5B5;
    bottom: -16px;
}

.testimonial figure img{
    max-width: 75px;
    height: auto;
    margin-top: 10px;
}
.testimonial figure{
    padding: 0 20px;
    text-align:center;
}
.testimonial figcaption{
    margin-top:5px;
    font-size: .75rem;
    font-weight: bold;
    color: #767676;
}

.testimonial figure{
    margin-top: 10px;
}

.testimonial .post-content img{
    margin: 0 20px 10px 0;
}


/* Single Testimonial */
.testi-single {
    border-radius: 5px;
    border: 1px solid #ebebeb;
    padding:30px 30px 30px 235px;
    width:auto;
    background:url(../images/quotes.png) no-repeat 170px 20px #f9f9f9;
    font-size:14px;
    line-height:1.5em;
    font-style:italic;
    margin:0 0 2em 0;
    position:relative;
}
.testi-single p {
    margin:0 0 1em 0;
    padding:0;
}
.testi-single .featured-thumbnail {
    position:absolute;
    left:20px;
    top:20px;
}


/* Video Format Type */
.recent-posts .format-video {
    float:left;
    width:300px;
    margin:0 20px 20px 0;
}
.recent-posts .format-video iframe {
    width:300px;
    height:200px;
}

/* Our team */
.recent-posts.team {
    margin: 0;
    padding: 0;
}
.recent-posts.team li {
    float: none;

    display:-moz-inline-box;
    display:inline-block;
    vertical-align:top;

    width: 164px;
    overflow: hidden;
    margin: 0 19px 20px 0;
    background: #f9f9f9;
    padding: 10px;
    color: #969695;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.recent-posts.team li:hover {
    background: #dbdbdb;
    color: #000;
}
.recent-posts.team li:nth-child(3n) {
    margin-right: 0;
}
.recent-posts.team li.nomargin {
    margin-right: 0;
}
.recent-posts.team li .featured-thumbnail {
    width: 174px;
    overflow: hidden;
    float: none;
    margin: 0 0 3px 0;
    background:none;
    padding:0;
    border:none;
}
.recent-posts.team li .excerpt {
    margin-bottom: 0;
}
.recent-posts.team li:hover a {
    color: #ffffff;
}

/* Services */
.recent-posts.services {
    list-style-type:none;
    padding:1.5em 0 0 0;
    margin:0 0 -30px 0;
    overflow:hidden;
}
.recent-posts.services li {
    float:left;
    width:300px;
    margin:0 20px 30px 0;
    background:none;
    padding:0;
}
.recent-posts.services li:nth-child(2n) {
    margin-right:0;
}
.recent-posts.services li.nomargin{
    margin-right:0;
}
.recent-posts.services li img.thumb {
    margin-right:3px;
}
.recent-posts.services li h3 {
    padding-top:8px;
}
.recent-posts.services li h3 a {
    color:#191919;
}

/* Popular Posts */
.popular_posts {
    list-style-type:none;
    padding:0;
    margin:0;
}
.popular_posts li {
    list-style-type:none;
    padding:0 0 20px 0;
    margin:0;
    overflow:hidden;
}



/* Tags */
.tags-cloud a,
.tagcloud a,
.post-footer a {
    display:inline-block;
    background:#ebebeb;
    padding:2px 7px;
    border-radius:3px;
    text-decoration:none;
    color:#838383;
    margin:0 1px 4px 0;
    font-size:11px !important;
    box-shadow:1px 1px 0 rgba(0, 0, 0, .2);
    line-height:1.5em;
    vertical-align:top;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.tags-cloud a:hover,
.tagcloud a:hover,
.post-footer a:hover {
    background:#808080;
    color:#fff;
    box-shadow:1px 1px 0 #808080;
}


/* Recent Comments */
.recent-comments {
    list-style-type:none;
    padding:0;
    margin:0;
}
.recent-comments li {
    padding:0;
    margin:0;
    border:none;
    padding-bottom:.5em;
}


/* Footer
---------------------------------------- */
footer ul li {
    border: none;
    color: #333;
}

footer .nav-menu a{
    color: #fff;
    font-size: .875rem;
}

footer .nav-menu a:hover{
    color: #A6A6A6;
}

/* Footer navigation */
nav.footer {
    float:right;
}
nav.footer ul {
    margin:0;
    padding:0;
}

/* Copyright */
.disclaimer {
    font-size: .75rem;
    height: 30px;
    line-height: 30px;
    color: #3A3A3A;
    background: #000;
    padding: 0 10px;
}

.disclaimer .content{
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

nav.footer li:first-child {
    color: #000;
}
nav.footer li a {
    margin-left: 7px;
    color:#939393;
}
nav.footer li {
    display: inline-block;
    padding: 0;
    color: #939393;
}

#copyright{
    font-size: 0.688rem;
    color: #939393;
}
#copyright a{
    color: #939393;
}

/* Misc
---------------------------------------- */
.button {

    padding: 7px 14px;
    border: 3px solid #000;
    font-weight: 900;
    text-transform: uppercase;
    font-size: .875rem;
    color: #000;
    display: inline-block;
    background: none;
    border-radius: 5px;
}
.button.button-type-2,
form input.action{
    background: none;
    color: rgb(255, 242, 0);
    float: right;
    font-size: .75rem;
    border: 2px solid;
    padding: 5px 15px;
    line-height: 1.4;
    border-radius: 5px;
    text-transform: capitalize;
    -webkit-appearance: none;
    text-decoration:none;
    font-weight: normal;
}

.no-results #searchform .searching {
    width:470px;
}


/* Lightbox */
.lightbox {
    display:block;
    position:relative;
}



/* Tabs */
.tabs {
    margin: 1px 0 20px 0;
}

.tabs .tab-wrapper {
    border: 1px solid #dddddd;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    margin: -1px 0 0 0;
}

.tabs .tab-menu ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.tabs .tab-menu li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

.tabs .tab-menu a {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #aaaaaa;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0 2px 0 0;
    padding: 8px 20px;
}

.tabs .tab-menu a:hover {
    background-color: #f2f2f2;
    color: #666666;
}

.tabs .tab-menu a.active {
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#fafafa');
    background: -moz-linear-gradient(bottom , #fafafa 0px, #f6f6f6 90%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #fafafa),color-stop(90%, #f6f6f6));
    border-bottom: none;
    color: #666666;
    padding: 8px 20px 9px 20px;
}

.tabs .tab {
    background-color: #fafafa;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    padding: 20px;
}





/* Toggle */
.toggle {
    padding: 0 0 2px 0;
}
.toggle .trigger {
    background-color: #f5f5f5;
    background: -moz-linear-gradient(bottom, #F2F2F2 0px, #ffffff 100%);
    background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #ffffff));
    border: 1px solid #dddddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #666666;
    display: block;
    padding: 10px 12px 10px 40px;
    position: relative;
    text-decoration:none;
    height:1%;
}

.toggle .trigger span {
    background: url(includes/images/toggle.png) 0 0 no-repeat;
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    text-indent: -9999px;
    width: 22px;
    height: 20px;
}

.toggle .trigger:hover,
.toggle .active {
    background:#232323;
    border: 1px solid #232323;
    color:#fff;
}
.toggle .active span {
    background-position: 0 -20px;
}

.toggle .box {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 20px;
}



/* Dropcap */
.dropcap {
    display: block;
    float: left;
    margin: 0 22px 20px 0;
    text-transform: uppercase;
    width: 51px;
    height: 51px;
    background: #666;
    border-radius:6px;
    font-size: 36px;
    line-height: 51px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    text-transform: lowercase;
}

.widget-area {

}

.hr {
    overflow:hidden;
    border-top: 1px dashed #d5d5d5;
    font-size:0;
    line-height:0;
    margin:30px 5px;
}
.grid_1 .hr, .grid_2 .hr, .grid_3 .hr, .grid_4 .hr, .grid_5 .hr, .grid_6 .hr, .grid_7 .hr, .grid_8 .hr, .grid_9 .hr, .grid_10 .hr, .grid_11 .hr, .grid_12 .hr, .grid_13 .hr, .grid_14 .hr, .grid_15 .hr, .grid_16 .hr, .grid_17 .hr, .grid_18 .hr, .grid_19 .hr, .grid_20 .hr, .grid_21 .hr, .grid_22 .hr, .grid_23 .hr, .grid_24 .hr {
    margin-left:0;
    margin-right:0;
}
.sm_hr {
    border-top: 1px dashed #d5d5d5;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    margin: 25px 10px;
}
.grid_1 .sm_hr,
.grid_2 .sm_hr,
.grid_3 .sm_hr,
.grid_4 .sm_hr,
.grid_5 .sm_hr,
.grid_6 .sm_hr,
.grid_7 .sm_hr,
.grid_8 .sm_hr,
.grid_9 .sm_hr,
.grid_10 .sm_hr,
.grid_11 .sm_hr,
.grid_12 .sm_hr {
    margin-left: 0;
    margin-right: 0;
}
.vr {
    background-repeat:repeat-y;
    background-position:0 0;
    background-image:url(../images/vr.gif);
}
.spacer {
    height:50px;
    overflow:hidden;
    font-size:0;
    line-height:0;
}

/* Address */
.address {
    overflow:hidden;
    width:100%;
    margin:0;
    padding:0;
}
.address dt {
    float:left;
    width:165px;
    margin-right:20px;
    padding:0 0 0 55px;
    background:none;
    font-size:1em;
    line-height:18px;
    background:url(../images/address-icon1.png) no-repeat 0 3px;
}
.address dd {
    float:left;
    width:217px;
    padding:0 0 0 53px;
    background:url(../images/address-icon2.png) no-repeat 0 3px;
}
.address dd ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
.address dd ul li {
    background:none;
    padding:0;
    margin: 0;
    border: none;
    font-size:1em;
}
.address dd span {
    float:left;
    width:100px;
}
.address dd a {
    font-style:italic;
    color:#191919;
    text-decoration:underline;
}
.address dd a:hover {
    text-decoration:none;
    font-weight:normal;
}


/* Google Map */
.google-map {
    margin-bottom:20px;
}




/* VIDEO */
.video-wrap {
    margin-bottom: 10px;
    position:relative;
    zoom:1;
}
.video-wrap object {
    position:relative;
    z-index:2;
}
.video-bg {
    background-color:black;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}

/* AUDIO */
.audio-wrapper {
    margin-bottom:1.5em;
}
.audio-desc {
    font-size:.91em;
    color:#999;
    padding:.5em 0 0 0;
}
.audiojs audio { position: absolute; left: -1px; }
.audiojs { width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
    background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
.audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }
.audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
    background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
    background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
.audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
    text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }

.audiojs .play { background: url(js/audiojs/player-graphics.gif) -2px -1px no-repeat; }
.audiojs .loading { background: url(js/audiojs/player-graphics.gif) -2px -31px no-repeat; }
.audiojs .error { background: url(js/audiojs/player-graphics.gif) -2px -61px no-repeat; }
.audiojs .pause { background: url(js/audiojs/player-graphics.gif) -2px -91px no-repeat; }

.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }

.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }

.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }



/* Alert boxes
---------------------------------------- */
.alert-box, .wpcf7-response-output {
    padding:20px 20px 20px 90px !important;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-size:.91em;
    line-height:1.4em;
    border:1px solid #dbdbdb;
    margin-bottom:15px;
}



/* SEARCH RESULTS
---------------------------------------- */

#Content.searchResults{

}

#SearchResults{}
#SearchResults li{
    list-style-type: none;
    font-size: .875rem;
    border-bottom: 1px dashed #ccc;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;

}
#SearchResults li h4{
    margin-bottom: 5px;
}


/* Forms
---------------------------------------- */

/* Form defaults */
input, select, textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
input[type="text"], input[type="email"], input[type="password"], textarea {
    background: #FFFFFF;
    padding: 7px;
    border-radius: 3px;
    border:none;
}

.Actions{
    margin-top: 10px;
    text-align: right;
}
input[type="submit"], input[type="reset"] {
    border: none;
    background: rgb(32, 32, 32);
    color: #fff;
    width: auto;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: .75rem;
    text-transform: uppercase;
}
input[type="submit"]:hover, input[type="reset"]:hover {

}


.quote-form {
    background: rgb(50, 50, 50);
    padding: 20px;
    color: #fff;
    position: relative;
    margin-left: 40px;
}

.quote-form .fa{
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    width: 60px;
    text-align: center;
    background: rgb(50, 50, 50);
    line-height: 60px;
    margin: auto;
    display: table-cell;
    height: 60px;
    color: #fff;
    border-radius: 50%;
    font-size: 1.5rem;
}

.quote-form h3{
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #222121;
    padding-bottom: 10px;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
}

.quote-form input{
    border:none;
}

.quote-form .checkbox label{
    width: 84%;
    font-size: .75rem;
}

.quote-form select{
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background: url('../images/select-arrow.png') 100% 50% no-repeat #FFF;
    background-position: right 10px top;
    background-position-y: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    min-width: 280px;
    padding: 7px;
    border-radius: 3px;
    height: 32px;
}

.RequestQuotePage #main{
    text-align: center;
}

.RequestQuotePage #main .editable{
    margin: auto;
    max-width: 430px;
    font-size: 1em;
}
.RequestQuotePage .quote-form {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
}

.quote-form label.required,
.quote-form span.message.error{
    background-color: #DCA7A7;
    display: block;
    padding: 6px;
    border: none;
    margin-top: 4px;
    color: #C00404;
    font-weight: normal;
    border-radius: 3px;
    font-size: .875em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



input[type="checkbox"]{
    float: left;
    width: auto;
    margin-top: 4px;
    margin-right: 5px;
}

form label{
    font-size: .875rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 2px;
}

fieldset > div{
    margin-bottom: 15px;
}




/* Request a Quote custom styling */

.RequestQuotePage .quote-form label{
    color: #333;
    font-weight: normal;
}

.RequestQuotePage .quote-form label.required,
.RequestQuotePage .quote-form span.message.error{
    color: #A94442;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
}

.RequestQuotePage .quote-form input,
.RequestQuotePage .quote-form textarea,
.RequestQuotePage .quote-form select {
    border: 1px solid #CCC;
}

.RequestQuotePage .quote-form input[type="submit"]{
    border: 2px solid #000;
    color: #000;
}

.RequestQuotePage div.sl-separator {
    border-top: 1px dashed #CCC;
    padding-top: 15px;
    margin-top: 25px;
}

/* GUARANTEES */

.quarantees[class^='col-md-2'].col-custom {
    display: inline-block;
    width: 15%;
    width: calc(16.666667% - 1%);
    vertical-align: top;
}

.guarantee-item img{
    width: auto;
    max-width: 180px;
    height: auto;
}
.guarantee-item figcaption {
    float: left;
    width: 80%;
    margin-left: 2%;
}

.guarantee-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed #CCC;
}

/* Comment form */
#commentform a {
    font-weight:normal !important;
    text-decoration:underline;
}
#commentform a:hover {
    text-decoration:none;
}
#commentform p.field {
    margin-bottom:5px;
}
#commentform small {
    color:#8b8b8b;
}
#commentform label {
    display:block;
}
#commentform input[type="text"] {
    width:250px;
}
#commentform textarea {
    width:460px;
    max-width:460px;
    min-width:460px;
    height:150px;
    min-height:150px;
    overflow:auto;
}




/* Contact form */
.wpcf7-form p.field {
    margin-bottom:9px;
    overflow:hidden;
    vertical-align:top;
    position:relative;
}
.wpcf7-form p.field input {
    width:290px;
}
.wpcf7-form p.field small {
    color:red;
}
.wpcf7-form textarea {
    width:290px;
    max-width:290px;
    min-width:290px;
    height:255px;
    min-height:255px;
    overflow:auto;
    margin-bottom:17px;
}
.wpcf7-form .submit-wrap {
    padding:0;
    margin:0;
}
span.wpcf7-form-control-wrap {
    display:block;
}
.wpcf7-not-valid-tip {
    width:294px !important;
    position:absolute;
    left:0 !important;
    top:0 !important;
    padding:6px 0 7px 10px !important;
    background:#f3b7b7 !important;
    color:red !important;
    border:1px solid red !important;
    border-radius: 4px;
}
div.wpcf7-response-output {
    margin-left:0 !important;
    margin-right:0 !important;
}
.ie9 .wpcf7-not-valid-tip {
    padding:5px 0 5px 10px !important;
}


/* ==========================================================================
   Login page styling
   ========================================================================== */
.Security .login-form img{
    max-width: 200px;
    margin: 0 auto 10px;
    display: block;
}
.login-form {
    margin: 150px auto;
    max-width: 360px;
}

.login-form form{
    background: rgb(50, 50, 50);
    padding: 20px;
    color: #fff;
    border-radius: 0 0 4px 4px;
}

.login-form #ForgotPassword {
    float: none;
    clear: both;
    color: #fff;
    margin:0;
}

.login-form p.title{
    margin-bottom: 0;
    font-size: 1rem;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #2C2B2B;
    padding: 8px 8px 8px 20px;
}

#ForgotPassword a {
    clear: both;
    color: #fff;
    font-size: .75rem;
    font-weight: bold;
}

/* Sidebar search form */
#searchform {
    overflow: hidden;
}
#searchform .searching {
    width:160px;
    margin-right:10px;
    float: left;
}
#searchform .submit {
    width:70px;
    float: left;
    cursor:pointer;
    padding-left:0;
    padding-right:0;
}


.fleft  { float:left;}
.fright { float:right;}
.clear  { clear:both;}
.h20    {height: 20px !important;}

.mobile-burger-menu{
    display:none;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.product-item .product-title {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    backface-visibility: hidden;
    margin: 0;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}

.product-item h2 {
    margin: 0;
    color: #fff;
    font-size: 1em;
}

.product-item img {
    opacity: .4;
    filter: alpha(opacity=40);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><…2 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.product-item:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><…values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.product-item a {
    display: inline-block;
    vertical-align: top;
    background-color: #000;
    position: relative;
    margin: 0 2px 30px;
    text-align: center;
}



/* Legacy Browser fixes */
.no-rgba .primary li.parent ul.sub-menu a,
.no-rgba .sliderCaption{
    background: #202020;
}

.no-flexbox .ql-item{
    float: left;
    width: 25%;
}
img[src*=".svg"] {
    width: 100%\9;/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src*=".svg"] {
        width: 100%;
    }
}

@media (max-width: 767px){
    body{
        padding-bottom: 62px;
    }
    .fake-height {
        height: 33px;
    }
    .mobile-nav-holder{
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9999;
        -webkit-backface-visibility: hidden;

    }
    .mobile-nav-holder.active{
        height: 100%;
        overflow: scroll;
    }
    #banner-bg{
        height: auto;
        margin-bottom: 20px;
    }
    .bannerItem{
        height: 200px;
    }
    .sliderCaption{
        display:none;
    }

    #main .editable {
        font-size: 1em;
    }

    ul.nav-container{
        background: #222222;
    }

    nav.footer{
        float: none;
    }
    #copyright{
        text-align:center;
    }
    #main.container{
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .quote-form{
        margin: 0 0 20px;
    }
    .contact-number{
        font-size: 1.2em;
    }

    nav.footer li{
        margin: 0;
    }

    nav.primary li.parent:hover ul.sub-menu,
    .nav-container, .search-icon,.tablet{
        display:none;
    }
    #main{margin-top:20px;}

    /* QUICK LINKS */

    .ql-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ql-item {
        margin: 0 0 20px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 49%;
        -ms-flex: 1 0 49%;
        flex: 1 0 49%;
    }

    /* RESETS */

    .width-third,nav.footer,.width-two-thirds,
    .item.width-quarter {
        width: 100%;
    }

    .mobile-burger-menu{
        color: #FFF;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        font-size: 1.25em;
        display: block;
        position: relative;
        width: 100%;
        background-color: #121212;
        padding: 0 0 0 10px;
        height: 33px;
        line-height: 33px;

        -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.75);
    }


    .submenu-btn{
        float:right;
    }
    .primary, .logo {
        float: none;
        width: 100%;
    }
    .logo{
        margin: 10px auto;
        width: 200px;
    }
    .primary a {
        padding: 10px;
        font-size: 1em;
    }

    .primary li {
        float: none;
        width: 100%;
        text-align: left;
        line-height: inherit;
        border:none;
    }

    .submenu-btn:before{
        background-color: #111;
        padding: 3px 6px;
        border: 1px solid;
        border-radius: 4px;
    }

    .nav-container.show{
        display:block;
    }

    .primary li.parent ul.sub-menu.show{
        display:block!important;
        position: static;
    }

    .top-menu {
        background: #121212;
        position: fixed;
        z-index: 200;
        bottom: 0;
        width: 100%;
        left: 0;
    }

    /* Site wide Search */

    #SearchForm_SearchForm{
        display:block!important;
    }
    .primary #top-search{
        float: none;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: block;
        overflow: hidden;
    }
    #top-search #SearchForm_SearchForm #SearchForm_SearchForm_Search{
        position: static;
        float: left;
        width: 80%;
        border-radius: 4px 0 0 4px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        opacity: 1;
        padding: 0 10px;
        line-height: 34px;
        height: 34px;
        display: block;
    }
    #top-search #SearchForm_SearchForm #SearchForm_SearchForm_action_results{
        position: static;
        width: 20%;
        text-indent: inherit;
        float: right;
        background-color: #171717;
        border: 1px solid #FFF200;
        text-transform: uppercase;
        color: #FFF200;
        border-radius: 0 4px 4px 0;
        font-weight: bold;
        font-size: .875em;
        line-height: 22px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }


    .guarantee-item figcaption {
        width: 100%;
        margin-left: 0;
    }
    .guarantee-item figcaption h2{
        margin-top: 10px;
    }

    article.testimonial,
    .grid-sizer{
        width: 100%;
    }

    .blogSummary .width-offset .inner {
        padding-left: 0;
    }

    .pagination .PageNumbers li a {
        font-size: 1.125em;
        margin: 0 5px 0 0;
    }
    .BlogHolder #main,
    .BlogEntry #main{
        width: 100%;
        margin-top: 0;
    }

    .CategoryPage #main,
    .ArticleDetailPage #main{
        margin-top:0;
    }
    .CategoryPage #main h1,
    .ArticleDetailPage #main h1{
        margin-top: 20px;
    }

    .contact #main .editable iframe{
        width: 100%;
    }

    .ql-desc {
        width: 90%;
    }

    form input:not[type="checkbox"],
    form textarea,
    form select{
        -webkit-appearance: none;
        font-size: 16px!important;
        appearance: none;
    }
    ul.social-networks {
        float: none;
        display: block;
        text-align: center;
    }
    .social-networks li{
        display: none;
    }
    .social-networks li:first-child{
        float: none;
        display: block;
        width: 100%;
        font-size: 20px;
    }

    .quarantees div[class^='col-md-2'].col-custom {
        width: 32%;
        width: calc(33.33% - 1%);
    }

    .title-style div {
        font-size: 1.75em;
    }
}

@media (max-width: 550px){
    .product-item{
        width: 33.3333%;
    }

    .product-item a{
        margin: 0 2px 4px;
    }

    .product-item h2 {
        font-size: 0.85em;
        padding: 0 10px;
    }

}

@media (min-width: 551px){


}


@media (max-width: 600px){
    .bannerItem{
        height: 120px;
    }
}

@media (max-width: 1024px) {
    #slideshow{
        padding:0;
    }
    #slideshow #next, #slideshow #prev {
        left: 10px;
        color: #FFF;
        font-size: 1.5em;
    }

    #slideshow #next {
        left: inherit;
        right: 10px;
    }
    .filter-button-group{text-align:center;}
    .filter-section button {
        background: none;
        color: #FFF200;
        font-size: .875em;
        border: 2px solid;
        padding: 3px 25px;
        margin: 5px;
    }
}

@media (min-width: 630px) and (max-width: 1024px){
    .guarantee-item figcaption{
        width: 60%;
        float: left;
        margin-left: 20px;
    }
    .item.width-third,
    .item.width-quarter{
        width: 50%;
    }


}
@media (min-width: 768px) and (max-width: 1024px) {

    .width-two-thirds, aside.width-third{
        width: 100%;
    }

    .blogSummary .width-two-thirds{
        width: 66.6666%;
    }

    .quote-form{
        max-width: 400px;
        margin: auto;
    }

    #main.container{
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .contact-number{
        display:none;
        float: right;
        margin-top: 40px;
        font-size: 2em;
    }

    .tablet{
        display:block!important;
    }

    .primary a, .search-icon{
        font-size: .75em;
    }

    .primary li {
        line-height: 50px;
        width: 14.28%;
        width: calc(99%/7);
        border: none;
    }
    nav.primary{
        clear: both;
        width: 100%;
    }

    .logo{
        margin: 10px;
    }

    #footer .container > div{
        width: 50%;
    }

    #footer .container > div:last-child{
        width: 100% !important;
    }

    .sign-up{
        max-width: 400px;
        margin: auto;
    }

    #top-search #SearchForm_SearchForm.show #SearchForm_SearchForm_Search{
        top: 0;
        left: -178px;
        height: 51px;
        line-height: 51px;
    }

    #top-search #SearchForm_SearchForm_action_results {
        top: 0;
        width: auto;
        left: 31px;
        height: 100%;
        padding: 0;
    }


}

@media (max-device-width: 1024px) and (orientation: portrait) {
   /* .contact #main .width-two-thirds{
        width: 66.6666%;
    }
    .contact #main aside.width-third{
        width: 33.3333%;
    } */

    .product-item {
        width: 16%;
    }
}


@media only screen and (max-width: 1200px) {
    .sliderCaption{
        margin-right: 20px;
    }

}