/* ==========================================================================
      Style Sheet for Metz Tiles
      ========================================================================== */
@font-face {
   font-family: 'open_sansbold';
   src: url('../fonts/opensans-bold-webfont.eot');
   src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sansbold_italic';
   src: url('../fonts/opensans-bolditalic-webfont.eot');
   src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sansextrabold';
   src: url('../fonts/opensans-extrabold-webfont.eot');
   src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabold-webfont.woff') format('woff'), url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sansextrabold_italic';
   src: url('opensans-extrabolditalic-webfont.eot');
   src: url('opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff'), url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sansitalic';
   src: url('../fonts/opensans-italic-webfont.eot');
   src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic-webfont.woff2') format('woff2'), url('../fonts/opensans-italic-webfont.woff') format('woff'), url('../fonts/opensans-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sanslight';
   src: url('../fonts/opensans-light-webfont.eot');
   src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sanslight_italic';
   src: url('../fonts/opensans-lightitalic-webfont.eot');
   src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'), url('../fonts/opensans-lightitalic-webfont.woff') format('woff'), url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sansregular';
   src: url('../fonts/opensans-regular-webfont.eot');
   src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sanssemibold';
   src: url('opensans-semibold-webfont.eot');
   src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'open_sanssemibold_italic';
   src: url('../fonts/opensans-semibolditalic-webfont.eot');
   src: url('../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ralewaybold';
   src: url('../fonts/raleway-bold-webfont.eot');
   src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-bold-webfont.woff2') format('woff2'), url('../fonts/raleway-bold-webfont.woff') format('woff'), url('../fonts/raleway-bold-webfont.ttf') format('truetype'), url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ralewaylight';
   src: url('../fonts/raleway-light-webfont.eot');
   src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-light-webfont.woff2') format('woff2'), url('../fonts/raleway-light-webfont.woff') format('woff'), url('../fonts/raleway-light-webfont.ttf') format('truetype'), url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ralewaymedium';
   src: url('../fonts/raleway-medium-webfont.eot');
   src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-medium-webfont.woff2') format('woff2'), url('../fonts/raleway-medium-webfont.woff') format('woff'), url('../fonts/raleway-medium-webfont.ttf') format('truetype'), url('../fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ralewayregular';
   src: url('../fonts/raleway-regular-webfont.eot');
   src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular-webfont.woff2') format('woff2'), url('../fonts/raleway-regular-webfont.woff') format('woff'), url('../fonts/raleway-regular-webfont.ttf') format('truetype'), url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ralewayextrabold';
   src: url('../fonts/raleway-extrabold-webfont.eot');
   src: url('../fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-extrabold-webfont.woff2') format('woff2'), url('../fonts/raleway-extrabold-webfont.woff') format('woff'), url('../fonts/raleway-extrabold-webfont.ttf') format('truetype'), url('../fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ralewaysemibold';
   src: url('../fonts/raleway-semibold-webfont.eot');
   src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-semibold-webfont.woff2') format('woff2'), url('../fonts/raleway-semibold-webfont.woff') format('woff'), url('../fonts/raleway-semibold-webfont.ttf') format('truetype'), url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
   font-weight: normal;
   font-style: normal;
}

body {
   margin: 0;
   padding: 0;
   list-style: none;
   color: #949494;
   font: 15px/26px 'open_sansregular', Arial, Helvetica, sans-serif;
}

img {
   border-style: none;
}

a:hover, a:active, a:focus {
   outline: none;
   border: none;
   color: inherit;
}

input[type=text], input[type=password], input[type=file], input[type=submit], input[type=email] textarea {
   -webkit-appearance: none;
   border-radius: 0;
   -webkit-border-radius: 0;
}

.wrapper {
   overflow-x: hidden;
   min-width: 320px;
}

/*header*/
#header {
   /*padding: 84px 0 67px;*/
   padding: 36px 0;
   position: fixed;
   width: 100%;
   transition: padding .3s linear;
   background: #FFF;
   z-index: 111;
   
}

.blank-div{
   padding-top: 65px;
}

@media (min-width: 768px) {
   #header.fix-header{
      padding: 20px 0;
   }

   .blank-div{
      padding-top: 172px;
   }
   #header.fix-header + .blank-div{
      padding-top: 152px;
   }
}

@media (min-width: 992px) {
   #header.fix-header{
      padding: 20px 0;
   }
   #header.fix-header{
      padding: 20px 0;
   }
   .blank-div{
      padding-top: 184px;
   }
   #header.fix-header + .blank-div{
      padding-top: 152px;
   }
}
@media (min-width: 1200px) {

   .blank-div{
      padding-top: 112px;
   }
   #header.fix-header + .blank-div{
      padding-top: 80px;
   }
}
.logo {
   width: 196px;
   /*height: 62px;*/
   background-size: 196px 62px;
   overflow: hidden;
   display: inline-block;
}

.logo a {
   display: block;
   height: 100%;
}

.menu-block {
   position: relative;
   float: right;
}

.actions {
   margin: 0;
   padding: 0;
   list-style: none;
   float: right;
}

.actions li {
   display: inline-block;
   margin-left: 15px;
}

.actions li a {
   color: #2c2e37;
   font: 16px/30px "ralewaymedium", Arial, Helvetica, sans-serif;
   text-decoration: none;
}

.actions li a.btn-close img {
   vertical-align: top;
}

#nav {
   float: left;
}

#nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
   font-size: 0;
}

#nav ul li {
   display: inline-block;
   vertical-align: top;
   margin: 0 0 0 15px;
   padding: 0;
   border: none;
}

#nav ul li ul li {
   display: block;
   vertical-align: top;
   margin-left: 0;
   margin: 0 0 10px;
}

.actions .arrow-box {
   display: none;
}

.actions li:hover {
   position: relative;
}

.pdf-wrap {
   margin: 0;
   padding: 0;
   max-height: 200px;
   overflow-x: hidden;
   overflow-y: auto;
   width: 218px;
   list-style: none;
}

.actions li:hover .arrow-box {
   display: block;
   position: absolute;
   top: 100%;
   left: -50%;
   z-index: 2;
}

/*.actions li.pf {
   padding-bottom: 20px;
}*/

.actions ul.pdf-wrap li {
   margin: 0 0 10px;
   display: block;
}
.actions ul.pdf-wrap li:last-child{
   margin-bottom: 0;
}

.arrow-box {
   position: relative;
   background: #fff;
   border: 1px solid #ccc;
   min-width: 220px;
   padding: 10px;
}

.arrow-box:after, .arrow-box:before {
   bottom: 100%;
   left: 50%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
}

.arrow-box:after {
   border-color: rgba(255, 255, 255, 0);
   border-bottom-color: #fff;
   border-width: 11px;
   margin-left: -11px;
}

.arrow-box:before {
   border-color: rgba(204, 204, 204, 0);
   border-bottom-color: #ccc;
   border-width: 12px;
   margin-left: -12px;
}

#nav ul li a {
   text-decoration: none;
   color: #2c2e37;
   font: 16px/30px 'ralewaymedium', Arial, Helvetica, sans-serif;
}

#nav ul li.current-menu-item a {
   font-family: 'ralewaybold', Arial, Helvetica, sans-serif;
}

.tel {
   background: url(../images/icon-phone.png) 0 2px no-repeat;
   padding-left: 22px;
}

.pdf {
   background: url(../images/icon-pdf.png) no-repeat;
   padding-left: 25px;
}

#nav ul li a:hover {
   color: #ccc;
}

/*slider*/

/* Makes images fully responsive */
.carousel-caption {
   text-shadow: none;
   left: 20%;
   margin: 0;
   padding-bottom: 30px;
   padding-top: 0;
   right: 20%;
   top: 34.5%;
   z-index: 1;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
   display: block;
   width: 100%;
   height: auto;
}

.carousel-caption h1 {
   font: 100px/102px 'ralewaylight', Arial, Helvetica, sans-serif;
   color: #fff;
}

.carousel-caption h1  strong {
   font: 100px/102px "ralewaybold", Arial, Helvetica, sans-serif;
   color: #fff;
}

.carousel-caption h2 {
   font: 60px/62px 'ralewaylight', Arial, Helvetica, sans-serif;
   margin: 0 0 35px;
   color: #fff;
}

hr.line {
   display: block;
   margin: 0 auto 50px;
   width: 23px;
   border-width: 2px 0 0;
}

.down-arrow {
   background: url(../images/icon-down.png) no-repeat;
   width: 24px;
   height: 24px;
   display: inline-block;
   opacity: 1;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   overflow: hidden;
   text-indent: -9999px;
   display: none;
}

.down-arrow:hover {
   opacity: 0.4;
}

.carousel:after {
   overflow: hidden;
   display: block;
   clear: both;
}

.carousel-indicators .active, .carousel-indicators li {
   width: 7px;
   margin: 0 2px;
   height: 7px;
   border: none;
   background: #ccc;
}

.carousel-indicators .active {
   background: #00192a;
}

.carousel-indicators {
   bottom: -44px;
}

.aligncenter {
   text-align: center;
}

h2 {
   margin: 0 0 59px;
   font: 30px/32px 'open_sanslight', Arial, Helvetica, sans-serif;
   color: #2c2e37;
}
/*h2:last-child{
   margin-bottom: 0;
}*/

.search-block {
   padding: 111px 0 60px;
}

.title {
   display: block;
   color: #2c2e37;
   font: 13px/23px 'open_sansbold', Arial, Helvetica, sans-serif;
   margin: 0 0 24px;
}

.tag-list {
   margin: 0;
   padding: 0;
   list-style: none;
}

.tag-list li {
   display: inline-block;
   vertical-align: top;
   margin: 0 4px 7px 0;
}

.tag-list li a {
   display: inline-block;
   color: #2c2e37;
   font: 13px/23px 'open_sansregular', Arial, Helvetica, sans-serif;
   background: #e5e5e5;
   padding: 2px 14px;
   border-radius: 16px;
   -webkit-border-radius: 16px;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   text-decoration: none;
   cursor: pointer;
}

.tag-list li.active a {
   background: #2c2e37;
   color: #fff;
}

.tag-list li.disabled {
   cursor: no-drop;
}

.tag-list li.disabled a {
   background: #f5f5f5;
   color: #c6c6c8;
   cursor: no-drop;
}

.tag-list li.active a span {
   display: inline-block;
   cursor: pointer;
}

.criteria-block .tag-list li.active a span {
   margin: 0 0 0 4px;
}

/*.tag-list li a:hover {
   background: #2c2e37;
   color: #fff;
}
.tag-list li a:hover span {
   display: inline-block;
   padding: 0 0 0 5px;
   color: #fff;
}.tag-list li a span {
   display: none;
}
*/
#mulselres {
   display: inline-block;
}

.cross {
   margin-left: 5px;
}

.col-5 {
   width: 100%;
   clear: both;
   overflow: hidden;
   margin: 0 0 58px;
   text-align: left;
   display: flex;
}

.col {
   float: left;
}

.col1 {
   padding-left: 5.9%;
   width: 27%;
   border-right: 1px solid #e5e5e5;
   padding-right: 20px;
}

.col2 {
   padding-left: 20px;
   width: 29.3%;
   border-right: 1px solid #e5e5e5;
   padding-right: 20px;
}

.col3 {
   padding-left: 20px;
   width: 16%;
   border-right: 1px solid #e5e5e5;
   padding-right: 20px;
}

.col4 {
   padding-left: 20px;
   width: 16%;
   border-right: 1px solid #e5e5e5;
   padding-right: 20px;
}

.col5 {
   padding-left: 20px;
   width: 11%;
}

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

.search-btn input[type="submit"] {
   background: #41465c url("../images/icon-search.png") no-repeat scroll 18px 12px;
   border: medium none;
   border-radius: 26px;
   -webkit-border-radius: 26px;
   color: #ffffff;
   cursor: pointer;
   font: 12px/15px "ralewayextrabold", Arial, Helvetica, sans-serif;
   outline: medium none;
   vertical-align: middle;
   padding: 12px 21px 12px 46px;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
}

.search-btn input[type="submit"]:hover {
   background: #999999 url("../images/icon-search.png") no-repeat scroll 18px 12px;
}

/*main*/
.main {
   background: #cdcdcd;
   padding: 30px 0 0;
}

.main.blog_template {
   padding: 87px 0 47px;
}

.blogColumn_one .row {
   display: flex;
   flex-wrap: wrap;
}

.blogColumn_one .col-md-4 {
   margin-bottom: 21px;
}

.blog {
   /* padding: 62px 10px 80px; */
   padding: 62px 10px 10px;
   background: #fff;
   color: #949494;
   margin: 0 0 21px;
   font: 15px/26px "open_sansregular", Arial, Helvetica, sans-serif;
   min-height: 100%;
   position: relative;
}

.blog.mid {
   padding-top: 10px;
}

.blog.mid figure {
   margin: 0 0 55px;
}

.blog h3 {
   margin: 0 0 10px;
   font: 20px/26px "ralewayextrabold", Arial, Helvetica, sans-serif;
   color: #2c2e37;
   text-transform: uppercase;
}

.blog p {
   margin: 0 0 0px;
}

.btn-range {
   background: #541941;
   color: #fff;
   font: 12px/16px "ralewayextrabold", Arial, Helvetica, sans-serif;
   min-width: 130px;
   text-transform: uppercase;
   display: inline-block;
   padding: 10px;
   text-align: center;
   border: 1px solid #541941;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   text-decoration: none;
   margin: 35px 0;
   /* margin: 0 0 35px; */
}

.blogColumn_one .blog .btn-range {
   position: absolute;
   bottom: 35px;
   margin-bottom: 0px;
}

.actions a.btn-pdf {
   color: #fff;
   font: 12px/16px "ralewayextrabold", Arial, Helvetica, sans-serif;
   display: block;
   margin: 20px 0 10px;
}

.actions a.btn-pdf:hover {
   color: #541941;
}

.btn-range:hover {
   color: #541941;
   border: 1px solid #541941;
   background: #fff;
   text-decoration: none;
}

.img-box {
   position: relative;
}

.icon-center {
   position: absolute;
   top: 44%;
   left: 44%;
   z-index: 2;
}

.icon-center {
   top: 0; 
   height: 100%;
   width: 100%; 
   left: 0;
}

.text-block {
   padding: 0 25px 60px;
}

.btn-search {
   color: #818181;
   border: 2px solid #bebebe;
   padding: 12px 10px;
   font: 12px/16px "ralewayextrabold", Arial, Helvetica, sans-serif;
   display: inline-block;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   min-width: 125px;
}

.btn-search:hover {
   background: #bebebe;
   color: #fff;
   border: 2px solid #bebebe;
   text-decoration: none;
}

.see-all {
   text-align: center;
   padding-top: 29px;
   padding-bottom: 88px;
   clear: both;
   overflow: hidden;
}

.contact-info {
   padding: 95px 0 90px;
   color: #2c2e37;
   font: 12px/33px "ralewayextrabold", Arial, Helvetica, sans-serif;
}

.contact-info h4 {
   margin: 0 0 90px;
   text-align: center;
   text-transform: uppercase;
}

.city-block {
   padding: 0 15px;
}

.city-block>div {
   border-bottom: 1px solid #ccc;
   margin-bottom: 30px;
}

.city-block figure {
   margin: 0 0 23px;
}

.city-block h5 {
   margin: 0 0 5px;
   color: #2c2e37;
   font: 15px/20px "ralewaymedium", Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

.city-block address {
   font: 14px/26px 'open_sansregular', Arial, Helvetica, sans-serif;
   color: #949494;
   padding-bottom: 28px;
}

.city-block ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.city-block ul li {
   display: block;
   vertical-align: top;
}

.city-block ul li a {
   text-decoration: none;
   color: #949494;
   font: 14px/26px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.city-block ul li a:hover {
   text-decoration: none;
   color: #949494;
}

/* technical info */
.section-category-listing {
   padding-top: 77px;
   background: #cdcdcd;
   padding-bottom: 77px;
   display: inline-block;
   width: 100%;
}

.section-category-listing .call {
   margin-bottom: 65px;
}

.category-list .content-block {
   margin-top: 30px;
   border: 10px solid #fff;
}

.category-list .content-block a {
   position: relative;
   font: 14px/22px "open_sansregular", Arial, Helvetica, sans-serif;
   color: #FFF;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   font-weight: bold;
}

.category-list .content-block a:hover {
   text-decoration: none;
}

.category-list .content-block a .post-content {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 1;
   width: 80%;
   width: -moz-calc(100% - 90px);
   width: -webkit-calc(100% - 90px);
   width: calc(100% - 90px);
   text-align: center;
   background: rgba(255, 255, 255, 0.7);
   padding: 15px;
   color: #2c2e37;
   transform: -moz-translate(-50%, -50%);
   transform: -webkit-translate(-50%, -50%);
   transform: -ms-translate(-50%, -50%);
   transform: translate(-50%, -50%);
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
}

.category-list .content-block .project-address {
   font: 14px/26px 'open_sansregular', Arial, Helvetica, sans-serif;
   display: block;
}

.category-list .content-block a:after {
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
}

.category-list .content-block a:hover:after {
   background: rgba(0, 0, 0, .4);
}

.footer-top {
   background: #2c2e37;
   padding: 86px 0 105px;
}

.footer-top .logo {
   width: 108px;
   height: 30px;
   margin: 14px 0 0;
}

.footer-links {
   margin: 0;
   padding: 0;
   list-style: none;
}

.footer-links li {
   vertical-align: top;
   display: inline-block;
   padding-right: 65px;
   min-width: 200px;
}

.footer-links li a {
   color: #fff;
   font: 13px/40px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.subscribe-block h6 {
   color: #fff;
   font: 14px/20px 'open_sansregular', Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   margin: 0 0 5px;
}

.subscribe-block .notes {
   font-size: 12px;
   line-height: 16px;
   color: #fff;
   display: block;
   margin: 0 0 30px;
}

.subscribe-block {
   padding-top: 10px;
}

.subscribe-block input[type="email"] {
   border: solid #42434b;
   border-width: 2px 0 2px 2px;
   background: #2c2e37;
   height: 36px;
   width: 295px;
   color: #6a6b70;
   outline: none;
   padding: 5px 20px;
   vertical-align: top;
   font-size: 12px;
   line-height: 18px;
   display: inline-block;
}

.subscribe-block input[type="submit"] {
   border: solid #42434b;
   border-width: 2px 2px 2px 0;
   background: #2c2e37 url(../images/arrow-small.png) 0 10px no-repeat;
   text-indent: -9999px;
   overflow: hidden;
   height: 36px;
   margin-left: -4px;
   vertical-align: top;
   padding: 5px;
   width: 30px;
}

.footer-btm {
   text-align: center;
   color: #2c2e37;
   padding: 30px 0 24px;
}

.menu {
   margin: 0;
   padding: 0;
   list-style: none;
   font-size: 0;
}

.menu span {
   color: #2c2e37;
   font: 13px/13px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.menu li {
   display: inline-block;
   border-left: 1px solid #7a7b7f;
   padding: 0 7px;
   line-height: 6px;
}

.menu li:first-child {
   padding-left: 0;
   border: none;
}

.menu li a {
   color: #2c2e37;
   font: 13px/13px 'open_sansregular', Arial, Helvetica, sans-serif;
   text-decoration: none;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
}

.menu li a:hover {
   color: #CCC;
}

.banner-text {
   position: relative;
}

.banner-text h1 {
   position: absolute;
   color: #fff;
   font: 60px/62px 'ralewaylight', Arial, Helvetica, sans-serif;
   top: 45%;
   width: 100%;
   text-align: center;
}

.banner-text h1 span {
   text-transform: uppercase;
}

.page-banner {
   height: 400px;
   text-align: center;
   position: relative;
}

.page-banner h1 {
   font: 60px/62px 'ralewaylight', Arial, Helvetica, sans-serif;
   color: #fff;
   position: absolute;
   top: 45%;
   width: 100%;
}

.content {
   padding: 90px 0 0;
   color: #949494;
   font: 15px/26px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.tab-block h3 {
   color: #2c2e37;
   font: 20px/24px 'ralewayextrabold', Arial, Helvetica, sans-serif;
   margin: 0 0 70px;
   text-align: center;
}

.tab-block .blog h3 {
   text-align: left;
}

.tab-block {
   padding-top: 77px;
}

.content h3 {
   color: #2c2e37;
   font: 20px/24px 'ralewayextrabold', Arial, Helvetica, sans-serif;
   margin: 0 0 20px;
}

.content p {
   margin: 0 0 40px;
}

.text {
   padding-left: 30px;
}

.tab-block .nav.nav-tabs {
   text-align: center;
   font-size: 0;
   border: none;
}

.tab-block .nav.nav-tabs li {
   display: inline-block;
   float: none;
}

.nav-tabs > li > a {
   border-radius: 0;
   border: none;
   font: 20px/33px "ralewaymedium", Arial, Helvetica, sans-serif;
   color: #2c2e37;
   padding: 45px 90px;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
   border: none;
   background: #cdcdcd;
   margin-right: 0;
   font-family: 'ralewayextrabold', Arial, Helvetica, sans-serif;
   color: #2c2e37;
}

.technical .nav-tabs > li > a {
   padding: 43px 59px;
}

.tab-section {
   background: #cdcdcd;
   padding-top: 88px;
   padding-bottom: 60px;
}

.tab-section .blog {
   padding: 10px 10px 25px;
}

.tab-section .blog figure {
   margin-bottom: 35px;
}

.call {
   display: block;
   text-align: center;
   color: #2c2e37;
   font: 25px/30px 'open_sansregular', Arial, Helvetica, sans-serif;
   margin: 0 0 95px;
}

.call a:hover {
   text-decoration: none;
}

.call a {
   font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
   color: #2c2e37;
}

.tab-section .blog h3 {
   margin: 0;
}

.position {
   display: block;
   color: #949494;
   font: 15px/30px 'ralewaysemibold', Arial, Helvetica, sans-serif;
   margin: 0 0 30px;
}

.tab-section .blog p {
   margin: 0;
}

.contact-block {
   background: #fff;
   overflow: hidden;
   padding: 50px 10px 10px;
   font: 14px/26px 'open_sansregular', Arial, Helvetica, sans-serif;
   color: #666;
   margin: 0 0 97px;
}

.contact-top strong {
   display: inline-block;
   color: #666;
   font: 14px/26px 'open_sansbold', Arial, Helvetica, sans-serif;
   padding-left: 35px;
}

.contact-list ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.contact-list ul li {
   display: block;
   vertical-align: top;
   font: 14px/26px 'open_sansregular', Arial, Helvetica, sans-serif;
   color: #666;
}

.contact-top {
   margin: 0 0 70px;
}

.contact-list ul li a {
   color: #666;
}
.contact-img-wrap{
  padding: 0 35px;
  margin: 15px 0 30px;
}
.contact-img-wrap img{
  width: 100%;
  height: auto;
}
.contact-section h3 {
   color: #2c2e37;
   font: 20px/24px "ralewayextrabold", Arial, Helvetica, sans-serif;
   margin: 0 0 70px;
   text-align: center;
}

.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form textarea, .design-gallery select {
   border: 3px solid #c5c5c5;
   height: 44px;
   color: #949494;
   font: 15px/20px 'open_sansregular', Arial, Helvetica, sans-serif;
   width: 100%;
   box-shadow: none;
   -webkit-box-shadow: none;
   padding: 5px 20px;
}

.contact-form textarea {
   resize: none;
   height: 195px;
   margin: 0 0 20px;
}

.contact-form input[type="submit"] {
   background: #591d41;
   cursor: pointer;
   border: none;
   outline: none;
   font: 12px/30px "ralewayextrabold", Arial, Helvetica, sans-serif;
   float: right;
   color: #fff;
   padding: 5px 45px;
   border: 1px solid #591d41;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
}

.contact-form input[type="submit"]:hover {
   background: none;
   border: 1px solid #591d41;
   color: #591d41;
}

.contact-section {
   background: #f5f5f5;
   overflow: hidden;
   padding: 93px 0 116px;
}

.error {
   display: block;
   color: #900;
   font: 10px/14px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.contact-form .row {
   margin-bottom: 20px;
}

.technical-block {
   background: #fff;
   padding: 10px;
   overflow: hidden;
   margin-bottom: 10px;
}

.tech-text {
   padding-left: 35px;
   text-align: left;
   padding-top: 50px;
   padding-right: 46px;
}

.tab-block .tech-text h3 {
   text-align: left;
   margin: 0 0 39px;
}

.tech-text p {
   margin: 0 0 15px;
}

.btn-readmore, .more-link {
   background: #541941 none repeat scroll 0 0;
   border: 1px solid #541941;
   color: #ffffff;
   display: inline-block;
   font: 12px/16px "ralewayextrabold", Arial, Helvetica, sans-serif;
   margin: 0 0 35px;
   min-width: 130px;
   padding: 10px;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
}

.tech-text .more-link {
   display: block;
   min-width: 150px;
   width: 150px;
   margin-top: 35px;
}

.btn-readmore:hover, .more-link:hover {
   background: #ffffff none repeat scroll 0 0;
   color: #541941;
   border: 1px solid #541941;
   text-decoration: none;
}

.download-block {
   text-align: center;
   clear: both;
   padding: 83px 0 24px
}

.download-block h4 {
   color: #2c2e37;
   font: 24px/30px 'open_sansregular', Arial, Helvetica, sans-serif;
   margin: 0 0 44px;
}

.download-block ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: center;
}

.download-block ul li {
   display: inline-block;
   margin: 0 0 0 37px;
}

.download-block ul li:first-child {
   margin: 0;
}

.download-block ul li a {
   min-width: 127px;
   padding: 8px 25px;
   border: 3px solid #bebebe;
   color: #818181;
   font: 12px/16px "ralewayextrabold", Arial, Helvetica, sans-serif;
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
}

.download-block ul li a:hover {
   background: #bebebe;
   color: #fff;
   text-decoration: none;
}

.action {
   background: #cdcdcd;
   padding: 47px 0;
}

.action ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.action ul li {
   display: inline-block;
}

.action ul li a.btn-back {
   color: #2c2e37;
   font: 20px/33px 'ralewayregular', Arial, Helvetica, sans-serif;
   background: url(../images/back-arrow.png) 0 3px no-repeat;
   padding-left: 42px;
}

.techinfo-block h1 {
   color: #2c2e37;
   font: 25px/30px 'open_sansregular', Arial, Helvetica, sans-serif;
   margin: 0 0 85px;
   text-align: center;
}

.techinfo-block {
   padding: 93px 0 30px;
}

.techinfo-block h3 {
   color: #2c2e37;
   margin: 0 0 10px;
   font: 20px/30px "ralewayextrabold", Arial, Helvetica, sans-serif;
}

.text-top {
   font-size: 18px;
   line-height: 26px;
}

.row-btm {
   margin-bottom: 100px;
}

.techinfo-block p {
   margin: 0 0 10px;
}

.techinfo-block .container {
   border-bottom: 1px solid #ccc;
   padding-bottom: 150px;
}

.selection-block {
   border-top: 1px solid #999;
   background: #fff;
   padding: 60px 0 12px;
   text-align: center;
   position: relative;
   overflow: hidden;
}

.btn-down, .btn-up {
   background: url(../images/down-arrow.png) no-repeat;
   width: 30px;
   height: 30px;
   overflow: hidden;
   text-indent: -9999px;
   display: inline-block;
   cursor: pointer;
}

.btn-up {
   background: url(../images/up-arrow.png) no-repeat;
}

.selection-block h2 {
   margin: 0 0 15px;
}

.range-block {
   font-size: 0;
   margin: 57px 0 47px;
}

.ranges .range-block {
   margin-top: 21px;
}

.range-block:after {
   overflow: hidden;
   clear: both;
   display: block;
   content: '';
}

.range-block ul {
   margin: 0;
   padding: 0;
   list-style: none;
   float: right;
   font-size: 0;
}

.range-block ul li {
   color: #2c2e37;
   font: 12px/16px 'open_sanssemibold', Arial, Helvetica, sans-serif;
   display: inline-block;
   margin-left: 5px;
}

.range-block ul li a.sel-dwn {
   font: 12px/16px 'open_sanssemibold', Arial, Helvetica, sans-serif;
   background: url(../images/select-down.jpg) 100% 5px no-repeat;
   padding-right: 18px;
}

.sbr {
   float: left;
   color: #2c2e37;
   font: 20px/30px 'open_sansbold', Arial, Helvetica, sans-serif;
}

.range-block ul li a {
   color: #2c2e37;
   font: 12px/16px 'open_sansbold', Arial, Helvetica, sans-serif;
}

.pagina-block {
   padding: 40px 0;
}

.pagina-block ul {
   margin: 0;
   padding: 0;
   list-style: none;
   font-size: 0;
   text-align: center;
}

.pagina-block ul li {
   color: #2c2e37;
   font: 12px/16px 'open_sansbold', Arial, Helvetica, sans-serif;
   display: inline-block;
   margin-left: 5px;
}

.pagina-block ul li a {
   color: #2c2e37;
   font: 12px/16px 'open_sansbold', Arial, Helvetica, sans-serif;
}

.pagina-block ul li.active a {
   color: #ccc;
}

.search-block.add {
   border: solid #e2e2e2;
   border-width: 1px 0;
}

.btn-btm {
   margin: 36px 0 0;
}

.product-block figure {
   display: block;
   position: relative;
   float: left;
   overflow: hidden;
   margin: 0 0 15px;
   width: 260px;
   height: 260px;
}

.product-block figcaption {
   position: absolute;
   background: black;
   background: rgba(255, 255, 255, 0.60);
   color: #333;
   padding: 10px 20px;
   opacity: 0;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   -o-transition: all 0.6s ease;
   width: 100%;
   text-align: center;
}

.product-block figcaption a {
   color: #333;
   text-decoration: none;
   font-size: 13px;
   line-height: 18px;
}

.product-title, .pdf-text strong {
   display: block;
   clear: both;
   font: 13px/18px 'open_sansbold', Arial, Helvetica, sans-serif;
   color: #2c2e37;
}

.product-title span, .pdf-text {
   font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}

.binder {
   display: inline-block;
   font: 13px/18px 'open_sansregular', Arial, Helvetica, sans-serif;
   color: #999;
}

.icon-img, .pdf-text, .btn-close, .pdf-text strong {
   display: inline-block;
}

.pdf-text {
   width: 100px;
   padding: 0 10px;
   width: 135px;
   word-wrap: break-word;
}

.remove-binder {
   background: url(../images/btn-closesmall.png) 0 3px no-repeat;
   padding-left: 20px;
   font: 13px/18px 'open_sansregular', Arial, Helvetica, sans-serif;
   color: #999;
   display: inline-block;
   text-decoration: underline;
}

.product-block figure:hover figcaption {
   opacity: 1;
}

.product-block figure:before {
   position: absolute;
   font-weight: 800;
   background: black;
   background: rgba(255, 255, 255, 0.75);
   text-shadow: 0 0 5px white;
   color: black;
   width: 24px;
   height: 24px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   text-align: center;
   font-size: 14px;
   line-height: 24px;
   -moz-transition: all 0.6s ease;
   opacity: 0.75;
}

.product-block figure:hover:before {
   opacity: 0;
}

.cap-bot img {
   position: absolute;
   left: 0;
   -webkit-transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -o-transition: opacity 1s ease-in-out;
   transition: opacity 1s ease-in-out;
}

.cap-bot .down-img:hover {
   opacity: 0;
}

/*.cap-left:before {
   bottom: 10px;
   left: 10px;
}
.cap-left figcaption {
   bottom: 0;
   left: -30%;
}
.cap-left:hover figcaption {
   left: 0;
}
.cap-right:before {
   bottom: 10px;
   right: 10px;
}
.cap-right figcaption {
   bottom: 0;
   right: -30%;
}
.cap-right:hover figcaption {
   right: 0;
}
.cap-top:before {
   top: 10px;
   left: 10px;
}
.cap-top figcaption {
   left: 0;
   top: -30%;
}
.cap-top:hover figcaption {
   top: 0;
   }*/
.product-block .cap-bot:before {
   bottom: 10px;
   left: 10px;
}

.product-block .cap-bot figcaption {
   left: 0;
   bottom: -30%;
}

.product-block .cap-bot:hover figcaption {
   bottom: 0;
}

.product-block .row .col-sm-3 {
   margin-bottom: 40px;
}

.criteria-block {
   background: #41424b;
   overflow: hidden;
   clear: both;
   padding: 15px 0 15px;
}

.criteria-block strong, .criteria-block a {
   font: 13px/16px 'open_sansregular', Arial, Helvetica, sans-serif;
   color: #FFF;
   display: inline-block;
   padding-right: 15px;
   text-decoration: none;
}

.criteria-block .tag-list {
   display: inline-block;
}

.range-block ul.sorting-list {
   float: left;
   font-size: 0;
   list-style: outside none none;
   margin: 0 50px 0 0;
   padding: 0;
}

.sorting-list li {
   display: inline-block;
   position: relative;
}

.sorting-list li ul {
   display: none;
}

.sorting-list li:hover ul {
   display: block;
   position: absolute;
   padding-top: 10px;
   top: 100%;
   left: -20px;
   z-index: 2;
   min-width: 130px;
   padding: 10px;
   background: #fff;
   border: solid #dadada;
   border-width: 0 1px 1px;
}

.sorting-list a {
   cursor: pointer;
}

li.nn a {
   cursor: default;
   text-decoration: none;
}

li.nn a:hover {
   text-decoration: none;
}

.sorting-list li:hover ul li {
   display: block;
   border-bottom: 1px solid #eee;
}

.sorting-list li:hover ul li a {
   font: 13px/24px 'open_sansregular', Arial, Helvetica, sans-serif;
   padding: 5px 0;
}

.sorting-list li:hover ul li.bn {
   border: none;
}

.gallery-section {
   padding: 110px 0 10px;
   clear: both;
}

.gallery-section h2 {
   font: 25px/30px 'open_sansregular', Arial, Helvetica, sans-serif;
   margin: 0 0 90px;
}

.gallery-block h3, .product-detail h3 {
   color: #2c2e37;
   font: 20px/24px "ralewayextrabold", Arial, Helvetica, sans-serif;
   margin: 0 0 55px;
   text-transform: uppercase;
}

.product-detail h3 {
   margin: 0 0 30px;
   text-transform: capitalize;
}

.gallery-block {
   border-bottom: 1px solid #c8c8c8;
   margin: 0 0 46px;
}

.gallery-block figure {
   margin: 0 0 10px;
}

.gallery-block address {
   color: #2c2e37;
   font: 13px/18px 'open_sansregular', Arial, Helvetica, sans-serif;
   margin: 0;
}

.gallery-block .row .col-sm-3 {
   margin-bottom: 60px;
}

.gallery-item {
   float: none;
   display: inline-block;
   margin-left: -4px;
}

.gallery-item(4n-3) {
   margin-left: 0px;
}

.contact-name ul {
   margin: 0;
   padding: 13px 0 50px;
   list-style: none;
}

.contact-name ul li {
   vertical-align: top;
   font: 13px/20px 'open_sansregular', Arial, Helvetica, sans-serif;
   color: #2c2e37;
}

.contact-name ul li strong {
   font: 13px/18px 'open_sansbold', Arial, Helvetica, sans-serif;
   display: inline-block;
}

.bg-grey {
   background: #f5f5f5;
}

.img-block {
   position: relative;
}

.pdf-link, .add-to-cart-button {
   background: #2c2e37 url("../images/pdf-icon-w.png") no-repeat scroll 20px 16px;
   color: #ffffff;
   font: 12px/20px "open_sansbold", Arial, Helvetica, sans-serif;
   padding: 14px 19px 12px 48px;
   position: absolute;
   right: 0;
   text-transform: uppercase;
   top: 0;
   border: none;
   outline: none;
   z-index: 2;
}

.pdf-link:hover {
   text-decoration: none;
   color: #fff;
}

.img-tab {
   list-style: none;
   margin: 0 0 61px;
   padding: 0;
   font-size: 0;
}

.img-tab li {
   float: left;
   padding: 10px 30px;
   border: solid #c1c1c1;
   border-width: 0 1px 1px;
   color: #2c2e37;
   cursor: pointer;
   font: 13px/18px "open_sansregular", Arial, Helvetica, sans-serif;
}

.img-tab li.active {
   background: #e9e9e9;
}

.img-tab li:last-child {
   border-left: none;
}

.img-tab li strong {
   font: 13px/13px 'open_sansbold', Arial, Helvetica, sans-serif;
}

.img-tab li strong span {
   font: 13px/13px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.img-tab li a {
   color: #2c2e37;
   text-decoration: none;
   font: 13px/18px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.element-block ul {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 0;
   clear: both;
}

.element-block li {
   float: none;
   display: inline-block;
   vertical-align: top;
   width: 132px;
   font: 13px/18px "open_sansregular", Arial, Helvetica, sans-serif;
   margin-right: 7px;
   margin-bottom: 7px;
}

.element-block li a {
   font: 13px/18px "open_sansbold", Arial, Helvetica, sans-serif;
   color: #2c2e37;
}

.element-block li a span {
   font: 13px/13px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.element-block li img {
   margin: 0 0 8px;
}

.product-detail {
   padding: 55px 0 134px;
}

.img-description h1 {
   color: #2c2e37;
   text-transform: lowercase;
   font: 50px/35px 'open_sanssemibold', Arial, Helvetica, sans-serif;
}

.img-description h1:first-letter {
   text-transform: capitalize;
}

.img-description ul, .img-description ul.color-lis {
   margin: 0;
   padding: 0;
   list-style: none;
}

.img-description ul.color-list li {
   display: inline-block;
}

.img-description ul li {
   vertical-align: top;
   border-bottom: 1px solid #efefef;
   color: #2c2e37;
   font: 14px/24px 'open_sansregular', Arial, Helvetica, sans-serif;
   padding: 18px 0;
}

.img-description ul li a {
   font: 14px/24px 'open_sansregular', Arial, Helvetica, sans-serif;
   color: #666;
   text-decoration: underline;
}

.img-description ul li strong {
   font: 14px/24px 'open_sansbold', Arial, Helvetica, sans-serif;
}

.btn-bro .btn-brochoure {
   color: #2c2e37;
   text-decoration: underline;
   text-transform: uppercase;
   background: url(../images/icon-pdf-circe.png) no-repeat;
   padding-left: 40px;
   display: inline-block;
   font: 12px/36px 'open_sansbold', Arial, Helvetica, sans-serif;
}

.fancybox-overlay .fancybox-title {
   color: #2c2e37;
   font: 20px/22px 'open_sansbold', Arial, Helvetica, sans-serif;
}

.fancybox-title span {
   display: block;
   text-align: center;
   font: 20px/22px 'open_sansregular', Arial, Helvetica, sans-serif;
}

.fancybox-opened .fancybox-title {
   text-align: center;
}

.fancybox-title-inside-wrap {
   padding: 25px;
}

.fancybox-item.fancybox-close {
   background: url(../images/close.png) no-repeat;
   width: 25px;
   height: 25px;
   top: 0;
   right: -35px;
}

.hide-block {
   display: none;
}

.hide-block .search-btn {
   margin: 0 0 35px;
}

#fancybox-buttons.top {
   display: none;
}

.product-detail .carousel-inner {
   width: 100%
}

.product-detail .carousel.add .item {
   border: 1px solid #c1c1c1;
}

.product-detail .item .thumb {
   float: left;
   width: 132px;
   height: auto;
   margin-right: 7px;
}

.product-detail .item .thumb img {
   width: 100%;
   margin: 2px;
}

.product-detail .item img {
   width: 100%;
}

.mc4wp-alert {
   color: #fff;
   font: 12px/20px 'ralewaylight', Arial, Helvetica, sans-serif;
}

@media (min-width:1200px) {
   .container {
      width: 1180px;
   }

   .col {
      float: left;
      min-height: 196px;
   }

   .col-lg-mar10 {
      margin-left: -10px;
      margin-right: -10px;
   }

}

@media (max-width:1200px) {
   .page-banner {
      height: 300px;
   }

}

@media (min-width:992px) and (max-width:1199px) {
   .carousel-caption h1 strong {
      color: #ffffff;
      font: 76px/90px "ralewaybold", Arial, Helvetica, sans-serif;
   }

   .carousel-caption h1 {
      color: #ffffff;
      font: 76px/90px "ralewaylight", Arial, Helvetica, sans-serif;
   }

   .carousel-caption h2 {
      color: #ffffff;
      font: 40px/46px "ralewaylight", Arial, Helvetica, sans-serif;
      margin: 0 0 35px;
   }

   h1 span {
      font: 80px/82px 'ralewaybold', Arial, Helvetica, sans-serif;
      color: #fff;
   }

   .technical .nav-tabs > li > a, .nav-tabs > li > a {
      font-size: 20px;
      line-height: 24px;
      padding: 22px 30px;
   }

   .contact-info {
      padding: 30px 0;
   }

   .contact-info h4 {
      margin: 0 0 30px;
   }

   .gallery-block, .gallery-block h3, .product-detail h3 {
      margin: 0 0 20px;
   }

   .subscribe-block input[type="email"] {
      width: 250px;
   }

   .col-5 {
      display: block;
   }

}

@media (min-width:768px) and (max-width:1199px) {
   .menu-block {
      float: none;
      clear: both;
      margin: 20px 0 0;
   }
}
@media (min-width:768px) and (max-width:991px) {
   #header {
      text-align: center;
   }

   #nav {
      float: none;
   }

   .form-subscribe input[type="text"] {
      width: 180px;
   }

   .col1, .col2, .col3, .col4, .col5 {
      width: 50%;
      padding-right: 0;
   }

   .col {
      float: left;
      min-height: 130px;
      margin: 0 0 15px;
   }

   .col1, .col3, .col5 {
      padding-left: 0;
   }

   .col-5 {
      margin-bottom: 0;
   }

   .col4, .col2 {
      border: none;
   }

   .city-block {
      padding: 0;
   }

   .carousel-caption h1 strong {
      color: #ffffff;
      font: 56px/70px "ralewaybold", Arial, Helvetica, sans-serif;
   }

   .carousel-caption h1 {
      color: #ffffff;
      font: 56px/70px "ralewaylight", Arial, Helvetica, sans-serif;
   }

   .carousel-caption h2 {
      color: #ffffff;
      font: 30px/36px "ralewaylight", Arial, Helvetica, sans-serif;
      margin: 0 0 35px;
   }

   .technical .nav-tabs > li > a, .nav-tabs > li > a {
      padding: 10px 15px;
      font-size: 16px;
      line-height: 20px;
   }

   .contact-info {
      padding: 30px 0;
   }

   .contact-info h4 {
      margin: 0 0 30px;
   }

   .gallery-block {
      margin: 0 0 20px;
   }

   .gallery-block, .gallery-block h3, .product-detail h3 {
      margin: 0 0 20px;
   }

   #header {
      padding: 40px 0 20px;
   }

   .subscribe-block input[type="email"] {
      width: 180px;
   }

   .footer-top {
      padding: 40px 0;
   }

   .footer-btm {
      padding: 15px 0;
   }

   .gallery-section {
      padding: 40px 0 0;
   }

   .gallery-section h2 {
      margin: 0 0 40px;
   }

   .city-block address {
      font: 12px/20px "open_sansregular", Arial, Helvetica, sans-serif;
   }

   .actions li:hover .arrow-box {
      left: -90%;
   }

   .banner-text h1 {
      top: 35%;
   }

   .col-5 {
      display: block;
   }

}

@media (min-width:768px) {
   #nav .subscribe-block, .btn-range.btm, .btn-closed, #header .subscribe-block {
      display: none;
   }

   .innerColumn_template {
      min-height: 298px;
   }

}


@media (max-width:767px) {
   .col1, .col2, .col3, .col4, .col5 {
      width: 100%;
      padding-right: 0;
      border: none;
      padding-left: 0;
   }

   .col5 .tag-list li {
      display: block;
   }

   .city-block {
      padding: 0;
   }

   .subscribe-block input[type="email"] {
      width: 250px;
   }

   .col1 {
      padding-left: 0;
   }

   .carousel-caption h1 strong {
      color: #ffffff;
      font: 40px/50px "ralewaybold", Arial, Helvetica, sans-serif;
   }

   .carousel-caption h1 {
      color: #ffffff;
      font: 40px/50px "ralewaylight", Arial, Helvetica, sans-serif;
   }

   .carousel-caption h2 {
      color: #ffffff;
      font: 20px/26px "ralewaylight", Arial, Helvetica, sans-serif;
      margin: 0 0 35px;
   }

   .carousel-inner > .item > img {
      min-width: 100%;
      min-height: 100%;
      max-width: 130%;
      max-height: 130%;
   }

   h2 {
      color: #2c2e37;
      font: 22px/30px "open_sanslight", Arial, Helvetica, sans-serif;
      margin: 0 0 30px;
   }

   .col-5 {
      margin-bottom: 25px;
   }

   .search-block {
      border-bottom: 1px solid #ccc;
   }

   .main {
      background: none;
   }

   .text-block {
      padding: 0;
   }

   .blog {
      padding: 10px 0;
   }

   .text-block p {
      display: none;
   }

   #nav {
      color: #fff;
   }

   #nav ul li a {
      color: #fff;
   }

   #header {
      padding: 0;
   }

   .navbar-toggle {
      margin: 0;
      right: -15px;
      height: 65px;
      padding: 9px 20px;
      order: 3;
   }

   .logo {
      background-size: 108px 32px;
      width: 108px;
      height: 32px;
      margin: 15px 15px 10px;
   }

   

   .subscribe-block {
      margin: 0 0 70px;
   }

   .footer-top {
      padding: 48px 0 57px;
   }

   .footer-top .subscribe-block {
      margin: 0;
   }

   .footer-btm {
      padding: 16px 0 5px;
   }

   .menu span, .menu li a {
      font-size: 12px;
   }

   .see-all {
      padding-bottom: 53px;
      border-bottom: 1px solid #ccc;
   }

   .contact-info {
      padding: 53px 0 0;
   }

   .contact-info h4 {
      margin: 0 0 37px;
   }

   .btn-range {
      display: none;
   }

   .btn-range.btm {
      display: inline-block;
      margin: 0;
   }

   .blog.mid figure, .blog figure {
      margin: 0 0 10px;
   }

   .blog.mid {
      display: block;
   }

   .blog.mid .text-block {
      display: table-header-group;
   }

   .banner-text h1, .page-banner h1 {
      font-size: 30px;
      line-height: 32px;
   }

   .range-block {
      font-size: 0;
      margin: 0 0 15px;
   }

   .sbr {
      display: block;
   }

   .range-block ul {
      float: none;
      clear: both;
   }

   .text {
      margin-top: 25px;
      padding-left: 0;
   }

   .tab-block {
      padding-top: 25px;
   }

   .tab-block h3 {
      margin: 0 0 10px;
   }

   .content p {
      margin: 0 0 10px;
   }

   .banner-text {
      position: relative;
      float: left;
      left: 50%;
      width: 800px;
   }

   .banner-text img {
      position: relative;
      float: left;
      left: -50%;
      width: 800px;
   }

   .content, .tab-block {
      clear: both;
      padding-top: 25px;
   }

   .banner-text h1 {
      left: -100%;
      right: 0;
      top: 45%;
      width: auto;
   }

   .page-banner {
      height: 222px;
   }

   .contact-form .row {
      margin-bottom: 0;
   }

   .contact-form .row input, .contact-form .row textarea {
      margin: 0 0 15px;
   }

   .fancybox-item.fancybox-close {
      top: 20px;
      right: 20px;
   }

   .contact-top strong {
      padding-left: 0;
   }

   .contact-top {
      margin: 0 0 10px;
      text-align: center;
   }

   .contact-block {
      padding: 10px;
      margin: 0 0 10px;
   }

   .tab-section {
      padding: 15px 0;
   }

   .nav-tabs > li > a, .technical .nav-tabs > li > a {
      font: 14px/22px "ralewaymedium", Arial, Helvetica, sans-serif;
      padding: 10px 20px;
   }

   .call {
      margin: 0 15px 15px;
      font-size: 14px;
      line-height: 18px;
   }

   .contact-section {
      padding: 25px 0 10px;
   }

   .contact-section h3 {
      margin: 0 0 10px;
   }

   .tech-text {
      padding-left: 0;
      padding-right: 0;
      padding-top: 25px;
      text-align: left;
   }

   .tab-block .tech-text h3 {
      margin: 0 0 10px;
      text-align: left;
   }

   .tech-text p, .btn-readmore {
      margin: 0 0 10px;
   }

   .download-block {
      clear: both;
      padding: 25px 0 20px;
      text-align: center;
   }

   .download-block h4 {
      margin: 0 0 10px;
   }

   .download-block ul li {
      margin: 0;
   }

   .download-block h4 {
      font-size: 20px;
      line-height: 24px;
   }

   .gallery-section {
      padding: 50px 0 15px;
   }

   .gallery-section h2 {
      font: 14px/20px "open_sansregular", Arial, Helvetica, sans-serif;
      margin: 0 0 25px;
   }

   .gallery-block h3, .product-detail h3 {
      margin: 0 0 15px;
   }

   .gallery-block .row .col-sm-3 {
      margin-bottom: 15px;
   }

   .contact-info.bg-grey {
      padding: 10px 0 0;
   }

   .fancybox-overlay .fancybox-title {
      font: 14px/20px "open_sansbold", Arial, Helvetica, sans-serif;
   }

   .fancybox-title span {
      font: 14px/20px "open_sansregular", Arial, Helvetica, sans-serif;
   }

   .img-tab {
      margin: 0 0 15px;
   }

   .img-tab li {
      padding: 7px 19.7px;
   }

   .element-block li {
      width: 67px;
   }

   .element-block li:last-child {
      margin-right: 0;
   }

   .element-block li strong {
      display: none;
   }

   .action {
      padding: 10px 0;
   }

   .techinfo-block {
      padding: 25px 0 0;
   }

   .techinfo-block h1 {
      font: 20px/24px "open_sansregular", Arial, Helvetica, sans-serif;
      margin: 0 0 15px;
   }

   .row-btm {
      margin-bottom: 25px;
   }

   .techinfo-block p {
      margin: 0 0 15px;
   }

   .pull-right {
      float: none !important;
   }

   .carousel-inner {
      overflow: hidden;
      position: relative;
      width: 200%;
   }

   .carousel-caption {
      left: -29%;
      top: 27.3%;
   }

   .col.col3, .col.col4 {
      float: left;
      width: 48%;
   }

   .col.col4 {
      padding-left: 10px;
   }

   .product-detail .item .thumb {
      width: 66px;
   }

   .thumb strong {
      display: none;
   }

   .product-detail .item div:last-child {
      margin: 0;
   }

   #thumbcarousel {
      margin: 0 0 50px;
   }

   #nav ul {
      padding: 20px 5px 0;
   }

   #nav ul li a:hover, #nav ul li.active a {
      color: #fff;
   }

   .menu-block {
      float: none;
      display: none;
      background: #2c2e37;
      overflow: hidden;
      clear: both;
      margin: 0 -15px;
   }

   .subscribe-block {
      margin: 0 20px 70px;
   }

   .tel {
      display: none;
   }

   .pdf {
      text-indent: -9999px;
      display: inline-block;
      width: 18px;
      height: 18px;
      padding: none;
   }

   .actions li.pf {
      display: inline-block;
      margin: 12px 0 0;
   }

   .actions li {
      position: relative;
   }

   .actions li:hover .arrow-box {
      left: -187px;
   }

   .arrow-box::after, .arrow-box::before {
      left: 90%;
   }

   .footer-btm .menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }

   .actions li.pf {
      padding-bottom: 0;
   }

   #nav ul li a {
      font-size: 13px;
      line-height: 40px;
   }

   #nav ul li {
      min-width: 127px;
   }

   .btn-closed {
      display: block;
      background: url(../images/small-close.png) no-repeat;
      width: 18px;
      height: 18px;
      display: inline-block;
      text-indent: -9999px;
      overflow: hidden;
      margin: 27px 20px 0;
   }

   .subscribe-block .notes {
      font-size: 10px;
   }

   .menu span, .menu li a {
      font-size: 10px;
      line-height: 14px;
   }

   .title {
      margin: 0 0 5px;
   }

   .col {
      margin: 0 0 10px;
   }

   .tab-block.technical .nav.nav-tabs li {
      display: block;
   }

   .footer-links li {
      min-width: 140px;
      padding-right: 53px;
      overflow-style: 140px;
      word-wrap: break-word;
   }

   .footer-links li:nth-child(2n) {
      min-width: 142px;
      padding-right: 0;
   }

   .city-block {
      margin: 0 0 20px;
   }

   .col-5 {
      display: block;
   }

}

@media (max-width:767px) {
   .city-block>div {
      height: auto !important;
   }

}

@media (max-width:480px) {
   .blog.mid {
      display: table;
   }

}

.remove-binder {
   border: none;
   outline: none;
}

.binder {
   border: none;
   outline: none;
   background: none;
   padding-left: 0;
}

.search-block {
   position: relative;
   overflow: hidden;
   clear: both;
   content: '';
}

#overlay {
   display: none;
   background-color: rgba(0, 0, 0, 0.4);
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 9999;
   height: 100%;
   width: 100%;
   text-align: center;
   overflow: hidden;
   background-size: 16px 16px;
   background-position: center;
   background-repeat: no-repeat;
}

#overlay img {
   margin-top: 15%;
   display: inline-block;
}

#filters {
   display: inline-block;
}

/*Search in Header*/
/*#header-search {
   float: right;
   clear: both;
}*/

@media (max-width: 991px){
   .navbar-toggle .icon-bar {
      background: #2c2e37;
      border-radius: 0;
      -webkit-border-radius: 0;
   }

   .navbar-toggle.active {
      border-radius: 0;
      -webkit-border-radius: 0;
      background: #2c2e37;
   }

   .navbar-toggle.active .icon-bar {
      background: #fff;
      border-radius: 0;
      -webkit-border-radius: 0;
   }
}
@media (max-width: 767px) {
   #header-search input[type=text] {
      /*max-width: 100%;*/
      /*position: relative;
      right: -264px;
      top: -80px;*/

      width: 250px;   
      background: url(../images/search-128.png) no-repeat 97% center transparent;
      background-size: auto 65%;
   }
}
@media (min-width: 768px) {
   .d-md-none{
      display: none !important;
   }
}
#header-search input[type=text]:focus{
   box-shadow: none;
}

@media (max-width:1199px) {
   .menu-block {
      /*textalign:center;*/
      order: 5;
   }
}
@media (max-width:767px) {
   #header-search {
      float: none;
      /*display: inline-block;*/
      margin-left: 15px;
   }

   #header-search input[type=text] {
      right: 0;
      top: 0;
   }

}

@media (max-width:767px) {
   #header-search {
      padding: 0 15px;
      box-sizing: border-box;
      width: 100%;
      margin-left: 0;
   }

}

#enquiry-popup .modal-dialog {
   z-index: 9999;
}

#enquiry-popup h3 {
   text-align: center;
   margin-bottom15px;
}

#enquiry-popup .modal-header {
   min-height: 0;
   padding: 0;
}

#enquiry-popup button.close {
   position: absolute;
   top: 0;
   right: -30px;
   z-index: 9;
   font-size: 40px;
   margin: 0;
   color: #FFF;
   background: none;
}
#enquiry-popup .modal-body{
   padding: 30px;
   box-shadow: none;
   border: 5px solid #000;
}
@media(min-width:768px) {
   #enquiry-popup .modal-body{
      padding: 50px;
   }
}

#enquiry-popup .group {
   margin-bottom: 15px;
}

#enquiry-popup .group:last-child() {
   margin-bottom: 0;
}

#enquiry-popup .group .column {
   margin-bottom: 15px;
}

#enquiry-popup .group .column:last-child {
   margin-bottom: 0;
}

#enquiry-popup .group .column input[type=text], #enquiry-popup .group .column input[type=email], #enquiry-popup .group .column textarea, #enquiry-popup .group .column select {
   border: 2px solid #c5c5c5;
   height: 44px;
   color: #949494;
   font: 15px/20px 'open_sansregular', Arial, Helvetica, sans-serif;
   width: 100%;
   box-shadow: none;
   -webkit-box-shadow: none;
   padding: 5px 20px;
}
#enquiry-popup .group .column select{
   appearance: none;
   -webkit-appearance: none;
   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='292.362px' height='292.362px' viewBox='0 0 292.362 292.362' style='enable-background:new 0 0 292.362 292.362;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424 C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428 s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
   background-size: 13px;
    background-repeat: no-repeat;
    background-position: 93% center;
}

#enquiry-popup .group .column input[type=submit] {
   width: 250px;
   padding: 7px 15px;
   margin: 0 auto;
   display: block;
   background: #541941;
   border: 2px solid #541941;
   color: #fff;
}

#enquiry-popup .group .column input[type=submit]:hover {
   background: #fff;
   color: #541941;
}

/*Social Links*/
._sociallinks {
   position: absolute;
   top: -45px;
   right: 0;
}

._sociallinks a {
   font-size: 0;
   line-height: 0;
   width: 25px;
   height;
   25px;
   display: inline-block;
   transition: opacity 0.3s ease;
   -moz-transition: opacity 0.3s ease;
   -webkit-transition: opacity 0.3s ease;
}

._sociallinks a::before {
   width: 100%;
   height: 25px;
   content: '';
   display: block;
   background: url(../images/sociallinks.png) no-repeat 0px 0px transparent;
   background-size: 25px auto;
}

._sociallinks a._facebook::before {
}

._sociallinks a._instagram::before {
   background-position: 0 -29px;
}

._sociallinks a._pinterest::before {
   background-position: 0 -56px;
}

._sociallinks a:hover {
   opacity: 0.6;
}

@media (max-width:767px) {
   ._sociallinks {
      width: 100%;
      text-align: center;
      padding: 15px 0;
      position: static;
      margin-top: -63px;
   }

   ._sociallinks a::before {
      background-image: url(../images/sociallinks-white.png);
   }

}

/* Page gallery */
.gallery-carousel-caption {
   position: absolute;
   top: 50%;
   left: 20%;
   right: 20%;
   color: #fff;
   text-align: center;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.gallery-carousel-caption h2 {
   font: 60px/62px 'ralewaylight', Arial, Helvetica, sans-serif;
   margin: 0 0 35px;
   color: #fff;
}

.loading {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   border: 0;
   text-align: center;
   background: #fff;
   z-index: 99;
}

.loading img {
   width: 70px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

/* modal css */
.modal {
   text-align: center;
   padding: 0 !important;
}

.modal:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -4px;
}

.modal-dialog {
   display: inline-block;
   text-align: left;
   vertical-align: middle;
   z-index: 99999;
   width: 100%;
   max-width: 821px;
}

.modal-body {
   padding: 20px 0px;
}

.modal-body:after {
   content: '';
   display: block;
   clear: both;
}

.modal-footer {
   width: 100%;
   float: left;
   margin-top: 25px;
   padding: 25px 25px 0;
}

.modal-content {
   border-radius: 0;
   display: inline-block;
}

button.close {
   background-image: url('../images/close.png');
   background-repeat: no-repeat;
   background-size: 25px 25px;
   width: 25px;
   height: 25px;
   margin-right: -50px;
   margin-top: -20px;
   opacity: 1;
   font-size: 0;
   outline: none;
}

.popup-content {
   padding: 0 20px;
}

.post-navi {
   position: relative;
}

.popup-content:after, .post-navi:after {
   content: '';
   display: block;
   clear: both;
}

.gallery-title {
   text-align: center;
   padding: 0 25px;
   color: #2c2e37;
   font-weight: bold;
}

.gallery-title h3 {
   margin-top: 0px;
   font: 24px/22px "ralewayextrabold", Arial, Helvetica, sans-serif;
}

.post-navi .nextpre {
   background-repeat: no-repeat;
   background-size: 21px 19px;
   width: 21px;
   height: 19px;
   opacity: 1;
   font-size: 0;
   outline: none;
}

.post-navi .next {
   background-image: url('../images/next-arrow.jpg');
   position: absolute;
   right: 0;
   top: 0;
}

.post-navi .prev {
   background-image: url('../images/back-arrow.png');
   position: absolute;
   left: 0;
   top: 0;
}

.tiles-type-wrap {
   width: 293px;
   float: left;
   color: #2c2e37;
}

.image-gallery-wrap {
   width: 486px;
   float: left;
}

.modal-footer:after {
   content: '';
   clear: both;
   display: block;
}

.tiles-type-wrap h3 {
   margin-top: 0px;
   color: #2c2e37;
   font: 18px/22px "ralewayextrabold", Arial, Helvetica, sans-serif;
   margin-bottom: 15px;
}

.tiles-type ul {
   list-style: none;
   padding: 0;
   margin-bottom: 25px;
   display: inline-block;
   width: 100%;
   font-size: 0;
}

.tiles-type ul li {
   width: 50%;
   display: inline-block;
   padding: 0 20px 15px 0;
   text-align: center;
}

.tiles-type ul li img {
   max-width: 100%;
}

.tiles-type .img-wrap {
   margin-bottom: 5px;
   line-height: 0;
}

.tile-name, .dimensions {
   display: block;
}

.tile-name {
   font: 14px/22px "ralewayextrabold", Arial, Helvetica, sans-serif;
}

.dimensions {
   font-size: 14px;
}

.slide-cont {
   width: 100%;
   display: block;
   margin: 0 auto;
}

.image-gallery-wrap .owl-carouse div {
   width: 100%;
}

/*SEE END OF THUMBNAIL FUCNTION TO TINKER SIZE OF THUMBS*/
.image-gallery-wrap .owl-carousel .owl-controls .owl-dot {
   float: left;
   background-size: cover;
   margin-top: 10px;
}

.image-gallery-wrap .owl-carousel .owl-dots {
   display: flex;
   flex-wrap: wrap;
}

.image-gallery-wrap .owl-carousel .owl-dot {
   float: left;
   background-size: cover;
   width: 120px !important;
   height: 90px !important;
   margin-right: 2px;
   margin-top: 2px;
}

.image-gallery-wrap .owl-carousel .owl-dot:nth-child(4n) {
   margin-right: 0;
}

.gallery-content-wrap {
   width: 820px;
   margin: 0 auto;
   padding: 0 15px;
}

.gallery-content-wrap:after {
   content: '';
   clear: both;
   display: block;
}

/* Feel free to change duration  */
.animated {
   -webkit-animation-duration: 1000 ms;
   animation-duration: 1000 ms;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

/* .owl-animated-out - only for current item */

/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
   z-index: 1
}

/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
   z-index: 0
}

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
}

@-webkit-keyframes  fadeOut {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }

}

@keyframes  fadeOut {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }

}

@media (max-width:1024px) {
   .category-list .content-block a {
      height: 250px !important;
   }

   .category-list .content-block a .post-content {
      width: 90%;
   }

}

@media (max-width:991px) {
   .modal-dialog {
      max-width: 85%;
   }

   button.close {
      margin-right: -40px;
   }

   .category-list .content-block a {
      height: 200px !important;
   }

   .tiles-type-wrap {
      width: 250px;
   }

   .image-gallery-wrap {
      width: 360px;
   }

   .image-gallery-wrap .owl-carousel .owl-dot {
      width: 118px !important;
   }

   .image-gallery-wrap .owl-carousel .owl-dot:nth-child(3n) {
      margin-right: 0;
   }

   .image-gallery-wrap .owl-carousel .owl-dot:nth-child(4n) {
      margin-right: 2px;
   }

   .gallery-content-wrap {
      width: 100%;
   }

}

@media (max-width:767px) {
   .section-category-listing {
      padding: 50px 0;
   }

   .section-category-listing .call {
      margin-bottom: 30px;
   }

   .gallery-carousel-caption {
      left: -29%;
   }

   .gallery-carousel-caption h2 {
      color: #ffffff;
      font: 20px/26px "ralewaylight", Arial, Helvetica, sans-serif;
      margin: 0 0 35px;
   }

   .popup-content {
      padding: 0 0 50px;
   }

   .gallery-title {
      margin-bottom: 25px;
   }

   .gallery-title h3 {
      line-height: 34px;
   }

   .image-gallery-wrap {
      width: 100%;
   }

   .image-gallery-wrap .owl-carousel .owl-dots {
      justify-content: space-around;
   }

   .image-gallery-wrap .owl-carousel .owl-dot {
      width: 32% !important;
      margin-bottom: 4px;
   }

   .tiles-type-wrap {
      width: 100%;
   }

   .tiles-type {
      width: 50%;
      float: left;
   }

}

@media (max-width:400px) {
   .image-gallery-wrap .owl-carousel .owl-dot:nth-child(3n) {
      margin-right: 2px;
   }

   .image-gallery-wrap .owl-carousel .owl-dot:nth-child(4n) {
      margin-right: 2px;
   }

   .image-gallery-wrap .owl-carousel .owl-dot:nth-child(even) {
   }

   .image-gallery-wrap .owl-carousel .owl-dot {
      width: 49% !important;
   }

   .tiles-type {
      width: 100%;
      float: left;
   }

}



/*css for home carousel*/

.main-slider .item-wrapper .container{
   display: flex;
   flex-wrap:wrap;
   height: 350px;
   align-items: center;
}
.main-slider .item-wrapper{
    min-height: 350px;
}

.main-slider .content{
   text-align:center;
   width: 100%;
}
.main-slider .content h1 {
   font: 40px/50px 'ralewaylight', Arial, Helvetica, sans-serif;
   color: #fff;
}
.main-slider .content h1  strong {
   font: 40px/50px "ralewaybold", Arial, Helvetica, sans-serif;
   color: #fff;
}

.main-slider .content h2 {
   font: 60px/62px 'ralewaylight', Arial, Helvetica, sans-serif;
   margin: 0 0 35px;
   color: #fff;
}
.main-slider {
   position: relative;
}
.main-slider .owl-dots{
   text-align: center;
   /*margin:15px 0;*/
   position: absolute;
   bottom: 35px;
   left: 50%;
   transform: translateX(-50%);
}
.main-slider button.owl-dot{
   width: 7px;
    margin: 0 2px;
    height: 7px;
    border: none;
    background: #ccc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    margin:0 4px;
}
.main-slider button:focus, .main-slider button:active{
   box-shadow: none;
   oultline: none;
}
.main-slider .owl-dot.active{
   background:#000;
}
.search-content {
    letter-spacing: -5px;
}
.product-block .row .col-sm-3 {
    float: none;
    display: inline-block;
    letter-spacing: 0;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel {
    border: 2px solid #c5c5c5;
    height: 44px;
    color: #949494;
    font: 15px/20px 'open_sansregular', Arial, Helvetica, sans-serif;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 5px 20px;
}

@media (min-width: 768px) {
   .main-slider .item-wrapper, .main-slider .item-wrapper .container{
       min-height: 600px;
   }
   .main-slider .content h1  strong {
      font: 100px/102px "ralewaybold", Arial, Helvetica, sans-serif;
      color: #fff;
   }
}
@media (min-width: 992px) {
   .main-slider .item-wrapper, .main-slider .item-wrapper .container{
       min-height: 500px;
   }
}
.page-template-template-clearance .main-slider .item-wrapper, 
.page-template-template-clearance .main-slider .item-wrapper .container{
   min-height: 500px;
}
.center-form{
	margin:0 auto;
	float:none;
}
.section-title h3{
	margin:0;
}
.section-title {
	margin-bottom:70px;
}
.section-title p{
	text-align:center;
	color: #2c2e37;
	margin-top: 15px;
}
.call a.link-white{
	color:#FFF;
}
.call a.link-white:hover{
	color:#541941;
}
.call {
    margin: 0 0 20px;
}
.call a.btn-range.link-white {
    display: inline-block;
    margin: 15px 0;
}

/*new header */
/*@media (min-width: 768px) {*/
.flex{
   display: flex;
}
.flex-wrap{
   flex-wrap: wrap;
}
.align-items-center{
   align-items: center;
}
.justify-content-between{
   justify-content: space-between;
}
.w-100{
   width: 100% !important;
}

/*}*/


.action-block-wrap{
   margin-left: auto;
}
@media (min-width: 768px) {
    .action-block-wrap{
      margin-left: 0;
   }  
}
@media (min-width: 1200px) {
    .action-block-wrap{
      margin-right: -65px;
   }  
}
.button {
   display: inline-block;
   margin: 4px 2px;
   /*padding-left: 32px;*/
   padding-right: 32px;
   text-align: center;
   cursor: pointer;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.button:hover {
   transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   background-color: white;
   color: black;
}

.search-container {
   position: relative;
   
   height: 40px;
   width: 50px;
   vertical-align: middle;
}
.actions li.search-container {
   margin-left: 25px;
   display: none;
}
@media (min-width: 768px) {
   .actions li.search-container {
      display: inline-block;
   }
}

.mglass {
   display: inline-block;
   pointer-events: none;
    background: url(../images/search-128.png) no-repeat center center/95% transparent;
   /*background-size: auto 65%;*/
   width: 20px;
   height: 20px;
   margin-left: -13px;
}

.searchbutton {
   position: absolute;
   line-height: 1;
   width: 100%;
   margin: 0;
   padding: 0;
   border-radius: 0 20px 20px 0;
   border: 2px solid #cadbe1;
   border-left: none;
   padding: 7px 11px;
    transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   background-color: white;
}

.search:focus + .searchbutton {
   transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   background-color: white;
   color: black;
   border-color: #000;
}

.search {
   position: absolute;
   left: 49px; 
   background-color: white;
   outline: none;
   border: none;
   padding: 5px 16px;
   width: 0;
   height: auto;
   z-index: 10;
   transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   border: 2px solid #cadbe1;
   border-right: none;
   border-radius: 20px 0 0 20px !important;
   
}

.search:focus {
   width: 280px; /* Bar width+1px */
   padding: 5px 16px;
   border-color: #000;
   
}

.expandright {
   left: auto;
   right: 7px; /* Button width-1px */
   z-index: -1;

}

.expandright:focus{
   z-index: 1;
   right: 20px;
   transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
}

@media (min-width: 992px) {
   .expandright {
      right: 33px;
   }
   .expandright:focus{
      right: 50px;
   }
}


.sticky-social{
  position:fixed;
  top:40%;
  right:-40px;
  padding:0px;
  margin:0px;
  z-index: 111;
}
.social{
  list-style:none;
  background: #2c2e37;
  padding: 0 40px 0 0;
  margin: 0;
}
.social li{
  padding:15px 20px 15px 15px;
  font-size:25px;
  transition:all 0.8s ease-in-out;
  background: #2c2e37;
}
.social li a{
   display: block;
   line-height: 1;
}
.social li:hover{
    margin-left:-30px;
 box-shadow:2px 5px 10px rgba(0,0,0,0.4);
}
.social li:hover img{
    margin-right:20px;
  
}
.social li img{
  transition:all 0.8s ease-in-out;
}

.clearance-block{
   margin-top: 30px;
   margin-bottom: 30px;
}
.clearance-block *{
   font-family: 'Open Sans', sans-serif;
}
.clearance-block h3 {
   text-transform: none;
}
.clearance-block ul{
   padding: 0;
   list-style: none;
}
.clearance-block li p{
   display: inline-block;
}

.clearance-block h3 a, .clearance-block strong, .clearance-price{
   color: #2c2e37;
   font-weight: 700;
}
.clearance-block strong{
   margin-right: 5px;
}
.clearance-price strong{
   font-size: 30px;
}

.stock-product{
   font-weight: bold;
   font-size: 15px;
   color: #43cc50;
}
/*.clearance-finish span{
   text-decoration: underline;
}*/

.clearance-block .img-box img{
   width: 100%;
}
.clearance-block .img-box .icon-center{
   opacity: 0;
   transition: all .3s ease-in-out;
}
.clearance-block .blog:hover .img-box .icon-center{
   opacity: 1;
}
.form-bg-gray{
   padding: 30px;
   background: #e6e6e6;
   margin-bottom: 30px !important;
   overflow: hidden;
}
.form-bg-gray h2{
   margin-bottom: 20px;
   font-weight: 400;
   font-size: 20px;
}
#enquiry-popup .modal-body h2{
   margin-bottom: 10px;
}
#enquiry-popup .modal-top-title{
   margin-bottom: 30px;
}

p.clear-stock{
   font-weight: 700;
   color: #e74743;
   margin-bottom: 30px;
   line-height: 1;
}
p.clear-stock i{
   margin-right: 5px;
}
.clearance-block .blog.mid figure{
   margin-bottom: 30px;
}
.clearance-block .text-block{
   padding-bottom: 30px;
}
.clearance-block .btn-range{
   margin-bottom: 0;
}
.quality-logo + .search-block{
   padding-top: 60px;
}

.dd-facades p {
    margin: 0 0 10px;
    color: black;
    font: 15px/26px 'open_sansregular', Arial, Helvetica, sans-serif;
}