/*
 Theme Name:   Haberdashery Child
 Theme URI:    http://haberdashery.mbt/haberdashery-child/
 Description:  Haberdashery Child Theme
 Author:       Mindblazetech
 Author URI:   http://www.mindblaze.net/
 Template:     haberdashery
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  haberdashery-child
*/

@import url("../haberdashery/css/theme.css");

/********configure the fonts family***************/
@font-face{font-family:'CalibreWeb-Regular';src:url(fonts/CalibreWeb-Regular.woff2) format("woff2"),url(fonts/CalibreWeb-Regular.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'CalibreWeb-RegularItalic';src:url(fonts/CalibreWeb-RegularItalic.woff2) format("woff2"),url(fonts/CalibreWeb-RegularItalic.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'TiemposTextWeb-Medium';src:url(fonts/TiemposTextWeb-Medium.woff2) format("woff2"),url(fonts/TiemposTextWeb-Medium.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'TiemposTextWeb-Regular';src:url(fonts/TiemposTextWeb-Regular.woff2) format("woff2"),url(fonts/TiemposTextWeb-Regular.woff) format("woff");font-weight:400;font-style:normal}
body{font-family:TiemposTextWeb-Medium}
html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
.full-height-remove,body.single-work{height:100%;}
.full-height-remove footer#footer{ position: static; }
/*********General  Site styles*********/

h3{font-family: 'TiemposTextWeb-Medium'; font-size: 24px; letter-spacing: 0.2px; line-height: 37px; color: #333333;}
h4{font-family: 'TiemposTextWeb-Regular'; font-size: 24px; line-height: 37px; color: #7d7d7d;}
p{font-family: 'CalibreWeb-Regular'; font-size: 16px;line-height: 24px; color:#7d7d7d; }
p a{ font-family: inherit; font-size: inherit;color: #303034; position: relative;}
a:hover{color:#000; text-decoration: none;}
h3 a {color: #333333; padding-bottom: 1px; border-bottom: solid 1px #333333;}
h3 a:hover {color: #333333;}
/*********General  Site styles with Class Name*********/
p.info-window{font-family: 'CalibreWeb-Regular'; font-size: 22px;line-height: 34px; color:#7d7d7d; }
h4.collection{font-family: 'TiemposTextWeb-Medium'; font-size: 24px; line-height: 37px; color: #303034;}
h4 span.highlight,span.highlight{ position: relative; display: inline-block;}
h4 span.highlight:before,span.highlight:before{    background: rgba(255,239,91,0.5);content: '';position: absolute;width: 100%;height: 14px;bottom: 1px;}
h4.collection span.highlight{font-family: 'TiemposTextWeb-Medium';font-size: 14px; color: rgba(255,239,91,0.5);}
span.caption{ font-family: 'CalibreWeb-RegularItalic'; font-size: 16px;line-height: 22px; color:#7d7d7d;}
.container-fluid {padding-left: 60px; padding-right: 60px;}
/*********Header styles*********/
header{ height: 100px;  padding-top: 40px; width: 100%; position: fixed;top: 0px; left: 0px; z-index: 99999; 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
header .logo { text-align: center; }
.logo img{ max-height: 25px;  }
.pos-rel{ position: relative;}
.hamburger-icon{ position: absolute; left: 15px; top: 0px;}
.menu-toggle-right {width: 25px;height: 30px;position: relative;margin: 0px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .7s ease-in-out;-moz-transition: .7s ease-in-out;-o-transition: .7s ease-in-out;transition: .7s ease-in-out;cursor: pointer;display: inline-block;}
/*.home .menu-toggle-right span{background: #fff;}*/
.menu-toggle-right span {display: block;position: absolute;height: 2px;background: #000;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;width: 22px;opacity: 0.9;}
.menu-toggle-right span:nth-child(1) {top: 0;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menu-toggle-right span:nth-child(2) {top: 6px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;width: 100%;}
.menu-toggle-right span:nth-child(3){top:12px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.menu-toggle-right.open span:nth-child(1){-webkit-transform:rotate(48deg);-moz-transform:rotate(48deg);-o-transform:rotate(48deg);transform:rotate(48deg);top:-2px;left:8px}
.menu-toggle-right.open span:nth-child(2){width:0;opacity:0}
.menu-toggle-right.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:39px;top:14px;left:8px}
/*.home-page-logo{display:none}*/
/*.home .all-page-logo{display:none}*/
/*.home .home-page-logo{display:inline-block}*/
.header-sticky{height:60px;background:#fff;padding-top:17px}
.header-sticky .hamburger-icon {top: 4px;}
/*.home .subpage-crumbs{display:none}*/
.subpage-crumbs{position:absolute;right:15px;top:0}
.subpage-crumbs a{font-size:16px;letter-spacing:.4px;line-height:22px;color:#818181;position:relative;}
.subpage-crumbs a:first-child{margin-right:10px;}
.subpage-crumbs a:hover{text-decoration: none;}
.single-work .subpage-crumbs a:first-child{margin-right:30px;}
body{padding-top:100px}
body.header-sticky-active{padding-top:60px}

#header .go-back-cross{background-image:url(images/close_button.png); width:20px; height:20px; background-size: 20px 20px; top: 4px;}
#header.background--dark:not(.header-sticky) .icon-bar{background-color:#ffffff;}
#header.background--dark:not(.header-sticky) .menu-toggle-right.open .icon-bar{background-color:#000000;}
#header.background--dark:not(.header-sticky) .slide-title p{color:#ffffff;}
#header.background--dark:not(.header-sticky) .info-layer-handler{color:#ffffff;}
#header.background--dark:not(.header-sticky) .go-back-cross{background-image:url(images/close_button_white.png);}

/*************Home Page Background Video**************/
.home.page #overlay{background-color:rgba(0,0,0,0);height:100%;left:0;position:absolute;top:0;transition:background-color 300ms ease;width:100%;overflow:hidden}
.home.page #video-wrap{position:fixed;top:-50%;left:-50%;width:200%;height:200%}
.home.page video{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;min-height:50%;min-width:50%}

/*************Main Navigation**************/

.menu-banner-container{position:fixed;left:-100px;top:0;height:100%;width:50%;background:#000;z-index:999;width:0;background:#fff;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;transform:translate3d(0,0,0);-webkit-box-shadow:0px 1px 40px 2px rgba(0,0,0,0.05);box-shadow:0px 1px 40px 2px rgba(0,0,0,0.05)}
.table-div{display:table;width:100%;table-layout:fixed;float:none;height:100%;text-align:center;overflow-y:scroll;box-sizing:content-box}
.navbar-nav{margin:0}
.table-div .main-navigation{position:fixed;top:50%;transform:translate(-50%,-50%);left:50%}
.table-div .main-navigation ul{padding:0;margin-bottom:0}
.table-div .main-navigation ul li{list-style:none}
body.toggled-right .menu-banner-container{margin-left:100px;width:450px;transform:translate3d(0,0,0)}
.toggled-right .menu-toggle-right span{color:#000;background:#000}

/*************Nav Styles**************/
.table-div .main-navigation ul li a{color:#888;font-family:TiemposTextWeb-Medium;font-size:20px;font-weight:500;line-height:35px;text-align:center; position: relative;}
.table-div .main-navigation ul li.bold-element a{color:#000}
.table-div .main-navigation ul li a:hover{text-decoration:none}
.table-div .main-navigation ul li{position:relative}
.table-div .main-navigation ul li.b-dot:after{content:'';position:absolute;height:6px;width:6px;border-radius:6px;background:#000;display:block;text-align:center;margin-left:auto;margin-right:auto;left:0;right:0;bottom:0}
li.b-dot{margin-bottom:18px;padding-bottom:25px}

/*************Home Footer Remove**************/
.home #footer{ display: none; }
/*************Home Page Styles**************/
.h-100{height:100%}
.d-flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
.pos-rel{position:relative}
.home-page-cnt{position:absolute;z-index:1;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
.haberdashey-logo{margin-top:-37px}
.haberdashey-logo img{max-height:90px}
.home-page-menu{display:none;}
.home-page-menu ul{list-style:none;padding-left:0;margin-bottom:0}
.home-page-menu ul li{list-style:none;display:inline-block}
.home-page-menu ul li:first-child{margin-right:7rem}
.home-page-menu ul li:nth-child(2){margin-left:7rem}
.home-page-menu ul li a{color:#FFF;font-family:'TiemposTextWeb-Medium';font-size:48px;font-weight:500;letter-spacing:.5px;line-height:48px;text-align:center}
.home-page-menu ul li a:hover{text-decoration:none}

/*************Philosophy page Style **************/
.top-tabs-links{text-align:center;margin-bottom:64px;margin-top:10px}
.top-tabs-links a{color:#818181;font-size:16px;letter-spacing:.4px;line-height:21px;display:inline-block;margin-left:8px;margin-right:8px;position:relative;}
.top-tabs-links a:hover{text-decoration:none;}
.top-tabs-links a.active-link{color:#000;}
.col-sm-6-custom{width:50%;float:left;}
.left-section.with-text{padding-right:6.5rem;}
.philosophy-page-container{margin-bottom:85px;}
.philosophy-page-container h3{margin-bottom:20px;margin-top:0px;line-height:30px;}
.right-section.with-text{padding-left:3.6rem;}
.philosophy-page-container .row-full:first-child .left-section h3{margin-top:0;}
.clients-list-area h3{margin-top:55px;} 
.clients-list-area ul{padding-left:0; margin-bottom:0;}
.clients-list-area ul li{list-style:none;color:#818181;font-size:16px;font-weight:300;letter-spacing:.2px;line-height:24px;font-family:'CalibreWeb-Regular'}
.list-philo {margin-top: 60px;}
.mt-0 {margin-top: 0px;}
.list-philo p+ p{margin-top:20px}

/*************Philosophy page VIMEO VIDEO **************/
.video-tb{position:relative}
.bkgd-image-style{position:relative;width:100%}
.video-wrapper{width:49.6%;position:absolute;top:0;height:auto}
a.play-pause-button{width:50px;height:50px}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
iframe #player .controls-wrapper{display:none}
.video-control{opacity:0;position:absolute;width:22.5%;height:40%;top:31%;left:38%;transition:opacity .3s}
.video-control:hover{opacity:1}
.video-control:before,.video-control:after{content:'';width:100%;height:100%;max-width:131px;background-repeat:no-repeat;background-size:100%;display:block;position:absolute}
.video-control-show{opacity:1}
.audio-control{opacity:1;position:absolute;width:6%;height:9%;bottom:3%;left:2%;transition:opacity .3s}
.audio-control:hover{opacity:1}
.audio-control:before,.audio-control:after{position:absolute;content:'';width:100%;height:100%;max-width:36px;background-repeat:no-repeat;background-size:100%;display:block}
.audio-control:before{background-position:-1% -2%;background-size:254%}
.audio-control:after{background-position:69% -1%;background-size:254%}
.audio-control.unmuted:after,.audio-control.muted:before{opacity:0}
.video-control{width:65px;height:65px;top:50%;left:50%;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:-32px}
.video-control.paused{background:url(images/play_button.png);background-size:cover}
.video-control.playing{background:url(images/pause.png);background-size:cover}
.video-wrapper1{position:relative;}
.video-wrapper1:hover .video-control{opacity:1}
.title-wrapper{text-align:center;margin:3% 0;font-size:2.5vw}

/*Footer styles*/
.wrapper#wrapper-footer{padding-top:20px;}
/*.site-footer-inner.cf {padding-left: 25px;padding-right: 25px;}*/
.site-footer-inner p{   color: #666666;   font-family: 'CalibreWeb-Regular';font-size: 11px;    font-weight: 300;   letter-spacing: 1px;    line-height: 14px;  text-align: right; padding-bottom: 20px;}
.site-footer-inner p a{  color: #666666;}

/*Press styles*/
.press-page-container{margin-bottom:85px;}
.press-text{color: #303034;font-family: 'TiemposTextWeb-Medium';   font-size: 16px; letter-spacing: 0.2px;  line-height: 21px;  text-align: center;position: relative;top: 6px;}
.box-press:hover a{ text-decoration: none; }

/*Contact Us Page*/
.box-cnt{ margin-bottom:36px;}
.mb-60{margin-bottom:60px;}
.social-links a{  display: inline-block; max-width: 25px; margin-right: 12px; }
.social-links a img{max-height: 20px;}
.contact-page-container h3{ margin-bottom: 17px; }
/*Stocklists styles*/
.stocklists-page-container{margin-bottom:85px;}
.stocklist h3{margin-top:40px;margin-bottom:30px;}

/* Newsletter Subscription - link to external form 29/03/2020 */

.newsletter_subscription_button input {
    display: block;
    width: 100%;
    padding: 8px 0;
    text-indent: 2%;
}

.newsletter_subscription_button{
	border: 0 none;
	transition: all 0.23s ease-in-out 0s;
	color: #FFFFFF;
	cursor: pointer;
	font-family: 'CalibreWeb-Regular';
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	background: #303034!important;
    border-radius: 0!important;
    width: 96%!important;
    height: 50px!important;
    margin: 10px 0 10px 0!important;
    border-radius: 0px!important;
}

.newsletter_subscription_button:hover {
    color: #303034 !important;
    background: #FFEF5B !important;
}

/* END - Newsletter Subscription - link to external form 29/03/2020 */


/*Newsletter Form*/
#mc_embed_signup {font-family: 'CalibreWeb-Regular'!important; font-size: 16px!important; line-height: 24px!important}
#mc_embed_signup form {margin-top: 0px; padding: 0!important;}
.mc-field-group{padding-bottom:0!important;}
.email {border:none!important; border-radius:0!important; background:rgba(235,235,235,0.6); width: 100%; height:50px; text-indent: 17px!important;}
label {display: block;}
.button {background: #303034!important; border-radius: 0!important; width: 100%!important; height: 50px!important; margin:20px 0 20px 0!important; }
.button:hover {color: #303034!important; background: #FFEF5B!important;}
.content__gdprLegal p{margin-bottom: 0;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {margin: 10px 0 0!important; padding: 0!important;}
#mc_embed_signup input {border-radius: 0px!important;}
#mc_embed_signup #mce-success-response {color: #000!important;}
#mc_embed_signup div#mce-responses {top: 0 !important; padding: 0 !important; width: 100% !important; margin:0 !important;}
#mc_embed_signup div.response {margin: 0 !important; padding: 0 !important; width: 100% !important; font-weight: normal !important; line-height: 160% !important;}
#mc_embed_signup input:focus {outline: none;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgba(245,245,245) inset;
}

/*********Work  styles*********/
.work-pagetop-container{margin-top:40px;}
.work-pagetop-container h3{text-align:center;line-height:42px;margin-top:24px}
.work-pagetop-container a:hover{text-decoration:none}
.work-sculpture-container{margin-bottom:0px;}
.work-sculpture-container h4{color:#303034;font-family:'TiemposTextWeb-Medium';font-size:18px;line-height:35px;margin-bottom:50px;margin-top:13px}
.work-sculpture-container a:hover{text-decoration:none}
.singlepage-container-mbt .logo{display:none}
.singlepage-container-mbt .hide-single{display:none}
.slide-title,.info-layer{display:none}
.singlepage-container-mbt .slide-title,.singlepage-container-mbt .info-layer{display:inline-block}
.tp-caption{font-family:'TiemposTextWeb-Medium'!important;font-weight:500!important;letter-spacing:.42px!important;line-height:90px!important}
.slide-title p{margin-bottom:0;color:#000;font-family:'TiemposTextWeb-Medium';font-size:24px;font-weight:500;letter-spacing:.2px;text-align:center}
.info-layer a{font-family:'CalibreWeb-Regular';color:#000;font-size:20px;font-weight:500;line-height:22px;text-align:center}
.info-layer a:hover{text-decoration:none}
.caption-detail{margin-top:10px;margin-bottom:81px}
.slider-single{padding-left:40px;padding-right:40px}
.pt-60{padding-top:60px;}
.pb-60{padding-bottom:60px;}
.intro-statement{text-align:center;padding-top:68px;padding-bottom:76px;}
.intro-statement h3{margin-bottom: 24px;}
.intro-statement p{margin-bottom:0;}
.box-option-mbt h5{color:#303034;font-family:'TiemposTextWeb-Medium';font-size:18px;letter-spacing:.2px;line-height:24px;text-align:center;margin-top:27px;margin-bottom:30px;min-height:47px}
.coll-category{margin-bottom:29px;}
.coll-category a:hover{text-decoration:none}
.hermes .tp-bullet{background-color:#fff}
.hermes .tp-bullet.selected,.hermes .tp-bullet.selected:after{background-color:rgba(255,240,92,1)}
.feature-img{margin-left:60px;margin-right:60px}
.category-name,.singlepage-category .logo,.category-page-show{display:none}
.singlepage-category .category-name{display:block}
.category-name p{margin-bottom:0;color:#000;font-family:'TiemposTextWeb-Medium';font-size:24px;font-weight:500;letter-spacing:.2px;text-align:center}
.work-img,.sculpture-img,.load-img{background:#d0d0d0}
.singlepage-category .category-page-show{display:block}
.singlepage-category .category-page-show a{color:#303034;line-height:21px}
.singlepage-category .subpage-crumbs > a{display:none}
/*.mt-40{margin-top:40px}*/
/*.mb-36{margin-bottom:36px}*/
.seprator{position:absolute;bottom:0;left:0}
.collection-template p{position:relative;margin:0;padding-bottom:1.3rem}
div#slider {overflow: hidden; margin-left: 60px; margin-right: 60px;}
/*Load More button*/
.load-more{text-align:center}
.load-more a{color:#303034;font-family:'TiemposTextWeb-Medium';font-size:16px;line-height:21px;text-align:center;text-decoration:underline}
#loading_ajax_post img{padding-top:223px;padding-bottom:30px;width:170px}
span#load-more-posts{font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;line-height:32px;color:#000;cursor:pointer}
.infor-overlay-cnt{background:#fff;position:fixed;width:100%;height:100%;top:0;left:0;right:0;padding-top:33px;z-index:99999;display:none;overflow-y:auto;}
.infor-overlay-cnt h3{text-align:center;letter-spacing: .2px;}
.infor-overlay-cnt .cross-info a img{max-width:20px}
.infor-overlay-cnt .container{margin-bottom: 60px;}
.cross-info{position:absolute;right:40px;top: 41px;}
.body-sticky-bar .cross-info{top: 24px;}
.info-body-text{text-align:center; margin-top:6rem}
.info-body-text h4{margin-bottom:20px}
.mbt-dwn-stp a{font-family:'CalibreWeb-Regular';font-size:22px;font-weight:300;letter-spacing:.28px;line-height:34px;color:#7d7d7d;text-decoration:none; position: relative;}
.mbt-dwn-stp a:hover{text-decoration:none}
.mbt-dwn-stp a:after{content:''; height: 1px; position: absolute; bottom: -2px; left: 0; width: 100%; background: #7d7d7d;}
body .rsUni .rsBullets{margin-top: -30px;     padding-top: 0px;}
body .rsUni .rsBullet {padding: 0px 5px;}
body .rsUni .rsBullet span{background-color: #ffffff;}
body .rsUni .rsBullet.rsNavSelected span{    background-color: #FFF05C;}
.subpage-crumbs a.active{ color: #000; }

/********* Product Collection *********/
/*.page-template-work_collection .subpage-crumbs a:first-child{margin-right:0px;}*/


/********** Underline **********/
.top-tabs-links a:after, .subpage-crumbs a:after, .main-navigation ul li a:before {content: ''; height: 1px; position: absolute; bottom: -2px; left: 0; width: 100%; background: #818181; visibility: hidden; transition: 0.35s linear; transform: scaleX(0);}
.top-tabs-links a.active-link:after, .subpage-crumbs a.active:after, .main-navigation ul li.bold-element a:before{background: #000;}
.top-tabs-links a:hover:after, .subpage-crumbs a:hover:after,.main-navigation ul li a:hover:before{visibility: visible; transform: scaleX(1);}
/*.main-navigation ul li.b-dot a:before{bottom: 0px;}*/
.main-navigation ul li a:hover:before{ border-bottom: 1px solid #818181;}
.main-navigation ul li.bold-element a:hover:before{border-bottom: 1px solid #000;}
/*Deactivate the underline animation on Work Single Info Layer*/
.info-layer a:hover:before, .info-layer a:hover:after{visibility: hidden; transform: scaleX(0);}
p a:after {content: ''; height: 1px; position: absolute; bottom: -2px; left: 0; width: 100%; background: #000; visibility: hidden; transition: 0.35s linear; transform: scaleX(0);}
p a:hover:after {visibility: visible; transform: scaleX(1);}

/**********Thumbnail hover animation**********/
.work-link-container a:hover img, .sculpture-link-container a:hover img, .box-option-mbt:hover .load-img img {-webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);}
.work-img,.sculpture-img,.load-img {overflow: hidden;}
.work-img img, .sculpture-img img, .load-img img {width:100%; -webkit-transition: 0.6s ease-in-out;-moz-transition: 0.6s ease-in-out;-o-transition: 0.6s ease-in-out;transition: 0.6s ease-in-out;}

div.rsArrowLeft div.rsArrowIcn{background-image: url(images/ico-arrow-left-yellow.png)!important;background-position: 50% 50%!important;background-repeat: no-repeat!important;margin-top:-15px;!important}
div.rsArrowRight div.rsArrowIcn{background-image: url(images/ico-arrow-right-yellow.png)!important;background-position: 50% 50%!important;background-repeat: no-repeat!important;margin-top:-15px;!important}
.rsUni .rsArrowIcn{opacity: 1;}
.body-sticky-bar .infor-overlay-cnt{ padding-top: 15px; }
.go-back-cross img{ max-height: 20px; }
.mobile-option{ display: none;}
.single-work .cross-of-work-detail-layerInfo{ display: none;}
body .show-mobile{ display: none; }
.edit-button-class p{ margin-bottom: 0px; }

/**********Slider Text Styling**********/
.slider-centred-text-small-white {font-size:24px;color:#ffffff;text-align:center;display:flex;justify-content:center;align-items:center;}
.slider-centred-text-small-white span{margin:0 60px;}

.slider-left-text-small-white {font-size:24px;color:#ffffff;text-align:left;display:flex;align-items:center;}
.slider-left-text-small-white span{margin:0 60px;}

.slider-centred-text-medium-white {font-size:36px;color:#ffffff;text-align:center;display:flex;justify-content:center;align-items:center;}
.slider-centred-text-medium-white span{margin:0 60px;}

.slider-left-text-medium-white {font-size:36px;color:#ffffff;text-align:left;display:flex;align-items:center;}
.slider-left-text-medium-white span{margin:0 60px;}

.slider-centred-text-large-white {font-size:48px;color:#ffffff;text-align:center;display:flex;justify-content:center;align-items:center;}
.slider-centred-text-large-white span{margin: 0 60px;}

.slider-left-text-large-white {font-size:48px;color:#ffffff;text-align:left;display:flex;align-items:center;}
.slider-left-text-large-white span{margin:0 60px;}



html {
    position: relative;
    min-height: 100%;
    min-height: 100vh;
}


/*.home .logo a{ display: none; }*/
#loading-page {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;opacity: 1;background-color: #fff;z-index: 9999999999;text-align: center;}
#loading-image {position: absolute;top: 50%;left: 50%;z-index: 100;margin-left: auto;margin-right: auto;left: 0;right: 0;}

.video-control{
        z-index: 99999;
            position: absolute;
}
    .right-section iframe{  z-index: 999;}
.iframe-mbt-vimeo{
        position: absolute;
    z-index: 9999;
    top: 0;
    width: 100%;
}

.single-work .iframe-mbt-vimeo{
	    z-index: 99;
}

.single-work .audio-control.js-audio-control{ display: none !important; }
.edit-button-class .btn-primary,.edit-button-class .btn-primary:hover{
    background-color: #e2e2e2;
    border-color: #e2e2e2;
       padding-left: 54px;
    color: #4c4c4c;  }
.edit-button-class {
    position: absolute;
    bottom: 0px;
    z-index: 99;
}

.full-height-remove .edit-button-class {
    position: relative;
    bottom: -99px;

}
.single-work .subpage-crumbs a.info-layer-handler:before{
	    content: '';
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    background: #000;
    visibility: hidden;
    transition: 0.35s linear;
    transform: scaleX(0);
}
.single-work .subpage-crumbs a.info-layer-handler:hover:before{
    visibility: visible;
    transform: scaleX(1);	
        border-bottom: 1px solid #000;
}

#header.background--dark:not(.header-sticky) .subpage-crumbs a.info-layer-handler:before, #header.background--dark:not(.header-sticky) .subpage-crumbs a.info-layer-handler:hover:before{
        border-bottom: 1px solid #fff;	
}

.single-work.layer-block {
  /*  overflow: hidden;*/
}
.no-scrollable-div.layer-block{overflow-y: inherit;}

.AdjustOverflowWidth.layer-block{ overflow: hidden; }
.hide-me{ display: none; }
.infor-overlay-cnt .justify-content-center,.infor-overlay-cnt  .cross-info{ visibility: hidden; }
.desktop-version-mbt .info-body-text{ margin-top: 0px; margin-bottom: 80px;}
.desktop-version-mbt .info-body-text p:empty{ display: none; }
a.info-layer-handler{ opacity: 0; visibility: hidden; }

/********Media Query Start******************/
@media only screen and (min-width: 1960px) and (max-width: 2000px) {
	.menu-toggle-right span:nth-child(2){
		    height: 3px;
	}
	.menu-toggle-right span:nth-child(3){
		    height: 3px;
	}
}


@media only screen and (min-width: 769px) {
    .single-page-slide{margin-bottom:114px;}
    .single-page-slide .royalSlider{position: absolute !important;left: 0;top: 0;right: 0;bottom: 0;height: auto!important;width: auto!important;}
    .fill {min-height: 100%;height: 100%;}
    .show-mobile{ display: none; }
}
@media only screen and (min-width: 768px) {
body{
    padding-bottom: 110px;
}
footer#footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.header-sticky .hamburger-icon {    top: 4px;}
.home #header.header-sticky,.home  #header {
    height: 60px;
    background: transparent;
    padding-top: 40px;
}
.cross-info{ display: none; }
.layer-block .cross-info{
    right: 60px;
    top: 40px;
    display: inline-block;

}
.body-sticky-bar.layer-block  .cross-info{
	    top: 24px;
}

}
@media only screen and (max-width: 768px) {
h3{line-height:30px;}
body{padding-top:60px}
header{padding-top:13px}
#header.header-sticky{height:50px; padding-top:13px}
.container-fluid {padding-left: 20px; padding-right: 20px;}
body.toggled-right .menu-banner-container{width:100%}
.home-page-cnt{z-index:1;}
.haberdashey-logo img{max-height:45px}
.hamburger-icon{top:3px;}
.home-page-menu ul li a{font-size:36px;font-weight:500;line-height:47px;letter-spacing:.38px;}
.home-page-menu ul li{display:block}
.home-page-menu ul li:first-child{margin-right:0;margin-bottom:70px}
.home-page-menu ul li:nth-child(2){margin-left:0}
.subpage-crumbs{display:none}
.site-footer-inner.cf{padding-left:5px;padding-right:5px}
header{height:60px;padding-top:13px}
.logo img{max-height:16px}
.top-tabs-links{margin-top:33px; margin-bottom:40px}
.col-sm-6-custom{width:100%;float:none!important}
.philosophy-page-container{margin-bottom:0;}
.philosophy-page-container h3{margin-bottom:7px;margin-top:24px!important}
.list-philo {margin-top: 0px;}
.left-section.with-text{padding-right:0; margin-bottom:30px;}
.right-section.with-text{padding-left:0; margin-bottom:30px;}
.clients-list-area h3{margin-top:0!important; margin-bottom:8px;}
.press-page-container{margin-bottom:0;}
.container{padding-right:20px;padding-left:20px}
.contact-page-container h3{ margin-bottom:7px;}
#mc_embed_signup form {margin-top: 16px;}
.box-cnt{margin-bottom:24px;}
.box-cont .mb-60{margin-bottom:0;}
.social-links a{margin-top: 23px;}
.work-link-container {margin-bottom: 30px;}
.work-link-container:last-of-type{margin-bottom:30px;}
.work-pagetop-container{margin-top:47px;}
.work-pagetop-container h3{line-height:42px; margin-top:10px; margin-bottom: 0;}
.work-sculpture-container{margin-bottom:0px;}
.work-sculpture-container h4{font-size:15px;line-height:22px;min-height:40px;margin-bottom:8px;}
.box-option-mbt h5{min-height:29px;margin-top:25px;margin-bottom:25px;}
.coll-category{margin-bottom:0px;}
.feature-img{margin-left:20px;margin-right:20px}
div#slider{margin-left:20px;margin-right:20px;}
.slider-centred-text-medium-white, .slider-left-text-medium-white, .slider-centred-text-large-white, .slider-left-text-large-white {font-size:24px;}
.intro-statement{padding-top:30px;padding-bottom:30px;}
.category-name p{font-size:16px}
p.info-window{font-size:18px;line-height:24px; padding-bottom: 5px;}
.stocklists-page-container{margin-bottom:85px;}
.stocklist h3{line-height:30px; margin-top:30px; margin-bottom:16px;}
.stocklist p:last-child{padding-bottom:24px;}



/********Single Page Start******************/
#header .go-back-cross{top: 2px;}
.single-work #header{height:50px;background:#fff;padding-top:13px}
.single-work .slide-title,.single-work .subpage-crumbs .info-layer-handler{display:none}
.single-work .logo{display:inline-block;position:relative;top:0px}
.single-work .subpage-crumbs{display:inline-block;right:20px}
.single-work .single-page-slide .royalSlider{position:relative;height:350px!important;}
.page-template-work_collectables .royalSlider, .page-template-work_products, .page-template-work_luxury,.page-template-work_collection, .royalSlider, .page-template-work_contemporary .royalSlider{ height:280px!important; }
body.single-work,body{padding-top:50px}
body .rsUni .rsBullets{margin-top:-35px}
.mobile-option{margin-top:15px; margin-bottom:25px;}
.mobile-option,.mobile-option .slide-title{display:block;text-align:center}
.slide-title p{font-size:16px; line-height:37px;}
.mobile-option a.info-layer-handler{font-size:14px;color:#000;text-decoration:none;font-family:'TiemposTextWeb-Regular';display:inline-block; border-bottom: 1px #000 solid;}
.mobile-option a.info-layer-hadler:hover{text-decoration: none;}
.single-page-slide{margin-bottom:16px;}
.single-work .caption-detail{min-height:0;margin-bottom:25px}
.single-work .info-layer a.go-back-cross{line-height:12px;position:relative;top:-5px}
.single-work .infor-overlay-cnt .col-6{flex:0 0 100%;max-width:100%}
.single-work .infor-overlay-cnt{top:47px;padding-top:0}
.single-work .infor-overlay-cnt h3{font-size:16px;line-height:37px;margin-top:18px;}
.single-work.body-sticky-bar .infor-overlay-cnt{padding-top:0}
.single-work .cross-info{right:25px;top:-33px}
.single-work .info-body-text{margin-top:29px}
.single-work .info-body-text h4{font-size:16px;line-height:30px;margin-bottom:29px}
p.info-window{letter-spacing:.22px}
.mbt-dwn-stp{margin-top:22px;}
.mbt-dwn-stp a{font-size:18px;line-height:24px;color:#7d7d7d!important;text-decoration:none;display:inline-block;margin-bottom:8px;}
body.toggled-right .menu-banner-container{z-index:999999}
header{z-index:9999999}
.toggled-right .go-back-cross{display:none!important}
.cross-of-work-detail-layerInfo img{max-height:17px}
.cross-of-work-detail-layerInfo{line-height:12px;position:relative;top:-1px}
body.toggled-right .cross-of-work-detail-layerInfo{display:none!important}
.mbt-dwn-stp .mbt-dwn-stp a{text-decoration:none;}
.hide-mobile{ display: none !important; }
/*.page-template-work_collection .subpage-crumbs{ display: inline-block;     right: 20px; }*/
body .mobile-cross{line-height: 12px;position: relative;top: 0px;}
body.toggled-right .mobile-cross{ display: none !important; } 
#large_text h3{line-height: 32px; margin-bottom: 21px;}
.page-template-work_collection .collection-template .pt-60{ padding-top: 12px; }
.page-template-work_collection .collection-template .pb-60{padding-bottom: 4px;}
 body .show-mobile.mobile-cross{ display: inline-block; }
 #header .go-back-cross {
    background-image: url(images/close_button.png);
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
    top:3px;
}

}

@media screen and (orientation:landscape)
and (min-width: 320px) 
and (max-width: 767px) {
	.table-div .main-navigation{
	position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    max-height: 65%;
    overflow: auto;
    width: 100%;
	}
body.toggled-right{ overflow: hidden; }	
.table-div .main-navigation ul{
	margin-top: 25px;
}
header{
	background: #fff;
}
}

@media only screen and (min-width: 768px) {
    .page-template-philosophy .container, .page-template-press .container, .page-template-contact .container{padding-right:42px;padding-left:42px;}
}

@media only screen and (min-width: 992px) {
    .page-template-philosophy .container, .page-template-press .container, .page-template-contact .container{padding-right:51px;padding-left:51px;}
}

@media only screen and (min-width: 1200px) {
    .page-template-philosophy .container, .page-template-press .container, .page-template-contact .container{padding-right:37px;padding-left:37px;}
}