@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@font-face {
font-family: 'Myriad Pro Regular';
src:url('../fonts/Myriad-Pro-Regular.woff') format('woff'),
	url('../fonts/Myriad-Pro-Regular.woff2') format('woff2'),
	url('../fonts/Myriad-Pro-Regular.eot'),
	url('../fonts/Myriad-Pro-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Myriad-Pro-Regular.ttf') format('truetype'),
	url('../fonts/Myriad-Pro-Regular.svg#Myriad-Pro-Regular') format('svg');

font-weight: normal;
font-style: normal;
font-display: swap;
}
/*--Resetcss--*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,
*:before,
*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,
*:before,
*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size: 16px;padding: 8px 0;line-height: 24px;margin: 0;color: #1d1d1d;}
.input-group{position:relative;margin-bottom:15px}
.form-control{background: #f0f0f0;border: solid 1px #f0f0f0;font-size: 14px;color: #757575;border-radius: 5px;width: 100%;min-height: 51px;padding: 8px 15px;}
.form-control::-moz-placeholder{color:#757575;opacity:1}
.form-control:-ms-input-placeholder{color:#757575}
.form-control::-webkit-input-placeholder{color:#757575}
.form-control:focus{box-shadow:none}
.btn-primary{width:100%;background-color:#252525;border:0;font:20px "Lato", Arial, sans-serif;font-weight:600;padding:16px 0 0 0;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase}
.btn-primary:hover,.btn-primary:focus{background:#059ad9}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
.button{display: inline-block;background-color: #e5b223;box-shadow: none;font-size: 21px;text-transform: uppercase;padding: 8px 45px;text-align: center;vertical-align: middle;border-radius: 6px;position: relative;z-index: 10;overflow: hidden;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;color: #fff;border: solid 1px #e5b223;}
a:visited.button{color:#fdc71d;}.button:hover{background:#323232;color:#fff;border-color:#323232;}
.button,.button::after{-webkit-transition:all 0.3s;transition:all 0.3s;}
.button::before,.button::after{background-color:#1d2124;content:'';position:absolute;z-index:-1;}
.btn-hover::after{height:100%;left:-35%;top:0;transform:skew(50deg);transition-duration:0.6s;transform-origin:top left;width:0;}
.btn-hover:hover:after{height:100%;width:135%;}
.error{display:block;color:#f15d5d;padding-top:5px}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.ucase:before{text-transform:uppercase}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em;}
.list{list-style:none; margin:0}
.list li{background: url(../images/arrow.png) no-repeat left 3px;color: #1d1d1d;font-size: 16px;line-height: 24px;margin: 0 0 6px;padding-left: 21px;font-weight: 400;}
.list li:last-child{margin-bottom:0}
.list-sm{list-style:none; margin:0}
.list-sm li{background: url(../images/smcircle.png) no-repeat left 8px;color: #1d1d1d;font-size: 23px;line-height: 24px;margin: 0 0 15px;padding-left: 28px;font-weight: 400;}
.list-sm li:last-child{margin-bottom:0}
.list-numeric{list-style:number;font-size:16px;color:#686868;}
.list-numeric li{line-height:24px;margin:0 0 16px;}
figure{margin-bottom:0;}
#nav .icon, #nav .menu-toggle, #nav .menu-scroll-down, #nav .dropdown-toggle{display: none;}
.wpcf7-not-valid-tip{text-align:left;margin-top:7px}
.wpcf7 form .wpcf7-response-output{background:#fdfdb5;color:#3c3c3c;border-color:#fdfdb5;padding:10px 10px 6px;margin:0;font-size:13px;line-height:18px;}
.wpcf7 form.sent .wpcf7-response-output{background:#46b450;border-color:#46b450;color:#fff;font-size:13px;line-height:18px;padding:12px 10px 6px;}
.digital-analysis .wpcf7-not-valid-tip{color:#a50101}
.caption-hover figure{overflow: hidden;}

/*-- Body --*/
html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#404040}
/*====----====*/
.container{margin:0 auto;position:relative;padding:0 15px} 
/*--FetchFonts--*/
.button,#nav ul li a,.welcome-intro p{font-family: "Lato",Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: "Lato",Arial,sans-serif;}
.hd-h1{font-family: "Lato",Arial,sans-serif;font-size:64px;color:#1d1d1d;margin:0;	text-transform:uppercase;}
.hd-h2{font-family: "Lato",Arial,sans-serif;color: #2c2c2c;font-size: 75px;margin: 0 0 6px;text-transform: none;}
.hd-h3{color: #3d3b3b;font-size: 66px;margin: 0 0 6px;text-transform: none;font-weight:700;}
.hd-h3 span{color: #e61c36;display:inline-block;}
.footer .address p{display:block;font-family: "Myriad Pro Regular",Arial,sans-serif;}
/*--Container--*/
#content{display:inline-block;width:100%;min-height:300px;position:relative;padding:70px 0 0;}
/*--Header--*/
/*====----HomePage----=====*/
.home .introtopbg{background:url(../images/introtopbg.jpg) no-repeat center 0;min-height:735px;position:relative;margin:0 auto;background-size:cover;}
.introtopbg{background:url(../images/inner-bg.png) no-repeat center 0;height:100%;width:100%;min-height:285px;position:relative;margin:0 auto;background-size:cover;}
.logo{margin:0;}
.logo img{display:block;}
.home .intro h1{font-size: 68px;margin: 0 0 15px;color:#fff;text-align:center;text-transform:none;}
.home .intro h1 span{/*display:block;font-size: 29px;margin:0;color:#fff;*/}
.home .intro p{padding: 6px 0 10px;color: #fff;text-align: center;}

#nav{margin: 0;}
#nav ul{padding: 0;margin: 0;}
.header{background-color: rgba(0,0,0,0.33);padding: 5px 0 0;}
@media(min-width:992px){

/*====----header-shrink----====*/
.header [class*="row"]{margin-right:-8px;margin-left:-8px}
.header [class*="col-"]{padding-right:8px;padding-left:8px}	
#nav svg,#nav .dropdown-toggle {display: none}
/*-- Main Navigation --*/
#nav.nav,#nav .nav{transition:none;background:none;}
#nav{float:right;min-height:40px;padding-right:0;position:relative;z-index:100000;margin-top:3px;}
#nav ul{margin: 0 12px 0 0;}
#nav{float: right;min-height: 40px;padding-right: 0;position: relative;z-index: 100000;margin-top: 16px;}
#nav ul li{font-size: 24px;display: inline-block;position: relative;text-transform: uppercase;margin: 0 3px;}
#nav ul li a{display:block;color:#fff;padding:0 8px;margin:0;text-transform:uppercase;cursor:pointer;border-bottom:solid 3px transparent;position:relative;}
#nav ul li,#nav ul li a{-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s}
#nav ul li.current-menu-item:hover a,#nav ul li:hover a,#nav ul li.current-menu-item a{color: #fff;border-bottom:solid 3px #ff0000;}
#nav ul li a:after{content:" ";position:absolute;right:-6px;top:3px;height:33px;width:3px;background:#fff;}
#nav ul li:last-child a:after{display:none;}

/* sub-navigation */
#nav ul li.menu-item-has-children .sub-menu{opacity: 0;visibility: hidden;background-color: #fff;position: absolute;left: 0;/*right: 0;*/width: 260px;top: 100%;padding: 16px 15px 10px;margin: 18px auto 0;    -webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;border-radius: 0;border: none;border-top: 0;    -webkit-transform: rotateX(45deg);-moz-transform: rotateX(45deg);transform: rotateX(45deg);text-align: left;box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
#nav ul li.menu-item-has-children .sub-menu li,#nav ul li .sub-menu li{display: block;width:100%;clear:both;min-height:35px;}
#nav ul li.menu-item-has-children:hover .sub-menu{display: block;visibility: visible;opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg)}
#nav ul li.menu-item-has-children .sub-menu li a, #nav ul li.menu-item-has-children .sub-menu li span{background:url(../images/arrow.png) no-repeat 10px 13px;font-size: 13px;font-weight:normal;padding:10px 0 10px 27px;color:#1a1a1a;text-transform:none;text-decoration:none;display:inline-block;border:0;float:left;clear:both;width:100%;border-bottom:solid 1px #d0d0d0;border-radius:0;}
#nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children span{/*background:url(../images/arrow.png) no-repeat 10px center;*/color:#f42b3e;} 
#nav ul li.menu-item-has-children .sub-menu li:hover a{color:#00acee;/*background:url(../images/arrow.png) no-repeat 10px center;*/}
#nav ul li.menu-item-has-children .sub-menu li:last-child a{border-bottom:0;}

#nav ul li.menu-item-has-children .sub-menu li a:hover:before, 
#nav ul li.menu-item-has-children .sub-menu li:hover a:hover:before,
#nav ul li.menu-item-has-children .sub-menu li span:hover:before
#nav ul li.menu-item-has-children .sub-menu li:hover span:hover:before{background-color:transparent;transform:none;}
#nav ul li.menu-item-has-children .sub-menu li:before, #nav ul li.menu-item-has-children .sub-menu li:before{background-color:transparent;transform:none;}

/*====----header-shrink----====*/	
.header,.logo,#nav,.logo img,.header-aside,.header-top,.intro{-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;transition: all 500ms ease 0s;}
.header.shrink .logo{max-width: 175px;padding-top: 0;}
.wrapper.bodyscroll .header.shrink{background-color: rgba(0, 0, 0, 0.95);padding: 10px 0;position: fixed;top: 0;left: 0;right: 0;display: block;box-shadow: 0px 12px 12px -12px rgba(0, 0, 0, 0.15);z-index: 1000;}
.header.shrink .topaside .button{margin:0;}
.wrapper.bodyscroll .home.introtopbg .header{background-color: #161616;}
.wrapper.bodyscroll .intro-form{margin: 24px 0 0;z-index: 0;}
.wrapper.bodyscroll .header-top{text-align: right;opacity: 0;visibility: hidden;display: none;}
.wrapper.bodyscroll #nav ul{border-top: 0;}
.wrapper.bodyscroll #nav li a:hover:before,.wrapper.bodyscroll #nav li span:hover:before,.wrapper.bodyscroll #nav li span:focus:before,.wrapper.bodyscroll #nav li.current-menu-item a,.wrapper.bodyscroll #nav li.current-menu-item span{border-top: 0;}
.header.shrink #nav ul li.current-menu-item:hover a,.header.shrink #nav ul li:hover a{color: #fff;}
.wrapper.bodyscroll .intro{padding-top: 106px;}
#nav{float: right;min-height: 40px;padding-right: 0;position: relative;z-index: 100000;margin-top: 16px;}
.header.shrink #nav{margin-top: 6px;}

}

.happiness-holder{background-color:#f7ee32;padding:35px 0 45px;}
.home #content{padding-top: 0;}
.happiness-made{margin:0 auto;}
.happiness-made img{display:block;height:auto;max-width:100%;margin:0 auto;}
.happiness-made figure{position:absolute;left:0;right:0;bottom:-106px;margin:0 auto;}

.collection-gallery{background-color:#fff;padding:85px 0 45px;max-width:1980px;margin:0 auto;}
.collection-gallery .hd-h3{margin: 0 0 15px;}
.collection-gallery .row{display: flex;flex-wrap: wrap;margin: 0;}
.collection-gallery .row [class*="col-"]{flex: 0 0 auto;width: 20%;padding: 0;position:relative;}
.collection-gallery img{display:block;height:auto;max-width:100%;margin:0 auto;}
.collection-gallery .description{}
.collection-gallery .figbox:hover .description{/*opacity:1;visibility:visible;*/padding: 45px 0 0;}
.collection-gallery .description span{display:block;font-size:27px;color:#fff;}
.collection-gallery .description em{display:block;font-size:27px;font-style:normal;color:#fff;}

/*.caption-hover .description{height: 100%;width: 100%;opacity: 0;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;}*/

.caption-hover.figbox,.caption-hover {
	overflow: hidden;position:relative;
}

.caption-hover figure img {
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: scale(1);
    transform: scale(1);
}
.caption-hover figcaption,.caption-hover .description{
	background: #2c3f52;
	color: #ed4e6e;
}
.caption-hover:hover img {
	-webkit-transform: scale(1.12);
    transform: scale(1.12);
}
.caption-hover .description {
	position:absolute;left:0;right:0;top: auto;bottom: 0;opacity:0;visibility:hidden;text-align:center;background-color: rgba(0,0,0,0.66);
	height: 100%;
	width: 100%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition: all 500ms ease 0s;transition: all 500ms ease 0s;
}
.caption-hover:hover .description{
	opacity:1;visibility:visible;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
/**/
.card-hover,.hvrimg-overlay,.hvrimg-swipe{
	position:relative;
	overflow: hidden;
}
.card-hover:after {
	content:" ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.33);
    height: 100%;
    position: absolute;
    width: 100%;
    left: -50%;
    top: -50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.card-hover:hover:after {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
.card-hover figure img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.card-hover:hover img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
}
/**/
.hvrimg-overlay:after{
	content:" ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 50%;
    top: -50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.hvrimg-overlay:hover:after {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
.hvrimg-overlay figure img {
	-webkit-transform: rotate(15deg) scale(1.5);
	transform: rotate(15deg) scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hvrimg-overlay:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}
/**/
.hvrimg-swipe:after{
	content:" ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.hvrimg-swipe:hover:after {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
.hvrimg-swipe figure img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hvrimg-swipe:hover img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
}

.shop-for{padding:35px 0 45px;max-width:1980px;margin:0 auto;}
.shop-for .hd-h3{background:url(../images/likeus.jpg) no-repeat center top;padding:160px 0 0;margin:0 0 35px;}
.shop-for .row{display: flex;flex-wrap: wrap;margin: 0 -6px;}
.shop-for .row .col-lg-left{flex: 0 0 auto;width: 59.66%;padding: 0 6px;position:relative;}
.shop-for .row .col-lg-right{flex: 0 0 auto;width: 39.66%;padding: 0 6px;position:relative;}
.shop-for .row .shopfig-left,.shop-for .row .shopfig-right{position:relative;}
.shopfig-left .button{position: absolute;left: 0;right: 0;bottom: 0;max-width: 500px;font-size: 33px;background: #ff0000;border-color: #ff0000;margin: 0 auto 18px;}
.shopfig-right .button{position: absolute;left: 0;right: 0;bottom: 0;max-width: 250px;font-size: 28px;background-color: transparent;border: solid 2px #fff;margin: 0 auto 18px;}
.shopfig-right .button.btngray{background-color: #282c2f;border-color: #282c2f;}
.shop-for a:visited.button{color:#fff;}
.shop-for .col-span-12{flex: 0 0 auto;width: 100%;}
.shop-for .col-row{display: flex;flex-wrap: wrap;}

.exhibition-holder{padding:35px 0 45px;max-width:1980px;margin:0 auto;background:url(../images/tubedude-currentbg.jpg) no-repeat left center;background-size:100% 100%;}
.exhibition-holder .hd-h3{font-size: 48px;margin: 0 0 45px;}
.ptop-6{padding-top:60px;}
.ptop-8{padding-top:66px;}
.ptop-10{padding-top:148px;}

.welcome{padding:35px 0 45px;margin:0;background:url(../images/about-tube.jpg) no-repeat left center;}
.about-holder .container-fluid{padding: 0;max-width:1980px;margin:0 auto;}
.about-holder .hd-h3{font-size: 48px;margin: 0 0 15px;text-align: right;}
.welcome-intro{padding:18px 0 18px 45px;max-width:675px;}
.welcome-intro h4{font-size: 28px;margin: 0 0 10px;color:#fff;}
.welcome-intro p{font-size: 21px;line-height: 32px;color: #fff;}
.about-holder .row{margin:0;}
.about-holder [class*="col-"]{padding:0;}

.footer{background-color:#282c2f;padding:75px 0 45px;max-width:1980px;margin:0 auto;position:relative;}
.footer .address{margin:0;padding:0;}
.footer .address li{position:relative;padding: 0 0 35px 100px;}
.footer .address li .circle{display: block;position: absolute;left: 0;top: 0;height: 60px;width: 60px;background: #33383b;border-radius: 50%;font-size: 33px;text-align: center;color: #fff;line-height: 60px;}
.footer .address p{font-size: 21px;line-height: 27px;color: #fff;}
.footer .address figure{margin: 10px 0 0;}
.footer .call,.footer .email{padding-top: 21px;color: #fff;}
.footer .email a{color:#fff;}

.footer h5{font-size:21px;color:#fff;font-weight:400;margin:0 0 15px;}
.footer .p-left{padding-left:48px;}
.footer .social{margin:0;padding:0;}
.footer .social li{display:inline-block;vertical-align:middle;margin-right:6px;}
.footer .social li .square{display:block;height: 58px;width: 58px;border-radius:6px;background:#33383b;line-height:58px;text-align:center;font-size:33px;color:#fff;}
.footer-logo{position:absolute;right:25px;bottom:25px;}

@media (max-width:991px){
.page-content{padding-top: 0;}
#site-navigation{display: block;width: 100%;}
/*====----====*/
.top-navigation{position:relative;}
.burger {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 7px;
	right: 15px;
	/*border-radius: 4px;*/
	z-index: 1000012;
	/*border: solid 1px rgb(255, 255, 255, 0.33);*/
	background-color: rgb(0, 0, 0, 0.33);
}
	/*  OVERLAY

========================================== */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5900;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #04121c;
	opacity: 0;
	visibility: hidden;
}
.overlay.show {
	opacity: 0.8;
	visibility: visible;
}	
/*===========*/
.burger span {
	position: relative;
	margin-top: 9px;
	margin-bottom: 9px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -1.5px;
}
.burger.clicked {
	border: none;
}
.burger span,
.burger span::before,
.burger span::after {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #fff;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.burger span::before,
.burger span::after {
	position: absolute;
	content: "";
}
.burger span::before {
	top: -9px;
}
.burger span::after {
	top: 9px;
}
.burger.clicked span {
	background-color: transparent;
}
.burger.clicked span::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before,
.burger.clicked span:after {
	background-color: #ffffff;
}
.burger:hover {
	cursor: pointer;
}
/*  NAV

========================================== */
nav {
	width: 100%;
}
.nav {
	background-color: #242424;
	position: fixed;
	z-index: 100000;
	top: 0;
	right: 0;
	height: 100%;
	max-width: 300px;
	width: 100%;
	padding: 90px 15px 60px 15px;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.nav.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
.nav.show ul.nav-list li {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
.nav.show ul.nav-list li:nth-child(1) {
	transition-delay: 0.15s;
}
.nav.show ul.nav-list li:nth-child(2) {
	transition-delay: 0.3s;
}
.nav.show ul.nav-list li:nth-child(3) {
	transition-delay: 0.45s;
}
.nav.show ul.nav-list li:nth-child(4) {
	transition-delay: 0.6s;
}
.nav.show ul.nav-list li:nth-child(5) {
	transition-delay: 0.75s;
}
.nav.show ul.nav-list li:nth-child(6) {
	transition-delay: 0.9s;
}
.nav.show ul.nav-list li:nth-child(7) {
	transition-delay: 1.05s;
}
.nav.show ul.nav-list li:nth-child(8) {
	transition-delay: 1.2s;
}
.nav.show ul.nav-list li:nth-child(9) {
	transition-delay: 1.35s;
}
.nav.show .about,
.nav.show .social,
.nav.show ul.sub {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	transition-delay: .85s;
}

.nav ul.nav-list {
	list-style-type: none;
	display: block;
	width: 100%;
}
.nav ul.nav-list li {
	margin-bottom: 0;
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	border-bottom: solid 1px #1f1f1f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav ul.nav-list li:last-of-type {
	margin-bottom: 0px;
}
.nav ul.nav-list li a,.nav ul.nav-list li span {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 10px 0;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav ul.nav-list li a span {
	color: #36b8f6;
}
.nav ul.nav-list li a:hover {
	color: #36b8f6;
}
.nav ul.sub {
	list-style-type: none;
	margin-top: 40px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.nav ul.sub li {
	margin-bottom: 10px;
}
.nav ul.sub li:last-of-type {
	margin-bottom: 0px;
}
.nav ul.sub li a {
	color: #ffffff;
	font-family: "Myriad-Pro-Regular", sans-serif;
	letter-spacing: 1px;
	font-size: 0.9rem;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav ul.sub li a:hover {
	color: #b7ac7f;
}

#nav ul li.menu-item-has-children .sub-menu{display: none;background-color: transparent;}
#nav ul li.menu-item-has-children .sub-menu li a, #nav ul li.menu-item-has-children .sub-menu li span{font-size: 14px;padding: 8px 0 8px 15px;}
#nav ul li, #nav ul li a, #nav ul li span{font-family: "Myriad-Pro-Regular",Arial,sans-serif;}
#nav ul li.menu-item-has-children .fa-angle-down{display:none;}
/*===========*/
#nav ul li.menu-item-has-children .expand-collapse{width:15%;background:url(../images/expand-collapsed-menu.png) no-repeat 50% -2%;position:absolute;top:1px;right:0;display:block;z-index:1000000;height:35px;cursor:pointer;}
#nav ul li.menu-item-has-children.open > .expand-collapse{background-position:50% 91%} 

/*====*/
}

/*====fadeInDown====*/
@media (min-width:992px){
.animated{
  -webkit-animation-duration:1s;
          animation-duration:1s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
}	
@-webkit-keyframes fadeInDown{
  0%{
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }

  100%{
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}
@keyframes fadeInDown{
  0%{
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }

  100%{
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}
.fadeInDown{
  -webkit-animation-name:fadeInDown;
          animation-name:fadeInDown;
}
}

/*====Responsive====*/
/*====---- min-width ----====*/

/*====---- max-width ----====*/
@media (max-width:1366px){	

/*body{border:1px solid green} */	
}
@media (max-width:1199px){
.img-responsive,img{display:block;height:auto;max-width:100%}#nav ul li{font-size: 16px;}#nav ul li a:after{right: -7px;height: 21px;}.happiness-holder .hd-h2{font-size:57px;margin:0 0 15px;}
.hd-h2{font-size:57px;}.hd-h3{font-size: 48px;}.collection-gallery{padding: 85px 0 24px;}.shopfig-left .button{max-width: 418px;font-size: 24px;}.shopfig-right .button{max-width: 224px;font-size: 21px;}
.shop-for{padding: 25px 0 15px;}.exhibition-holder .hd-h3{font-size: 35px;margin: 0 0 24px;}.about-holder .hd-h3{font-size: 35px;}.welcome-intro h4{font-size: 21px;}
.welcome-intro p{font-size: 16px;line-height: 26px;}.footer{padding: 45px 0 25px;}.footer .address p{font-size: 16px;line-height: 24px;}.home .introtopbg{min-height: 600px;}
.collection-gallery .row [class*="col-"]{width: 33.33%;}.collection-gallery .description span,.collection-gallery .description em{font-size: 21px;}.ptop-10{padding-top: 100px;}.ptop-8{padding-top: 40px;}
.footer .call, .footer .email{padding-top: 15px;}


body{border:1px solid #000} 
}
@media (max-width:1024px){

	
body{border:1px solid orange}
}
@media (max-width:991px){
.happiness-holder .hd-h2{font-size: 45px;}.hd-h3{font-size: 35px;}.ptop-10{padding-top: 50px;}.ptop-8{padding-top: 25px;}.about-holder .hd-h3{margin: 0 15px 15px 0;}
.shopfig-left .button,.shopfig-right .button{max-width: 100%;margin: 0 15px 18px;}.collection-gallery .description em br{display:none;}
.collection-gallery .description span, .collection-gallery .description em{font-size: 18px;padding: 0 10px;}.home .introtopbg{min-height: 426px;}.happiness-made figure{bottom: -75px;max-width: 255px;}
.collection-gallery{padding: 51px 0 15px;}

body{border:1px solid red} 
}
@media (max-width:767px){
.logo{margin: 0 auto;max-width: 195px;}.home .introtopbg{min-height: 100%;padding: 0 0 200px;}.collection-gallery .row [class*="col-"]{width: 50%;}
.shopfig-left .button,.shopfig-right .button{font-size: 15px;padding: 8px 15px;}.ptop-10{padding-top: 0;}.ptop-8{padding: 18px 15px;}.exhibition-holder{background-size: cover;}
.exhibition-holder figure{margin: 0 auto;max-width: 350px;}.shop-for .row .col-lg-left{width: 100%;margin: 0 0 15px;}.shop-for .row .col-lg-right{width: 100%;}.shop-for .shopfig-right{margin: 0 0 15px;}
.about-holder .hd-h3{margin: 0 0 15px 0;text-align: center;}.footer .address li .circle{height: 50px;width: 50px;font-size: 24px;line-height: 50px;}.footer .address li{padding: 0 0 24px 66px;}
.footer h5,.footer .social{text-align: center;}.footer .social li .square{height: 48px;width: 48px;line-height: 48px;font-size: 24px;}.footer-logo{position: static;margin:18px auto 0;}
.footer-logo figure,.footer-logo figure img{margin: 0 auto;}.welcome-intro{padding: 12px 0 12px 25px;}.footer-logo figure{max-width: 215px;}

body{border:1px solid lightgreen}
}
@media (max-width:639px){
.happiness-holder{padding: 25px 0 35px;}.happiness-holder .hd-h2{font-size: 35px;}.happiness-made figure{bottom: -60px;max-width: 215px;}.hd-h3,.about-holder .hd-h3{font-size: 32px;}
.collection-gallery .row [class*="col-"]{width: 100%;}.exhibition-holder{padding: 15px 0 35px;}.exhibition-holder .hd-h3{font-size: 32px;margin: 0 0 15px;}

body{border:1px solid blue}
}
@media (max-width:575px){	
	
body{border:1px solid red}	
}
@media (max-width:480px){
html{-webkit-text-size-adjust:none}.welcome{padding: 25px 0;}

body{border:1px solid magenta}
}