/* -------------------------------------------------- Gerenal Classes -------------------------------------------------- */

.reverse_captcha,
.rc {
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-left: -99999px;
}

.fadein {
    opacity: 0;
}

input,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* -------------------------------------------------- Template Styles -------------------------------------------------- */
/**Lang TC**/
@font-face {
  font-family: dfliheihk;
  src: url("../font_type/DFLiHeiHK-W3.otf");
  unicode-range: U+4E00-9FFF;
}
@font-face {
  font-family: dfliheihk_regular;
  src: url("../font_type/DFLiHeiHK-W5.otf");
  unicode-range: U+4E00-9FFF;
}
@font-face {
  font-family: dfliheihk_bold;
  src: url("../font_type/DFLiHeiHK-W7.otf");
  unicode-range: U+4E00-9FFF;
}
/**Lang EN**/
@font-face {
  font-family: dinpro;
  src: url("../font_type/DINPro-Regular.otf");
  unicode-range: U+00-024F;
}
@font-face {
  font-family: dinpro_m;
  src: url("../font_type/DINPro-Medium.otf");
  unicode-range: U+00-024F;
}
@font-face {
  font-family: dinpro_light;
  src: url("../font_type/DINPro-Light.otf");
  unicode-range: U+00-024F;
}
@font-face {
  font-family: dinpro_bold;
  src: url("../font_type/DINPro-Bold.otf");
  unicode-range: U+00-024F;
}
@font-face {
  font-family: dinpro_black;
  src: url("../font_type/DINPro-Black.otf");
  unicode-range: U+00-024F;
}

/* fix for IE */

object {
    width: 100%;
}

.img-full {
    width: 100%;
}

.margin-t {
    margin-top: 125px;
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover {
    background: url("../images/common/next.png") center center no-repeat;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-prev:hover {
    background: url(../images/common/prev.png) center center no-repeat !important;
}

video {
    max-width: 100%;
    height: auto;
}

h1.title {
    font-size: 1.625em;
    font-weight: bold;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 30px 0 15px 0;
}

.button.theme1 {
	/*
    border: none;
    background: none;
    box-shadow: none;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    */
    text-transform: uppercase;
    display:block;
    text-align: center;
    background: black;
    border: 1px solid #000;
    padding: 5px 8px;
    color: #FFF;
    letter-spacing: 1.2px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-decoration: none;
}

.button.theme1:hover {
    background: #FFF;
    color: black;
    text-decoration: none;
}

.button.theme1:hover svg path {
    fill: white;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.bx-wrapper {
    margin: 0;
}

.bx-wrapper .bx-controls-direction a {
    height: 58px;
    width: 30px;
}


.bx-wrapper .bx-pager {
    bottom: 0;
    text-align: right;
    font-size: 12px;
    color: #000;
    padding: 10px;
    font-weight: normal;
    font-family: 'dfliheihk', 'dinpro', Arial;
}

.gmap {
    width: 100%;
    height: 500px;
}

*:focus {
    outline: none !important;
    box-shadow: none;
}

button:focus,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    text-decoration: none;
    outline: none !important;
    border: none;
    box-shadow: none;
}

body {
    font-size: 16px;
    /*font-family: 'Reem Kufi', 'futura-book', 'futura_bkbook', serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";*/
    font-family: 'dfliheihk', 'dinpro', Arial, sans-serif;
    color: #666;
    background-color: #000000;
}

b,
.strong {
    /*font-family: 'Reem Kufi', 'futura-bold', 'futura_bkbook', serif, helvetica, arial, sans-serif, "Microsoft JhengHei", "Microsoft Yahei", "Hiragino Sans GB";*/
    font-family: 'dfliheihk', 'dinpro', Arial, sans-serif;
}

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

ul.inline li {
    display: inline-block;
    letter-spacing: 1px;
    margin: 0 15px;
}

@media (max-width: 767px) {
    .margin-t {
        margin-top: 80px;
    }

    h1.title {
        margin: 15px 0;
    }
}

@media (max-width: 989px) {
    .button.theme1 {
        margin: 10px 0;
        background: #191919;
        width: 100%;
        padding: 10px;
        text-transform: uppercase;
        color: white;
        text-align: center;
        letter-spacing: 2px;
    }
    .button.theme1 .icon {
        max-height: 20px;
        display: inline-block;
    }
    .button.theme1 svg {
        padding-top: 3px;
    }
    .button.theme1 svg path {
        fill: white;
    }
}

.bxslider {
    padding: 0;
}

.paragraph a {
    color: #000;
    text-decoration: underline;
}

.paragraph ol {
    padding-left: 20px;
}

.paragraph ol>li {
    margin: 8px 0;
}

.navbar {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
}

.navbar .mobile-menu {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 10px;
}

.navbar .container-fluid {
    position: relative;
}

.navbar .logo a {
    display: inline-block;
    margin: 15px auto;
}

@media (min-width: 768px){
	.navbar {
		position: fixed;
		/*background-color: #000;*/
	}
	.navbar .logo img,
	.navbar .logo svg {
		max-width: 230px;
		padding-top:1em;
		top: 0;
	    z-index: 2;
	   	margin: 0 auto;
	    position: fixed;
	}
}
@media (max-width: 767px) {
	.navbar {
		position: fixed;
		background-color: #000;
	}
	.navbar .logo img,
	.navbar .logo svg {
		top: 0;
	    z-index: 2;
	    max-width: 160px;
	    /*position: relative;*/
	    margin: 0 auto;
	    position: fixed;
	}
}

.navbar .otherInfo {
    /*position: absolute;*/
    position: fixed;
    right: 20px;
    top: 15px;
    color: #FFF;
}

.navbar .otherInfo .dropdown-menu {
    min-width: inherit;
    max-width: 80px;
    border: none;
    border-radius: 0;
    margin-top: 14px;
}

.navbar .otherInfo .dropdown-menu li {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
}

.navbar .otherInfo .social-share {
    position: relative;
}

.navbar .otherInfo .social-share .shareIcon {
    padding: 0;
    margin: 0;
    list-style-type: none;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.navbar .otherInfo .social-share .shareIcon li {
    margin: 0;
    display: block;
    background: #444;
    padding: 5px 10px;
    float: none;
    text-align: center;
}

.navbar .otherInfo .social-share .shareIcon li a {
    color: white;
}

.navbar .otherInfo .social-share .shareIcon li:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.navbar .otherInfo .social-share .shareImg {
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

.navbar .otherInfo .social-share .shareImg img {
    margin: 0 auto;
}

.navbar .otherInfo .social-share:hover .shareIcon {
    height: 64px;
}

.navbar .otherInfo li {
    float: left;
    position: relative;
    cursor: pointer;
}

@media (max-width: 767px) {
    .navbar .otherInfo {
        display: none;
    }
    .navbar .otherInfo li {
        margin: 0;
    }
}

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

.navbar .navMenu a {
    color: #000;
    text-decoration: none;
    display: block;
}

.navbar .navMenu .dropdown {
    position: relative;
    display: inline-block;
}

.navbar .navMenu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 150px;
    padding: 0;
    list-style-type: none;
    z-index: 1;
}

.navbar .navMenu .dropdown-content li {
    margin: 5px auto;
    display: block;
    padding: 0 20px;
}

.navbar .navMenu .dropdown:hover .dropdown-content {
    display: block;
}

.navbar .navMenu .dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}

@media (min-width: 990px) {
    .navbar .navMenu a:after {
        content: "";
        display: block;
        margin: 2px 0;
        width: 100%;
        height: 2px;
        background: transparent;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .navbar .navMenu a.active:after,
    .navbar .navMenu a:hover:after {
        background: #000;
    }
}


@media (max-width: 767px) {
    .navbar .widget-lang {
        display: none;
    }
	.navbar .navMenu .dropdown-content {
        display: block;
        background: transparent;
        font-size: 14px;
        opacity: 0.7;
    }
    .navbar .navMenu .dropdown-content>li {
        margin: 10px auto !Important;
        padding: 0;
    }
    .navbar #coreMenu {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        color: white;
        border: none;
        background-color: black;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .navbar #coreMenu .navMenu {
        padding-top: 60px;
        text-align: left;
        /*text-transform: uppercase;*/
        font-family: 'dinpro', 'dfliheihk';
    }
    .navbar #coreMenu .navMenu li {
        display: block;
        font-size: 1.25em;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }
    .navbar #coreMenu .navMenu li a {
        color: white;
    }
    .navbar #coreMenu .navMenu .nav_active{
		color: #F79742;
	}
    .navbar #coreMenu .m_langbar{
    	position: absolute;
    	text-align: center;
    	bottom: 150px;
    	width: 90%;
    }
    .navbar #coreMenu .m_langbar a{
	  text-decoration:none;
	  letter-spacing: 1px;
	  font-size: 16px;
	  margin-left: 10px;
	  color: #FFF;
	}
	.navbar #coreMenu .m_langbar a:active{
	  background-color: #989898;
	}
    
    .navbar #coreMenu .submm li {
        display: block;
        font-size: 17px;
        letter-spacing: 2px;
        opacity: 0.7;
        margin: 0;
        text-transform: uppercase;
    }
    .navbar #coreMenu .submm li a {
        color: white;
    }
    .navbar #coreMenu .social .share {
        display: inline-block;
        text-align: center;
        margin: 0 10px;
    }
    .navbar #coreMenu .mobile-lang {
        margin: 15px 0;
        border-width: 1px 0;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.2);
        padding: 15px 0;
        text-align: center;
    }
    .navbar #coreMenu .mobile-lang .split {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    .navbar .logo {
        position: relative;
        z-index: 0;
        max-width: 150px;
        margin: 0 auto;
    }
    .navbar .logo a {
        margin: 5px auto;
    }
    .navbar .MobileMenu {
        /*position: absolute;*/
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 2;
        padding: 9px 10px;
        font-family: 'dfliheihk', 'dinpro';
        font-weight: bold;
    }
    .navbar .MobileMenu .icon-bar {
        background: #FFF;
    }
    .navbar .MobileMenu .icon-bar {
        position: relative;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .navbar .MobileMenu.active .icon-bar:nth-of-type(2) {
        top: 6px;
        transform: rotate(45deg);
    }
    .navbar .MobileMenu.active .icon-bar:nth-of-type(3) {
        background-color: transparent;
    }
    .navbar .MobileMenu.active .icon-bar:nth-of-type(4) {
        top: -6px;
        transform: rotate(-45deg);
    }
    .navbar .MobileMenu.active {
        width: 100%;
        opacity: 0.8;
        position: fixed;
    }
    .navbar .MobileMenu.active .icon-bar {
        background: white;
    }
    .navbar .MobileMenu.active:after {
        content: "CLOSE MENU";
        font-size: 14px;
        color: white;
        letter-spacing: 2px;
        top: 5px;
        position: absolute;
        left: 40px;
    }
}

@media (min-width: 768px){
	.navbar #coreMenu .navMenu{
		display:none;
	}
	.navbar #coreMenu .m_langbar{
    	display: none;
    }
}

.subMenu {
    text-align: center;
    background-color: #000;
    color: white;
}

.subMenu ul>li {
    padding: 10px 0px;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.subMenu ul>li:after {
    display: block;
    height: 2px;
    background: transparent;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.subMenu ul>li.active:after {
    background: white;
}

.subMenu ul>li a {
    color: white;
}

.topslider {
    opacity: 0;
}

.mask {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
}

.mask2 {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99999;
    width: 100%;
    height: 100%;
}

.section-instagram {
    padding: 150px 0;
}

.section-instagram .img-grid {
    padding: 0;
    position: relative;
    opacity: 0;
}

.section-instagram .img-grid .instagram-info {
    position: absolute;
    left: 5%;
    width: 90%;
    bottom: 15px;
    color: white;
}

.section-instagram .img-grid.tpl1 .instagram-info {
    color: #000;
}

@media (max-width: 768px) {
    .section-instagram {
        padding: 0;
    }
    .section-instagram .container {
        padding: 0;
        width: 100%;
    }
    .section-instagram .img-grid .instagram-info {
        font-size: 10px;
        bottom: 6px;
    }
}

.page-template-2 {
    /*border-top: 1px solid #ddd;*/
    line-height: 1.8;
    padding-bottom: 50px;
}

.page-template-2 h1 {
    margin-top: 30px;
    color: #FFF;
}

.page-template-2 h1:after {
    content: "";
    display: block;
    max-width: 50px;
    height: 2px;
    background: black;
    margin: 20px auto 30px;
}

.page-template-2 .paragraph {
    color: #FFF;
}

.page-template-2 .paragraph a{
    color: #FFF;
}

.page-template-custom h1:after {
    content: "";
    display: block;
    max-width: 50px;
    height: 2px;
    background: white;
    margin: 20px auto 30px;
}

.page-template .img-wrapper,
.page-template .content-wrapper {
    padding: 0;
}

.page-template .img-wrapper img {
    float: left;
}

.page-template .box-wrapper {
    position: relative;
}

.page-template .tpl-2 {
    position: absolute;
    right: 0;
    height: 100%;
    opacity: 0;
}

.page-template .tpl-2 .pos-item {
    text-align: center;
    letter-spacing: 1px;
}

@media (min-width: 1280px) {
    .page-template .tpl-2 .pos-item {
        min-width: 550px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 15%;
        top: 45%;
    }
}

@media (min-width: 990px) and (max-width: 1279px) {
    .page-template .tpl-2 .pos-item {
        min-width: 400px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 10%;
        top: 45%;
    }
}

.page-template .tpl-2 .pos-item h1 {
    color: #000;
    font-size: 1.625em;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.page-template .tpl-2 .pos-item h1 .title {
    display: inline-block;
    float: left;
    margin: 10px 10px 0 0;
    letter-spacing: 2px;
}

.page-template .tpl-2 .pos-item h1 .logo {
    max-width: 180px;
    display: inline-block;
    float: left;
}

.page-template .tpl-2 .content-wrapper {
    position: relative;
    background-image: url("../images/about/mask.png");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 989px) {
    .page-template.margin-t {
        padding-top: 0;
    }
    .page-template .tpl-2 {
        position: relative;
        right: inherit;
    }
    .page-template .tpl-2 .content-wrapper {
        height: inherit !important;
        background: none;
        padding: 50px 0;
    }
}

.adcampaign-wrapper .gallery {
    max-width: 1450px;
    margin: 0 auto;
    padding: 30px 0;
}

.adcampaign-wrapper .gallery .grid-box {
    padding: 30px 30px;
    opacity: 0;
}

@media (max-width: 767px) {
    .adcampaign-wrapper #BrandVideoGWEN {
        background: url("../images/home/banner1-mobile.jpg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

.adcampaign-wrapper .video-frame {
    width: 100%;
}

/*MTM Page*/
.blaack_mtm{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: block;
	/*display: flex;*/
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	cursor: default;
	height: 100vh;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.blaack_mtm img{/*banner-bg*/
  width: 100%;
  height: 100vh;	
  background-size: cover;
  /*background-position: 50% 75px;*/
  /*background-size: auto auto; contain*/
}

.blaack_mtm .banner-info{
	position: absolute;/*absolute*/ 
	top: 20%;
	/*left: 100px;*/
	left: 5%;
	width: 40%;
	text-align: left;
	color:#bdbcbc;
}

.blaack_mtm .banner-info .vertical{
	border-left: 4px solid #fff;
	height: 80px;
	margin-bottom: 40px;
}

.blaack_mtm .banner-header{
	padding-left: 10px;
}

.blaack_mtm .banner-header h1{
	font-size: 26px;
	color:#fff;
}

.blaack_mtm .banner-info .banner-para p{
	font-size: 16px;
	padding-top: 10px;
	line-height: 1.8;
}

.blaack_mtm a span {
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

.blaack_mtm a:hover{
	opacity: 0.5;
}

/*MTM Appointment modal*/
.modal {
  text-align: center;
  padding: 0!important;
  color: #000;
}

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

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-body label{
    padding-top: 5px;
    font-weight: 400;
}

.modal-body .mtm_btn_grp{
    text-align: center;
}

.modal-body .btn_mtm_send{
    margin: 0 auto;
    color: #fff;
    background-color: #000;
    border: none;
    padding: 5px 15px;
}

.modal-body .btn_mtm_send:hover
{
    color: #fff;
    background-color: #545454;
}

/**Mobile**/
@media only screen and (max-width: 767px){
	.blaack_mtm{
		background-size: contain;
		/*height: 100vh;*/
		min-height: 50em;
	}
	.blaack_mtm img{/*img*/
		height: 60vh;
	}
	.blaack_mtm .banner-info{
		top: 35%;
		left: 25px;
		width: auto;
	}
	.blaack_mtm .banner-info .vertical{
		border-left: 4px solid #fff;
		height: 65px;
		margin-bottom: 10px;		
	}
	.blaack_mtm .banner-header h1{
		font-size: 22px;
		letter-spacing: 1.5px;
		margin-top:15px;
	}
	.blaack_mtm .banner-header h3{	
		font-size: 18px;
		margin-top:15px;
	}
	.blaack_mtm .banner-info .banner-para p{
		font-size: 16px;	
	}
	.blaack_mtm .banner-info .banner-para{
		padding-right: 5%;	
	}
}
/*******Tablets, Ipads (portrait)*******/
@media (min-width: 768px) and (max-width: 1024px){
	.blaack_mtm{
		height: 100vh;
		/*min-height: 50em;*/
		display: block;
		
	}
	.blaack_mtm img{
		height: 80vh;/*75vh*/
	}
	.blaack_mtm .banner-info{
		left: 50px;
		width: auto;
		top: 45%;
		padding-right: 5%;
	}
}

/******* Tablets, Ipads (landscape) *******/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	.blaack_mtm img{
		height: 100vh;
	}
	.blaack_mtm .banner-info{
		left: 60px;
		top:20%;
		width: 45%;
	}
}

/*MTM Shirt Page*/
.blaack_mtm_shirt{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: block;
	/*display: flex;*/
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	cursor: default;
	height: 100vh;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.blaack_mtm_shirt img{/*banner-bg*/
  width: 100%;
  height: 100vh;	
  background-size: cover;
  /*background-position: 50% 75px;*/
  /*background-size: auto auto; contain*/
}

.blaack_mtm_shirt .banner-info{
	position: absolute;/*absolute*/ 
	top: 18%;
	/*left: 100px;*/
	left: 5%;
	width: 55%;
	text-align: left;
	color:#000;
}

.blaack_mtm_shirt .banner-info .vertical{
	border-left: 4px solid #000;
	height: 80px;
	margin-bottom: 20px;
}

.blaack_mtm_shirt .banner-header{
	padding-left: 10px;
}

.blaack_mtm_shirt .banner-header h1{
	font-size: 26px;
	color:#000;
}

.blaack_mtm_shirt .banner-info .banner-para p{
	font-size: 16px;
	padding-top: 10px;
	line-height: 1.8;
	letter-spacing: 0.5px;
}
.blaack_mtm_shirt .banner-info .banner-para-remark{
	font-size: 14px;
	padding-top: 15px;
}
.blaack_mtm_shirt .btn_grp{
	padding-top:20px;
}

.blaack_mtm_shirt .btn_grp .button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color: transparent;
	border-radius: 3px;
	border: 0;
	box-shadow: inset 0 0 0 2px #000;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 0.78em;
	font-weight: 500;
	/*height: 3.125em;*/
	/*letter-spacing: 0.225em;*/
	/*line-height: 3.125em;*/
	max-width: 30em;
	/*padding: 0 2.75em;*/
	padding: 1.5em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blaack_mtm_shirt .btn_grp .button:hover{
	background-color: rgba(144, 144, 144, 0.25);
}

/**Mobile**/
@media only screen and (max-width: 767px){
	.blaack_mtm_shirt{
		background-size: contain;
		/*height: 100vh;*/
		min-height: 65em;
		background-color: #fff;
	}
	.blaack_mtm_shirt img{/*img*/
		height: 60vh;
	}
	.blaack_mtm_shirt .banner-info{
		top: 20%;
		left: 5%;
		width: auto;
	}
	.blaack_mtm_shirt .banner-info .vertical{
		border-left: 4px solid #000;
		height: 65px;
		margin-bottom: 10px;		
	}
	.blaack_mtm_shirt .banner-header h1{
		font-size: 22px;
		letter-spacing: 1.5px;
		margin-top:15px;
	}
	.blaack_mtm_shirt .banner-header h3{	
		font-size: 18px;
		margin-top:15px;
	}
	.blaack_mtm_shirt .banner-info .banner-para p{
		font-size: 16px;	
	}
	.blaack_mtm_shirt .banner-info .banner-para{
		padding-right: 5%;	
	}
	.blaack_mtm_shirt .btn_grp{
		width: 50%;
	}
}
/*******Tablets, Ipads (portrait)*******/
@media (min-width: 768px) and (max-width: 1024px){
	.blaack_mtm_shirt{
		/*height: auto;*/
		min-height: 60em;
		display: block;
		background-color: #fff;
	}
	.blaack_mtm_shirt img{
		height: 70vh;
	}
	.blaack_mtm_shirt .banner-info{
		left: 50px;
		width: auto;
		top: 40%;
		padding-right: 5%;
	}
	.blaack_mtm_shirt .banner-info .vertical{
		border-left: 4px solid #000;
		height: 70px;
		margin-bottom: 10px;		
	}
}

/******* Tablets, Ipads (landscape) *******/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	.blaack_mtm_shirt{
		min-height: unset;
		height: 100vh;
	}
	.blaack_mtm_shirt img{
		height: auto;
	}
	.blaack_mtm_shirt .banner-info{
		left: 5%;
		top:20%;
		width: 55%;
	}
}

.news-wrapper {
	padding: 150px 0 90px;
}

.news-wrapper .container {
    margin: 0 auto;
    color: #FFF;
    font-family: 'dinpro', 'dfliheihk';
}

.news-wrapper .container .paragraph h3{
	font-weight: bold;
	font-size: 22px;
}
.news-wrapper .container .paragraph .content{
	padding: 30px 0 30px 45px;
}
.news-wrapper .container .paragraph .content p{
	padding: 5px 0;
	font-size: 16px;
}

.news-wrapper .container .paragraph .appointment_img{
	display: inline-block;
	margin: 2% 2%;
}

.news-wrapper .container .paragraph .btn_appointment {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #000000;
   font-family: 'dfliheihk', 'dinpro', Arial;
   font-size: 16px;
   font-weight: 500;
   padding: 15px;
   background-color: #D4D5D6;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
   /*margin: 0 2%;*/
}

.news-wrapper .container .paragraph .btn_appointment:hover {
   background: #B0B0B0;
   text-decoration: none;
}

.news-wrapper .container .paragraph .btn_appointment.mobi{
	display:none;
}

.news-wrapper #contactForm h4{
	color: #000;
	font-family: 'dinpro', 'dfliheihk', Arial;
	font-size: 16px;
}

.news-wrapper .news-item {
    position: relative;
    margin: 30px 0;
    opacity: 0;
}

.news-wrapper .news-item .text-wrapper {
    padding: 30px 0;
    color: #6b6b6b;
    font-size: 0.875em;
}

.news-wrapper .news-item .text-wrapper a {
    color: #6b6b6b;
}

.news-wrapper .news-item .text-wrapper .title {
    font-size: 1.25em;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.news-wrapper .news-item .text-wrapper .date {
    display: inline-block;
    margin-right: 15px;
}

.news-wrapper .news-item .text-wrapper .description {
    max-width: 900px;
    max-height: 50%;
    overflow: hidden;
}

.news-wrapper .news-item .bx-wrapper .bx-next {
    right: -60px;
}

.news-wrapper .news-item .bx-wrapper .bx-prev {
    left: -60px;
}

.news-wrapper .news-item .bx-wrapper .bx-next,
.news-wrapper .news-item .bx-wrapper .bx-prev {
    background: url("../images/common/arrow.png") center center no-repeat;
}

.news-wrapper .container h1:after {
    content: "";
    display: block;
    max-width: 50px;
    height: 2px;
    background: black;
    margin: 20px auto 30px;
}

/*******Tablets, Ipads (portrait)*******/
@media (min-width: 768px) and (max-width: 1024px) {
	.news-wrapper .container{
		padding-left: 40px;
	}
	.news-wrapper .container .paragraph{
		width: 100%;
	}
	.news-wrapper .container .paragraph .appointment_img{
		padding-left: 40px;
		width:600px;
		height: 390px;
		
	} 
	.news-wrapper .container .paragraph .btn_appointment.mobi{
		display:block;
		margin-bottom: 10px;
		padding: 5px 5px;
	}
	.news-wrapper .container .paragraph .btn_appointment.desk{
		display:none;
	}
}

/****Mobile****/
@media (max-width: 767px) {
	.news-wrapper{
		padding: 100px 0 90px;
	}
	.news-wrapper .container .paragraph .content{
		padding: 30px 0 30px 0px;
	}
    .news-wrapper .news-item .bx-wrapper .bx-controls-direction a {
        display: none;
    }
    .news-wrapper .container .paragraph .appointment_img{
		display: inline-block;
		margin: 2% 0;
	}
	.news-wrapper .container .paragraph .btn_appointment.mobi{
		display:block;
		margin-bottom: 10px;
		padding: 5px 5px;
	}
	.news-wrapper .container .paragraph .btn_appointment.desk{
		display:none;
	}
}

.store-wrapper{
	padding: 150px 0 90px;
}

.store-wrapper .layout{
	/*max-width:1480px;*/
	margin: auto 0;
	padding-left:250px;
}

.store-wrapper .layout .place_header{
	padding: 75px 0;	
}

.store-wrapper .layout .place_header h1{
	color: #FFF;
	line-height: 1.5;
	text-align: center;
	font-weight: normal;
	font-family: 'dfliheihk', 'dinpro', Arial;
	margin: 0;
	font-size: 30px;
}

.store-wrapper .layout .place_header hr{
	border-color:#FFF;
	border-width:2px 0 0 0; 
	max-width:260px; 
	margin:10px auto 30px;
}

.store-wrapper .layout .detail{
	padding: 75px 0 75px 30px;
	text-align: center;
}

.store-wrapper .layout .detail h5{
	font-size: 15px;
	color: #A8A8A8;
}

.store-wrapper .layout .shop_detail{
	padding: 75px 0 75px 0;
	text-align: center;
}

.store-wrapper .layout .shop_detail h5{
	font-size: 15px;
	color: #A8A8A8;
}

.store-wrapper .layout .shop_detail a{
	text-decoration: underline;
	color: #A8A8A8;
}

.store-wrapper .layout .place_map{
	padding-left: 40px;
}

.store-wrapper .layout .place_map .map-wrapper iframe{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	height: 300px;
}

.store-wrapper .store-item {
    margin: 40px auto 60px;
    opacity: 0;
}

.store-wrapper .store-item .description {
    padding: 10% 15px 10% 0;
    letter-spacing: 1px;
}

.store-wrapper .store-item .address i {
    margin-right: 3px;
}

.store-wrapper .store-item a{
    color: #6b6b6b;
    text-decoration: underline;
}

.store-wrapper .layout .shop_detail a:hover {
  color: #fff;
}

.store-wrapper .store-item .detail {
    padding-left: 18px;
}

.store-wrapper .store-item .detail .tel {
    display: inline-block;
    margin-right: 15px;
}

.store-wrapper .container h1:after {
    content: "";
    display: block;
    max-width: 50px;
    height: 2px;
    background: black;
    margin: 20px auto 30px;
}

@media (max-width: 767px) {
	.store-wrapper{
		padding: 60px 0 90px
	}
    .store-wrapper .store-item .description {
        padding: 15px 15px;
    }
    .store-wrapper .store-item .detail {
        padding-left: 0px;
    }
    .store-wrapper .layout{
		margin: auto 0;
		padding-left:10px;
	}
	.store-wrapper .layout .place_header{
		padding: 10px 0 0 0;	
	}
	.store-wrapper .layout .place_header h1{
		font-size: 20px;
	}
	.store-wrapper .layout .place_header hr{
		max-width: 180px; 
	}
	.store-wrapper .layout .detail{
		padding: 0;
		text-align: center;
	}
	.store-wrapper .layout .detail h5{
		font-size: 16px;
	}
	.store-wrapper .layout .shop_detail{
		padding: 0 0 75px 0;
		text-align: center;
	}
	.store-wrapper .layout .shop_detail h5{
		font-size: 16px;
	}	
    .store-wrapper .layout .place_map{
		padding-left: 15px;
	}
	.store-wrapper .layout .place_map .map-wrapper iframe{
		margin-left: auto;
		margin-right: auto;
        width: 100% !important;
        /*height: 100% !important;*/
        height: 300px;
	}
}

/*******Tablets, Ipads (portrait)*******/
@media (min-width: 768px) and (max-width: 1024px) {
	.store-wrapper .layout{
		margin: auto 0;
		/*padding-left:30px;*/
		padding:0 30px;
	}
	.store-wrapper .layout .place_header{
		padding: 80px 0;	
	}
	.store-wrapper .layout .place_header h1{
		font-size: 22px;
	}
	.store-wrapper .layout .place_header hr{
		max-width: 180px; 
	}
	.store-wrapper .layout .detail{
		padding: 75px 0;
		text-align: center;
	}
	.store-wrapper .layout .detail h5{
		font-size: 15px;
	}
	.store-wrapper .layout .place_map{
		padding-left: 0;
	}
	.store-wrapper .layout .place_map .map-wrapper iframe{
		margin-left: auto;
		margin-right: auto;
		width:350px;
        /*width: 100% !important;*/
        /*height: 100% !important;*/
        height: 300px;
	}
}

.contact-wrapper.page-template .tpl-2 .pos-item {
    text-align: left;
}

@media (min-width: 1280px) {
    .contact-wrapper.page-template .tpl-2 .pos-item {
        min-width: 450px;
    }
}

@media (min-width: 990px) and (max-width: 1279px) {
    .contact-wrapper.page-template .tpl-2 .pos-item {
        min-width: 350px;
        right: 5%;
    }
}

.contact-wrapper .form-field {
    margin-bottom: 10px;
}

.contact-wrapper .form-control {
    border-width: 0 0 1px 0;
    letter-spacing: 1.5px;
    border-color: #ababab;
    background: transparent;
    font-size: 16px;
}

@media (max-width: 989px) {
    .contact-wrapper.page-template .tpl-2 .pos-item {
        text-align: center;
    }
}

.contact-wrapper .content-box {
    overflow: hidden;
    height: 200px;
}

.contact-wrapper #thankyouMsg {
    display: none;
}

.lookbook-wrapper .banner {
    max-height: 320px;
    overflow: hidden;
}

.lookbook-wrapper .catBook {
    margin-top: -235px;
    margin-bottom: 50px;
    position: relative;
}

.lookbook-wrapper .catBook .bx-viewport {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.lookbook-wrapper .catBook .bx-wrapper .bx-next {
    right: -40px;
}

.lookbook-wrapper .catBook .bx-wrapper .bx-prev {
    left: -40px;
}

@media (min-width: 768px) {
    .lookbook-wrapper .catBook .bx-wrapper .bx-next,
    .lookbook-wrapper .catBook .bx-wrapper .bx-prev {
        background: url("../images/common/arrow_w.png") center center no-repeat !important;
    }
}

@media (max-width: 767px) {
    .lookbook-wrapper .catBook {
        margin-top: -90px;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .lookbook-wrapper .catBook {
        margin-top: -230px;
    }
}

.lookbook-wrapper .catSlider {
    padding: 0;
    margin: 0;
}

.lookbook-wrapper .catSlider .cat-item {
    text-align: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.lookbook-wrapper .catSlider .cat-item .img-wrapper {
    display: block;
    margin: 0 auto;
    position: relative;
}

.lookbook-wrapper .catSlider .cat-item .cover {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    z-index: 1;
    color: white;
    cursor:pointer;
}

.lookbook-wrapper .catSlider .cat-item .cover .topic {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    padding: 0 20px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.lookbook-wrapper .catSlider .cat-item .cover .topic .small {
    font-size: 12px;
}

.lookbook-wrapper .catSlider .cat-item .cover .topic .caption {
    margin: 0;
    font-size: 18px;
}

.lookbook-wrapper .gallery {
    padding: 50px 0 100px 0;
    opacity: 0;
}

.lookbook-wrapper .gallery .slide-frame {
    max-height: 900px;
    overflow: hidden;
}

.lookbook-wrapper .gallery .bx-wrapper .bx-next,
.lookbook-wrapper .gallery .bx-wrapper .bx-prev {
    background: url("../images/common/arrow.png") center center no-repeat;
}

.lookbook-wrapper .gallery .bx-wrapper .bx-prev {
    left: -55px;
}

.lookbook-wrapper .gallery .bx-wrapper .bx-next {
    right: -55px;
}

.lookbook-wrapper .gallery .item-thumb {
    padding: 0 5px;
    margin: 5px 0;
}

.lookbook-wrapper .gallery .flexslider {
    border: none;
}

.lookbook-wrapper .gallery #slider {
    margin-bottom: 10px;
}

.lookbook-wrapper .gallery #slider .flex-direction-nav {
    display: none;
}

.lookbook-wrapper .gallery #carousel .flex-nav-prev,
.lookbook-wrapper .gallery #carousel .flex-nav-next {
    float: left;
    width: 50%;
    text-align: center;
}

.lookbook-wrapper .gallery #carousel .flex-direction-nav a {
    line-height: 30px;
    position: relative;
    right: inherit;
    top: inherit;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    left: inherit;
    width: 100%;
    margin: 0;
    height: auto;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.lookbook-wrapper .gallery #carousel .flex-direction-nav a.flex-next:before {
    content: "";
    font-family: 'dfliheihk', 'dinpro', Arial;
}

.lookbook-wrapper .gallery #carousel .flex-direction-nav a.flex-next:after {
    float: right;
    display: inline-block;
    content: "";
    height: 30px;
    background: url(../images/common/arrow.png) left center no-repeat;
    width: 30px;
}

.lookbook-wrapper .gallery #carousel .flex-direction-nav a.flex-prev:before {
    float: left;
    display: inline-block;
    content: "";
    height: 30px;
    background: url(../images/common/arrow.png) left center no-repeat;
    width: 30px;
}

@media (max-width: 767px) {
    .lookbook-wrapper .gallery {
        padding: 0 0 30px 0;
        max-width: 75%;
        margin: 0 auto;
    }
    .lookbook-wrapper .gallery .item-thumb {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .lookbook-wrapper .gallery {
        max-width: 90%;
        margin: 0 auto;
    }
    .lookbook-wrapper .gallery .thumblist {
        margin-top: 20%;
    }
}

@media (min-width: 768px) and (max-width: 890px) {
    .lookbook-wrapper .gallery .slide-frame {
        max-height: 550px;
    }
}

@media (min-width: 990px) and (max-width: 1024px) {
    .lookbook-wrapper .gallery .slide-frame {
        max-height: 750px;
    }
}

.store-popup {
    display: none;
    min-width: 60%;
}

.store-popup .address {
    padding: 20px;
}

.fancybox-close {
    background: url("../images/common/close.svg") no-repeat;
    top: -30px;
    right: 0px;
    width: 80px;
    height: 20px;
}

.fancybox-close:after {
    display: inline-block;
    margin-left: 25px;
    content: "CLOSE";
    vertical-align: top;
    letter-spacing: 1.5px;
    line-height: 20px;
    color: white;
}

.fancybox-skin {
    background: #5c5c5c;
}

.fancybox-outer {
    background: white;
}

.parallax-window {
    min-height: 600px;
    background: transparent;
    position: relative;
}

.parallax-window .page-title {
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-65%, -50%);
}

.parallax-window .page-title h1 {
    font-family: 'dfliheihk', 'dinpro', Arial;
    font-weight: bold;
    color: #5c5c5c;
    text-transform: uppercase;
    font-size: 3em;
    line-height: 1.1;
}

@media (max-width: 767px) {
    .parallax-window {
        min-height: 300px;
    }
    .parallax-window .page-title {
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .parallax-window .page-title h1 {
        text-align: center;
        font-size: 1.5em;
        color: white;
    }
}

@media (min-width: 768px) and (max-width: 989px) {
    .parallax-window {
        min-height: 350px;
    }
    .parallax-window .page-title {
        left: 75%;
        transform: translate(-75%, -50%);
    }
    .parallax-window .page-title h1 {
        font-size: 2.4em;
    }
}

@media (min-width: 990px) and (max-width: 1680px) {
    .parallax-window {
        min-height: 380px;
    }
}

.fancybox-wrap.theme2 .fancybox-title {
    color: #131313;
    text-align: center;
    font-family: 'dinpro', 'dfliheihk', Arial;
}

.fancybox-wrap.theme2 .fancybox-close {
    background: url("../images/common/close_b.svg") no-repeat;
}

.fancybox-wrap.theme2 .fancybox-close:after {
    color: #131313;
}

.fancybox-wrap.theme2 .fancybox-close {
    background: url("../images/common/close_b.svg") no-repeat;
}

.fancybox-wrap.theme2 .fancybox-nav span {
    visibility: visible;
}

.fancybox-wrap.theme2 .fancybox-next span {
    background-image: url("../images/common/next.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.fancybox-wrap.theme2 .fancybox-prev span {
    background-image: url("../images/common/prev.png");
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 1280px) {
    .fancybox-wrap.theme2 .fancybox-prev span {
        left: -40px;
    }
    .fancybox-wrap.theme2 .fancybox-next span {
        right: -40px;
    }
}

.fancybox-wrap.theme3 .fancybox-skin {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.fancybox-wrap.theme3 .fancybox-outer {
    background: transparent;
}

.fancybox-wrap.theme3 .fancybox-title {
    color: #FFFFFF; /*#131313*/
    text-align: center;
    font-family: 'dfliheihk', 'dinpro', Arial;
}

.fancybox-wrap.theme3 .fancybox-close {
    /*background: url("../images/common/close_b.svg") no-repeat;*/
    top: 0;
    text-decoration: none;
}

.fancybox-wrap.theme3 .fancybox-close:after {
    color: #FFFFFF;
}

.clearfix {
    overflow: auto;
    zoom: 1;
}

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

footer {
    bottom: 0;
    width: 100%;
    background: #191919;
    letter-spacing: 2px;
    color: white;
    padding: 30px 0;
    /*text-transform: uppercase;*/
}

footer .grid {
    font-size: 0.8em;
}

footer .grid.box1 a {
    display: block;
    line-height: 2;
    text-transform: uppercase;
}

footer .grid.box2 ul {
    margin: 10px;
    text-transform: uppercase;
    font-size: 13px;
}

footer .grid.box2 li {
    text-align: left;
    margin: 0 10px 0 0;
}

footer .grid.box3 ul {
    margin: 10px 10px 10px 0;
}

footer .grid.box3 li {
    text-align: left;
    margin: 0 20px 0 0;
    color: #bababa;
}

footer .grid.box3 li a {
    color: #bababa;
}

footer .grid.box3 .strong {
    display: inline-block;
    margin-right: 10px;
}

footer .grid.box3 label {
    font-weight: normal;
    letter-spacing: 0.3px;
    margin-left: 5px;
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
}

footer .grid a {
    color: white;
}

footer .copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 30px;
    padding: 15px 0 0;
    font-size: 0.688em;
}

@media (max-width: 767px) {
    footer {
        padding: 30px 0 0 0;
    }
    footer .row {
        margin: 0;
    }
    footer .grid.box2 {
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 15px;
    }
    footer .grid.box2 .fa {
        font-size: 20px;
    }
    footer .grid.box3 {
        padding: 20px 15px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        margin-bottom: 15px;
    }
    footer .grid.box1 {
        padding: 15px;
    }
    footer .copyright {
        border: none;
        background: #000;
        padding: 15px;
        margin: 0 -15px;
    }
}

footer .box3 p {
    color: #cecece;
    letter-spacing: 0.5px;
    line-height: 1.3;
    font-size: 11px;
    color:white;
}

footer .box3 .widget-subscribe input {
    border: none;
    background: #a6a6a6;
    padding: 4px 5px;
}

footer .box3 .widget-subscribe button {
    color: white;
    background: black;
    border: none;
    padding: 4px 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

footer .box3 .widget-subscribe button:hover {
    background: white;
    color: black;
}

footer .box3 .widget-subscribe button:hover svg path {
    fill: black;
}

footer .box3 .wrapper {
    max-width: 400px;
}

/**css hack**/

.windows.safari .video {
    display: none;
}

.windows.safari .topslider,
.windows.safari .lookbook-wrapper .gallery,
.windows.safari .adcampaign-wrapper .gallery .grid-box,
.windows.safari .news-wrapper .news-item,
.windows.safari .store-wrapper .store-item {
    opacity: 1;
}
.navbar .logo-img{
	display: none;
}
.navbar .logo-img-div a {
    /*display: inline-block;*/
    margin: 15px auto;
}

/**NEW**/
.style-wrapper {
    padding: 150px 0 90px;
}

.style-wrapper h1{
    font-size: 24px;/*1.5em*/
    font-family: 'dinpro', Arial;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 20px 0;
}

.style-wrapper p{
    font-size: 18px;/*1.1em*/
    font-family: 'dinpro', 'dfliheihk', Arial;
    text-align: center;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 20px;
    /*margin: 0 0 20px 0;*/
}

.style-wrapper .lookbook-desc-desk{
	display: block;
}

.style-wrapper .lookbook-desc-tab{
	display: none;	
}

.style-wrapper .lookbook-desc-mobi{
	display: none;	
}

.style-wrapper .layout {
    /*max-width: 1280px;*/
    max-width: 1480px;
    margin: 0 auto;
}

.style-wrapper .layout .grid .img-wrapper {
    position: relative;
    overflow: hidden;
    opacity: 0;
    margin-bottom: 5px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.style-wrapper h1{
		font-size: 1.3em;
	}
	.style-wrapper p{
		font-size: 1em;
		line-height: 25px;
	}
	.style-wrapper .lookbook-desc-tab{
		display: block;	
	}
	.style-wrapper .lookbook-desc-desk{
		display: none;
	}
	.style-wrapper .lookbook-desc-mobi{
		display: none;	
	}	
}

@media (max-width: 767px) {
	.style-wrapper {
        padding: 60px 0 30px 0;
    }
	.style-wrapper h1{
		font-size: 20px;
	}
	.style-wrapper p{
		font-size: 14px;
		line-height: 25px;
	}
    .style-wrapper .layout .grid .cover {
        display: none;
    }
    .style-wrapper .container-fluid{
    	margin-top: 20px;
    }
	.style-wrapper .lookbook-desc-desk{
		display: none;	
	}
	.style-wrapper .lookbook-desc-mobi{
		display: block;	
	}
	.style-wrapper .lookbook-desc-tab{
		display: none;	
	}	
}

@media (min-width: 768px) {
    .style-wrapper .layout .size-double {
        margin-top: 30px;
    }
    .style-wrapper .layout .grid .img-wrapper {
        position: relative;
        overflow: hidden;
        opacity: 0;
    }
    .style-wrapper .layout .grid .img-wrapper a {
        color: #5c5c5c;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .style-wrapper .layout .grid .img-wrapper a:hover {
        coclor: black;
    }
    .style-wrapper .layout .grid .img-wrapper img {
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .style-wrapper .layout .grid .img-wrapper .cover {
        z-index: 2;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
        position: absolute;
        background-color: rgba(255, 255, 255, 0.8);
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .style-wrapper .layout .grid .img-wrapper .cover .topic {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        padding: 0 20px;
        text-align: center;
        width: 100%;
        font-size: 0.9em;
    }
    .style-wrapper .layout .grid .img-wrapper:hover .cover {
        opacity: 1;
    }
    .style-wrapper .layout .grid .img-wrapper:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .style-wrapper .layout .grid.size-one {
        width: 27.85%;
    }
    .style-wrapper .layout .grid.size-one .img-wrapper {
        margin: 0 0 30px 0;
    }
    .style-wrapper .layout .grid.size-two {
        width: 44.3%;
    }
    .style-wrapper .layout .grid.size-two.size-long img {
        width: 127.7%;
        margin-left: -10%;
    }
    .style-wrapper .layout .grid.size-five {
        margin-top: 30px;
    }
    .style-wrapper .layout .grid.size-six {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .style-wrapper .layout .grid.size-seven {
        margin-bottom: 30px;
    }
    .style-wrapper .layout .grid.size-seven .size-long2 img {
        width: 100.9%;
    }
}

.fancybox-margin {
    margin: 0 !important;
}

.enquiry-pop {
    position: fixed;
    height: 100%;
    width: 40%;
    right: -40%;
    top: 0;
    background: white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 99999;
    opacity: 0;
}

.enquiry-pop h2{
	color: #131313;
	font-size: 22px;
}
.enquiry-pop h3 {
    color: #131313;
    font-size: 16px;
    margin-top: 10px;
}

.enquiry-pop .wrapper {
    padding: 30px;
}

.enquiry-pop .close-tab {
    padding: 10px;
    text-decoration: none;
}

.enquiry-pop .close-tab .icon {
    margin-right: 5px;
}

.enquiry-pop .close-tab .icon img {
    max-width: 14px;
    max-height: 14px;
}

.enquiry-pop .close-tab a {
    color: #5c5c5c;
    font-size: 18px;
    font-family: 'dfliheihk', 'dinpro', Arial;
}

.enquiry-pop .close-tab a:hover {
    text-decoration: none;
    color: black;
}

@media (max-width: 768px) {
    .enquiry-pop {
        width: 100%;
        right: -100%;
    }
    .enquiry-pop .wrapper {
        height: 100%;
        overflow: auto;
    }
}

.enquiry-pop .form-field {
    margin: 10px 0;
}

.enquiry-pop .form-field.margin-t-20 {
    margin-top: 20px;
}

.enquiry-pop .form-field textarea {
    min-height: 100px;
}

.enquiry-pop .form-field .form-control {
    font-size: 16px;
    font-family: 'dinpro', 'dfliheihk', Arial;
}

.enquiry-pop .form-field .form-control.theme1 {
    border-width: 0 0 1px 0;
    border-color: #adadad;
    color: #666;
    box-shadow: none;
}

.enquiry-pop .form-field .form-control span {
    display: inline-block;
}

.size-pop {
    position: fixed;
    height: 100%;
    width: 40%;
    right: -40%;
    top: 0;
    background: white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 99999;
    opacity: 0;
}

.size-pop .wrapper {
    padding: 30px;
}

.size-pop .nav-tabs {
    border-width: 1px 0;
    border-style: solid;
    border-color: #cecece;
}

.size-pop .nav-tabs>li.active>a,
.size-pop .nav-tabs>li.active>a:hover,
.size-pop .nav-tabs>li.active>a:focus {
    border-width: 0 0 2px 0;
    border-color: black;
    border-radius: 0 !Important;
    background: transparent !important;
    color: black;
}

.size-pop .nav-tabs>li>a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block;
    border-width: 0 0 2px 0;
    color: #6b6b6b;
    border-color: white;
    border-radius: 0 !Important;
    background: transparent !important;
}

.size-pop .nav-tabs>li {
    margin-bottom: 0;
}

.size-pop .nav-tabs>li:hover,
.size-pop .nav-tabs>li>a:hover {
    background: transparent;
}

.size-pop .nav-tabs>li:after {
    width: 1px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 15px;
    height: 15px;
    background-color: #ccc;
}

.size-pop .nav-tabs>li:last-child:after {
    display: none;
}

.size-pop .tab-content {
    padding: 20px 0;
}

.size-pop .tab-content .table>thead>tr>th,
.size-pop .tab-content .table>tbody>tr>th,
.size-pop .tab-content .table>tfoot>tr>th {
    border: none;
}

.size-pop .close-tab {
    padding: 10px;
}

.size-pop .close-tab .icon {
    margin-right: 5px;
}

.size-pop .close-tab .icon img {
    max-width: 12px;
}

.size-pop .close-tab a {
    color: #5c5c5c;
}

.size-pop .close-tab a:hover {
    text-decoration: none;
    color: black;
}

@media (max-width: 768px) {
    .size-pop {
        width: 100%;
        right: -100%;
    }
    .size-pop .wrapper {
        height: 100%;
        overflow: auto;
    }
}

.product-popup {
    display: none;
}

.product-popup .core-wrapper {
    position: relative;
}

.product-popup .core-wrapper .pos-item {
    position: absolute;
    top: 50%;
}

.product-popup .core-wrapper .pos-item img {
    max-width: 20px;
}

.product-popup .core-wrapper .pos-item.next {
    right: 5px;
}

.product-popup .core-wrapper .pos-item.prev {
    left: 5px;
}

.product-popup .core-wrapper .product-interest{
	text-align: center;
}

.product-popup .core-wrapper .btn_interested{
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   font-family: 'dfliheihk', 'dinpro', Arial,sans-serif;
   font-size: 16px;
   font-weight: 500;
   	color: #000;
	text-decoration: none;
   /*padding: 20px;*/
   padding: 15px 35px;
   background-color: #D4D5D6;
   display: inline-block;
   cursor: pointer;
   text-align: center;
   margin: 0 3%;
}

.product-popup .core-wrapper .btn_interested:hover {
   background: #B0B0B0;
   text-decoration: none;
}

.product-popup .content-container {
    max-width: 90%;
    margin: 0 auto;
}

.product-popup .product-img {
    padding: 0 30px 0 0;
}

.product-popup .product-detail {
    padding: 30px 0 0 5%;
}

.product-popup .product-detail .product-item {
    margin: 0 0 10% 0;
}

.product-popup .product-detail .product-item h3 {
    color: #FFF;
    font-family: 'dfliheihk', 'dinpro', Arial;
    font-weight: bold;
    /*font-style: italic;*/
    margin: 0 0 5px 0;
    position: relative;
    font-size: 16px;
}

.product-popup .product-detail .product-item h3:before {
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    top: 5px;
}

.product-popup .product-detail .product-item a {
    color: #5c5c5c;
    text-decoration: underline;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    vertical-align: bottom;
}

.product-popup .product-detail .product-item a .icon {
    margin-right: 5px;
    display: inline-block;
}

.product-popup .product-detail .product-item a:hover {
    color: #131313;
}

.product-popup .product-detail .product-item a.size-btn {
    text-transform: none;
    display: inline-block;
    float: right;
    margin: 0 5px;
}

.product-popup .product-detail .otherInfo a {
    color: #FFF;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.product-popup .product-detail .otherInfo a:hover {
    color: #5c5c5c;
}

.product-popup .product-detail .otherInfo .widget-share {
    letter-spacing: 0;
}

.product-popup .product-detail .otherInfo .widget-share li {
    margin: 0 5px;
    color: #FFF;
}

.product-popup .product-detail .otherInfo .share-wrapper {
    margin-top: 10px;
}

@media (max-width: 767px) {
	.product-popup .core-wrapper .product-interest{
		padding-bottom: 10px;
	}	
    .product-popup .product-img {
        padding: 0;
    }
    .product-popup .product-img img {
        width: 100%;
    }
    .product-popup .product-detail .product-item {
        margin: 0 0 30px 0;
    }
    .product-popup .product-detail .product-item h3 {
        font-size: 1em;
    }
    .product-popup .product-detail hr {
        margin: 15px 0;
    }
    .product-popup .product-detail .otherInfo {
        padding: 10px 0;
    }
    .product-popup .core-wrapper .pos-item {
        top: 200px;
        position: fixed;
    }
    .product-popup .core-wrapper .pos-item.next {
        right: -10px;
    }
    .product-popup .core-wrapper .pos-item.prev {
        left: -10px;
    }
    .product-popup .content-container {
        padding-top: 30px;
    }
}

.navbar .openToggle {
    /*position: absolute;*/
    position: fixed;
    left: 0px;
    top: 100px;
    z-index: 1;
    padding: 9px 10px;
    display:block;
}
.navbar .openToggle .icon-bar {
    background: #FFF;
    width: 40px;
}
.navbar .openToggle .icon-bar {
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.navbar .openToggle.active .icon-bar:nth-of-type(2) {
    top: 6px;
    transform: rotate(45deg);
}
.navbar .openToggle.active .icon-bar:nth-of-type(3) {
    background-color: transparent;
}
.navbar .openToggle.active .icon-bar:nth-of-type(4) {
    top: -6px;
    transform: rotate(-45deg);
}
.navbar .openToggle.active {
    /*width: 100%;*/
    width:0;
    opacity: 0.8;
    position: fixed;
}

.navbar .openToggle.active .icon-bar {
    background: white;
}
.navbar .openToggle.active:after {
    content: "";
    font-size: 14px;
    /*color: #5c5c5c;*/
    letter-spacing: 2px;
    top: 5px;
    position: absolute;
    left: 40px;
}

/**Mobile**/
@media only screen and (max-width: 767px) {
	.navbar .openToggle {
		display: none;
	}
}

/*Our Story*/
.blaack_story_secret{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	cursor: default;
	height: 100vh;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size: 15px;
	align-items: center;
	color: #fff;
}

.blaack_story_secret .banner-block{
	margin: 0 auto;
	/*max-width:420px;*/
	padding:7px 20px 20px 20px;
}
	
.blaack_story_secret .banner-info h1{
	font-size: 5rem;/*50px*/
	letter-spacing: 3px;
}

.blaack_story_secret .banner-para h5{
	letter-spacing: 1.3px;
	color:#bdbcbc;
}

.blaack_story_secret span {
  position: absolute;
  /*top: 0;*/
  bottom: 10%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

.blaack_story_secret .banner-block a:hover{
	opacity: 0.5;
}

/**Mobile**/
@media only screen and (max-width: 767px){
	.blaack_story_secret{
		background-size: auto 100%;
	}
	.blaack_story_secret .banner-info{
		padding: 0 3%;
	}
	.blaack_story_secret .banner-info h1{
		font-size: 3.5rem;
		letter-spacing: 1.5px;
	}	
	.blaack_story_secret .banner-image img{
		max-width:100%;
		height: auto;
		padding: 0 5% 50px;
	}	
	.blaack_story_secret .banner-para{
		/*padding-top: 50px;*/
	}
}

/*Our story second page*/
.blaack_story_alpha_males{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: block;
	/*display: flex;*/
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	cursor: default;
	height: 100vh;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.blaack_story_alpha_males img{/*banner-bg*/
  width: 100%;
  height: 100vh;	
  background-size: cover;
  /*background-position: 50% 75px;*/
  /*background-size: auto auto; contain*/
}

.blaack_story_alpha_males .banner-info{
	position: absolute;/*absolute*/ 
	top: 20%;
	left: 100px; 
	width: 45%;
	text-align: left;
	color:#bdbcbc;
}

.blaack_story_alpha_males .banner-info .vertical{
	border-left: 4px solid #fff;
	height: 100px;
	margin-bottom: 50px;
}

.blaack_story_alpha_males .banner-header{
	padding-left: 10px;
}

.blaack_story_alpha_males .banner-header h1{
	text-transform: uppercase;
	font-size: 26px;
	line-height:0.2;
	font-weight: bold;
	color:#fff;
}

.blaack_story_alpha_males .banner-info .banner-para p{
	font-size: 18px;
	padding-top: 5px;
}

/**Mobile**/
@media only screen and (max-width: 767px){
	.blaack_story_alpha_males{
		background-size: contain;
		/*height: 100vh;*/
		min-height: 50em;
	}
	.blaack_story_alpha_males img{/*img*/
		height: 60vh;
	}
	.blaack_story_alpha_males .banner-info{
		top: 40%;
		left: 25px;
		width: auto;
	}
	.blaack_story_alpha_males .banner-info .vertical{
		border-left: 4px solid #fff;
		height: 75px;
		margin-bottom: 10px;		
	}
	.blaack_story_alpha_males .banner-header h1{
		font-size: 22px;
		letter-spacing: 1.5px;
		margin-top:15px;
	}
	.blaack_story_alpha_males .banner-header h3{	
		font-size: 18px;
		margin-top:15px;
	}
	.blaack_story_alpha_males .banner-info .banner-para p{
		font-size: 16px;	
	}
	.blaack_story_alpha_males .banner-info .banner-para{
		padding-right: 5%;	
	}
}
/*******Tablets, Ipads (portrait)*******/
@media (min-width: 768px) and (max-width: 1024px){
	.blaack_story_alpha_males{
		/*height: auto;
		min-height: 50em;*/
		/*display: flex;*/
		display: block;
	}
	.blaack_story_alpha_males img{
		height: 85vh;
	}
	.blaack_story_alpha_males .banner-info{
		left: 50px;
		width: auto;
		top: 60%;
		padding-right: 5%;
	}
}

/******* Tablets, Ipads (landscape) *******/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	.blaack_story_alpha_males .banner-info{
		left: 90px;
		top:20%;
		width: 45%;
	}
}

/*Our story third page*/
.blaack_story_main{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	/*display: flex;*/
	display: block;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	cursor: default;
	height: 100vh;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size: 15px;
	align-items: center;
	color: #fff;
}

.blaack_story_main .banner-block{
	margin: 0 auto;
	/*max-width:420px;*/
	padding:7px 20px 20px 20px;
}
.blaack_story_main .banner-info{
	top:25%;
	position: absolute;
}

.blaack_story_main .banner-image img{
	align: right;
}
.blaack_story_main .banner-image-para img{
	max-width: 350px;
	padding-top:8%;
	/*width:50%;*/
}
/*
.blaack_story_main .banner-image-para .img_bar{
	
	max-width: 100%;
	width:50%;
	
	padding-top: 5%;
	padding-bottom: 5%;
	padding-right: 5%;
}
*/
.blaack_story_main .banner-para{
	padding-top:10px;
}

.blaack_story_main .banner-para p{
	text-align: left;
	color: #bdbcbc;
	font-size: 18px;
}
.blaack_story_main .banner-para-mob-tab{
	display:none;
}

.blaack_story_main .banner-footer{
	position:absolute;
    width:100%;
    bottom:15%;
    text-align:center;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1.5px;
}

/**Mobile**/
@media only screen and (max-width: 767px){
	.blaack_story_main{
		/*background-size: contain;*/
		background-size: auto 100%;
	}
	.blaack_story_main .banner-block{
		/*padding:7px 5px 20px 5px;*/
		padding:7px 15px 15px;
	}
	.blaack_story_main .banner-image img{
		max-width:100%;
		height: auto;
		width:200px;
		float: none;
	}
	/*
	.blaack_story_main .banner-image .img_bar{
		max-width:100%;
		height: auto;
	}*/
	.blaack_story_main .banner-image-para img{
		max-width: 250px;
		padding-top:0;
		margin: 0 auto;
	}
	.blaack_story_main .banner-para-mob-tab{
		padding-top:10px;
		display: block;
	}
	.blaack_story_main .banner-para-mob-tab p{
		font-size: 16px;
		text-align: center;
		padding-top: 5px;
		color: #bdbcbc;
	}
	.blaack_story_main .banner-footer{
		font-size: 22px;
		/*padding-bottom: 10%;*/
		padding-top: 8%;
	}
}
/*******Tablets, Ipads (portrait)*******/
@media (min-width: 768px) and (max-width: 1024px){
	.blaack_story_main{
		background-size: contain;
		height: 100vh;/*if too long use 80vh*/
	}
	.blaack_story_main .banner-block{
		/*padding:7px 20px 15px;*/
		padding:7px 15px 15px;
	}
	.blaack_story_main .banner-image{
		width:100%;
	}
	.blaack_story_main .banner-image img{
		height: auto;
		float: none;
	}
	.blaack_story_main .banner-image-para{
		width:100%;
	}
	.blaack_story_main .banner-image-para img{
		max-width: 350px;
		padding-top:0;
		padding-bottom: 20px;
		margin: 0 auto;
	}
	.blaack_story_main .banner-para-mob-tab{
		display:block;
		padding: 0 5%;
	}
	.blaack_story_main .banner-para-mob-tab p{
		font-size: 18px;
		text-align: center;
		padding-top: 5px;
		color: #bdbcbc;
	}
	.blaack_story_main .banner-para{
		display:none;
	}
}
/******* Tablets, Ipads (landscape) *******/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	.blaack_story_main .banner-para{
		display:none;
	}
	.blaack_story_main .banner-para-mob-tab{
		display: block;
		padding: 0 5%;
	}
	
}

/*Our story last page*/
.blaack_story_shoes{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: block;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	cursor: default;
	height: 100vh;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	text-align: center;	
}

.blaack_story_shoes img{/*.banner-bg*/
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: 50% 75px;
}

.blaack_story_shoes .banner-info{
	position: absolute;
	top: 20%;
	left: 100px; 
	width: 45%;
	text-align: left;
}

.blaack_story_shoes .banner-info .vertical{
	border-left: 5px solid black; 
	height: 70px;
	margin-bottom: 5%;/*40px*/
}

.blaack_story_shoes .banner-header{
	padding-left: 15px;
}

.blaack_story_shoes .banner-header h3{
	font-size: 26px;
	line-height:0.8;
	font-weight: bold;
	color:#000;
}

.blaack_story_shoes .banner-info .banner-para p{
	font-size: 18px;
	padding-top: 5px;
}

.blaack_story_shoes .banner-footer{
	position:absolute;
    width:100%;
    bottom:8%;
    text-align:center;
    font-size: 40px;
    font-weight: bold;
    color: #000;
    letter-spacing: 1.5px;
}
/**Mobile**/
@media only screen and (max-width: 767px){
	.blaack_story_shoes{
		/*height: 100vh;*/
		min-height: 54em;
		height: auto;
		background-color: #DFDFDF;
	}
	.blaack_story_shoes img{
		height: 60vh;
	}
	.blaack_story_shoes .banner-info{
		/*position: relative;*/
		top: 40%;
		left: 25px;
		width: auto;
	}
	.blaack_story_shoes .banner-info .vertical{
		border-left: 4px solid black;
		height: 42px;
	}
	.blaack_story_shoes .banner-header{
		padding-left: 8px;
	}
	.blaack_story_shoes .banner-header h3{	
		font-size:18px;
		line-height:0.5;
		margin-top: 15px;
	}
	.blaack_story_shoes .banner-header .main{
		font-size:22px;
		letter-spacing: 1.5px;
		margin-top: 15px;
	}
	.blaack_story_shoes .banner-info .banner-para p{
		font-size: 16px;	
	}
	.blaack_story_shoes .banner-info .banner-para{
		padding-right: 5%;	
	}
	.blaack_story_shoes .banner-footer{
		position: relative;
		font-size: 24px;
		padding-bottom: 10%;
		padding-top: 8%;
	}
}
/*******Tablets, Ipads (portrait)*******/
@media (min-width: 768px) and (max-width: 1024px){
	.blaack_story_shoes{
		background-color: #DFDFDF;
	}
	.blaack_story_shoes .banner-info{
		top: 50%;
		left: 25px;
		width: auto;
	}
	.blaack_story_shoes img{
		height: 75vh;
	}
	.blaack_story_shoes .banner-footer{
		/*position: relative;*/
		font-size: 40px;
		/*padding-bottom: 10%;*/
		padding-top: 2%;
	}
	
}

/******* Tablets, Ipads (landscape) *******/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	.blaack_story_shoes .banner-info{
		left: 80px;
		width: 45%;
		top: 20%;
	}
	.blaack_story_shoes img{
		height: 100vh;
	}
}

.about-wrapper{
	padding: 150px 0 90px;
}
.about-wrapper .box-wrapper{
	padding-left: 300px;
}
.about-wrapper .box-wrapper .paragraph{
	color: #FFF;
	font-family: 'dinpro', 'dfliheihk', Arial;
}
.about-wrapper .box-wrapper .paragraph .content{
	padding: 25px;
}
.about-wrapper .box-wrapper .paragraph .content p{
	margin: 0 !important;
}

@media only screen and (max-width: 767px) {
	.about-wrapper{
		padding: 100px 0 90px;
	}
	.about-wrapper .box-wrapper{
		padding-left: 30px;
	}
}

/*******Tablets, Ipads (portrait)*******/
@media (min-width: 768px) and (max-width: 1024px) {
	.about-wrapper .box-wrapper .paragraph{
		width: 100%;
	}
	.about-wrapper .box-wrapper{
		padding-left: 280px;
	}
	footer{
		position: relative;
	}
}

/******* Tablets, Ipads (landscape) *******/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	footer{
		position: relative;
	}
}

/**Welcome Popup**/
.wel_popup{
	display: none;
	overflow: hidden;
    color:#000;
    background-color: #FFF;
    margin: 0 auto;
	width:650px;
	max-width: 80%;
	max-height: 80%;
	padding:7px 20px 20px 20px;
}

.wel_popup .widget-form {
   font-family: 'dinpro', 'dfliheihk', Arial;
}

.wel_popup .text-wrapper {
    padding: 5px;
}

.wel_popup .widget-form .popupLabel{
	font-size: 12px;
	font-family: 'dinpro', 'dfliheihk', Arial';
}

.wel_popup .widget-form .theme3 {
    margin-bottom: 10px;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.wel_popup .widget-form input:focus {
    outline: none !important;
    box-shadow: none;
    border-color: #000;
    border: 1px solid #000;
}

.wel_popup .header-row{
	padding-top: 5px;
	text-align: center;
	font-size: 20px;
}

.wel_popup .sub-header{
	line-height: 1;
	font-size: 15px;
	letter-spacing: 0;
	padding: 10px 0 25px 5px;
	font-family: 'dinpro', 'dfliheihk', Arial';	
}

/*
.wel_popup .widget-form .input-row{
	margin-bottom: 5px;
	width:100%;
	display: inline-block;
	text-align: center;
	font-size:14px;	
}

.wel_popup .widget-form .input-row label{
	margin: 0 25px 10px 5px;
}

.wel_popup .widget-form .input-row input{
	padding: 5px 0 5px 5px;
}

.wel_popup .widget-form .input-row input[type=email]{
	margin-left:28px;
}
*/

.wel_popup .widget-form .popupLabel{
	font-size: 12.8px;
	font-family: 'dinpro', 'dfliheihk', Arial';
}
.wel_popup .widget-form label{
	font-size: 12px;
	font-family: 'dinpro', 'dfliheihk', Arial';
	padding: 0 0 5px 5px;
	transform: translateY(-5%);
	font-weight: normal;
	letter-spacing: 0;
}

.wel_popup h6,
.wel_popup a{
	text-align: center;
	color: black;
	letter-spacing: 0;
	font-family: 'dinpro', 'dfliheihk', Arial';
}
.wel_popup a{
	text-decoration: underline;
}
.wel_popup .btn-group {
    display: block;
    text-align: center;
    padding: 5px 0 5px;
}

.wel_popup .btn-group button{
	background-color: #000000;
	color:#FFFFFF;
	padding: 2px 45px 2px 45px;
	border: none;
	letter-spacing: 0.5px;
	transition: all 0.4s ease;
	font-size: 14px;
	font-family: 'dinpro', 'dfliheihk', Arial;
}
.wel_popup .btn-group button:hover{
	background-color: white;
	color:black;
}

@media (min-width: 767px) {
	.wel_popup .widget-form .popupLabel{
		transform: translateY(+30%);
		text-align: right;
	}
	.wel_popup .widget-form .desk-input{
		display:block;
	}
	.wel_popup .widget-form .mobi-input{
		display:none;
	}
}

@media (max-width: 767px) {
	.wel_popup .header-row{
		font-size: 18px;
	}
	.wel_popup .widget-form .theme3 {
    	height: 25px;
    	margin: 0px 0px;
    	line-height: 1.5;
    	padding: 0px 5px;
    }
    .wel_popup .sub-header{
    	font-size: 12px;
    }
    .wel_popup .widget-form .desk-input{
		display:none;
	}
	.wel_popup .widget-form .mobi-input{
		display:block;
		margin-bottom: 5px;
	}
	.wel_popup h6{
		font-size: 10px;
	}
}

.langbar{
    float: right;
    margin-right: 20px;
    margin-top:10px;
}
.langbar a{
  text-decoration:none;
  letter-spacing: 1px;
  margin-left: 10px;
  font-size: 16px;
  color: #FFF;
  /*font-weight: bold;*/
}
.langbar a:active {
  background-color: #989898;
}
            
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.25s;
  padding-top: 120px;
  opacity: 0.7;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #FFF;
  display: block;
  /*transition: 0.3s;*/
  font-family: Arial;
  font-weight: normal;
}

.sidenav a:hover {
  color: #FA8116;
}

.sidenav .sideContent {
    padding-top: 30px;
}

.sidenav .nav_active{
  color: #FA8116;
}

.sidenav .closebtn {
  position: absolute;
  top: 70px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

header{
    z-index:10;
    opacity: 1;
    position: fixed;
    background-color: #000;
    top:0;
    left:0;
    width:100%;
    height: 100px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media (max-width: 767px) {
    .sidenav{
        display:none;
    }
    header{
         height: 0px;
    }
}

/**For T&C**/
ol ul ul li{
    list-style-type: none;
}

ol ul ul li:before {
  content: '\2013';
  position: absolute;
  margin-left: -20px;
}

.appointment-pop {
    position: fixed;
    height: 100%;
    width: 40%;
    right: -40%;
    top: 0;
    background: white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 99999;
    opacity: 0;
}

.appointment-pop h2{
	color: #131313;
	font-size: 22px;
}
.appointment-pop h3 {
    color: #131313;
    font-size: 16px;
    margin-top: 10px;
}

.appointment-pop .wrapper {
    padding: 30px;
}

.appointment-pop .close-tab {
    padding: 10px;
    text-decoration: none;
}

.appointment-pop .close-tab .icon {
    margin-right: 5px;
}

.appointment-pop .close-tab .icon img {
    max-width: 14px;
    max-height: 14px;
}

.appointment-pop .close-tab a {
    color: #5c5c5c;
    font-size: 18px;
    font-family: 'dfliheihk', 'dinpro', Arial;
}

.appointment-pop .close-tab a:hover {
    text-decoration: none;
    color: black;
}

@media (max-width: 768px) {
    .appointment-pop {
        width: 100%;
        right: -100%;
    }
    .appointment-pop .wrapper {
        height: 100%;
        overflow: auto;
    }
}

.appointment-pop .form-field {
    margin: 10px 0;
}

.appointment-pop .form-field.margin-t-20 {
    margin-top: 20px;
}

.appointment-pop .form-field textarea {
    min-height: 100px;
}

.appointment-pop .form-field .form-control {
    font-size: 16px;
    font-family: 'dinpro', 'dfliheihk', Arial;
}

.appointment-pop .form-field .form-control.theme1 {
    border-width: 0 0 1px 0;
    border-color: #adadad;
    color: #666;
    box-shadow: none;
}

.appointment-pop .form-field .form-control span {
    display: inline-block;
}