/*
Theme Name: Bespoke
Description: Bespoke Theme
Version: 3.0
Author: Addedlovely
Author URI: http://www.addedlovely.com
*/

/* ==========================================================================
	Fonts
   ========================================================================== */
@import url("fonts/ss-social-circle.css");
@import url("fonts/ss-social-regular.css");

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/310edb");

@font-face {
	font-family:'Signature';
	src:	url('fonts/Signature.eot')format('embedded-opentype');
	src:	url('fonts/SignatureWEB.woff')format('woff'),
			url('fonts/SignatureWEB.woff2')format('woff2'),
			url('fonts/SignatureWEB.svg')format('svg');
	font-weight: 400;
	font-style: normal;
}

  
@font-face {font-family: 'BemboStd'; src: url('fonts/310EDB_0_0.eot');src: url('fonts/310EDB_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/310EDB_0_0.woff2') format('woff2'),url('fonts/310EDB_0_0.woff') format('woff'),url('fonts/310EDB_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BemboStd'; font-style:italic; src: url('fonts/310EDB_1_0.eot');src: url('fonts/310EDB_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/310EDB_1_0.woff2') format('woff2'),url('fonts/310EDB_1_0.woff') format('woff'),url('fonts/310EDB_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'OptimaLTPro';src: url('fonts/310EDB_2_0.eot');src: url('fonts/310EDB_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/310EDB_2_0.woff2') format('woff2'),url('fonts/310EDB_2_0.woff') format('woff'),url('fonts/310EDB_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'OptimaLTPro'; font-style: italic; src: url('fonts/310EDB_3_0.eot');src: url('fonts/310EDB_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/310EDB_3_0.woff2') format('woff2'),url('fonts/310EDB_3_0.woff') format('woff'),url('fonts/310EDB_3_0.ttf') format('truetype');}
 
/* ==========================================================================
	General
   ========================================================================== */
* {margin: 0; padding: 0;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box;} 
*, *:before, *:after  {box-sizing: inherit;}
body {background: #ffffff; }
img {border: 0; display: block; outline: none; width: 100%; height: auto;}
a {text-decoration: none; color: #575757;}
li {list-style-type: none;}

.clear:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.v-center {position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.v-container {display:table; height: 100%;}
.v-content {display:table-cell; vertical-align:middle; height: 100%;}
.center {display:block; margin-left: auto; margin-right:auto;} 
.cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.last {margin-right: 0 !important;}
.d-hide {display: none;}
	
/* Mobile Helper */
.hide-mobile {display: none;}

/* ==========================================================================
	Structure
   ========================================================================== */
body {margin-top: 172px;}
.container {max-width: 1182px; margin: auto; width: 100%; position: relative; padding: 0 20px;}
.sidebar {width: 24.518388791594%; float: right;}
main {width: 71.174377224199%; float: left;}


/* ==========================================================================
	Typography
   ========================================================================== */
h1, h2, h3, h4 {font-style: inherit; font-size: inherit; font-weight: normal;}
body {font-size: 18px; line-height: 1.444; letter-spacing: -0.02em; font-family: 'BemboStd'; text-align: center; color: #333233;}
.h1, .wysiwyg h1, .wysiwyg h2 {font-size: 22px; line-height: 1.444; letter-spacing: 0.2em; font-family: 'OptimaLTPro'; text-transform: uppercase; }
.h2, .wysiwyg h3 {font-size: 18px; line-height: 1.777; letter-spacing: 0.2em; font-family: 'OptimaLTPro'; text-transform: uppercase;}
.h3 {font-size: 14px; line-height: 1.857; letter-spacing: 0.2em; font-family: 'BemboStd'; text-transform: uppercase;} 
.h3.b, .wysiwyg h4 {font-family: 'OptimaLTPro';}
.h4 {font-size: 12px; line-height: 1.5; letter-spacing: 0.2em; font-family: 'BemboStd'; text-transform: uppercase;}
.h4.b, .wysiwyg h5  {font-family: 'OptimaLTPro';}

.bordered {  font-style: italic; position: relative; display: block;  padding: 16px 0; }
.bordered span { display: inline-block; margin: auto; background: #FFF; padding: 0 16px; font-size: 24px;}
.bordered:before { position: absolute; left:0; right:0; height: 1px; content:''; background: #C6C6C6; top:0; bottom: 0; margin: auto;  z-index: -1;}

p {margin-bottom: 16px;}

.button {border:1px solid #E7ADAB; color: #E7ADAB; display: block; width: 100%; max-width: 376px; height: 35px; line-height: 38px; margin: auto; margin-top: 16px;}
.button:hover {color: #FFF; background: #E7ADAB;}

.accent {color: #E7ADAB;}

.signature {font-family:'Signature';}

/* ==========================================================================
	Forms
   ========================================================================== */
input, select, textarea, button {outline: none; border: none; font-family: inherit; font-size: inherit; text-transform: inherit; letter-spacing: inherit; text-align: inherit;}
input[type=text] {-webkit-appearance: none; border-radius:0;}
textarea {resize: none;}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}

/* ==========================================================================
	Header
   ========================================================================== */
.header-fixed { position: fixed; top:0; left:0; right:0; background: #FFF; z-index: 2; height: 66px;}
.header-fixed .logo {width: 129px; height: 46px; visibility: hidden; opacity: 0; }
.header-fixed .container {min-height: 66px; padding-top: 10px; padding-bottom: 10px;}
.header-fixed .container:before {content:''; left:0; right:0; width: 0; height: 1px; position: absolute; bottom: 0;}

.header-logo {height: 174px; position: absolute; top: 0; left: 0; right: 0;}
.header-logo .container {padding: 64px 0 8px 0;}

.menu {line-height: 72px;}
.menu a {display: inline-block; padding: 0 24px;}
.menu a:hover {color: #E7ADAB;}
.menu li {display: inline-block; position: relative;}
.menu > li:after {content: ''; width: 2px; height: 2px; border-radius: 1px; background: #333233; display: block; position: absolute; top:0; bottom: 4px; right:-1px; margin: auto;} 
.menu li:last-child:after {display: none;}
.menu ul {display: none; position: absolute; top: 46px; line-height: 20px; width: 120px; text-align: center; left: 50%; margin-left: -60px; background: #FFF;}
.menu ul li {width: 100%;}
.menu ul li a {display: block;}
.menu li:hover ul {display: block;}

.fixed .header-fixed .container:before {width: 100%; background: #C6C6C6;}
.fixed .header-fixed .logo {visibility: visible; opacity: 1;}
.fixed .menu ul {top:65px; border: 1px solid #6E6D6D; border-top:0;}

.draw-menu {position: fixed; top:0; left:0; bottom: 0; width: 100%; max-width: 375px; padding: 32px; background: #333233; color:#fff; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 2;}
.draw-menu a {color: #FFF;}
.draw-menu > ul {position: absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left:36px; right:36px;}
.draw-menu li li {font-size: 12px;}
.draw-menu li ul {display: none;}
.draw-menu li:hover ul {display: block;}
.show-menu .draw-menu {-webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible;}

.menu-secondary {line-height: 66px; position: absolute; top:0;}
.menu-secondary a {padding: 0 10px;}
.secondary-left {left:20px;}
.secondary-right {right: 20px;}
.secondary-right > ul > li a:last-of-type {padding-right: 0;}
.secondary-left > ul > li a:first-of-type {padding-left: 0;}

.search-form {position: fixed; top:66px; left:0; right:0; -webkit-transform: translateY(-100%); transform: translateY(-100%); background: #333233; color:#fff; z-index: 1;}
.search-form input { line-height: 35px; width: 100%; background: transparent; color: #FFF; -webkit-appearance: none;}
.search-form input::-webkit-input-placeholder {color: #FFF;}
.search-form input:-moz-placeholder {color: #FFF;}
.search-form input::-moz-placeholder {color: #FFF;}
.search-form input:-ms-input-placeholder {color: #FFF;}
.show-search .search-form {-webkit-transform: translateY(0%); transform: translateY(0%);}

.logo {display: block; max-width: 706px; margin: auto; width: 100%; background-repeat: no-repeat; background-position: center center;} 
.logo:hover {opacity: 0.8; }


/* ==========================================================================
	Slideshow
   ========================================================================== */
.slideshow {position: relative; margin-bottom: 36px; z-index: 0;}
.slideshow:before {content: ''; padding-top: 43.782837127846%; width: 100%; display: block;}
.slideshow .slide {display: block; /* position: absolute !important; */ width: 100%; height: 100%;}
.slideshow nav {position: absolute; bottom: 18px; right:18px; z-index: 1000; line-height: 8px;}
.slideshow nav a {width: 8px; height: 8px; border-radius: 4px; background: #FFF; opacity: 0.5; margin-left: 8px; display: inline-block;}
.slideshow nav a.cycle-pager-active {opacity: 1;}
.slideshow-caption {position: absolute; left:18px; right:18px; bottom: 18px; background:rgba(255,255,255,0.5); max-width: 700px; padding: 18px; width: 100%; margin: auto; color: #333233;}


/* ==========================================================================
	Pagination
   ========================================================================== */
.pagination {border-top:1px solid #C1C0C0; line-height: 74px; clear:both; overflow: auto;}
.pagination a {color: #E7ADAB; padding: 0 10px;}
.pagination a:hover {opacity: 0.5;}
.pagination.top {border-bottom:1px solid #C1C0C0; margin-bottom: 51px;}

/* ==========================================================================
	Sidebar
   ========================================================================== */
.sidebar > div {border-bottom: 1px solid #CCC; margin-bottom: 18px; padding-bottom: 18px;}
.sidebar h3 {margin-bottom: 13px;}
.sidebar .mb {margin-bottom: 20px;}

/* Intro */
.sidebar-intro img {margin-bottom: 16px;}
.sidebar-intro h2 {margin-bottom: 18px;}

/* Overlay */
.overlay {position: relative; display: block;}
.overlay:hover > div {opacity: 1; visibility: visible;}
/* .overlay:hover img {opacity: 0.05;} */
.overlay > div {position: absolute; top:0; right:0px; bottom: 0; left:0px; opacity: 0; visibility: hidden; background: rgba(255,255,255,0.9);}
.overlay h3 {margin-bottom: 0;}

/* Sidebar Banner */
.sidebar-banner {margin-bottom: 0;}
.sidebar-banner.white {color: #FFFFFF; }
.sidebar-banner.black {color: #575757; }
.sidebar-banner.pink {color: #E7ADAB; }
.sidebar-banner div {opacity: 1; visibility: visible;}
.sidebar-banner .v-center {left:10px; right:10px;}
.sidebar-banner > div {background: rgba(255,255,255,0);}
.sidebar-banner:hover > div {background: rgba(255,255,255,0.7);}

/* Suggested Posts */
.suggested-posts .v-center {left:10px; right:10px;}

/* Follow */
.sidebar .social {margin-bottom: 0;}
.social {margin-bottom: 39px;}
.social a {margin: 0 8px; display: inline-block;}
.social a:hover {opacity: 0.5;}

/* Instagram */
.instagram { z-index: 0; display: block;}

/* Coveting */
#lb-539b090fbbcfc .lb-shift, #lb-539b099b78ec1.lb-resp .lb-inner {margin: 0 !important;}

/* ==========================================================================
	Post
   ========================================================================== */
.post {margin-bottom: 28px;}
.post time {margin-bottom: 11px; display: block;}
.post-subheading {margin-bottom: 16px;}
.post-featured-image {display: block; margin-bottom: 16px;}
.post-comment-link {display: block;}

.wysiwyg {margin-bottom: 36px;}
.wysiwyg div {height: auto !important;}
.wysiwyg img, .wysiwyg iframe, .wysiwyg .shopthepost-widget {max-width: 100%; height: auto; margin: 0 auto 16px auto;}
.wysiwyg ul li {list-style-type: circle; list-style-position: inside;}
.wysiwyg ol li {list-style-position: inside; list-style-type: decimal;}
.wysiwyg ul {padding-bottom: 16px;}
.wysiwyg a {color: #E7ADAB;}
.wysiwyg h3 {margin-bottom: 10px; margin-top: 24px;}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h4 {margin-bottom: 16px; margin-top: 16px;}

/* ==========================================================================
	Page
   ========================================================================== */
article.page p {max-width: 608px; width: 100%; margin-left: auto; margin-right: auto;}

/* ==========================================================================
	World
   ========================================================================== */
.page-world .footer-mailinglist {border-top:0;}

.world {position: relative;}
.world .credit {text-transform: none; font-style: italic; position: absolute; bottom: 16px; left:0; z-index: 1; letter-spacing: normal;}

.marker {width: 12px; height: 12px; position: absolute; margin: -6px 0 0 -6px; cursor: pointer; outline: none;}
.marker:after {content:''; width: 6px; height: 6px; border-radius: 50%; margin: auto; position:absolute; background: #E7ADAB; top:0; right:0; bottom: 0; left:0;}
.marker div {visibility: hidden; height: 60px; position: absolute; right: 12px; width: auto; top: -26px;}
.marker span {height: 60px; width: 250px; opacity: 0; display: inline-block; text-align: right; font-family: 'Signature'; line-height: 60px; color: #E7ADAB; font-size: 42px; padding-right: 16px;}
.marker:hover div {visibility: visible;}
.marker:hover:after {-webkit-transform: scale(2); transform: scale(2); }
.marker:hover span {opacity: 1;}
.marker.draggable {cursor: move;}

.marker.active div {visibility: visible;}
.marker.active:after {-webkit-transform: scale(2); transform: scale(2); }
.marker.active span {opacity: 1;}

.world-regions {line-height: 35px; border: 1px solid #333233; height: 35px; overflow: hidden; margin-bottom: 20px;}
.world-regions a {display: block;}
.world-regions div { -webkit-columns: 4; -moz-columns: 4; columns: 4; padding-bottom: 10px;}


/* ==========================================================================
	Region
   ========================================================================== */
.region-hero {margin-bottom: 28px; position: relative;}
.region-hero {background-image:url('images/world-header.jpg'); color: #FFF;}
.region-hero:before {content:''; width: 100%; padding-top: 37.5%; display: block;}
.region-hero h1 {left:0; right:0; text-align: center; font-family: 'Signature'; font-size: 100px;}

/* ==========================================================================
	Insgram
   ========================================================================== */
.shop-instagram {margin: 0 -5px; padding-bottom: 4px;}
.shop-instagram-image {width: 33.33333333%; padding: 5px; float: left;}

.shop-overlay {position: fixed; top:0; right: 0; left:0; bottom: 0; background: rgba(255,255,255,0.9); display: block; z-index: 10; overflow: scroll;   -webkit-overflow-scrolling: touch;}
.shop-instagram-modal {height: 600px; position: absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left:0; right:0; margin: auto; }
.shop-instagram-modal img {    height: 100%; width: auto;}
.shop-instagram-modal .container {display: block; margin: auto; width: 976px; height: 100%;}
.shop-instagram-modal figure { height: 100%;  position: absolute; top: 0; bottom: 0;}
.shop-instagram-modal .marker, .shop-instagram-modal .marker:after {width: 25px; height: 25px;}
.shop-instagram-modal .marker.active {-webkit-transform: scale(1.5); transform: scale(1.5); }

.shop-instagram-text {background: #FFF; padding: 30px; position: absolute; top:0; bottom: 0; right:0; width: 335px; text-align: left; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);}
.shop-instagram-text header, .shop-instagram-text div {position: absolute; left:30px; right:30px; border-bottom: 1px solid #535050;}
.shop-instagram-text header { line-height: 76px; top:0; }
.shop-instagram-text div, .shop-instagram-text h2 { bottom: 30px; letter-spacing: normal; text-transform: none; }
.shop-instagram-text div {padding-bottom: 20px;}
.shop-instagram-text a {display: block;}
.shop-instagram-text h2 {margin-top: 26px;}

.shop-instagram-products {font-size: 16px;}
.shop-instagram-products a:hover, .shop-instagram-products a.hover {color: #E7ADAB;}

.shop-close {float: right;}

.shop-previous, .shop-next {position: absolute; top:0; bottom: 0; line-height: 60px; height: 60px; margin: auto; display:block;}
.shop-previous {right:100%; padding-right: 16px;}
.shop-next {left:100%; padding-left: 16px;}

/* ==========================================================================
	Press
   ========================================================================== */
.press-article { margin-right: 0.985221674877%; width: 32.67651888341533%; float: left; margin-bottom: 10px;} 
.press-article.last {margin-right: 0;}
.press-article.first {clear: both;}
.press-article img {margin-bottom: 8px;}

/* ==========================================================================
	Footer
   ========================================================================== */
.footer {padding-bottom: 32px; clear:both;}
.footer-contact {line-height: 86px; border-top:1px solid #E0DFDF;}
.footer-text {font-style: italic;}
.footer-mailinglist {border-top:1px solid #C1C0C0; padding-top: 36px;} 

.footer-mailinglist-form {width: 55%; margin: auto auto 20px auto;}
.footer-mailinglist-form input, .footer-mailinglist-form button {height: 35px; border: 1px solid #C1C0C0; color: inherit; max-width: 303px; margin: 0 1.547987616099%; width:46.904024767802%; float: left;  -webkit-appearance: none; border-radius: 0;}
.footer-mailinglist-form button {color: #FFF; background: #333233;}
.footer-mailinglist-form button:hover {opacity: 0.5;}
.footer-mailinglist-form.subscribed button, .footer-mailinglist-form.subscribed input {display: none;}

/* ==========================================================================
	CSS Transitions 
   ========================================================================== */
.overlay img, .overlay > div { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.pagination a {-webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;}

.button {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.menu a, .shop-instagram-products a {-webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
.world-regions div a {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.marker:after, .marker span, .world-regions, .shop-instagram-modal .marker { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.header-fixed .logo, .header-fixed .container:before {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.draw-menu {-webkit-transition: all 0.75s cubic-bezier(.77,0,.175,1); transition: all 0.75s cubic-bezier(.77,0,.175,1);}
.search-form {-webkit-transition: transform 0.75s cubic-bezier(.77,0,.175,1); transition: transform 0.75s cubic-bezier(.77,0,.175,1);}

/* ==========================================================================
	Media Queries
   ========================================================================== */
@media only screen and (max-height : 700px) {
	.shop-instagram-modal {height: 480px; }
	.shop-instagram-modal .container  {width: 780px;}
	.shop-instagram-text {width: 268px;}
	.shop-instagram-text header, .shop-instagram-text div  {left:20px; right:20px;}
	.shop-instagram-text div, .shop-instagram-text h2  {bottom: 20px;}
}

@media only screen and (max-width: 800px) {
	.shop-instagram-modal {height: auto; width: auto; -webkit-transform: translateY(0); transform: translateY(0); position: static; }
	.shop-instagram-modal .container {width: auto; padding: 36px 36px 60px 36px;}
	.shop-instagram-modal figure {position: relative; width: 100%; margin-bottom: 20px; margin-left: 0; margin-right: 0;}
	.shop-instagram-modal figure img {width: 100%; height: auto;}
	.shop-instagram-text {width: auto; position: relative; padding: 0 26px 26px 26px;}
	.shop-instagram-text header, .shop-instagram-text div  {position: static;}
	.shop-instagram-text header {margin-bottom: 20px; line-height: 60px;}
	.shop-previous, .shop-next {bottom: 0; top:auto;}
	.shop-previous {left: 36px; right:auto;}
	.shop-next {right: 36px;; left:auto;}
	
	.world-regions div { -webkit-columns: 3; -moz-columns: 3; columns: 3;}
	
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 727px) {
	
	/* Helpers */
	.d-hide {display: block;}
	
	body {margin-top: 132px;}
	.menu {display: none;}
	
	/* Structure */
	main {width: 100%; float: none;}
	.sidebar {display: none;}
	.container {padding-left: 36px; padding-right: 36px;}
	
	/* Header */
	.header-fixed { height: 132px;}
	.header-fixed .container {height: 132px; padding-top: 34px; padding-bottom: 34px;}
	.header-fixed .logo {width: 184px; height: 64px; visibility: visible; opacity: 1;}
	.header-logo {display: none;}
	.fixed .header-fixed {height: 66px;}
	.fixed .header-fixed .container {height: 66px; padding-top: 10px; padding-bottom: 10px;}
	.fixed .header-fixed .logo {width: 129px; height: 46px; }
	.fixed .search-form {top:66px;}

	.toggle-menu, .toggle-search {line-height: 66px; height: 66px; position: absolute; top:0; bottom: 0; left:36px; margin: auto;}
	.toggle-search {left:auto; right:36px;}
	.draw-menu .toggle-menu, .draw-menu:before {left:0; right:0; bottom: 0; line-height: 90px; top:auto; text-align: center; height: 90px;}
	.draw-menu:before {content: 'Menu'; position: absolute; top:0; bottom: auto; font-size: 12px;}
	.search-form {top:132px;}
	
	/* Slideshow */
	.slideshow {margin-bottom: 200px;}
	.slideshow-caption {top:100%; left:0; right:0; border-bottom: 1px solid #C1C0C0; min-height: 180px; bottom:auto;}
	.slideshow nav {position: absolute; bottom: -162px; left: 0; right: 0; line-height: 32px;}
	.slideshow nav a {background: #C1C0C0; width: 32px; height: 32px; border: 10px solid #FFF; border-radius: 50%;}
	.slideshow nav a.cycle-pager-active {background: #333233;}
	
	/* Shop Instgram */
	.shop-instagram {margin: 0;}
	.shop-instagram-image {width: 100%; margin-bottom: 20px; float: none; padding: 0; display: block;}
	
	/* Footer */
	.footer-mailinglist-form {width: 100%;}
	.footer-mailinglist-form input, .footer-mailinglist-form button {width: 100%; margin-bottom: 18px; max-width: none; margin-left: 0; margin-right: 0;}
	.footer .social {margin-bottom: 24px;}	
	.footer-contact { line-height: 26px; padding: 20px 0;}
	.footer-contact span {display: block; font-size: 0; height: 1px;}
	
	/* World */
	.region-hero h1 {font-size: 32px;}
	.world-regions {display: block;}
	.world-regions div { -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	.world .credit { position: static;  padding-bottom: 10px; display: block;}
	.marker-container { margin: 0 -36px;}


	/* Press */
	.press-article {width: 49.3333333333335%; margin-right: 1.333333333333%;}
	.press-article:nth-child(odd) {margin-right: 1.333333333333% !important; clear:left !important;}
	.press-article:nth-child(even) {margin-right: 0 !important; clear:none!important;}

	
	/* Mobile Transitions */
	.logo, .header-fixed, .header-fixed .container { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

}