/*
Theme Name: Tilebar
Description: Child theme for Tilebar
Author: Clarence Stone
Author URI: http://thisisClarence.com
Template: gillion
*/
@import url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css');body h1, body h2, body h3, body h4, body h5, body h6, .post-meta, .post-categories, .post-switch-item-right, .sh-read-later-review-score, .sh-nav li.menu-item a, .sh-nav-container li.menu-item a, .sh-comment-date a, .post-button .post-button-text, .widget_categories li, .sh-dropcaps, .sh-dropcaps-full-square, .sh-dropcaps-full-square-border, .sh-dropcaps-full-square-tale, .sh-dropcaps-square-border, .sh-dropcaps-square-border2, .sh-dropcaps-circle, .comment-body .reply, .sh-comment-form label, blockquote, blockquote:after, .post-review-score, .sh-comment-author a, .sh-header-top .sh-nav li.menu-item a, .post-quote-link-content p, .instagram-post-overlay-container, .widget_categories li .count, .sh-login-popup, .widget-learn-more, .gillion-woocommerce ul.products li.product, .gillion-woocommerce div.product div.summary>*:not(.woocommerce-product-details__short-description), .gillion-woocommerce div.product .woocommerce-tabs ul.tabs li a, .gillion-woocommerce #review_form, .gillion-woocommerce .widget_shopping_cart .cart_list>li>a:not(.remove), .gillion-woocommerce .widget_shopping_cart .total, .gillion-woocommerce .woocommerce-MyAccount-navigation ul li, .gillion-woocommerce table thead, body.woocommerce-account.woocommerce-page:not(.woocommerce-edit-address) .woocommerce-MyAccount-content>p, .gillion-woocommerce .woocommerce .button, .gillion-woocommerce #coupon_code, .sh-instagram-widget-with-button .null-instagram-feed .clear a, .sh-post-title-font,.sh-heading-font,.sh-heading-weight,#tpbr_box a{
	font-family: Manrope !important;
}
/* Add your custom CSS below */
.page-id-8819 .sh-titlebar {
    display: block !important;
}
.categoryDescription {
    position:relative;
    top:-30px;
}
/*Resource Page CSS Start*/
.resource-products-grid {
   display: grid;
    align-items: flex-start;
    padding-top: 33px;
    padding-bottom: 70px;
    grid-template-columns: repeat(4, 1fr);
	grid-gap: 60px 5.4%;
}
.vertical-align-content {
    padding-top: calc(9% - 1em);
    padding-bottom: calc(8% - 1em);
}
.resource-cpt {
    flex: 0 0 calc(25% - 28px); 
    margin-bottom: 20px;
    box-sizing: border-box;
    margin-bottom: 0px;
}
.resource-cpt h3 {
    margin-bottom: 5px;
    color: #000;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.18px;
    text-transform: uppercase;
	height: 24px;
    overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.resource-cpt .resource-featured-image {
    margin-bottom: 23px;
}
.resource-cpt p.resource-post {
    color: #515050;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: 0.14px;
    margin-bottom: 0;
}
.resource-cpt p.resource-post span {
    color: #5F6F73;
    font-weight: 500;
    letter-spacing: 0.14px;
    text-transform: lowercase;
}
.resource-cpt p.resource-post span a {
    color: #5F6F73;
}
.resource-cpt .resource-button {
    margin-top: 16px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #5D5D5D;
    margin-bottom: 0px;
    display: inline-flex;
    padding: 14px 36px;
    align-items: flex-start;
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.12px;
    text-transform: uppercase;
}
.resource-cpt .resource-button:hover {
    background-color: #5D5D5D;
    color: #fff;
}
.resource-related {
    position: relative;
}
.resource-related-image {
	display: block;
	width: 100%;
	height: auto;
}
.resource-related-overlay  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: white;
	font-size: 20px;
	text-align: center;
}
.resource-related-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    color: #FFF;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
}
a.related-browse:hover {
    background-color: #5D5D5D;
    color: #fff;
}
.resource-related-button {
    font-size: 16px;
	margin: 20px auto 0px;
	padding: 10px 20px;
	color: white;
	border: none;
	cursor: pointer;
    background:none!important;
    text-align: center;
    top:130px;
    position: relative;
    text-decoration: none;
    opacity: 0;
    transition: all .5s ease;
    width:auto;
	display: table;
}
.resource-related-button:before{
    width: 55px;
    height: 1px;
    background: #fff;
    content: '';
    position: absolute;
    top: 35px;
}
.resource-related:hover .resource-related-button {
    opacity: 1;
    color: #fff;
    transition: all .5s ease;
 }
.resource-video h2 {
      color: #515050;
    font-family: Manrope;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.resource-video p {
        color: #5D5D5D;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.resource-video iframe {
    height: 493px;
}
.resource-video .container-fluid .vertical-align-content a {
    margin-top: 15px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #5D5D5D;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-flex;
    padding: 14px 36px;
    align-items: flex-start;
}
.resource-video .container-fluid .vertical-align-content  a:hover {
    background-color: #5D5D5D;
    color: #fff;
}

@media (min-width: 1024px) and (max-width:1250px){
   .page-id-8819 .container {
        padding-left: 0px !important;
        padding-right:0px !important;
    }
    .resource-products-grid,
    .resource-video
     {
        padding-left: 30px;
        padding-right:30px;
    }
    .resource-related-products {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .resource-video iframe {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
@media(max-width:667px) {
    .resource-center-box .form-group .form-control {
		font-size: 12px;
	}
	.resource-products-grid {
		grid-template-columns: repeat(2, 1fr);

	}
    .resource-featured-image img {
		width: 100%;
	}
    .resource-related {
		position: relative;
		width: 100%;
		margin-bottom: 20px;
		max-width: 365px;
		margin-left: 20px !important;
	}
    .resource-cpt h3 {
        font-family: Manrope;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
		height: 44px;
		text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
	.resource-center-box .form-group .form-control {
		min-width: 250px !important;
		font-style: normal;
	}
}
.resource-related-products {
   background: #F7F7F7;
    padding-top: 70px;
    padding-bottom: 70px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.resource-video {
    border-top: 1px solid #000;
}
.resource-related-products h2 {
        margin-bottom: 50px;
    color: #222;
    text-align: center;
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}
a.related-browse {
       margin-top: 53px;
    text-decoration: none;
    border: 1px solid #5D5D5D;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-flex;
    padding: 14px 36px;
    align-items: flex-start;
}
.page-id-8819 .sh-page-layout-default{
    padding-bottom: 0px !important;
}
.resource-center-box {
	display: flex;
	justify-content: center;
	align-items: center;
    padding-top: 103px;
    padding-bottom: 97px;
}
.resource-center-box form {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-left: 0px !important;
}
.resource-center-box p {
    margin-bottom: 20px;
    color: #585858;
    text-align: center;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.resource-signup-box {
	max-width: 500px;
	width: 100%;
	padding: 20px;
	border-radius: 5px;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.1); */
}
.resource-signup-heading {
    margin-bottom: 20px;
    color: #222;
    text-align: center;
    font-family: Manrope;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.resource-center-box .form-inline .form-group {
    margin-bottom: 10px;
}
.resource-center-box .form-group .form-control {
        width: 100%;
    min-width: 325px;
    border-radius: 0px;
    color: #747474;
    font-family: Rawline;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 37px;
    border: 0.75px solid #474747;
}
.resource-center-box .form-inline {
    border-radius: 0px !important;
}
.resource-center-box .btn-subscribe {
	width: 100%;
	max-width: 75px;
    height: 37px;
    margin-left: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Rawline;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #474747;
    padding: 9px 14px !important;
    border: 0px;
}
@media(min-width:991px) {
	.page-id-8819 #wrapper .container {
		max-width:100% !important;
		width:100%!important
	}
	.resource-products-result, .resource-products-grid, .resource-center-box, .resource-related-products .container-fluid, #wrapper .sh-footer .container {
		max-width:1200px !important;
	/*    width:1200px !important;
	*/    margin: auto;
	}
}
@media(min-width: 991px) {
	.resource-video .container-fluid, #wrapper .sh-footer .container {
		max-width:1200px !important;
		margin: auto;
		padding-top: 70px;
		padding-bottom: 40px;
	}
	.resource-video .container-fluid {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
/*Resource Page CSS End*/
.page-id-8819 .sh-titlebar .titlebar-title h2 {
    margin-bottom: 0;
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    text-align: left;
}
.page-id-8819 .sh-titlebar {
    background-color: #fff;
}
.title-level.sh-table-cell {
    display: none;
}
#resource-signup-form input#email::placeholder {
    font-style: normal; 
}
@media(max-width:667px) {
    .page-id-8819 .sh-titlebar .titlebar-title h2 {
        text-align: left;
    } 
}
form#sort-custom-products {
    display: inline-flex;
    width: 100%;
    max-width: 280px;
    float: right;
}
form#sort-custom-products label {
    max-width: 100%;
    margin-bottom: 5px;
    clear: both;
    display: inline-block;
    overflow: visible;
    white-space: nowrap;
    color: #515050;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.15px;
    margin-top: 15px;
    padding-right: 15px;
}
select#sort-by {
    border-radius: 50px;
    border: 1px solid #000;
    color: #515050;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.15px;
        width: 180px;
    height: 30px;
    padding: 0px;
    text-indent: 10px;
    margin-top: 12px;
}
p.resource-count {
	margin-bottom: 0px;
	margin-top: 0px;
    color: #515050;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.15px; 
}
.page-id-8819 #wrapper .sh-page-layout-default {
    top:0px
}
.expand-content {
  width:100%; 
  overflow: hidden;
}
.expand-additional-lines {
  display: none;
}

.expand-read-more {
  color: #004387 !important;
  cursor: pointer;
}

.expand-read-more:hover {
  text-decoration: underline;
}
p.expand-first-lines {
	display: contents;
	font-size: 22px;
	color: #5d5d5d;
}
p.additional-lines{
	font-size: 22px;
}
.sh-titlebar .expand-content a {
    font-size: 22px;
}
.page-id-8819 .sh-titlebar .sh-table {
	padding-bottom: 0px;
}
@media(max-width:767px) {
	.resource-related {
		margin-top: 20px;
	}
	   .related-carousel-mobile {
		display: block !important;
	}
	.resource-related-products {
	display: none !important;
		}
	.resource-video iframe {
		height: 300px !important;
		margin-top: 59px;
	}
	a.related-browse-mobile {
		margin-top: 15px;
		font-size:14px !important;
	}
	.resource-center-box {
		padding-top: 55px;
		padding-bottom: 42px;
	}
	.resource-cpt {
		margin-bottom: 0px;
	}
	.resource-video .container-fluid a {
		margin-bottom: 0px;
		margin-top: 20px;
	}
	.resource-cpt .resource-button {
		margin-bottom: 0px;
		padding: 13px 36px;
	}
	p.resource-count {
		font-size: 12px;
	}
	p.expand-first-lines, p.additional-lines, .sh-titlebar .expand-content a {
		font-size: 16px;
	}
}
@media(max-width: 667px){
	.page-id-8819 .sh-titlebar .titlebar-title h2 {
		font-size: 50px !important;
	}
    .resource-products-grid {
		padding-top: 0px;
		padding-bottom: 75px;
		grid-gap: 25px 27px;
	}
	.page-id-8819 #wrapper .sh-page-layout-default {
		padding-top: 15px;
    }
    .resource-cpt {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .resource-products-result {
		margin-bottom: 25px;
	}
}
@media(max-width:667px) {
 .page-id-8819 .container.entry-content {
        padding-left: 0px !important;
		padding-right: 0px !important;
    }    
.resource-products-result, .resource-products-grid {
	padding-left:15px;
	padding-right:15px;
}
    .resource-video .container-fluid {
	padding-left:15px;
	padding-right:15px;
}
.resource-video h2 {
	margin-top: 45px;
	font-family: Manrope;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.01em;
	text-align: left;
}
}
  @media (max-width: 767px) {
	  
	.resource-video .image img{
		width: 100%;
	}
	 .resource-video .vertical-align-content {
		padding-top: 0;
		padding-bottom: 0;
	}
	  .resource-video .container-fluid {
		margin-top: 52px !important;
		margin-bottom: 35px !important;
	}
	.page-id-8819 #wrapper .resource-products-result{
		margin-top:25px !important;
	}
	.page-id-8819 #wrapper .sh-page-layout-default {
        padding-bottom: 0px !important;
    }
.resource-video .row {
      display: flex;
      flex-direction: column-reverse; 
    }
 .page-id-8819 .sh-titlebar .container {
    padding: 0px 15px !important;
}
.page-id-8819 .sh-titlebar .sh-table {
    padding-bottom: 20px !important;
}
   .resource-signup-heading {
    margin-bottom: 20px;
    color: #222;
    font-style: normal;
    text-transform: uppercase;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: center;
}
.related-carousel-mobile h2 {
    color: #222;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 35px;
    font-family: Manrope;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-align: center;
}
.resource-video p {
    color: #5D5D5D;
    font-style: normal;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
}

  }
  @media (max-width: 1025px) {
  .page-id-8819 header.primary-mobile {
        height: auto !important;
    }

}
@media(min-width:668px) and (max-width:767px) {
    .resource-video iframe {
        margin-top: 60px;
    }
    .resource-video, .related-carousel-mobile{
        margin-left: -30px !important;
        margin-right: -30px !important;
        padding: 0px 30px !important;
    }
}
@media(min-width:768px) and (max-width:1000px) {
	.resource-video {
		padding: 50px 0px;
	}
}
  @media (min-width: 430px) and (max-width: 1025px) {
     .related-carousel-mobile h2 {
        color: #222;
        font-style: normal;
        text-transform: uppercase;
        margin-top: 35px;
        font-family: Manrope;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: center;
    }
    .resource-cpt h3 {
        font-family: Manrope;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
    }
    .resource-signup-heading {
    margin-bottom: 20px;
    color: #222;
    font-style: normal;
    text-transform: uppercase;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: center;
}
.resource-video h2 {
	margin-top: 30px;
	font-family: Manrope;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.01em;
	text-align: left;
}
.resource-video p {
    color: #5D5D5D;
    font-style: normal;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
} 
}
.page-id-8819 .subscribe-resource {
    display: none;
}
.scroll-arrow {
  width: 10%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    padding:0;
    margin:0;
    opacity: 0.5;
  font-size:34px;
  transition: 0.2s;
}
.scroll-arrow:hover {
  transition: 0.2s;
  opacity:1;
}
  ul#related-mobile-imgList {
    width: 100%;
    scroll-behavior: smooth;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
 ul#related-mobile-imgList li img {
    width: 100%;
  }
  ul#related-mobile-imgList::-webkit-scrollbar {
    display: none;
  }
  ul#related-mobile-imgList li {
    list-style: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%;
    /*filter: grayscale(100%);*/
    transition: 0.2s;
    margin-left: 14px;
  }
/* ul#related-mobile-imgList li:hover {
    transition: 0.2s;
    filter: grayscale(0);
  }*/
  .related-carousel-mobile {
    display: none;
  }
  a.related-browse-mobile {
       margin-top: 30px;
    text-decoration: none;
    border: 1px solid #5D5D5D;
    margin-bottom: 50px;
    text-transform: uppercase;
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-flex;
    padding: 14px 36px;
    align-items: flex-start;
}
  .related-carousel-mobile {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  @media(max-width: 667px){
    .related-carousel-mobile {
    display: block;
  }

  }

.resource-related-button:after {
    content: url('https://wpstage.tilebar.com/media/wysiwyg/PDP-Items/arrow-right.svg');
position: absolute;
top:14px;
margin-left: 3px;
}
a.resource-related-button {
    transition: all .5s ease;
}

@media (min-width: 768px) and (max-width: 1024px){
      .resource-related-text {    
    font-size: 18px;    
    width:100%;
}  
   .resource-video iframe {
    margin-top: 50px;
    margin-bottom: 20px;
    height:300px;
}
    .resource-products-grid {
    grid-template-columns: repeat(3, 1fr);
    }
     .resource-featured-image img {
        height:auto;
    }
	.resource-related-products, .resource-video {
		margin: 0px -30px;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
 .resource-featured-image img {
        height:auto;
    }
    .resource-products-grid {
    grid-template-columns: repeat(3, 1fr);
    }
    .resource-featured-image img {
        max-width: 100%;
    }
    .resource-products-result, .resource-products-grid, .resource-center-box, .resource-related-products .container-fluid, #wrapper .sh-footer .container {
        width: 100% !important;
    }
 .vertical-align-content {
    width: 100%;
    max-width: 1024px;
}   
.resource-video iframe {
      width: 100%;
    max-width: 950px;  
    }
}
@media (device-width: 844px) and (device-height: 390px) and (orientation:landscape) {
   .related-carousel-mobile {
		display: block;
	}
	ul#related-mobile-imgList li {
		width:31%;
	}
}
@media (min-width: 1024px) and (max-width: 1250px) {
    .sh-titlebar .container, .resource-products-result, .primary-desktop .container{
        padding: 0 30px !important;
        max-width: 1260px !important;
        width: 100% !important;
    }
}
@media (min-width: 668px) and (max-width: 767px) {
    .resource-products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(width:1024px) {
    .resource-related-products {
        margin: 0;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}
     .text-container-video {
    display: inline;
  }
p.expand-first-lines-video {
    display: contents;
	color: #5D5D5D;
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.22px;
}
.page-id-9157 .subscribe-resource {
    display: none;
}
/*Video CSS Start*/
.page-id-9157 #wrapper .sh-page-layout-default{
    top:0px;
}
.sh-page-layout-default h1.video-page-heading {
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}
.video-categories-tabs {
    max-width: 1260px !important;
    margin: 20px auto 51px;
    padding: 0 30px;
}
.video-categories-tabs ul {
    display: flex;
    grid-gap: 30px;
    flex-flow: row nowrap;
    float: none;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0;
	white-space: nowrap;
}
.video-categories-tabs ul:after,
.video-categories-tabs ul:before {
    display: none;
}
.video-categories-tabs ul li {
    border: 1px solid #000;
    text-align: center;
}
.video-categories-tabs ul li a {
    padding: 14px 36px;
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.22px;
    transition: all 0.5s;
    text-wrap: nowrap;
}
.video-categories-tabs ul li a:hover {
    background: #2F2F2F;
    color: #fff;
    transition: all 0.5s;
}
.video-categories-sections {
    max-width: 1260px !important;
    margin: auto;
    padding: 0 30px;
}
.video-categories-sections .category-section {
    padding: 0;
    margin-bottom: 120px;
}
.video-categories-sections .category-section h2 {
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.32px;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin-bottom: 43px;
}
.video-categories-sections .video-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px 58px;
}
.video-categories-sections .video-products-grid .item {
    width: 100%;
}
.video-categories-sections .video-products-grid .item .thumbnail-link {
    position: relative;
	display:block;
}
.video-categories-sections .video-products-grid .item .thumbnail-link .video-featured-image img {
    width:100% !important;
	height:auto !important;
}
.video-categories-sections .video-products-grid .item .thumbnail-link .playbutton {
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s;
}
.video-categories-sections .video-products-grid .item .thumbnail-link .playbutton:hover {
    background: #fff;
    transition: all 0.5s;
}
.video-categories-sections .video-products-grid .item .thumbnail-link .playbutton:hover:after {
    border-top: 14px solid transparent;
    border-left: 20px solid #000;
    border-bottom: 14px solid transparent;
    transition: all 0.5s;
}
.video-categories-sections .video-products-grid .item .thumbnail-link .playbutton:after {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 14px solid transparent;
    position: absolute;
    left: 7px;
    right: 0;
    top: 22px;
    margin: auto;
    content: '';
    transition: all 0.5s;
}
.video-categories-sections .video-products-grid .item .thumbnail-link .timeduration {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    padding: 0 4px;
}
.video-categories-sections .video-products-grid .item h2 {
    color: #000;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin: 15px 0 0;
    border: 0;
    padding-bottom: 0;
    text-transform: none;
}
.explore-section {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0 auto;
    padding: 93px 0;
}
.explore-section .image img{
	width:100%;
}
.explore-section-inner .image .mobileimage{
	display:none;
}
.explore-section-inner{
    max-width: 1260px !important;
    margin: auto;
    padding: 0 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 74px;
    align-items: center;
}
.explore-section .info h2 {
    color: #515050;
    font-family: Manrope;
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 29px;
    text-transform: uppercase;
}
.explore-section .info p {
    color: #5D5D5D;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.18px;
}
.explore-section .info a {
    padding: 14px 36px;
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.22px;
    border: 1px solid #2F2F2F;
    transition: all 0.5s;
    margin-top: 35px;
    display: table;
}
.explore-section .info a:hover {
    background: #2F2F2F;
    color: #fff;
    transition: all 0.5s;
}
.page-id-9157 .primary-desktop {
    z-index: 1000;
}
.video-page-modal .modal-content .modal-header .close {
    opacity: 1;
    font-size: 64px;
    font-weight: 100;
    position: absolute;
    right: -63px;
    text-shadow: none;
    color: #fff;
    top: -66px;
}
.video-page-modal .modal-content{
	border-radius:0px;
}
.video-page-modal .modal-dialog {
    max-width: 1061px;
    width: 100% !important;
    margin-top: 75px;
}
.video-page-modal .modal-content .modal-header {
    padding: 15px;
    border-bottom: 0;
}
.video-page-modal .modal-content .modal-body {
    position: relative;
    padding: 70px;
}
.video-page-modal .modal-content .modal-header {
    padding: 0 30px;
    border-bottom: 0;
}
.video-page-modal .modal-content .modal-body .video-upload iframe,
.video-page-modal .modal-content .modal-body video {
    width: 100% !important;
    height: 503px;
}
.video-page-modal .modal-content .modal-body h3 {
    color: #000;
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    margin: 40px 0px 10px;
}
.video-page-modal .modal-content .modal-body .modal-description p {
    color: #5D5D5D;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16px;
    text-transform: capitalize;
}
.video-page-modal .modal-content .modal-body .modal-description .guide-here {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16px;
    text-decoration-line: underline;
    text-transform: capitalize;
    margin: 15px 0 0;
    display: table;
}
.video-page-modal .modal-content .modal-body .modal-description .guide-here:hover {
    text-decoration-line: none;
}
.video-page-modal .modal-content .modal-body .shopallbtn {
    padding: 14px 36px;
    color: #000;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.15px;
    transition: all 0.5s;
    border: 1px solid #000;
    display: table;
    margin: 26px 0 36px;
}
.video-page-modal .modal-content .modal-body .shopallbtn:hover {
    background: #2F2F2F;
    color: #fff;
    transition: all 0.5s;
}
.video-page-modal .modal-content .modal-body .video-other-product {
    margin-bottom: 0;
}
.video-page-modal .modal-content .modal-body .video-other-product h2 {
    color: #000;
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.22px;
    text-transform: uppercase;
    margin-bottom: 25px;
	margin-top:22px;
}
.video-page-modal .other-product-thumbnail {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 43px;
}
.video-page-modal .other-product-thumbnail img{
    margin-bottom: 15px;
}
.video-page-modal .other-product-thumbnail p {
    color: #515050;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.12px;
    margin-bottom: 6px;
}
.video-page-modal .other-product-thumbnail p a {
    color: #515050;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.12px;
}
.video-page-modal .other-product-thumbnail .price {
    color: #515050;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.12px;
}
a.guide-here {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16px;
    text-decoration-line: underline;
    text-transform: capitalize;
    margin: 15px 0 0;
    display: table;
}
.share-button,
.share-button-home-popup {
    border: none;
    cursor: pointer;
    background: #fff;
    color: #5D5D5D;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 15px;
	display: flex;
    grid-gap: 8px;
}
.share-button svg,
.share-button-home-popup svg {
	width:24px;
	height:24px;
}
.share-button:hover,
.share-button-home-popup:hover{
	color: #000000;
}
.share-button:hover path,
.share-button-home-popup:hover path {
    fill: #000;
}
.share-dropdown-content,
.share-dropdown-content-home-popup {
    display: none;
    position: absolute;
    margin-top: -5px;
    width: 151px;
    box-shadow: none;
    z-index: 1;
    margin-top: 0px;
    padding: 9px 12px;
    border-radius: 4px;
    border: 1px solid #B9B9B9;
    background: #FFF;
}
.share-dropdown-content strong,
.share-dropdown-content-home-popup strong{
    color: #000;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.14px;
    margin-bottom: 5px;
    width: 100%;
    display: table;
}
.share-dropdown-content a,
.share-dropdown-content-home-popup a{
    color: #515050;
    padding: 3px 0px;
    text-decoration: none;
    display: grid;
    font-size: 12px;
    font-family: Manrope;
    line-height: 160%;
    font-weight: 500;
    letter-spacing: 0.12px;
    grid-template-columns: 15px 1fr;
    align-items: center;
    grid-gap: 5.28px;
}
.share-dropdown-content a:hover,
.share-dropdown-content-home-popup a:hover{
	color: #000000;
}
.video-hashtag{
    display: grid;
    align-items: baseline;
    grid-gap: 5px;
    margin-top: 15px;
    color: #515050;
    font-family: Manrope;
    font-size: 14px;
    grid-template-columns: 120px 1fr;
    font-style: normal;
    font-weight: 700;
    line-height: 170%; /* 23.8px */
    letter-spacing: 0.14px;
}
.video-hashtag ul{
    display: flex;
    list-style-type: none;
    align-items: center;
    margin: 0px;
    grid-gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}
.video-hashtag ul li a{
    color: #5F6F73;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.14px;
	text-transform: lowercase;
}
.video-hashtag ul li a:hover{
    color: #000;
}
.read-more-video{
	font-size:16px;
}
html.video-scroll-class {
    overflow-y: hidden !important;
}
@media (min-width:1100px) and (max-width:1200px) {
    .video-page-modal .modal-dialog {
        max-width: 880px !important;
        width: 100% !important;
    }
}
@media (min-width:768px) and (max-width:1100px) {
    .video-categories-sections .video-products-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 50px 38px;
    }
    .video-categories-tabs ul {
        grid-gap: 26px;
    }
    .video-categories-tabs ul li a {
        padding: 14px 20px;
        font-size: 16px;
    }
    .video-page-modal .modal-dialog {
        max-width: 664px !important;
        width: 100% !important;
    }
    .video-page-modal .modal-content .modal-body {
        position: relative;
        padding: 30px;
    }
	.explore-section .info h2 {
		font-size: 4.545vw;
	}
	.explore-section-inner{
		grid-gap: 30px;
	}
}
@media (min-width:768px) and (max-width:1024px) {
	.sh-page-layout-default h1.video-page-heading,
	.page-id-8819 .sh-titlebar .titlebar-title h2{
		font-size: 9.375vw;
	}
}
@media (max-width:767px) {
	p.expand-first-lines-video {
		font-size: 16px;
		font-weight: 400;
	}
	.video-sorting-dropdown.sortby .inner {
		margin: 0px auto 13px !important;
	}
    .sh-page-layout-default h1.video-page-heading {
        font-size: 50px;
        letter-spacing: 0.5px;
    }
    .video-categories-tabs ul {
        grid-gap: 5px;
        overflow: auto;
        padding-bottom: 15px;
    }
    .video-categories-tabs ul li a {
        padding: 14px 30px;
        font-size: 14px;
        letter-spacing: 0.14px;
    }
    .video-categories-tabs {
        margin: 20px auto 25px;
    }
    .video-categories-sections .category-section h2 {
        font-size: 22px;
        letter-spacing: 0.22px;
        margin-bottom: 27px;
		padding-bottom: 20px;
    }
    .video-categories-sections .video-products-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 46px 27px;
    }
    .video-categories-sections .video-products-grid .item h2 {
        font-size: 16px;
		margin-top: 27px;
    }
    .explore-section {
        padding: 56px 0;
    }
    .explore-section-inner {
        grid-template-columns: none;
        grid-gap: 38px;
    }
    .explore-section .info h2 {
        /*font-size: 32px;*/
        letter-spacing: 0.32px;
		font-size: 5.333vw;
		margin-bottom:5px;
    }
    .explore-section .info a {
        font-size: 15px;
        letter-spacing: 0.15px;
        margin-top: 22px;
    }
   .page-id-9157 .primary-mobile {
        height: auto !important;
    }
    .video-page-modal .modal-dialog {
        max-width: 100%;
        width: 100% !important;
        margin: 0px auto 0px;
    }
	.page-id-9157 #tpbr_topbar{
		z-index: 999 !important;
	}
	.video-page-modal.modal{
		/*top:40px;*/
		padding:0px !important;
	}
	.video-page-modal .modal-content .modal-body .video-upload iframe, 
	.video-page-modal .modal-content .modal-body video {
		width: 100% !important;
		min-height: 344px;
		height:100%;
	}
    .video-page-modal .modal-content .modal-body {
        position: relative;
        padding: 0px 28px 28px;
    }
    .video-page-modal .modal-content .modal-header {
        padding: 16px 24px 20px;
        border-bottom: 0;
    }
    .video-page-modal .modal-content {
        border: 0;
        border-radius: 0;
    }
    .video-page-modal .modal-content .modal-header .close {
        opacity: 1;
        font-size: 64px;
        position: relative;
        right: 0;
        color: #000;
        top: 0;
        margin-top: 0;
    }
    .video-page-modal .modal-content .modal-body h3 {
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.22px;
        margin-top: 28px;
    }
    .video-page-modal .modal-content .modal-body .modal-description p {
        font-size: 14px;
        letter-spacing: 0.14px;
    }
    .video-page-modal .modal-content .modal-body .modal-description .guide-here {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.16px;
        margin: 15px 0 0;
    }
    .video-page-modal .modal-content .modal-body .video-other-product h2 {
        font-size: 16px;
        letter-spacing: 0.22px;
    }
    .video-page-modal .other-product-thumbnail {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 5.5%;
    }
    .video-page-modal .other-product-thumbnail p {
        color: #515050;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.12px;
		margin-bottom: 0px;
    }
    .video-page-modal .other-product-thumbnail .price {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.12px;
    }
    .video-page-modal .modal-content .modal-body .video-other-product {
        margin: 40px 0px 0px;
    }
	.explore-section-inner .image .desktopimage{
		display:none;
	}
	.explore-section-inner .image .mobileimage{
		display:block;
	}
	.share-button{
		font-size: 14px;
	}
	.page-id-9157 #wrapper > .content-container.sh-page-layout-default {
        padding: 0px 0px 14px !important;
    }
	.video-categories-sections .video-products-grid .item .thumbnail-link .playbutton:hover:after {
		border-top: 12px solid transparent;
		border-left: 15px solid #000;
		border-bottom: 12px solid transparent;
	}
	.video-categories-sections .video-products-grid .item .thumbnail-link .playbutton:after {
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-left: 15px solid #fff;
		border-bottom: 12px solid transparent;
		left: 6px;
		right: 0;
		top: 11px;
	}
	.video-categories-sections .video-products-grid .item .thumbnail-link .playbutton {
		width: 47px;
		height: 47px;
	}
}
.page-template-cpt-video-page .post-content-share-mobile {
   display: block !important; 
}
.page-template-cpt-video-page .jssocials-shares {
   display: block !important; 
}
/*Video CSS END*/
.owl-nav {
    display: none !important;
}
/*Home page Start*/

.page-id-9481 #wrapper .sh-page-layout-default{
	top:0px !important;
}
.page-id-9481 #wrapper > .sh-page-layout-default{
	padding:0px 0px 120px !important;
}
.herobanner .banner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
}
.herobanner .banner .image img{
    width: 100%;
	height:100%;
}
.herobanner .content{
    background: #F7F7F7;
    /*padding: 64px 59px;*/
    position: relative;
	padding: 11% 9%;
	height:100%;
}
.herobanner .content h4{
    color: #747474;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    letter-spacing: 0.2px;
	margin-bottom: 21px;
}
.herobanner .content h2{
    color: #000;
    font-family: Manrope;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 48px */
    letter-spacing: 0.4px;
    text-transform: uppercase;
	margin-bottom: 42px;
}
.postdata{
    margin-bottom: 14px;
}
.postdata span{
   color: #5D5D5D;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.18px; 
	position:relative;
}
.hashtages {
    display: flex;
    list-style-type: none;
    align-items: center;
    margin: 0px;
    grid-gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
.hashtages span{
    color: #5F6F73;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    word-spacing: 10px;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.14px;
	text-transform: lowercase;
}
.hashtages span a{
	color: #5F6F73;
	word-spacing: 0px;
}
.herobanner a.viewallbtn{
	position:absolute;
	bottom:31px;
	font-weight: 400;
}
.featuredarticles{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 91px;
}
.featuredarticles .image img{
    width: 100%;
	height:100%;
}
.featuredarticles .content{
   /*background: #F7F7F7;
    padding: 30px 60px;*/
    position: relative;
	padding: 5% 6%;
}
.featuredarticles .content article{
    margin-bottom: 35px;
}
.featuredarticles .content article:last-child{
    margin-bottom: 0px !important;
}
.featuredarticles .content h1{
    color: #000;
    font-family: Manrope;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 57.6px */
    letter-spacing: 0.48px;
    text-transform: uppercase;
    border-bottom: 1px solid #CECECE;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.featuredarticles .content h2{
    color: #000;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.postdate span{
   color: #5D5D5D;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.18px;
	position:relative;
}
.video-sections {
    border-top: 1px solid #CECECE;
    margin-top: 77px;
    padding-top: 57px;
}
.video-sections .video-heading {
    display: flex;
    align-items: baseline;
    grid-gap: 20px;
    margin-bottom: 43px;
}
.video-sections .video-heading h2 {
    margin-bottom: 0;
    color: #000;
    font-family: Manrope;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}
.video-sections .video-heading a {
    color: #515050;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.16px;
}
.video-sections .video-heading a:hover {
    text-decoration: underline;
}
.video-sections .blog-posts-container {
    grid-gap: 20px;
    justify-content: unset;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
}
.video-sections .blog-posts-container article {
    margin: 0 !important;
    width: 100%;
}
.video-sections .blog-posts-container .post-thumbnail {
    margin-bottom: 30px;
	position:relative;
}
.video-sections .blog-posts-container .post-thumbnail > a{
    position: relative;
    display: block;
    padding-top: 69%;
}
.video-sections .blog-posts-container .post-thumbnail > a > img{
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.video-sections .post-thumbnail .share-dropdown {
    position: absolute;
    top: 0px;
    right: 0px;
}
.video-sections .post-thumbnail .share-dropdown button.share-button {
    overflow: hidden;
    text-indent: -1000px;
    background: none;
    margin-bottom: 0px;
	text-align:left;
	padding: 15px;
}
.video-sections .post-thumbnail .share-dropdown button.share-button span{
	display:none;
}
.video-sections .post-thumbnail .share-dropdown svg path {
    fill: #000;
}
.video-sections .post-thumbnail .share-dropdown .share-dropdown-content{
   right: 0px;
    left:auto;
}
.video-sections .blog-posts-container h2.entry-title {
    color: #000;
    font-family: Manrope;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.video-sections .blog-posts-container .postdate {
    margin-bottom: 10px;
}
.video-sections .blog-posts-container .postdate span {
    color: #5D5D5D;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: 0.18px;
	position:relative;
}
.postdata span:first-child,
.postdate span:first-child,
.video-sections .blog-posts-container .postdate span:first-child{
    padding-right: 14px;
    margin-right: 5px;
}
.postdata span:first-child:after,
.postdate span:first-child:after,
.video-sections .blog-posts-container .postdate span:first-child:after{
    content:"|";
    right: 0px;
    position: absolute;
}
.video-sections .blog-posts-container .hashtages {
    margin-bottom: 0;
}
.video-sections .blog-posts-container .hashtages span {
    color: #5F6F73;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.14px;
	text-transform: lowercase;
	word-spacing: 5px;
}
.video-sections .blog-posts-container .hashtages span a {
	word-spacing: 0px;
}
.findtheperfect-section {
    background: #EFEFEF;
    margin: 112px 0;
    padding: 27px 15px 37px;
}
.findtheperfect-section h2 {
    color: #000;
    font-family: Manrope;
    text-align: center;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 60.964px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}
.findtheperfect-section div {
    max-width: 810px;
    margin: auto;
}
.findtheperfect-section div ul {
    list-style-type: none;
    display: flex;
    grid-gap: 8px;
    align-items: center;
    margin: 0;
}
.findtheperfect-section div ul li {
    min-width: 157px;
    height: 44px;
    text-align: center;
}
.findtheperfect-section div ul li a {
    color: #000;
    text-align: center;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    width: 100%;
	height: 100%;
    display: table;
    line-height: normal;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    padding: 12px 5px;
	background-size: cover;
	border: 0.454px solid #000;
}
.findtheperfect-section div ul li a.bycolor{
	background-image: url("https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/06/bycolor.png");
}
.findtheperfect-section div ul li a.bycollection{
	background-image: url("https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/06/bycollections.png");
}
.findtheperfect-section div ul li a.bymaterial{
	background-image: url("https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/06/bymeterial.png");
}
.findtheperfect-section div ul li a.byapplication{
	background-image: url("https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/06/byapplications.png");
}
.findtheperfect-section div ul li a.bylooks{
	background-image: url("https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/06/bycolor.png");
}
.bestselling-section {
    background: url("https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/06/bg.png") #EFEFEF no-repeat right;
    margin: 112px 0;
    padding: 40px 77px;
}
.bestselling-section .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bestselling-section .content h1 {
    color: #000;
    font-family: Manrope;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 60.964px !important;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    max-width: 534px;
    margin: 0px;
}
.bestselling-section .content a{
    display: flex;
    width: 154px;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #222;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.16px;
    background: #fff;
    text-transform: uppercase;
    border: 1px solid #000;
    transition: all .3s;
}
.bestselling-section .content a:hover{
     background: #000;
    color: #fff;
    transition: all .3s;
}
a.viewallbtn{
    color: #515050;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.16px;
    position: relative;
}
a.viewallbtn:hover{
    text-decoration: underline;
}
.mobileviewallbtn{
	display:none;
	color: #515050;
	font-family: Manrope;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	position: absolute;
    top: 63px;
    left: 222px;
}
.mobileviewallbtn:hover{
	text-decoration:underline;
}
.featuresopt-viewbtn{
	display:none;
	color: #000;
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.16px;
}
.featuresopt-viewbtn:hover{
	text-decoration:underline;
}
.viewallbtn.featuresopt-viewbtn{
	display:block;
}
.video-sections .video-post a.thumbnail-link .playbutton {
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s;
}
.video-sections .video-post a.thumbnail-link{
    position: relative;
	display:block;
}
.video-sections .video-post a.thumbnail-link .playbutton:after {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 14px solid transparent;
    position: absolute;
    left: 7px;
    right: 0;
    top: 22px;
    margin: auto;
    content: '';
    transition: all 0.5s;
}
.tilefinder-section {
    background: #EFEFEF;
    margin: 112px 0;
    padding: 40px 77px;
	display:none;
}
.tilefinder-section .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tilefinder-section .content h1 {
    color: #000;
    font-family: Manrope;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 60.964px !important;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    max-width: 534px;
    margin: 0px;
}
.tilefinder-section .content .text a {
    display: flex;
    width: 154px;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #222;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.16px;
    background: #fff;
    text-transform: uppercase;
    border: 1px solid #000;
    transition: all .3s;
}
.tilefinder-section .content .text a:hover {
    background: #000;
    color: #fff;
    transition: all .3s;
}
@media (min-width:1025px) and (max-width:1259px){
	.herobanner .content {
		padding: 10% 9%;
	}
	.herobanner .content h2 {
		font-size: 3.177vw;
	}
	.featuredarticles .content h1 {
		font-size: 3.813vw;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	.video-sections .blog-posts-container h2.entry-title {
		font-size: 2.224vw;
	}
	.bestselling-section .content h1, .findtheperfect-section h2, .tilefinder-section {
		font-size: 4.448vw;
	}
	.featuredarticles .content h2{
		font-size: 1.589vw;
	}
	.postdate span, .video-sections .blog-posts-container .postdate span {
		font-size: 1.43vw;
	}
}
@media (min-width:768px) and (max-width:1024px){
	.herobanner .content{
		padding:5% 6%;
	}
	.herobanner .content h2 {
		font-size: 3vw;
		margin-bottom: 15px;
	}
	.herobanner .content h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.herobanner a.viewallbtn {
		bottom: 20px;
		font-size: 14px;
	}
	.featuredarticles .content h1 {
		font-size: 3vw;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	.featuredarticles .content h2{
		font-size: 14px;
		margin-bottom:5px;
	}
	.postdate span, .postdata span, .video-sections .blog-posts-container .postdate span, a.viewallbtn {
		font-size: 14px;
	}
	.featuredarticles .content article{
		margin-bottom:15px;
	}
	.video-sections .blog-posts-container h2.entry-title{
		font-size: 16px;
	}
	.bestselling-section, .tilefinder-section {
		padding: 40px 40px;
	}
	.bestselling-section .content h1, .findtheperfect-section h2, .tilefinder-section {
		font-size: 5vw;
		line-height: normal !important;
	}
	.findtheperfect-section div ul {
		overflow: auto;
		padding-bottom: 15px;
	}
}
@media (max-width:767px){
	.herobanner{
		margin: 0px -30px;
	}
	.herobanner .banner {
		grid-template-columns: none;
	}
	.herobanner .content {
		order:2;
		padding: 26px 31px 10px;
	}
	.herobanner .image {
		order:1;
	}
	.herobanner .content h4, .herobanner a.viewallbtn, .desktopviewbtn{
		display:none;
	}
	.herobanner .content h2 {
		font-size: 6.667vw;
		margin-bottom: 15px;
		max-width: 495px;
	}
	.hashtages span, .postdata span{
		color:#000;
	}
	.featuredarticles {
		grid-template-columns: none;
		margin-top: 42px;
	}
	.featuredarticles .content {
		padding: 55px 0px 20px;
		background:none;
		position:relative;
	}
	.featuredarticles .content h1 {
		color: #000;
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.22px;
		padding-bottom: 23px;
		margin-bottom: 23px;
	}
	.featuredarticles .content h2 {
		font-size: 18px;
		font-weight: 400;
		letter-spacing: 0.18px;
	}
	.postdate span {
		font-size: 16px;
		letter-spacing: 0.16px;
	}
	.featuredarticles .content article {
		margin-bottom: 23px;
	}
	.video-sections{
		margin:14px -30px 0px;
		padding-top:32px;
	}
	.video-sections .video-heading{
		margin-bottom:33px;
		padding:0px 30px;
	}
	.video-sections .video-heading a{
		font-size: 14px;
	}
	.video-sections .video-heading h2 {
		font-size: 22px;
		letter-spacing: 0.22px;
	}
	.video-sections .blog-posts-container .post-thumbnail{
		margin-bottom: 18px;
	}
	.video-sections .blog-posts-container h2.entry-title {
		font-size: 22px;
		font-weight: 400;
		letter-spacing: 0.22px;
		margin-bottom: 10px;
	}
	.video-sections .blog-posts-container{
		padding:0px 30px;
	}
	.bestselling-section {
		margin: 61px -30px;
		padding: 34px 52px;
		background: url(https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/06/mobilebg.png) #EFEFEF no-repeat right bottom;
	}
	.tilefinder-section{
		margin: 70px -30px 103px;
		padding: 0px;
		display:block;
	}
	.tilefinder-section .content {
		display: grid;
		align-items: center;
		justify-content: space-between;
		grid-template-columns: 1fr 1fr;
	}
	.tilefinder-section .content .text{
		padding: 0px 15px 0px 52px;
	}
	.tilefinder-section .content .img{
		text-align:right;
	}
	.bestselling-section .content h1, .tilefinder-section .content h1 {
		font-size: 5.333vw;
		font-weight: 500;
		letter-spacing: 0.32px;
		line-height: 100% !important;
	}
	.bestselling-section .content{
		display:block !important;
	}
	.bestselling-section .content a, .tilefinder-section .content .text a {
		width: 98.56px;
		padding: 9px 9px;
		font-size: 10px;
		font-weight: 700;
		margin-top: 12px;
	}
	.findtheperfect-section {
		background: #EFEFEF;
		margin: 70px -30px;
		padding: 36px 15px;
	}
	.findtheperfect-section h2 {
		font-size: 5.333vw;
		font-weight: 500;
		letter-spacing: 0.32px;
		margin-bottom: 21px;
	}
	.findtheperfect-section div ul {
		grid-gap: 5px;
		justify-content: center;
	}
	.findtheperfect-section div ul li {
		min-width: 103px;
		height: 28px;
	}
	.findtheperfect-section div ul li a {
		font-size: 8px;
		font-weight: 700;
		letter-spacing: 0.12px;
		padding: 8px 5px;
	}
	.postdata span:first-child:after, 
	.postdate span:first-child:after, 
	.video-sections .blog-posts-container .postdate span:first-child:after {
		content: "|";
		right: 0px;
		position: absolute;
		top: 2px;
	}
	.mobileviewallbtn, .featuresopt-viewbtn{
		display:block;
	}
	#wrapper > .sh-page-layout-default{
		padding:0px 0px 75px !important;
	}
}
@media (max-width:768px){
	.video-section-posts.home-popup-new-class{
		z-index:initial !important;
	}
	.video-section-posts.home-popup-new-class .owl-stage-outer{
		-webkit-transform: none !important;
		transform: none !important;
	}
	.video-section-posts.home-popup-new-class .owl-stage-outer .owl-stage{
		transform: none !important;
	}
}
@media (max-width:570px){	
	.findtheperfect-section div ul {
		grid-gap: 5px;
		justify-content: left;
		overflow: auto;
		padding-bottom: 15px;
	}
}
@media (max-width:480px){
	.tilefinder-section .content .text {
        padding: 0px 15px 0px 30px;
    }
}
.everykind-section {
    background: #EFEFEF;
    margin: 112px 0;
    padding: 20px 0;
}
.everykind-section .content {
    width: 100%;
    display: grid;
    grid-template-columns: 58% 42%;
    justify-content: space-between;
    align-items: center;
}
.everykind-section .content .info {
    padding: 0 10px 0 40px;
}
.everykind-section .content .info h2 {
    color: #000;
    font-family: Manrope;
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 120.736%;
    letter-spacing: 0.56px;
    margin: 0;
}
.everykind-section .content .info p {
    display: none;
}
.everykind-section .content .image {
    text-align: right;
    height: 161px;
}
.everykind-section .content .image img {
    object-fit: cover;
    object-position: left;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

@media (min-width:1051px) and (max-width:1253px){
    .everykind-section .content .info h2 {
        font-size: 4.420vw;
    }   
}
@media (min-width:768px) and (max-width:1050px){
    .everykind-section .content .info h2 {
        font-size: 4.100vw;
    }   
	.everykind-section {
		padding: 5px 0;
	}
}
@media (max-width:767px){
    .everykind-section {
        background: #EFEFEF;
        margin: 70px -30px 84px;
        padding: 3px 0;
    }
    .everykind-section .content {
        grid-template-columns: 66% 31%;
        grid-gap: 20px;
    }
    .everykind-section .content .info {
        padding: 0 0px 0 20px;
    }
    .everykind-section .content .info h2 {
        font-size: 4.667vw;
        margin-bottom: 15px;
        line-height: 120.736% !important;
    }
    .everykind-section .content .info p {
        display: block;
        max-width: 271px;
        color: #5D5D5D;
        font-family: Manrope;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.12px;
    }
    .everykind-section .content .info p a{
        font-weight: 600;
    }
}
/*Home page end*/

/*Footer CSS start*/
footer.sh-footer{
	margin-top:60px;
}
footer.sh-footer .widget-item.widget_media_image {
    padding-bottom: 0;
    margin-bottom: 30px;
}
footer.sh-footer a.contact {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
}
footer.sh-footer a.contact:hover {
    text-decoration: underline;
    color: #FFF !important;
}
footer.sh-footer .footercontact a{
    margin-bottom: 20px;
    display: block;
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    grid-gap:7px;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
	font-size: 12px;
    font-weight: 400;
}
footer.sh-footer .footercontact a:hover{
	color: #FFF !important;
	text-decoration:underline;
}
footer .links{
    margin-top: 93px;
    display: flex;
    grid-gap: 16px;
}
footer .links a{
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
    opacity: 0.5;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
}
footer .links a:hover{
    color: #FFF !important;
    text-decoration: underline;
}
footer.sh-footer .sh-footer-widgets {
    background: #1D414A !important;
    padding: 85px 0 0px !important;
	border:0px;
}
footer.sh-footer .sh-footer-widgets .container {
    padding: 0 !important;
}
footer.sh-footer .sh-footer-widgets .container .row #text-4.widget-item.widget_text p {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
}
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .widget-title {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    opacity: 0.5;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
	margin-top:15px;
    letter-spacing: 1px;
}
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .widget-title:after {
    display: none;
}
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-client-experience-container ul.menu,
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-footer-widget-4-container ul.menu,
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-about-tilebar-container ul.menu {
    list-style-type: none;
}
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-client-experience-container ul.menu li,
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-footer-widget-4-container ul.menu li,
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-about-tilebar-container ul.menu li {
    border: 0;
    padding: 10px 0;
}
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-client-experience-container ul.menu li a,
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-footer-widget-4-container ul.menu li a,
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-about-tilebar-container ul.menu li a {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
}
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-client-experience-container ul.menu li a:hover,
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-footer-widget-4-container ul.menu li a:hover,
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-about-tilebar-container ul.menu li a:hover {
	text-decoration:underline;
}
footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-footer-widget-4-container {
    margin-top: 54px;
}
footer.sh-footer .sh-footer-widgets .container .row #text-6.widget-item.widget_text {
    padding: 20px !important;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 80px;
}
footer.sh-footer .sh-footer-widgets .container .row #text-6.widget-item.widget_text .sh-widget-title-styling h3.widget-title {
    color: #FFF !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    opacity: 1 !important;
    line-height: normal;
    text-transform: capitalize;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
}
footer.sh-footer .sh-footer-widgets .container .row #text-6.widget-item.widget_text .sh-widget-title-styling h3.widget-title:after {
    display: none;
}
footer.sh-footer .sh-footer-widgets .container .row #text-6.widget-item.widget_text .textwidget p {
    font-size: 14px;
    line-height: 18px;
    color: #f3f3f3;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.4px;
    margin-top:39px;
}
footer a.jointilebartrade{
    font-weight: 700 !important;
    font-size: 12px;
    color: #323232 !important;
    background: #fff;
    padding: 13.3px 11px;
    margin-top: 20px;
    display: table;
    text-transform: uppercase;
    border: 2px solid #323232;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
}
footer a.jointilebartrade:hover{
    color: #fff !important;
    background: #000;
}
.sh-copyrights {
    padding: 0;
    background: #1D414A !important;
}
.sh-copyrights .container {
    border-top: 1px solid rgba(237, 237, 237, 0.1);
    flex-direction: row;
    align-items: center;
    padding: 30px 0 !important;
}
.sh-copyrights .container .sh-table {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sh-copyrights .container .sh-table .copyrightsection {
    display: flex;
    grid-gap: 20px;
}
.sh-copyrights .container .sh-table .copyrightsection span {
    font-size: 1.1rem;
    color: #fff;
    opacity: 0.5;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
}
.sh-copyrights .container .sh-table .copyrightsection button {
    opacity: 0.5;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    background: none;
	display: flex;
    align-items: center;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
    letter-spacing: 0.6px;
}
.sh-copyrights .container .sh-table .copyrightsection button img{
    width: 16px;
    margin-right: 10px;
}
.sh-copyrights .container .sh-table .rightsocialicon .social-media {
    display: flex;
    grid-gap: 30px;
    align-items: center;
}
.sh-copyrights .container .sh-table .rightsocialicon .social-media .letsgetsocial {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0.5;
    color: #fff;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
    letter-spacing: 0.4px;
}
.sh-copyrights .container .sh-table .rightsocialicon .social-media ul {
    list-style-type: none;
    display: flex;
    margin: 0;
    grid-gap: 15px;
}
.sh-copyrights .container .sh-table .rightsocialicon .social-media ul li img {
    max-width: unset;
}
.sh-copyrights .container .sh-table .rightsocialicon .social-media ul li .twitter img {
    width: 17px;
}
.sh-copyrights .container .sh-table .rightsocialicon .social-media ul li a:hover img{
    filter: invert(10%) sepia(2%) saturate(14%) hue-rotate(341deg) brightness(96%) contrast(96%);
}
.footer-sub-container .as-seen-on{
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 45px 10px;
}
.footer-sub-container .as-seen-on h3{
    margin: 0px;
    font-size: 15px;
    font-weight: 400;
    position: static;
    color: #aeaeae;
	font-family: 'Manrope', 'Manrope', Arial, sans-serif;
}
.footer-sub-container .as-seen-on ul{
    list-style-type: none;
    display: flex;
    align-items: center;
    margin: 0px;
}
.footer-sub-container .as-seen-on ul li img{
    width: 93px;
}
.tilebarmessage{
    font-size: 12px;
    color: #f3f3f3;
    line-height: 1.5;
    display: none;
	margin: 20px 0px 0px;
	padding: 10px 0px 32px;
	border-bottom: 1px solid rgba(237, 237, 237, 0.15);
}
@media (max-width:1250px){
    footer.sh-footer .sh-footer-widgets{
        padding: 85px 30px !important;
    }
    .sh-copyrights .container {
        padding: 30px 30px !important;
    }
}
@media (max-width:1026px){
    footer.sh-footer ul.menu .menu-item-object-custom{
        display: block !important;
    }
}
@media (min-width:768px) and (max-width:1025px){
    footer.sh-footer .sh-footer-widgets .container .row .col-md-3{
        float:left;
    }
    footer.sh-footer .sh-footer-widgets .container .row .col-md-2{
        float:left;
    }
    footer .sh-footer-widgets .row > div {
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width:768px) and (max-width:1250px){
	footer.sh-footer .sh-footer-widgets .container .row #text-6.widget-item.widget_text {
		margin-bottom: 0px;
	}
}
@media (width:768px){
	footer .footer-widget{
		display:block;
	}
	.footer-widget h3.widget-title {
        display: block !important;
    }
}
@media (max-width:767px){
	footer.sh-footer {
		margin-top: 50px;
	}
	footer.sh-footer .sh-footer-widgets {
		padding: 60px 30px 0px !important;
	}
	footer .links{
		display:none;
	}
	footer .sh-footer-widgets .row > div:not(:last-child) {
        padding-bottom: 10px;
    }
	footer.sh-footer .col-12.col-md-3{
        padding: 0px 0px 12px !important;
    }
    footer.sh-footer .footer-widget-header{
        border-bottom: 1px solid rgba(237, 237, 237, .25);
        margin-bottom: 12px;
        padding: 0px 0px 12px !important;
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        opacity: 0.5;
		position:relative;
    }
	footer.sh-footer .footer-widget-header:after{
		background: url(https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/07/footerexpand.png) no-repeat;
		position:absolute;
		right:5px;
		top:4px;
		content:'';
		width:14px;
		height:14px;
	}
	footer.sh-footer .footer-widget-header.active:after{
		background: url(https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/07/footercollapse.png) no-repeat;
		right:5px;
		top:4px;
	}
    footer.sh-footer .footer-widget{
        padding: 0px;
    }
    footer.sh-footer .footer-widget .menu{
        margin-bottom: 20px;
    }
    footer.sh-footer .footer-widget .menu li{
        display: inline-block !important;
        width: 48%;
		border-bottom:0px;
    } 
	footer.sh-footer .footer-widget .menu li a{
        color: #FFF;
		font-size: 12px;
		font-style: normal;
        font-weight: 700;
    }
    .sh-copyrights .container{
        padding:2px 15px 10px !important;
        border: 0px;
    }
    .sh-copyrights .container .sh-table .copyrightsection span{
        display: none;
    }
    .sh-copyrights .container .sh-table{
        display: block;
    }
    .rightsocialicon{
        border-top: 1px solid rgba(237, 237, 237, 0.15);
         margin-top: 15px;
        padding: 20px 0px 30px;
    }
    .sh-copyrights .container .sh-table .rightsocialicon .social-media .letsgetsocial{
        text-align: left;
    }
    .sh-copyrights .container .sh-table .rightsocialicon .social-media ul {
        grid-gap: 26px;
    }
    .footer-sub-container .as-seen-on {
        display: flex;
        padding: 16px 10px;
        flex-direction: column;
    }
    .footer-sub-container .as-seen-on h3 {
        text-align: center;
        margin-bottom: 16px;
    }
	footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .menu-footer-widget-4-container {
		margin-top: 0px;
	}
	.sh-copyrights .container .sh-table .copyrightsection button {
		font-size: 14px;
	}
	footer.sh-footer .sh-footer-widgets .container .row #text-6.widget-item.widget_text {
		padding: 0px !important;
		border-radius: 0;
		border: 0;
		margin-bottom: 20px;
	}
	.tilebarmessage{
		display:block;
	}
	.footer-sub-container .as-seen-on ul li img {
		width: 71px;
	}
	footer.sh-footer a.contact {
		font-size: 12px;
	}
}
/*Footer css end*/

/*Archive-page start*/
.archive #wrapper .sh-page-layout-default {
    padding-top: 0;
}
.archive .container {
    max-width: unset !important;
    width: 100% !important;
}
.archive-page, .archive .primary-desktop .container {
    max-width: 1200px !important;
    width: 100% !important;
    margin: auto;
}
.archive #wrapper .sh-page-layout-default{
	padding-bottom:0px !important;
}
.archive-page .topsection {
    margin:12px 0px 48px;
}
.archive-page .topsection h1 {
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.archive-page .topsection .archive-description p {
    color: #5D5D5D;
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.22px;
	max-width: 885px;
	display: block;
}
.archive-page .itemsresults {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom:15px;
}
.archive-page .itemsresults .results {
    color: #515050;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.15px;
}
.archive-page .itemsresults .sortby,
.video-sorting-dropdown.sortby .inner {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.video-sorting-dropdown.sortby .inner{
    justify-content: right;
    max-width: 1260px !important;
    margin: 0px auto 0px;
    padding: 0 30px;
}
.archive-page .itemsresults .sortby p,
.video-sorting-dropdown.sortby .inner p {
    margin: 0;
    color: #515050;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.15px;
    margin-right: 15px;
}
.archive-page .itemsresults .sortby form select,
.video-sorting-dropdown.sortby .inner form select {
    margin: 0;
    border-radius: 50px;
    border: 1px solid #000;
    width: 183px;
    height: 30px;
    padding: 3px 15px;
    color: #515050;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.15px;
	background: url("https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/07/selectboxarrow1.png") no-repeat 97%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
}
.video-sorting-dropdown.sortby .inner form select{
	width: 195px;
}
.archive-page .itemsresults .sortby .categoryfilter .sort-icon,
.video-sorting-dropdown.sortby .inner .sort-icon-video {
    margin: 0px 0px 0px 2px;
}
.archive-page .sort-icon img,
.video-sorting-dropdown.sortby .inner img {
    width: 24px;
    height: 24px;
	cursor:pointer;
}
.archive-page .sort-icon.descending img,
.video-sorting-dropdown.sortby .inner .sort-icon-video.descending img {
    transform: rotate(180deg);
}
.archive-page .category-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*grid-gap: 100px 57px;*/
	grid-gap: 100px 4.7%;
}
.archive-page .category-items .category-item {
    width: 100%;
}
.archive-page .category-items .category-item .post-thumbnail {
    margin-bottom: 20px;
}
.archive-page .category-items .category-item .post-thumbnail img{
	width:100%;
}
.archive-page .category-items .category-item span {
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
	margin-bottom: 4px;
    display: block;
}
.archive-page .category-items .category-item span a{
	color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
}
.archive-page .category-items .category-item h2 {
    color: #000;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal !important;
    letter-spacing: 0.18px;
    margin: 10px 0 10px;
    text-transform: uppercase;
}
.archive-page .category-items .category-item h2 a{
	color: #000;
}
.archive-page .category-items .category-item p {
    color: #5D5D5D;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    letter-spacing: 0.18px;
	height: 26px;
    overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.archive-page .category-items .category-item a.read-more {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.16px;
    text-decoration-line: underline;
    margin-top: 6px;
    display: block;
}
.archive-page .category-items .category-item a.read-more:hover {
    text-decoration: none;
}
/*.archive-page .pagination{
	display:none;
}*/
.archive-page .pagination {
    margin: 100px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.archive-page .pagination a,
.archive-page .pagination span {
    font-size: 14px;
    padding: 0 4px;
    color: #000;
    line-height: 20px;
    letter-spacing: 1px;
}
.archive-page .pagination span.current {
    background: #000;
    color: #fff;
    border-radius: 2px;
}
.archive .pagination .navigation.pagination{
    margin-top: 0px;
}
.archive-video-breaker{
    border-top: 1px solid #000;
    margin-top: 103px;
}
.archive-video-breaker.category-video-breaker{
	margin-top: 0px;
}
.archive-video-breaker .archive-section-inner {
    max-width: 1260px !important;
    margin: auto;
    padding: 102px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 74px;
    align-items: center;
}
.archive-video-breaker.category-video-more .archive-section-inner{
    padding: 60px 30px;
}
.archive-video-breaker .image img{
	width:100%;
}
.archive-video-breaker .info h2 {
    color: #515050;
    font-family: Manrope;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.archive-video-breaker .info p {
    color: #5D5D5D;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.18px;
}
.archive-video-breaker .info a {
    padding: 14px 36px;
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.22px;
    border: 1px solid #000;
    transition: all 0.5s;
    margin-top: 25px;
    display: table;
}
.archive-video-breaker .info a:hover {
    background: #2F2F2F;
    color: #fff;
    transition: all 0.5s;
}
.archive-page .category-items .category-item .mobile-title{
    display: none;
}
/*For image*/
.archive-page .category-items .category-item .desktop-title{
	display: block;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
	height: 48px;
}
.archive-page .category-items .category-item .post-thumbnail a{
    position: relative;
    display: block;
    padding-top: 69%;
}
.archive-page .category-items .category-item .post-thumbnail img,
.archive-page .category-items .category-item.different-image img{
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.archive-page .category-items .category-item.different-image{
    position: relative;
} 
/*For image*/
@media (min-width: 768px) and (max-width: 1100px) {
    .archive-video-breaker .archive-section-inner {
        grid-gap: 30px;
    }
	.archive-video-breaker .info h2{
        font-size: 4vw;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.archive-page .topsection h1 {
		font-size: 9.377vw;
	}
}
@media (max-width:1250px){
    .archive-video-breaker, .resource-related-products {
        margin-left: -30px !important;
        margin-right: -30px !important;
    }
}
@media (max-width:767px){
	.archive-page .topsection {
		margin: 33px 0px 43px;
	}
	.archive-page .topsection h1 {
		font-size: 50px;
		font-weight: 500;
		letter-spacing: 0.5px;
		margin-bottom: 12px;
	}
	.archive-page .topsection .archive-description p {
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0.16px;
	}
	.archive-page .category-items {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 47px 27px;
	}
	.archive-page .category-items .category-item span a {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.12px;
	}
	.archive-page .category-items .category-item h2 {
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0.16px;
	}
	.archive-page .category-items .category-item p {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.12px;
		height: 34px;
		-webkit-line-clamp: 2;
		-moz-line-clamp: 2;
	}
	.archive-page .category-items .category-item a.read-more {
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.14px;
		margin-top: 9px;
	}
	.archive-page .itemsresults .results {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.12px;
	}
	.archive-page .itemsresults .sortby p {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.12px;
		margin-right: 10px;
	}
	.archive-page .itemsresults .sortby form select {
		width: 144px;
		height: 30px;
		padding: 5px 15px;
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.15px;
		background-size: 13%;
		background: url(https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/07/selectboxarrow1.png) no-repeat 93%;
		background-size: 13%;
	}
	.archive-page .itemsresults .sortby {
		margin-bottom: 5px;
	}
	.archive-video-breaker .archive-section-inner {
        grid-template-columns: none;
        grid-gap: 38px;
        padding: 50px 30px;
    }
    .archive-video-breaker .info h2 {
        letter-spacing: 0.32px;
        font-size: 22px;
        margin-bottom: 15px;
    }
    .archive-video-breaker .info p {
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0.16px;
    }
    .archive-video-breaker .info a {
        padding: 14px 36px;
        font-size: 14px;
        letter-spacing: 0.22px;
    }
	.archive #wrapper .sh-page-layout-default {
		top: 0;
	}
	.archive-video-breaker .archive-section-inner .info{
        order:2;
    }
    .archive-video-breaker .archive-section-inner .image{
        order:1;
    }
	.archive-video-breaker.category-video-more .archive-section-inner {
		padding: 50px 30px;
	}
	.archive-page .category-items .category-item .mobile-title{
		display: block;
		display: -webkit-box;
		display: -moz-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		height: 42px;
	}
	.archive-page .category-items .category-item .desktop-title{
		display: none;
	}
	.archive-page .itemsresults .sortby p, 
	.video-sorting-dropdown.sortby .inner p {
		margin: 0;
		color: #515050;
		font-size: 12px;
		font-weight: 400;
		margin-right: 10px;
	}
	.video-sorting-dropdown.sortby .inner form select {
		width: 166px;
		font-size:12px;
	}
	.archive-page .category-items .category-item span {
		font-size: 12px;
	}
}
@media (max-width: 667px) {
    .archive .related-carousel-mobile {
        margin: 0px -30px;
    }
}
@media (max-width: 767px) {
	body .mobile-nav-header .mobile-logo {
		text-align: center;
		margin: 0 auto;
		left:0;
		right: 0; 
		position: absolute;
		z-index: 0;
		width: 225px;
	}
}
/*Archive-page end*/
/*single post start start*/
.single-post-tilebar .col-md-8 {
     width: 76%; padding-right: 100px;
}
 .single-post-tilebar .col-md-8 .post .post-categories-container .post-categories a {
     font-size: 18px;
     line-height: 24.5px;
     color: #515050;
}
 .single-post-tilebar .col-md-8 .post .entry-title {
    font-size: 65px;
    line-height: 85px !important;
    font-weight: 500;
    color: #2F2F2F;
    /* font-size: 3.4vw; */
    /* line-height: 4.5vw !important; */
    text-transform: uppercase;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content {
     display: flex;
     align-items: center;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-date {
     color: #515050;
     font-size: 16px;
     font-weight: 400;
     line-height: 21px;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-date:after {
     height: 15px;
     top: 3px;
     background-color: #515050;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-auhor-date-full {
     display: none;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-readtime {
     color: #515050;
     font-size: 16px;
     font-weight: 400;
     line-height: 21px;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-readtime i {
     display: none;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-readtime span {
     color: #515050;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-readtime:after {
     background-color: #000000;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-views {
     font-size: 14px;
     line-height: 19px;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-views i:before {
     font-size: 20px;
     color: rgba(81,80,80,0.84);
     vertical-align: bottom;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .share-dropdown {
     flex: auto;
     display: flex;
     justify-content: flex-end;
}
 .single-post-tilebar .col-md-8 .post .post-meta-content .share-dropdown .share-button {
     margin: 0;
}
 .single-post-tilebar .col-md-8 .content-images-post {
     margin-top: 40px;
}
 .single-post-tilebar .col-md-8 .content-images-post p {
     font-size: 18px;
     font-weight: 400;
     color: #5D5D5D;
     line-height: 30px;
     letter-spacing: 1px;
     margin-bottom: 20px;
     display: block;
     width: 100%;
}
 .single-post-tilebar .col-md-8 .content-images-post ul li {
     font-size: 18px;
     font-weight: 400;
     color: #5D5D5D;
     line-height: 30px;
     letter-spacing: 1px;
     width: 100%;
}
 .single-post-tilebar .col-md-8 .content-images-post h2, .single-post-tilebar .col-md-8 .content-images-post h3 {
     font-size: 22px;
     font-weight: 700;
     color: #5D5D5D;
     line-height: 30px !important;
     letter-spacing: 1px;
     margin-top: 30px;
}
 .single-post-tilebar .col-md-8 .content-images-post ul {
     padding-left: 30px;
}
 .single-post-tilebar .col-md-8 .content-images-post .wp-block-image {
     display: block;
}
 .single-post-tilebar .col-md-8 .content-images-post .wp-block-image + h2, .single-post-tilebar .col-md-8 .content-images-post .wp-block-image + p {
     display: block;
}
 .single-post-tilebar .related-aricle-sidebar {
     width: 23.7%;
     margin-left: 0;
}
 .single-post-tilebar .related-aricle-sidebar .video-heading h2 {
     font-size: 22px;
     line-height: 43px !important;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 24px;
}
 .single-post-tilebar .related-aricle-sidebar .video-section-posts article.blog-post .video-post {
     margin-bottom: 39px;
}
 .single-post-tilebar .related-aricle-sidebar .video-section-posts article.blog-post .video-post h2 {
     font-size: 22px;
     font-weight: 400;
     line-height: 26px !important;
     text-transform: uppercase;
     padding: 22px 0 7px 0;
     margin: 0;
}
 .single-post-tilebar .related-aricle-sidebar .video-section-posts article.blog-post .video-post h2 a {
     color: #000000;
}
 .single-post-tilebar .related-aricle-sidebar .video-section-posts article.blog-post .video-post .postdate span {
     color: #5D5D5D;
     font-size: 18px;
     font-weight: 300;
     line-height: 21px !important;
     padding-right: 10px;
     margin-right: 0px;
}
 .single-post-tilebar .related-aricle-sidebar .video-section-posts article.blog-post .video-post .postdate span + span {
     padding-right: 0px;
}
 .single-post-tilebar .related-aricle-sidebar .video-section-posts article.blog-post .video-post .hashtages li {
     color: #5F6F73;
     margin-top: 11px;
     font-size: 14px;
     font-weight: 500;
     line-height: 16.8px !important;
     float: left;
     padding-right: 10px;
}
 .single-featured-tag {
     font-size: 22px;
     line-height: 37px;
     font-weight: 700;
     color: #515050;
     max-width: 900px;
     text-align: left;
     margin: 37px 0 72px;
     padding-left: 45px;
}
 .single-featured-tag a {
     font-size: 22px;
     line-height: 26px;
     font-weight: 500;
     color: #5F6F73;
     letter-spacing: 1px;
     padding-left: 20px;
}
 .single-post-banner {
    display: block;
    width: 100%;
    padding: 0;
    background: url('https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/10/explore-image.png') #EFEFEF no-repeat right;
    background-size: 48% 100%;
}
.single-post-banner .explore-content {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 40px 35px 40px 45px;
}
 .single-post-banner h2 {
     font-size: 56px;
     max-width: 400px;
     margin-bottom: 0px;
     line-height: 60px !important;
     text-transform: uppercase;
}
 .single-post-banner a {
     background: #ffffff;
     border: 1px solid #000000;
     padding: 14px 20px;
     font-size: 16px;
     font-weight: 700;
     line-height: 21px;
     height: auto;
     color: #222222;
}
 .single-related-post {
     margin-top: 95px;
     text-align: center;
     padding-top: 58px;
     border-top: 1px solid #000000;
     padding-bottom: 40px;
}
 .single-related-post h2 {
     font-size: 32px;
     line-height: 43px !important;
     font-weight: 500;
     text-transform: uppercase;
     color: #222222;
     margin-bottom: 28px;
}
 .single-related-post .related-post-item {
     text-align: left;
     margin-right: 30px;
}
 .single-related-post .related-post-item .related-post-category {
     font-size: 15px;
     font-weight: 400;
     line-height: 20px;
     padding-top: 18px;
     padding-bottom: 5px;
     color: #2F2F2F;
}
 .single-related-post .related-post-item h3 {
     font-size: 18px;
     font-weight: 500;
     line-height: 24px !important;
     text-transform: uppercase;
     letter-spacing: 0.1px;
}
 .single-related-post .related-post-item .read-more-button {
     border: 1px solid #000000;
     padding: 14px 36px;
     font-size: 15px;
     font-weight: 700;
     line-height: 20px !important;
     display: inline-block;
     width: auto;
     text-transform: uppercase;
}
.single-related-post .related-post-thumbnail {
    position: relative;
    display: block;
    padding-top: 69%;
}
.single-related-post .related-post-thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
#post-imageModal{
    overflow-x: hidden;
    overflow-y: auto;
}
#post-imageModal .modal-contentpost {
    padding: 98px 70px 54px;
    max-width: 1061px;
    width: 100% !important;
    margin-top: 75px;
    position: relative;
}
#post-imageModal .closepost {
    opacity: 1;
    font-size: 64px;
    font-weight: 100;
    right: 35px;
    top: 35px;
    position: absolute;
    text-shadow: none;
    color: #000000;
    line-height: 0.4;
}
#post-imageModal .post-video-other-product h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #000000;
    text-transform: uppercase;
    margin-top: 50px;
}
#post-imageModal .post-video-other-product .post-other-product-thumbnail {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 43px;
}
#post-imageModal .post-video-other-product .post-other-product-thumbnail .post-other-product-inner {
    max-width: 134px;
    display: flex;
    flex-direction: column;
}
#post-imageModal .post-video-other-product .post-other-product-thumbnail .post-other-product-inner p {
    margin-top: 14px;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    flex: auto;
}
#post-imageModal .post-video-other-product .post-other-product-thumbnail .post-other-product-inner .post-price {
    font-size: 12px;
    line-height: 16px;
}
.post-popup-content iframe,
.post-popup-content img,
.post-popup-content video {
    max-height: 700px;
    width: 100%;
}
.post-popup-content h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px !important;
    padding-top: 27px;
}
.post-popup-content .post-popup-feature {
    margin-bottom: 27px;
}
.post-popup-content .post-popup-feature span {
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
    color: #515050;
}
.post-popup-content .post-popup-feature a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #5F6F73;
    padding-left: 13px;
}
.post-popup-content .post-button {
    height: auto;
    display: inline-grid;
}
.post-popup-content .post-button a {
    border: 1px solid #000000;
    padding: 14px 36px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.tilefinder-section.post-tf{
    display: none;
}
html.post-scroll-class {
    overflow-y: hidden;
}
.post-popup-content .post-popup-feature a:hover {
    color: #000000;
}
.post-popup-content .post-button a.shopallbtn:hover {
   background: #2F2F2F;
    color: #fff;
    transition: all 0.5s;
}
.single-related-post  .related-post-item:last-child {
    margin-right: 0px;
}
.single-post-banner a:hover, .single-related-post .related-post-item .read-more-button:hover {
    background: #2F2F2F;
    color: #fff;
    transition: all 0.5s;
}
.single-featured-tag a:hover {
    color: #000000;
}
.hashtages span a:hover {
    color: #000;
}
.single-post-tilebar {
    padding-top: 26px;
}
.single-related-post{
   margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    background: #f7f7f7;
}
.single-related-post .related-posts{
    max-width: 1200px;
    margin: 0 auto;   
}
.single-related-post .related-posts .row{
    margin-right: -41px;  
}
.related-posts .col-md-4 {
    padding: 0 41px 0 15px;
}
@media(max-width: 991px){
    .single-related-post .col-md-4:last-child .related-post-item {
  border-bottom: 0px;
}
    .single-related-post{
        padding-bottom: 0px;
    }
    .related-posts .col-md-4 {
        padding: 0 15px 0 15px;
    }
    .single-related-post .related-posts .row {
        margin-right: -15px;
    }
    /*.postid-10018 header.primary-mobile {
        height: auto !important;
    }*/
    .single-related-post header.primary-mobile {
        height: auto !important;
    }
    .container.single-post-tilebar {
        padding: 0 !important;
    }
    .single-post-tilebar .col-md-8 {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .single-post-tilebar .col-md-8 .post .post-categories-container .post-categories {
        padding-top: 15px;
    }
    .single-post-tilebar .col-md-8 .post .entry-title {
        font-size: 50px;
        line-height: 68px !important;
        margin-bottom: 15px;
    }
    .container.single-post-tilebar .row {
        margin: 0;
    }
    .single-post-tilebar .col-md-8 .post .post-meta-content{
        flex-wrap: wrap;
    }
    .single-post-tilebar .col-md-8 .post .post-meta-content .post-date, .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-readtime,  {
        font-size: 14px;
        line-height: 19px;
    }
    .single-post-tilebar .col-md-8 .post .post-meta-content .share-dropdown{
          justify-content: flex-start;
        padding-top: 10px;
        display: block;
        width: 100%;
    }
    .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-views::after,
    .single-post-tilebar .col-md-8 .post .post-meta::after  {
        background-color: transparent;
    }
    .single-post-tilebar .col-md-8 .content-images-post p, .single-post-tilebar .col-md-8 .content-images-post ul li{
        font-size:14px;
        line-height: 23px;
    }
    .single-post-tilebar .col-md-8 .content-images-post h2, .single-post-tilebar .col-md-8 .content-images-post h3{
        font-size: 18px;
    }
    .single-post-tilebar .col-md-8 .content-images-post .wp-block-image figure {
        margin: 10px 0 30px;
        float: none;
        margin: 0 auto;
    }
    .single-post-tilebar .col-md-8 .content-images-post ul li{
        margin-bottom:10px;
    }
    .single-post-tilebar .related-aricle-sidebar{
        display: none;
    }
    .single-featured-tag{
        font-size: 14px;
        line-height: 22px;
        margin: 30px 0 58px;
    }
    .single-featured-tag a {
        font-size: 14px;
        line-height: 22px;
        padding-left: 10px;
    }
    .single-related-post{
        padding-top: 58px;
        margin: 0px -30px 0px;      
    }
    .related-posts {
        padding: 0 55px;
    }
    .single-related-post .related-post-item {
        padding-bottom: 29px;
        margin-bottom: 19px;
        border-bottom: 1px solid #000000;
    }
    .single-related-post .related-post-thumbnail img {
        display: none;
    }
    .single-related-post .related-post-thumbnail{
        padding-top: 0;
    }
    .single-related-post .related-post-item .related-post-category{
        padding-top: 0px;
    }
    .single-related-post .col-md-4:first-child .related-post-thumbnail img {
        display: block;
    }
    .single-related-post .col-md-4:first-child .related-post-thumbnail{
        padding-top: 69%;
    }
    .single-related-post .related-post-item .related-post-category{
        padding-top: 0px;
    }
    .single-related-post .col-md-4:first-child .related-post-item .related-post-category{
        padding-top: 18px;
    }
    .post-popup-content .post-popup-feature span {
        font-size: 12px;
        line-height: 20px;      
    }
    #post-imageModal .modal-contentpost{
        padding: 85px 26px 54px;
        margin: 0;
    border: none;
    }
    .post-popup-content h3 {
        font-size: 22px;
        padding-top: 50px;
    }
    .post-popup-content .post-popup-feature a {
        font-size: 12px;
        line-height: 20px;
    }
    #post-imageModal .post-video-other-product .post-other-product-thumbnail{
        gap: 45px;
    }
    .single-post-banner{
        display: none;
    }
    .tilefinder-section.post-tf{
        display: block; padding: 0;
    }
}
@media(max-width: 767px){
    .single-related-post .col-md-4:last-child .related-post-item {
  border-bottom: 0px;
}
.single-post-tilebar .col-md-8 .post .entry-title {
        font-size: 50px;
        line-height: 68px !important;
        margin-bottom: 15px;
        font-size: 8.34vw;
        line-height: 11.34vw !important;
}
#post-imageModal .closepost{
    right: 25px;
}
.tilefinder-section.post-tf {
        margin: 70px -30px 38px;
        padding: 0px;
        display: block;
    }
}
.single-post-tilebar .col-md-8 .post .post-meta-content .share-dropdown-content {
    margin-top: 30px;
}
@media(min-width: 1024px) and (max-width: 1200px){
    .single-related-post .related-posts{
        padding:0 30px;
    }
    .single-post-tilebar {
        padding: 26px 0 0 !important;
    }
    .single-post-banner h2 {
        font-size: 35px;
        max-width: 275px;
        line-height: 40px !important;
    }
}
@media(min-width: 768px) and (max-width: 1200px){
    .tilefinder-section.post-tf .text {
        padding: 0px;
        width: 65%;
        display: flex;
        align-items: center;
    }
    section.tilefinder-section.post-tf h1 {
        font-size: 4vw;
        line-height: 36px !important;
        padding: 0 30px;
        max-width: 100%;
    }
    .tilefinder-section.post-tf .content .text a{
        width: 125px;
        padding: 10px 10px;
        font-size: 13px;
    }
}
 /*end single post ends*/
/*Header start*/
@media (min-width: 768px) {
    body .mobile-nav-trigger {
        display: none;
    }
}

body .sh-header-top {
    background: #272424 !important;
    min-height: 40px;
    padding:0px;
}
body .sh-header-top .container {
    max-width: 100% !important;
    width: 100% !important;
}
body .sh-header-top .sh-table {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between;
    align-items: center !important;
    padding: 0px !important;
}
body .sh-header-top li a {
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
}
body .sh-header-top .promo-text p, body .sh-header-top .promo-text a {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
body #custom-search-container #search-icon {
    position: absolute;
    right: 40px;
    margin-top: -50px;
    z-index: 999999;
}
body .sh-header-top .promo-text a{
    text-decoration: underline;
}
body .sh-header-top .header-social-media:before {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    padding-right: 19px;
}
body .sh-header-top .header-social-media {
    display: inline-flex;
}
body .sh-header-top .header-social-media a {
    padding: 0;
    display: inline-block;
    height: auto;
    line-height: 1;
}

body .sh-header-top .header-social-media a.social-media-facebook i::before {
    background: url('https://wpstage.tilebar.com/learn/wp-content/uploads/2024/09/fb.svg');
    content: '';
    width: 25px;
    height: 25px;
    display: block;
}
body .sh-header-top .header-social-media a.social-media-twitter i::before {
    background: url('https://wpstage.tilebar.com/learn/wp-content/uploads/2024/09/x.svg');
    content: '';
    width: 25px;
    height: 25px;
    display: block;
}
body .sh-header-top .header-social-media a.social-media-instagram i::before {
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    background: url('https://wpstage.tilebar.com/learn/wp-content/uploads/2024/09/insta.svg');
}

body .sh-header-top .header-social-media a.social-media-linkedin {
    padding: 3.5px 6px 6px 6.5px;
}
body .sh-header-2 {
    border: none;
}
body .sh-header-2 .container {
    max-width: 100% !important;
    width: 100% !important;
}
body .sh-header-2 .sh-header-logo-container {
    display: block !important;
    margin: 0 auto !important;
    max-width: 1200px; 
     padding: 28.5px 0 !important;
}

body .sh-header-2 .sh-table .sh-header-nav-container {
    border-top: 0.5px solid #000000;
    border-bottom: 0.5px solid #000000;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container {
    margin: 0 auto;
    padding: 0 38px;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav {
    float: none;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li {
    padding: 0 40px 0 0;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li a {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.22px;
    text-transform: uppercase;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li a:after {
    content: '';
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li.current-menu-item a {
    font-weight: 700;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li .sub-menu {
    background: #ffffff;
    padding: 0;
    border-radius: 0;
    max-width: 430px;
    width: 100%;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li .sub-menu li {
    padding: 0;
    border-bottom: 1px solid #CECECE;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li .sub-menu li a {
    padding: 16px 24px;
    color: #2F2F2F;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.22px;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li .sub-menu li a img {
    width: 20px;
    height: 20px;
    margin-left: 15px;
    margin-top: -3px;
}

body #custom-search-container {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}
body #custom-search-container #search-box {
    padding: 0px;
    border: 0;
    position: relative;
    box-shadow: none;
}
body #custom-search-container #search-box form {
    display: block;
    width: 100%;
}
body #custom-search-container #search-box input,
body #custom-search-container #search-box input::placeholder {
    padding: 25px 0;
    margin: 0;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: 0.18px;
    width: 100%;
}
body #custom-search-container #search-box input{
    padding-left:24px !important;
}
#close-search{margin-right: -10px;}

body #custom-search-container #search-box #close-search i::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background: url('https://cdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/wpstage.tilebar.com/learn/wp-content/uploads/2024/09/Close_square.png');
    margin-top: 10px;
}
body nav#header-custom-navigation {
    position: relative;
     max-width: 1200px;
    margin: 0 auto;
}

body #custom-search-container #search-box:before {
    content: '';
    border-top: 0.5px solid #000;
    display: block;
    width: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    z-index: 9;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
}
body #custom-search-container #search-icon{
    margin-top: 12px;
    top: 0;
    right: 0;
    position: absolute;
}
body .sh-header-top .sh-table .sh-nav-container ul li a:hover{
    text-decoration: none;
}
body .sh-header-top .promo-text p, body .sh-header-top .promo-text a:hover{
    text-decoration: none;
}
body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container{
    max-width: 1200px;
    position: relative; padding: 0;
}

body .sh-header-top .container{
    max-width: 1200px !important;
    margin: 0 auto;
}

@media (max-width: 767px) {
    body .mobile-nav-close{
        display: none;
    }
    body #tpbr_box {
        display: none;
    }
    body .sh-header-2 {
        display: none;
    }
    body .sh-header-top .sh-table {
        margin: 0;
        justify-content: center;
    }
    body .sh-header-top .sh-table .sh-table-cell {
        margin: 0;
    }
    body .sh-header-top .sh-table .promo-text,
    body .sh-header-top .sh-table .sh-header-top-meta {
        display: none;
    }
    body .mobile-nav-trigger {
        background: none;
        border: none;
        font-size: 26px;
        color: #222222;
    }
    body .mobile-nav-header {
        padding: 10px 30px;
        display: flex;
        justify-content: flex-start;
        gap: 0;
        flex-direction: row;
        align-items: center;
        text-align: center;
        border-bottom: 1px solid #000000;
        height:87px;
    }
    body .mobile-nav-header .sh-table-cell {
        display: none;
    }
    body .mobile-nav-header .mobile-nav-search {
        position: relative;
        border: none;
        background: none;
        right: 25px !important;
    }
    body .mobile-nav-header .search-bar {
        top: 146px;
        padding: 0;
        border-bottom: 1px solid #000000;
        position: absolute;
    }
    body .mobile-nav-header .search-bar label {
        width: 100%;
        margin: 0;
    }
    body .mobile-nav-header .search-bar input {
        padding: 23px 20px 23px 72px;
    }
    body .mobile-nav-header .search-bar input,
    body .mobile-nav-header .search-bar input::placeholder {
        border: none;
        width: 100%;
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 21.6px;
        letter-spacing: 0.18px;
        text-align: left;
        background: #ffffff; 
    }
    body .mobile-nav-header .search-bar .search-submit {
        display: none;
    }
    body .mobile-nav-header .search-bar .close-search {
        top: 16px;
        right: 25px;
    }
    body .mobile-nav-container {
        top: 144px;
        padding: 0;
        border-top: 1px solid #000;
    }
    body .mobile-nav-container .main-menu-container {
        max-height: 95vh;
        overflow: auto;
    }
    body .mobile-nav-container .main-menu-container .menu-custom-header-menu-container {
        max-height: 70vh;
        overflow: auto;
        margin-bottom: 0px;
    }
    body .mobile-nav-container ul.mobile-nav {
        position: relative;
    }
    body .mobile-nav-container ul.mobile-nav li {
        padding: 21px 27px;
        border-bottom: 1px solid #CECECE;
        margin: 0;
    }
    body .mobile-nav-container ul.mobile-nav li a {
        color: #2F2F2F;
        font-size: 52px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.72px;
        text-transform: uppercase; 
    }
    body .mobile-nav-container .submenu-container ul li {
        padding: 17px 20px;
        border-bottom: 1px solid #CECECE;
        margin: 0;
    }
    body .mobile-nav-container .submenu-container ul li.submenu-parent-name {
        color: #2F2F2F;
        font-size: 52px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.72px;
        text-transform: uppercase;
    } 
    body .mobile-nav-container .submenu-container ul li.menu-item a {
        color: #2F2F2F;
        font-size: 32px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.32px;
        text-transform: uppercase;
    }
    body .mobile-nav-container .mobile-social {
        display: flex;
        justify-content: center;
        position: fixed;
        z-index: 999999;
        bottom: 0;
        width: 100%;
        padding: 10px 0;
        background: #ffffff;
        align-items: center; 
    }
    body .mobile-nav-container .mobile-social p {
        color: #000;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.18px;
        padding-right: 2px;
        margin: 0;
    }
    body .mobile-nav-container .mobile-social a {
        padding-right: 0px;
          line-height: 1;
    }
    body .mobile-social a.social-media-facebook i::before {
        background: url('https://wpstage.tilebar.com/learn/wp-content/uploads/2024/09/fb-mobile.svg');
        content: '';
        width: 40px;
        height: 40px;
        display: block;
    }
    body .mobile-social  a.social-media-twitter i::before {
        background: url('https://wpstage.tilebar.com/learn/wp-content/uploads/2024/09/x-mobile.svg');
        content: '';
        width: 40px;
        height: 40px;
        display: block;
    }
    body .mobile-social a.social-media-instagram i::before {
        content: '';
        width: 40px;
        height: 40px;
        display: block;
        background: url('https://wpstage.tilebar.com/learn/wp-content/uploads/2024/09/insta-mobile.svg');
    }
    body .mobile-social  a.social-media-linkedin {
        padding: 0 15px;
         font-size: 27px; 
         margin-top: -2px;
    }
    body.navopen-class .mobile-nav-header {
         position: fixed;
         width: 100%;
         top: 58px;
         background: #ffffff;
         z-index: 9;
    }
    body.navopen-class .sh-header-top {
        position: fixed;
        width: 100%;
        top:0; 
        z-index: 9;
    } 
    body .mobile-nav-trigger, body .mobile-nav-close{
        position: relative;
        z-index: 9;
        top:0 !important;
    }
    
    
    body .mobile-nav-header .search-bar .close-search img {
        width: 40px !important;
        height: 40px !important;
    }
    body .sh-header-top .sh-table li.menu-item a {
        text-decoration: none;
        font-size: 19.016px;
        font-weight: 700;
        letter-spacing: 0.19px;
    }
    body .mobile-nav-trigger img {
        max-height: 39px;
    }
    body .mobile-nav-header .mobile-nav-search img {
        width: 22px;
    }
    body .mobile-nav-header .mobile-logo {
        text-align: center;
        margin: 0 auto;
        left:0;
        right: 0; 
        position: absolute;
        z-index: 0;
        width: 225px;
    }
}

@media(min-width: 768px) and (max-width: 1200px){
    body .sh-header-2 .container{
        padding: 0 !important;
    }
    body  #tpbr_box{
        display: none;
    }
    body .sh-header-2 .sh-header-logo-container{
        padding: 20px 20px;
    }
    body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container{
        padding: 0 20px;
    }
    body .sh-header-2 .sh-table .sh-header-nav-container .sh-nav-container .sh-nav li {
        padding: 0 20px 0 0;
    }
    body .sh-header-top .sh-table{
        padding: 0;
    }
    body .sh-header-top .header-social-media:before{
        padding-right: 5px;
    } 
    body .sh-header-2 .container {
        padding: 0 30px !important;
    }
    body #custom-search-container #search-box:before{
        margin-left: calc(-92vw / 2 + 100% / 2);
        margin-right: calc(-92vw / 2 + 100% / 2);
    }
}

/*Header end*/
/* new header css start */
@media (min-width: 768px) and (max-width: 1026px) {
    body .sh-nav-mobile .sh-nav-special, body .menu-item-object-custom {
        display: block;
    }
}

/*23-09-2024*/



/*New header css end*/


@media (max-width: 767px) {
    body .mobile-nav-menu .menu-custom-header-menu-container .menu-item ul.sub-menu{
        display:none !important;
    }
    body .submenu-container{

        max-height: 70vh; margin-bottom:0px;overflow: auto;

    }
    body .mobile-nav-container .mobile-social a.social-media-twitter{
    order: 1;
}
body .mobile-nav-container .mobile-social a.social-media-facebook{
    order: 3;
}
body .mobile-nav-container .mobile-social a.social-media-instagram{
    order: 2;
}
body .mobile-nav-container .mobile-social a.social-media-linkedin{
    order: 4;
}
}

/*End*/
body .sh-header-top .header-social-media a.social-media-twitter{
    order: 1;
}
body .sh-header-top .header-social-media a.social-media-facebook{
    order: 3;
}
body .sh-header-top .header-social-media a.social-media-instagram{
    order: 2;
}
body .sh-header-top .header-social-media a.social-media-linkedin{
    order: 4;
}
body #custom-search-container #search-icon img {
    width: 24px;
    height: 24px;
}
body #custom-search-container #search-icon{
    margin-top: 14px;
}
@media (max-width: 767px) {
    body .sh-header-top{
            padding: 19.5px 0;
    }
}
#menu-top-menu a span {
    text-decoration: underline; 
    font-weight: bold;
}
#menu-top-menu a {
    text-decoration: none;
}
body #menu-top-menu a:hover span {
text-decoration: none;
}
img.visit-img {
margin-top: -3px;
margin-right: 5px;
}
#menu-top-menu a:hover {
  color: #fff;
}
body .sh-header-top .header-social-media a.social-media-pinterest i::before {
    background: url(https://wpstage.tilebar.com/learn/wp-content/uploads/2024/10/pin.svg);
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    margin-top: 1px;
}
body .sh-header-top .header-social-media a.social-media-pinterest{
    order: 4;
}
@media (max-width: 767px) {
    body .mobile-nav-container .mobile-social a.social-media-pinterest {
        order: 4;
    }
    body .mobile-social a.social-media-pinterest i::before {
        background: url(https://wpstage.tilebar.com/learn/wp-content/uploads/2024/10/pin-mobile.svg);
        content: '';
        width: 40px;
        height: 40px;
        display: block;
    }
}
#menu-top-menu a {
 text-decoration: none;
 font-weight: 400;
}
.sh-header-top .header-social-media .social-media-pinterest, .mobile-social .social-media-pinterest{
   display: none; 
}
.sh-header-top .header-social-media .social-media-pinterest.custom-pinit, .mobile-social .social-media-pinterest.custom-pinit{
   display: block; 
}
@media(min-width: 767px){
.sh-header-height {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 99999;
}
body #custom-search-container #search-box:before{
        margin-left: calc(-98.8vw / 2 + 100% / 2);
        margin-right: calc(-98.8vw / 2 + 100% / 2);
    }  
}


@media(min-width: 1440px){
	.single-post-tilebar .col-md-8 .post .entry-title{
		font-size: 65px;
		line-height: 85px !important;
	}
}
.single-post-tilebar .post-thumbnail{
    max-width: 261px;
    max-height: 191px;
    position: relative;
    display: block;
    padding-top: 73%;
}
.single-post-tilebar .post-thumbnail img{
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.single-post-tilebar .related-aricle-sidebar .post-thumbnail{
    max-width: 261px;
    max-height: 191px;
    position: relative;
    display: block;
    padding-top: 73%;
}
.single-post-tilebar .related-aricle-sidebar .post-thumbnail img{
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.single-post-tilebar .related-aricle-sidebar .video-section-posts article.blog-post .video-post h2{
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.single-post-tilebar .related-aricle-sidebar .video-section-posts article.blog-post .video-post .postdate span{
    font-size: 16px;
}
.single-related-post .related-post-item h3{
    /*text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: flex;
    flex-grow: 1;
    min-height: 48px;*/
    text-overflow: ellipsis;
  overflow: hidden;
 -webkit-line-clamp: 2;
   display: -webkit-box;
 -webkit-box-orient: vertical;
}
.single-post-banner .explore-content{
    padding: 41px 35px 41px 45px;
}
.single-post-banner h2{
    font-weight: 400;
}
.single-post-banner a{
    text-transform: uppercase;
}
.single-post-banner{
   background-size: 46.5% 100%; 
}
.single-related-post .related-post-item h3{min-height: 48px;}
@media(max-width: 767px){
.single-post-tilebar .col-md-8 .post .post-meta-content .post-date, .single-post-tilebar .col-md-8 .post .post-meta-content .post-meta .post-readtime{
    font-size: 14px; line-height: 24px;
}
}
@media(max-width: 767px){
    footer.sh-footer .sh-footer-widgets .container .row .widget-item.widget_nav_menu .widget-title{
        font-weight: 400;
    }
}
.as-seen-on h3 span{
     font-size: 14px;
}
.mobile-copyright {
    display: none;
}
@media(max-width: 767px){
  .mobile-copyright {
    display: block;
}  
.mobile-copyright span {
font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.5);
     margin-top: 30px !important;
    display: block;
}
}
.sh-footer-widgets div#text-4 {
    display: none;
}
/*Search Result page css start*/

.search .sh-pagination.sh-default-color {
    clear: both;
}
.search .playbutton {
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s;
}
.search .playbutton:after {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 14px solid transparent;
    position: absolute;
    left: 7px;
    right: 0;
    top: 22px;
    margin: auto;
    content: '';
    transition: all 0.5s;
}
.search a.read-more,
.search .resource-button {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.16px;
    text-decoration-line: underline;
    margin-top: 6px;
    display: block;
}
/*.search .category-item span {
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}*/
.search .category-item span.post-category {
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}
/*.search .sh-header-height {
    z-index: 0 !important;
}*/
.search .blog-list .category-item p {
    color: #5D5D5D;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    letter-spacing: 0.18px;
    height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.search .blog-list .category-item h2 {
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal !important;
    letter-spacing: 0.18px;
    margin: 10px 0;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 48px;
}
.search .blog-list .category-item h2 a {
    color: #000000;
}
.search .post-category {
    color: #2F2F2F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}
.search .post-thumbnail {
    margin-bottom: 20px;
}
.search .blog-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 100px 4.7%;
    height: auto !important;
    margin: 0;
}
.search .blog-list .category-item {
    width: 100%;
    margin-bottom: 0;
}
.search .blog-list .category-item .post-thumbnail a {
    position: relative;
    display: block;
    padding-top: 69%;
    margin: 0;
}
.search .blog-list .category-item .post-thumbnail a img {
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.search .sh-pagination {
    margin: 100px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search .blog-list .video-other-product p {
    height: auto;
    -webkit-line-clamp: 2;
    line-height: 1;
}
.search .blog-list .video-other-product .price {
    padding-top: 6px;
}
@media (max-width: 767px) {
    .search .blog-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 47px 27px;
    }
    .search .category-item span {
        font-size: 12px;
    }
    .search .category-item h2 {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.16px;
    }
    .search .category-item p {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.12px;
        height: 34px;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
    }
    .search .category-item a.read-more {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.14px;
        margin-top: 9px;
    }
}
.search .modal-backdrop.fade.in {
    z-index: 99999;
}
.search.modal-open .modal {
    z-index: 999999;
}
.search .video-page-modal .modal-content .modal-body .modal-description p {
    height: auto;
    overflow: inherit;
    text-overflow: inherit;
    -webkit-line-clamp: none;
}
/* Search Result Page CSS End*/
/*Processed-by-SpeedSize:2025-07-29_19:48:35*/