/* ##GLOBAL */
html {
    font-family: 'Sarabun', sans-serif;
}

a {
    color: grey;
    font-weight: 500;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

a:hover {
    color: #962D36;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}

hr {
    width: 50%;
}

.master-nav {

}

.site-header {
    color: white;
}

.site {
    max-width: 2560px;
}

/* ##PARENT */
.site-header a{
    color: white;
}

.site-header a:hover{
    color: #FF9E2E;
}

.site-branding {
    display: flex;
    align-items: center;
    background: white;
    color: #962D36;
}

.site-branding .site-logo {
    padding: 0 15px;
}

.site-branding .site-title {
    border-left: 1px solid #1E1E1E;
    padding: 0 15px;
    font-size: 32px;
    flex-grow: 1;
}
.site-branding .branding-social {
    float: right;
}

.site-branding .branding-social ul.links {
    text-align: center;
    padding: 15px 0;
}

.site-branding .branding-social ul.links li {
    border-right: 1px solid #1E1E1E;
    padding: 0 15px;
}

.site-branding .branding-social ul li:last-child {
    border-right: none;
}

.site-branding .branding-social .links a {
    color: #1E1E1E;
}

.site-branding .branding-social .links a:hover {
    color: #FF9E2E;
}

.social-nav {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0 auto;
  }
  .social-nav li {
    display: inline-block;
  }
  .social-nav a {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    background: #000;
    position: relative;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .fa {
      font-weight: 800;
  }

  .social-nav.header-social a {
    overflow: hidden;
    font-size: 26px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 5px;
  }
  .social-nav.header-social a:hover {
    background: #fff;
    text-shadow: 0px 0px #d5d5d5, 1px 1px #d5d5d5, 2px 2px #d5d5d5, 3px 3px #d5d5d5, 4px 4px #d5d5d5, 5px 5px #d5d5d5, 6px 6px #d5d5d5, 7px 7px #d5d5d5, 8px 8px #d5d5d5, 9px 9px #d5d5d5, 10px 10px #d5d5d5, 11px 11px #d5d5d5, 12px 12px #d5d5d5, 13px 13px #d5d5d5, 14px 14px #d5d5d5, 15px 15px #d5d5d5, 16px 16px #d5d5d5, 17px 17px #d5d5d5, 18px 18px #d5d5d5, 19px 19px #d5d5d5, 20px 20px #d5d5d5, 21px 21px #d5d5d5, 22px 22px #d5d5d5, 23px 23px #d5d5d5, 24px 24px #d5d5d5, 25px 25px #d5d5d5, 26px 26px #d5d5d5, 27px 27px #d5d5d5, 28px 28px #d5d5d5, 29px 29px #d5d5d5, 30px 30px #d5d5d5;
  }
  .social-nav.header-social .twitter {
    background: #00ACED;
    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
  }
  .social-nav.header-social .twitter:hover {
    color: #00ACED;
  }
  .social-nav.header-social .facebook {
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
  }
  .social-nav.header-social .facebook:hover {
    color: #3B579D;
  }
  .social-nav.header-social .google-plus {
    background: #DD4A3A;
    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
  }
  .social-nav.header-social .google-plus:hover {
    color: #DD4A3A;
  }
  .social-nav.header-social .linkedin {
    background: #007BB6;
    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
  }
  .social-nav.header-social .linkedin:hover {
    color: #007BB6;
  }
  .social-nav.header-social .pinterest {
    background: #CB2026;
    text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;
  }
  .social-nav.header-social .pinterest:hover {
    color: #CB2026;
  }

  .footer-social a {
    background: #333;
    float: left;
    margin: 0 10px;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .footer-social a:hover {
      color: #FFF !important;
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  .footer-social a:hover .fornt {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .footer-social a:hover .back {
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }
  .footer-social .front, .footer-social .back {
    width: 48px;
    height: 48px;
    background: #333;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: translateZ(18px);
    -webkit-transform: translateZ(18px);
    transform: translateZ(18px);
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }
  .footer-social .back {
    font-size: 32px;
    -moz-transform: rotateX(90deg) translateZ(18px);
    -ms-transform: rotateX(90deg) translateZ(18px);
    -webkit-transform: rotateX(90deg) translateZ(18px);
    transform: rotateX(90deg) translateZ(18px);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .footer-social .twitter .back {
    background: #00ACED;
  }
  .footer-social .facebook .back {
    background: #3B579D;
  }
  .footer-social .google-plus .back {
    background: #DD4A3A;
  }
  .footer-social .linkedin .back {
    background: #007BB6;
  }
  .footer-social .pinterest .back {
    background: #CB2026;
  }

.site-branding .branding-social ul li {
    display: inline;
}

#primary-menu {
    padding-left: 0;
    text-align: center;
}

#primary-menu li {
    position: relative;
    background: #962D36;
    color: #FFF;
    margin-left: -5px;
}

#primary-menu li:hover{
    background: #FF9E2E;
    cursor:pointer;
}

#primary-menu li a:hover{
    color: #FFF;
}

#primary-menu .menu-item a {
    display: inline-block;
    padding: 15px 20px;
}

.sub-menu {
    position: absolute;
    top: 50px;
    left: 0;
    background: #962D36;
    z-index:99;
}

#primary-menu .sub-menu li {
    width: 100%;
    border-top: 1px solid rgba(130,25,34, 8);
    text-align: left;
    margin: 0;
}

#primary-menu .sub-menu li a{
    display: inline-block;
    padding: 15px 35px;
    width: 100%;
}

#primary-menu li.menu-item-has-children>a:after {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 800;
    font-size: .5em;
    padding-left: 5px;
    content: '\f0d7';
}

@media (max-width: 768px) {
    #primary-menu .sub-menu {
        position: relative;
        background: #962D36;
        text-align: center;
    }

    #primary-menu .sub-menu li {
        text-align: center;
        width: unset;
    }

    #primary-menu .sub-menu li a{
        width: unset;
    }

    #primary-menu li:hover {
        background: #962D36;
        color: #FFF;
    }
}


.master-nav-button .hamburger-inner,
.master-nav-button .hamburger-inner::before,
.master-nav-button .hamburger-inner::after {
    background: #000 !important;
}

.accordian.flex {
    flex: 1;
    padding: 0 5px;
    padding-top: 15px;
    min-width: 300px;
}

.accordian .title {
    cursor: pointer;
    border: 1px solid #962D36;
    background: #962D36;
    color: #FFF;
    border-radius: 5px;
    margin: 0;
    font-size: inherit;
    padding: 15px;
}

.accordian .title:hover,
.toggled-focus.accordian .title {
    border: 1px solid #FF9E2E;
    background: #FF9E2E;
}


/* ##THEME */

.information-list {
    list-style: square;
    margin: 0 2em;
}

.testimonial-lightbox {
	position: fixed;
	display: flex;
	justify-content:center;
	align-items: center;
	width: 100vw;
	height: 100vh;
    background: rgba(40,40,40,.7);
    left: 0;
    top: 0;
    z-index: 99;
}

.testimonial-lightbox .quote-content {
	position: relative;
	background: rgba(50,50,50,.95);;
	color: white;
	padding: 15px;
	border-radius: 4px;
	width: 80%;
	max-width: 475px;
}

.testimonial-lightbox .quote-content p {
	background: rgba(55,55,55,.8);
	border-radius: 4px;
	padding: 15px;
    font-size: 1.3em;
    text-align: center;
}

.testimonial-lightbox .quote-content .quote-content-close {
    position: fixed;
    border-radius: 10px;
    height: 54px;
    width: 54px;
    top: 15px;
    right: 15px;
    border: 1px solid transparent;
    background: transparent;
    color: red;
    font-size: 2.5em;
}

.testimonial-lightbox .quote-content .quote-content-close:hover {
	color: darkred;
}

.divider {
    width: 1px;
    height:  125px;;
    margin: 6px 0;
    background: #303030;
}

.showcase.blur .showcase-bg-image {
    transform: scale(1.1);
    filter: blur(4px);
    -webkit-filter: blur(4px);
    z-index:-1;
}

/* #SVG-BUTTON */
.svg-button {
    background: 4px solid white;
    border: none;
    display: inline-block;
    height: var(--button-height);
    overflow: hidden;
    padding: 0 40px;
    position: relative;
  }
  
  .svg-button,
  .svg-button svg {
    cursor: pointer;
    font-size: 24px;
    text-transform: uppercase;
  }

  .overlay {
      background: rgba(10,10,10,.5);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
  }

.showcase-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    width: 100%;
}

.showcase {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 100%;
}

@media (max-width: 425px) {
    .showcase {
        height: 275px;
    }

    .showcase-bg-image {
        height: 275px;;
    }
}

.showcase .banner {
    display: flex;
    padding: 15px;
    background: rgba(20,20,20, .7);
    width: 50%;
    height: 65%;
    border-radius: 5px;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

@media (max-width: 1024px) {
    .showcase .banner {
        width: 70%;
    }
}

@media (max-width: 425px) {
    .showcase .banner {
        width: 80%;
        height: 50%;
        top: -15px;
    }
}

.showcase .banner .title {
    font-size: 2em;
    text-align: center;
    padding: 15px;
    text-transform: capitalize;
    height: inherit;;
    color: #FFF;
}

@media (max-width: 425px) {
    .showcase .banner .title {
        font-size: 1.5em;;
    }
}

.showcase .banner .subtitle {
    font-size: 1.2em;
    text-align: center;
    padding: 15px;
    padding-top: 0;
    height: inherit;;
    color: #FFF;
}

.showcase .banner .button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    background: #962D36;
    color: #FFF;
    text-align: center;
    font-size: 1.5em;
    border: transparent;
    height: 54px;
    width: 200px;
    border-radius: 5px;
    position: absolute;
    bottom: -27px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.showcase .banner .button:hover {
    background: #FF9E2E;
    border-color: transparent;
}

/* ##Tile */
.tile-container {
	display: flex;
	flex-wrap: wrap;
}

.tile {
position: relative;
background: #962D36;
	min-width:300px; 
	min-height: 300px;
	flex-grow: 1;
 overflow: hidden;
}

.tile .banner {
    position: relative;
    left: -25px;
    width: 300px;
    height: auto;
    color: black;
    background: rgba(10,10,10,.8);
    width: 50%;
    transform: skewx(35deg);
}

.tile .banner.top-left {
    position: absolute;
    margin-top: 15px;
    left: -30px;
    right: unset;
}

.tile .banner.top-right {
    position: absolute;
    margin-top: 15px;
    right: -30px;
    left: unset;
}

.tile .banner.bottom-right {
    position: absolute;
    margin-bottom: 15px;
    right: -30px;
    left: unset;
    bottom: 0;
}

.tile .banner.bottom-left {
    position: absolute;
    margin-bottom: 15px;
    left: -30px;
    right: unset;
    bottom: 0;
}

.tile .banner .title {
    color: white;
    text-align: center;
    padding: 15px;
    transform: skewx(-35deg);
}

.tile .hidden-content {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: rgba(10,10,10,.7);
    padding: 15px 15px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: white;
    opacity: 1;
    transition: opacity ease-in-out .5s;
    border-radius: 5px;
    cursor: default;
}

.tile .hidden-content.bottom-left,
.tile .hidden-content.bottom-right {
    left: 10px;
    top: 10px;
    bottom: unset;
}

.tile .hidden-content.top-left,
.tile .hidden-content.top-right {
    left: 10px;
    bottom: 10px;
    top: unset;
}

.tile .title {
    color: white;
	text-align: center;
    padding: 15px;
}

.tile .content {
    position: absolute;
    font-size: .97em;
    top: 35px;
    padding: 15px;
    text-align: center;
    color: white;
}

@media(max-width: 1750px) {
    .tile .content {
        font-size: .95em;
    }
}

@media(max-width: 1534px) {
    .tile .content {
        font-size: .90em;
    }
}

@media(max-width: 1460px) {
    .tile .content {
        font-size: .88em;
    }
}

@media(max-width: 1280px) {
    .tile .content {
        font-size: .95em;
    }
}

@media(max-width: 899px) {
    .tile .content {
        font-size: .95em;
    }
}

@media(max-width: 599px) {
    .tile .content {
        font-size: 1.2em;
    }
}
/* #TILE-FOCUSED */
.tile.toggled-focus {
	cursor: hand;
	
}

.tile.toggled-focus .hidden-content {
    opacity: 1;
}

/* #TILE-IMAGES */
.hardwood-tile {
	background-image: url('/wp-content/uploads/mock-hardwood.jpg');
	background-position: center;
}

.tile-tile {
	background-image: url('/wp-content/uploads/mock-tile.jpg');
	background-position: center;
	background-size: cover;
}

.wood-tile {
	background-image: url('/wp-content/uploads/mock-wood.jpg');
	background-position: center;
}

.tile-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* ##PAGES */
.page-main {
    padding: 1em 1.5em;
}

.page-main p {
    margin: .5em 0;
    line-height: 125%;
}

.page-main h1, .page-main h2, .page-main h3, .page-main h4, .page-main h5, .page-main h6{
    color: #962D36;
}

/* #FRONT-PAGE TABLET AND DESKTOP */
.front-cta {
    background-image:url('/wp-content/uploads/livingroom-carpet.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    padding: 35px;
}

@media (max-width: 425px) {
    .front-cta {
        background-size:cover;
    }
}

.front-cta .title {
    font-size: 2em;
    color: #1E1E1E;
    padding-bottom: 35px;
}

.front-cta .svg-button, .front-cta svg {
    padding: 15px 45px;
    cursor: pointer;
}

.front-cta .button {
    background: transparent;
    border: 4px solid #FF9E2E;
    color: #1E1E1E;
    height: 54px;
    padding: 15px 45px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.front-cta .button:hover {
    background: #FF9E2E;
    color: #FFF;
}

.parallax { 
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
  }

  .image-tile {
	background-position: center;
    background-size: cover;
}

.image-tile:hover {
    cursor: pointer;
}

.questions-tile {
    background: #FF9E2E;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.question-container {
    min-height: 250px;
}

.questions-tile .title {
    display: block;
    font-size: 2em;
    margin: 15px;
    margin-bottom: 0;
    text-align: center;
    color: white;
}

.questions-tile .subtitle {
    display: block;
    text-align: center;
    color: white;
    margin: 15px;
    margin-bottom: 45px;
    margin-top: 0;
}

.questions-tile .button {
    background: transparent;
    border: 4px solid #962D36;
    color: #FFF;
    height: 54px;
    padding: 15px 45px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.questions-tile .button:hover {
    background: #962D36;
    color: #FFF;
}

.supporters span {
    display: block;
    font-style: italic;
    font-size: 1.0em;
    color: #962D36;
    text-align: center;
    padding: 5px;
}

@media (max-width: 768px) {
    .supporters span {
        font-size: .9em;
    }
}

@media (max-width: 425px) {
    .supporters span {
        font-size: .9em;
    }
}

@media (max-width: 375px) {
    .supporters span {
        font-size: .9em;
    }
}

/* #FRONT-PAGE MOBILE*/
.mobile-tile-container,
.tab-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
    background: rgba(255,255,255, 1);
    border-radius: 5px;
}

.tab-container {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    padding-bottom: 35px;
}

.featured-container {
    position: relative;
    background: #e8e8e8;
}

.featured-container .call-now,
.tab-container .call-now {
    box-shadow: 1px 1px 5px 1px rgba(20,20,20,.2);
    padding: 15px 35px;
    text-align: center;
    width: 100%;
    margin: 5px;
    border-radius: 5px;
    color: unset;
    font-size: 1.3em;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.tab-container .call-now {
    font-size: 1.5em;
}

.svg-inline--fa.fa-phone {
    padding-right: 15px;
    color: #962D36;
}

.tab-container .call-now:hover {
   background: #962D36;
   color: white;
}

.tab-container .call-now:hover i {
    color: white;
 }

@media (max-width: 365px) {
    .featured-container {
        height: 225px;
    }
}

@media (max-width:319px) {
    .mobile-tile-container {
        position: relative;
    }

    .featured-container {
        height: unset;
        padding: 10px;
    }
}


.mobile-tile, .tab-tile {
    display: flex;
    flex-wrap: nowrap;
    padding: 3px;
    margin: 5px;
    box-shadow: 1px 1px 5px 1px rgba(20,20,20,.2);
    border-radius: 5px;
    align-items: center;
    flex-grow: 1;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    cursor: pointer;
    position: relative;
}

.tab-tile {
    background: #FFF;
    font-size: 1.5em;
    text-align: center;
    width: 40%;
    padding: 15px;
}

@media (max-width: 600px) {
    .tab-tile {
        padding: 5px 0px;
    }
}

.tab-tile:hover {
    background: #962D36;
    color: white;
}

.mobile-tile .cls-1,
.tab-tile .cls-1 {
    fill:transparent;
}

.mobile-tile .cls-2,
.tab-tile .cls-2 {
    fill: #962D36;
}


.tab-tile:hover .cls-2 {
    fill: white !important;
}

.mobile-tile .title,
.tab-tile .title {
    font-size: 1em;
    padding: 5px;
    width: 75px;
    min-width: 75px;
}
.tab-tile .title {
    margin-right: auto;
}

.mobile-tile .tile-image,
.tab-tile .tile-image {
    padding: 5px;
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
}

.tab-tile .tile-image {
    margin-left: auto;
}

.mobile-tile .title:last-child{
    width: auto;
}

@media (max-width:365px) {
    .mobile-tile .title,
    .tab-tile .title {
        font-size: .8em;
        padding: 3px;
    }
    
    .mobile-tile .tile-image,
    .tab-tile .tile-image {
        padding: 3px;
        height: 35px;
        width: 35px;
        min-height: 35px;
        min-width: 35px;
    }
}

@media (max-width: 426px) {
    .tab-tile .title {
        font-size: .7em;
        padding: 3px;
    }
}

/* #PRODUCT */
.bg_product .content {
    font-size: 1.2em;
    padding: 35px 10%;
}

.bg_product .info-content {
    font-size: 1em;
}

.bg_product .secondary-content {
    padding: 35px 10%;
    background: #962D36;
    color: #FFF;
    font-size: 1.2em;
}


.bg_product .cta {
    position: relative;
    height: 250px;
    padding: 15px 35px;
    z-index: 0;
}

.bg_product .cta.parallax .content{
    position: absolute;
    top: 0;
    left: 0;
}

.bg_product .cta .title {
    font-size: 1.5em;
    padding: 35px 0;
}

.bg_product .cta .button {
    background: transparent;
    border: 4px solid #FF9E2E;
    color: #1E1E1E;
    padding: 15px 35px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.bg_product .cta .button:hover {
    background: #FF9E2E;
    color: #FFF;
}

/* #CONTACT */
.locations {
    display: flex;
    justify-content: center;
    padding: 15px;
}

.locations .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-grow: 1;
    text-align: center;
}

@media (max-width: 425px) {
    .location-logo {
        display: none;
    }
}

@media (max-width: 425px){
    .locations .item .map iframe{
        width: 400px;
    }
}

@media (max-width: 375px){
    .locations .item .map iframe{
        width: 350px;
    }
}

@media (max-width: 320px){
    .locations .item .map iframe{
        width: 300px;
    }
}

.locations .item .map, .locations .item .info {
    padding: 0 15px;
    flex-grow: 1;
}

.locations .item .info .container {
    padding: 0 35px;
}

.locations .item .info .buttons {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding-top: 15px;
    min-width: 375px;
}

.locations .item .info .buttons .button {
    -webkit-transition:  transform ease-in-out .3s;
    -moz-transition:  transform ease-in-out .3s;
    -ms-transition:  transform ease-in-out .3s;
    -o-transition:  transform ease-in-out .3s;
    transition:  transform ease-in-out .3s;
}

.locations .item .info .buttons .button:hover {
    transform: translateY(-10px);
}

.buttons .divider {
    height: 70px;
}

@media (min-width: 1193px) {
    .locations .item .info {
        border-left: 1px solid #1E1E1E;
    }
}

.locations .item .info h1{
    margin-top: 35px;
    margin-bottom: 15px;
}

.locations .item .info .button {
    position: relative;
    display: inline-block;
    background: transparent;
    color: #1E1E1E;
    margin: 5px;
    padding: 25px;
    height: 100px;
    min-width: 100px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

@media (max-width:425px) {

    .locations .item .info .button {
        display: block;
        padding: 5px;
    }
}

.locations .item .info .button:hover {
    color: #962D36;
}

.locations .item .info .button:before {
    font-family: 'Font Awesome\ 5 Free';
        font-weight: 800;
        font-size: 30px;
        padding-top: 15px;

        left: calc(50% - 15px);/* standards-based answer for IE9+, FF16+ */
        left: -moz-calc(50% - 15px);/* support for FF4 - FF15                 */
        left: -webkit-calc(50% - 15px);/* support for Chrome19+ and Safari6+     */

        top: calc(50% - 15px);
        top: -moz-calc(50% - 15px);
        top: -webkit-calc(50% - 15px);

        position:absolute;
        z-index: -1;
}

.locations .item .info .call a,
.locations .item .info .visit a {
    border-right: 1px solid black;
}


.locations .item .info .buttons span {
    font-size: 1.2em;
    font-weight: 400;
}

.call:before {
    content: "\f095";
    color:#303030;
}

.visit:before {
    content: "\f3c5";
    color:#303030;
}

.talk:before {
    content: "\f086";
    color:#303030;
}

.page-template-contact-template .cta-container {
    padding: 15px;
}

.page-template-contact-template .cta {
    position: relative;
    height: 200px;
    padding: 15px 35px;
    z-index: 0;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.page-template-contact-template .cta .title {
    font-size: 1.5em;
    padding: 35px 0;
    text-align: center;
}

.page-template-contact-template .cta .button {
    background: transparent;
    border: 4px solid #FF9E2E;
    color: #1E1E1E;
    padding: 15px 35px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.page-template-contact-template .cta .button:hover {
    background: #FF9E2E;
    color: #FFF;
}

.contact-container {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
}

.main-contact-form {
    padding: 15px;
    width: 50%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .main-contact-form {
        width: 80%;
    }
}

.main-contact-form .nf-error-required-error{
    display: none;
}

.main-contact-form label {
    color: #FFF;
}

.main-contact-form .nf-form-title {
    color: #FFF;
    text-align: center;
    font-size: 1.5em;
    padding-bottom: 35px;
}

.main-contact-form .nf-form-title h3 {
    padding-bottom: 35px;
}

.main-field input, .main-field textarea {
    background: rgba(0,0,0, .5);
    border: 2px solid #FF9E2E;
    color: #FFF;
    font-size: 1.2em;
    padding: 5px;
    border-radius: 5px;
}

.main-field input:hover, .main-field textarea:hover {
    border: 1px solid #FFF;
}

.main-field.firstname-container, .main-field.lastname-container, .main-field.address-container, .main-field.phone-container {
    display: inline-block;
    width: 49%;                     /* poor approximation for old browsers    */
    width: calc(50% - 4px);         /* standards-based answer for IE9+, FF16+ */
    width: -moz-calc(50% - 4px);    /* support for FF4 - FF15                 */
    width: -webkit-calc(50% - 4px); /* support for Chrome19+ and Safari6+     */
}

@media (max-width: 425px) {
    .main-field.address-container, .main-field.phone-container {
        display: block;
        width: unset;
    }
}

.main-field.submit-container {
    text-align: center;
}

.main-field .submit-input {
    min-height: 54px;
    padding: 15px 25px;
    background: transparent;
    border: 4px solid #FF9E2E;
    color: #FFF;
    -webkit-transition:  background ease-in-out .5s;
    -moz-transition:  background ease-in-out .5s;
    -ms-transition:  background ease-in-out .5s;
    -o-transition:  background ease-in-out .5s;
    transition:  background ease-in-out .5s;
}

.main-field .submit-input:hover {
    border:4px solid #FF9E2E;
    background: #FF9E2E;
}

.nf-form-fields-required {
    color: #FFF;
}

/* #SUPPLIERS */
.supplier-container {
    background: #FF9E2E;
}

.supplier-row {
    padding: 15px;
    text-align: center;
}

.supplier-row .title {
    font-size: 1.5em;
    padding: 15px;
    color: #FFF;
}

.supplier-row .banner {
    width: 80%;
    height: 200px;
    margin: 0 auto;
}

.page-template-supplier-template .content {
    margin: 0 auto;
    width: 65%;
    padding: 35px 85px;
    font-size: 1.5em;
}

.page-template-supplier-template .content .container {
    text-align: center;
}

.page-template-supplier-template .content .button {
    display: inline-block;
    margin: 0 auto;
    padding: 15px 35px;
    border:4px solid #FF9E2E;
    color: #1E1E1E;
    cursor: pointer;
}

.page-template-supplier-template .content .button:hover {
    display: inline-block;
    margin: 0 auto;
    padding: 15px 35px;
    background: #FF9E2E;
    color: #FFF;
}

@media (max-width: 425px) {
    .page-template-supplier-template .content {
        text-align: center;
        width: unset;
        padding: 35px 25px;
    }
}

/* #ABOUT */
.page-template-about-template .content {
    margin: 0 auto;
    padding: 35px 85px;
    font-size: 1.2em;
}

@media (max-width: 425px) {
    .page-template-about-template .content {
        text-align: center;
        width: unset;
        padding: 35px 25px;
    }
}

.team {
    display: flex;
    flex-wrap: wrap;
    padding: 35px;
}

.team .item {
    flex-grow: 1;
    width: 200px;
    max-width: 400px;
    margin: 0 auto;
    padding: 15px;
}

.team .item .profile-image {
text-align: center;
padding: 35px;
}

.team .item .profile-image img {
    width: 150px;
    height: 150px;
}

.team .item .content {
    padding: 15px;
    border: 1px solid #1E1E1E;
    border-radius: 5px;
    text-align: center;
}

.page-template-about-template .cta {
    position: relative;
    height: 250px;
    padding: 15px 35px;
    z-index: 0;
    text-align: center;
}

.page-template-about-template .cta .title {
    font-size: 1.5em;
    padding: 35px 0;
    text-align: center;
}

.page-template-about-template .cta .button {
    background: transparent;
    border: 4px solid #FF9E2E;
    color: #1E1E1E;
    padding: 15px 35px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.page-template-about-template .cta .button:hover {
    background: #FF9E2E;
    color: #FFF;
}

/* #CAREER */
.page-template-career-template .content {
    margin: 0 auto;
    padding: 35px 85px;
    font-size: 1.2em;
}

@media (max-width: 425px) {
    .page-template-career-template .content {
        text-align: center;
        width: unset;
        padding: 35px 25px;
    }
}

.jobs-container {
    display: flex;
    flex-wrap: wrap;
    padding: 35px;
}

.jobs-container .item {
    flex-grow: 1;
    width: 200px;
    max-width: 400px;
    margin: 0 auto;
    padding: 15px;
}

.jobs-container .item .title {
    padding: 35px;
    text-align: center;
    font-size: 1.3em;
    border: 1px solid #1E1E1E;
    border-radius: 5px;
}

.jobs-container .item .content{
    margin-top: 35px;
    text-align: center;
    border: 1px solid #1E1E1E;
    border-radius: 5px;

}

.jobs-container .item .content .button {
    margin-top: 35px;
    background: transparent;
    border: 4px solid #FF9E2E;
    color: #1E1E1E;
    padding: 15px 35px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    cursor: pointer;
}

.jobs-container .item .content .button:hover {
    background: #FF9E2E;
    color: #FFF;
}

/* #LANDING */
.page-template-landing-template .editor-content {
    background: #962D36;
    color: #FFF;
    padding: 35px 85px;
    font-size: 1.2em;
}

@media (max-width: 425px) {
    .page-template-landing-template .editor-content {
        text-align: center;
        width: unset;
        padding: 35px 25px;
    }
}

.page-template-landing-template .header-tiles {
    display: flex;
    flex-wrap: wrap;
}

.header-tiles .tile-left,
.header-tiles .tile-right {
    flex-grow: 1;
    background-size: cover;
    background-position: center;
    padding: 35px;
    min-width: 300px;
}

.header-tiles .tile-left h3,
.header-tiles .tile-right h3{
    text-align: center;
    padding: 35px;
    font-size: 2em;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -ms-transition: transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.header-tiles .tile-left h3:hover,
.header-tiles .tile-right h3:hover{
    transform: scale(1.2);
}



.page-template-landing-template .cta-container .cta {
    position: relative;
    height: 250px;
    padding: 15px 35px;
    z-index: 0;
}

.page-template-landing-template .cta-container .cta.parallax .content{
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 35px;
}

.page-template-landing-template .cta-container .cta .title {
    font-size: 1.5em;
    padding: 35px 0;
}

.page-template-landing-template .cta-container .cta .button {
    background: transparent;
    border: 4px solid #FF9E2E;
    color: #1E1E1E;
    padding: 15px 35px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.page-template-landing-template .cta-container .cta .button:hover {
    background: #FF9E2E;
    color: #FFF;
}

/* #THANK-YOU */
.thankyou {
    height: 100%;
    width:100%;
    text-align: center;
    background: #61D6A4;
}

.thankyou .thumbnail {
    background: #23B67F;
    width: 100%;
    height: 300px;
}

.thankyou .thumbnail .thumbnail-container{
    margin: 0 auto;
    padding: 15px;
    width: 250px;
}

@media (max-width: 425px) {
    .thankyou .thumbnail {
        height: 250px;
    }

    .thankyou .thumbnail .thumbnail-container{
        width: 200px;
    }
}

.thankyou .message {
    color: #FFF;
    padding: 15px;
    font-size: 1.4em;
    width: 100%;
}

.thankyou .message .title {

}

.thankyou .message content {

}

.thankyou .entry-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.thankyou .options {
    display: block;
}

.thankyou .options .button {
    display: inline-block;
    background: #FF9E2E;
    border: 4px solid #FF9E2E;
    color: #FFF;
    padding: 25px 0;
    margin: 5px 15px;
    width: 300px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

@media (max-width:1023px) {
    .thankyou .options .button {
        width: 200px;
    }
}

@media (max-width:767px) {
    .thankyou .options .button {
        width: 175px;
    }
}

@media (max-width:425px) {
    .thankyou .options .button {
        width: 80%;
    }

    .thankyou .message {
        padding: 10px;
        padding-bottom: 0;
    }
}

.thankyou .options .button:hover {
    background: transparent;
    color: #FFF;
}


/* ##FOOTER */
.footer-cta {
    background: #1E1E1E;
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.footer-cta .title {
    color: #FFF;
    text-align: center;
    font-size: 1.5em;
}

.footer-cta .contents {
    text-align: center;
    font-size: 1.3em;
}

.footer-cta .call, 
.footer-cta .visit,
.footer-cta .talk {
    position: relative;
    flex-grow:1;
    height: 100px;
    padding-top: 65px;
    min-width: 300px;
    z-index: 1;
    display: block;
    -webkit-transition:  transform ease-in-out .3s;
    -moz-transition:  transform ease-in-out .3s;
    -ms-transition:  transform ease-in-out .3s;
    -o-transition:  transform ease-in-out .3s;
    transition:  transform ease-in-out .3s;
}

.footer-cta .call:hover, 
.footer-cta .visit:hover,
.footer-cta .talk:hover {
    cursor: pointer;
    color:white;
    transform: translateY(-10px);
}

.footer-nav .why,
.footer-nav .products,
.footer-nav .flooring
{
    position: relative;
    flex-grow:1;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 300px;
    z-index: 1;
    display: block;
}

.flooring .social-nav {
    margin-left: unset;
}

.flooring .social-nav li a {
    color: #FFF;
}

.footer-cta .call:before,
.footer-cta .visit:before,
.footer-cta .talk:before {
    font-family: 'Font Awesome\ 5 Free';
        font-weight: 800;
        font-size: 125px;

        left: calc(50% - 70px);/* standards-based answer for IE9+, FF16+ */
        left: -moz-calc(50% - 70px);/* support for FF4 - FF15                 */
        left: -webkit-calc(50% - 70px);/* support for Chrome19+ and Safari6+     */

        top: calc(50% - 70px);
        top: -moz-calc(50% - 70px);
        top: -webkit-calc(50% - 70px);

        position:absolute;
        z-index: -1;
}

.footer-cta .call:before {
    content: "\f095";
    color:#303030;
    width: 150px;
}

.footer-cta .visit:before {
    content: "\f3c5";
    color:#303030;
    width: 150px;
}

.footer-cta .talk:before {
    content: "\f086";
    color:#303030;
    width: 150px;
}


.footer-cta {
    padding: 15px;
}

.footer-nav {
    padding: 15px;
}

.footer-nav {
    background: #962D36;
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media (max-width: 944px) {
    div.product-flooring-divider {
        display: none;
    }

    .footer-nav .flooring,
    .footer-cta .talk {
        border-top: 1px solid #303030;
    }

}

@media (max-width: 644px) {
    div.why-product-divider {
        display: none;
    }

    .footer-nav .products,
    .footer-cta .visit {
        border-top: 1px solid #303030;
    }

}
.footer-nav .title {
    font-size: 1.5em;
    margin: 0 auto;
    padding-bottom: 15px;
}

.footer-nav ul {
    font-size: 1.2em;
}

.footer-nav ul li a{
    color: #909090;
}

.footer-nav ul li a:hover{
    color: #FFF;
}

.footer-nav .products ul {
    padding: 15px;
    display: inline-block;
}

@media (max-width:1023px){
    .footer-nav .products ul {
        padding:unset;
        padding-top: 15px;
        display: block;
    }
}

.footer-nav .flooring ul li {
    display: inline;
}

.footer-finance {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #303030;
    color: #FFF; 
    min-height: 100px;
}

.payment-methods ul li {
    padding: 5px;
    color:#fff;
    font-size: 2em;
    display: inline;
}

.footer-finance div{
    flex-grow:1;
    min-width: 300px;
}

.footer-finance .title,
.products .subtitle {
    font-size: 1.2em;
}

@media (max-width: 370px) {
    .footer-finance .title,
.products .subtitle {
    font-size: 1em;
}
}

.footer-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #1E1E1E;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    padding: 15px;
}


.footer-info .links ul li{
    display: inline;
    border-right: 1px solid #303030;
    color: #808080;
    padding: 0 15px;
}

.footer-info .links :last-child{
    border: none;
}

@media (max-width: 1024px) {
    .footer-info .links {
        flex-grow: unset;
        width: 100%;
    }
    .footer-info .links ul li {
        padding: 0 5px;
    }
}

.footer-info .links ul li a:hover {
    color: white;
}

.footer-info .powered-by a{
    color: #FFF;
}

.footer-info .powered-by a:hover{
    color: #FF9E2E;
}

.footer-info .copyright {
    color: #808080;
}

/* #CUSTOM */
.wow {
    visibility: hidden;
}
/* ##SLIDERS */
.bg-testimonial-section {
    background-image: url('http://api.thumbr.it/whitenoise-361x370.png?background=303030ff&noise=424242&density=22&opacity=66');
}


.bg-testimonial-section .title {
    display: block;
    text-align: center;
    font-size: 2em;
    padding: 15px;
    text-align: center;
    color: #666;
    text-shadow: 0px 1px 0px rgba(10,10,10,.3), 0px -1px 0px rgba(0,0,0,.7);
}

/* This is the default class name for sliders (The container of the slides) */
.bg-testimonial-slider {

}

/* All slides regardless contain this class name */
.bg-testimonial-slider .bg-slider-item {
    text-align: center;
    background: transparent;
    color: white;
    margin: 5px;
}

/* All slides with text contain this class name as a paragraph (e.g., <div class="bg-slider-item"><p class="bg-slide-text>[TEXT IS HERE]</p></div>) */
.bg-testimonial-slider .bg-slide-text {
    font-size: 1.3em;
    padding: 15px 55px;
    color: #666;
    text-shadow: 0px 1px 0px rgba(50,50,50,.3), 0px -1px 0px rgba(0,0,0,.7);
}

@media (max-width: 425px) {
    .bg-testimonial-slider .bg-slide-text {
        font-size: 1em;
        padding: 5px 5px;
        padding-top:0;
        margin-top: 0;
    }

    .bg-testimonial-section .title {
        padding: 5px;
    }
}

/* All slides with HTML contain this class name (e.g., <div class="bg-slider-item"><div class="bg-slide-html>[HTML IS HERE]</div></div>) */
.bg-testimonial-slider .bg-slide-html {

}

/* Color of the slider arrows */
.bg-testimonial-slider .slick-prev:before,
.bg-testimonial-slider .slick-next:before {
    color: #808080;
}

.bg-testimonial-slider .slick-next
{
    right: -10px;
    top: 0;
}

.bg-testimonial-slider .slick-prev
{
    left: -20px;
    top: 0;
}

.bg-testimonial-slider .slick-next:before
{
    font-family: 'Font Awesome\ 5 Free';
    content: '\f054';
    font-weight: 800;
    font-size: 52px;
}

.bg-testimonial-slider .slick-prev:before
{
    font-family: 'Font Awesome\ 5 Free';
    content: '\f053';
    font-weight: 800;
    font-size: 52px;
}

/* CARPET */
.bg-image-section {
    background: linear-gradient(45deg, #303030 12%, transparent 0, transparent 88%, #303030 0), linear-gradient(135deg, transparent 37%, #1E1E1E 0, #1E1E1E 63%, transparent 0), linear-gradient(45deg, transparent 37%, #303030 0, #303030 63%, transparent 0) #1E1E1E;
    background-size: 25px 25px;
}

.bg-image-section .title {
    color: #FFF;
    font-size: 2em;
    padding: 15px;
    text-align: center;
}

/* This is the default class name for sliders (The container of the slides) */
.bg-image-slider {
    width: 150%;
	margin: 0 -25%;
    text-align: center;
}

.bg-image-slider .bg-slide-link {
    display: block;
    height: 100%;
    width: 100%;
}

/* All slides regardless contain this class name */
.bg-image-slider .bg-slider-item {
    height: 300px;
    background-size: cover;
    background-position: center;
}

@media (max-width: 767px) {
    .bg-image-slider .bg-slider-item {
        height: 300px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
}


@media (min-width: 768px) {
    .bg-image-slider .slick-center {
        transform: scale(1.2);
    }
}

/* All slides with HTML contain this class name (e.g., <div class="bg-slider-item"><div class="bg-slide-html>[HTML IS HERE]</div></div>) */
.bg-image-slider .slick-list {
    overflow:unset;
}

/* Color of the slider arrows */
.bg-image-slider .slick-prev:before,
.bg-image-slider .slick-next:before {
    color: #FF9E2E;
    background: rgba(255,255,255, .8);
    box-shadow: 1px 1px 1px rgba(20,20,20,.5);
    border-radius: 6px;
    padding: 3px;
}

.bg-image-slider  .slick-next
{
    right: 20%;
    z-index: 1;
}

.bg-image-slider  .slick-prev
{
    left: 17%;
    z-index: 1;
}

.bg-image-slider .slick-next:before
{
	font-family: 'Font Awesome\ 5 Free';
    content: '\f0a9';
	font-weight: 900;
    font-size: 54px;
    opacity: 1;
}

.bg-image-slider .slick-prev:before
{
	font-family: 'Font Awesome\ 5 Free';
    content: '\f0a8';
	font-weight: 900;
    font-size: 54px;
    opacity: 1;
}

@media (max-width: 425px) {
    .bg-image-slider .slick-next:before
{
    font-size: 34px;
}

.bg-image-slider .slick-prev:before
{
    font-size: 34px;
}

.bg-image-slider  .slick-next
{
    right: 13%;
    z-index: 1;
}

.bg-image-slider  .slick-prev
{
    left: 10%;
    z-index: 1;
}
}

.bg-image-slider .slick-slide {
    -webkit-transition:  transform ease-in-out .5s;
    -moz-transition:  transform ease-in-out .5s;
    -ms-transition:  transform ease-in-out .5s;
    -o-transition:  transform ease-in-out .5s;
    transition:  transform ease-in-out .5s;
}

/* #PAGE-SLIDER */
/* This is the default class name for sliders (The container of the slides) */
.bg-navigation-slider {
    text-align: center;
}

.bg-navigation-slider .bg-slide-text {
    padding-top: 35px;
    font-size: 2em;
}

.bg-navigation-slider .bg-slide-link {
    display: block;
    position: absolute;
    height: inherit;
    width: inherit;
}

/* All slides regardless contain this class name */
.bg-navigation-slider .bg-slider-item {
    height: 300px;
    margin: 0 10px;
    background-size: cover;
    background-position: center;
}

@media (max-width: 767px) {
    .bg-navigation-slider .bg-slider-item {
        height: 300px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/* Color of the slider arrows */
.bg-navigation-slider .slick-prev:before,
.bg-navigation-slider .slick-next:before {
    color: #962D36;

}

.bg-navigation-slider .slick-prev {
    left: -35px;
}

.bg-navigation-slider .slick-next:before
{
	font-family: 'Font Awesome\ 5 Free';
    content: '\f054';
    font-weight: 900;
	font-size: 54px;
}

.bg-navigation-slider .slick-prev:before
{
	font-family: 'Font Awesome\ 5 Free';
    content: '\f053';
    font-weight: 900;
	font-size: 54px;
}