/*
tableOfContents
	includeStyles
	generalStyles
	styleUpdates
*/
/*includeStyles*/
/*general variables*/
/*colors*/
/* breakpoint variables */
/*
@media only screen and (max-width : 320px) {
}
@media only screen and (max-width : 500px) {
}
@media only screen and (max-width : 740px) {
}
@media only screen and (max-width : 980px) {
}
*/
/*e.g. @include transition(background, .5s, ease, 0s);*/
/*generalStyles*/
body .quoteBox { position: relative; margin-bottom: 90px; font-size: 17.35px; }
body .quoteBox .bgImg { min-width: 100%; }
body .quoteBox .overText { font-family: 'VAGRoundedLT-Light', Helvetica, Arial, sans-serif; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; text-align: center; }
body .quoteBox .overText .innerWrapper { display: table; width: 100%; height: 100%; }
body .quoteBox .overText .innerWrapper .content { display: table-cell; vertical-align: middle; }
body .quoteBox .overText .innerWrapper .content .borderBox { width: 80%; max-width: 587px; border: 2px solid #ffffff; margin: auto; }
body .quoteBox .overText .innerWrapper .content .borderBox p { font-size: 23.9px; line-height: 35px; color: #ffffff; padding: 4% 8% 0 8%; }
@media only screen and (max-width: 500px) { body .quoteBox .overText .innerWrapper .content .borderBox p { font-size: 13px; line-height: 16px; } }
body .quoteBox .overText .innerWrapper .content .borderBox .author { font-size: 17px; line-height: 26px; }
@media only screen and (max-width: 500px) { body .quoteBox .overText .innerWrapper .content .borderBox .author { font-size: 12px; line-height: 18px; padding: 5px; } }
body #product-right { margin-bottom: 50px; }
body #product-right #product-description h1 { font-size: 25px; color: #cc0000; text-transform: none; margin-bottom: 20px; }
body #product-right #product-description h3, body #product-right #product-description h4, body #product-right #product-description h5 { color: #707070; }
body #product-right #product-description h4 { margin-bottom: 0; }
body #product-right #product-description h5 { margin-bottom: 15px; }
body #product-right #product-description #product-price { font-size: 19px; font-weight: bold; color: #505050; margin-bottom: 15px; }
body #product-right #product-description form { border-top: 1px dotted #707070; border-bottom: 1px dotted #707070; padding-top: 35px; }
body #product-right #product-description form .quantity { border: 1px solid #dddddd; }
body #product-right #product-description form .add { background-color: #cc0000; text-transform: none; font-size: 22px; }
body #product-right #product-description form .add.disabled { background-color: #505050; }
body #product-right #product-description .swatch .color.swatch-element label { border: 0px !important; height: 39px !important; width: 39px !important; background-repeat: no-repeat; background-position: center; background-color: transparent !important; }
body #product-right #product-description .swatch .color.swatch-element input:checked + label { border: 2px solid #cc0000 !important; }

/*styleUpdates*/
body .fjallFlag { position: absolute; right: 0px; top: 100%; }
body #main-nav { margin-bottom: 0; }
body ul#social-icons li.countries ul { margin-top: -2px; height: 0px; overflow: hidden; display: block; }
body #instagram-card a.insta-link { font-size: 120%; }
body #product-right { border: 0px; }
body #breadcrumb { font-size: 12px; }
body #breadcrumb a { font-size: 12px; }
body #pagination { font-size: 18px; font-family: 'VAGRoundedLT-Light', Helvetica, Arial, sans-serif; margin-bottom: 50px; }
body #pagination a { color: #cc0000; background: transparent; font-weight: bold; }
body .line { border-top: 1px dotted #707070; }

.index .section-home-middle-image { float: left; }

.collectionFjallraven #collection-description, body.search #collection-description { position: relative; float: none; }
.collectionFjallraven #collection-description .heroImg, body.search #collection-description .heroImg { min-width: 100%; }
.collectionFjallraven #collection-description h1, body.search #collection-description h1 { position: absolute; top: 37.1%; color: white; font-size: 500%; width: 100%; text-transform: uppercase; }
.collectionFjallraven > .content > h1, body.search > .content > h1 { color: #cc0000; font-size: 24px; text-align: center; margin-bottom: 37px; }
.collectionFjallraven h2, body.search h2 { color: #cc0000; font-size: 24px; text-align: center; margin-bottom: 37px; }
.collectionFjallraven #product-loop .product-index img, body.search #product-loop .product-index img { max-width: 85%; max-height: 250px; }
.collectionFjallraven #product-loop .product-index .product-info, body.search #product-loop .product-index .product-info { border-bottom: 0px; }
.collectionFjallraven #product-loop .product-index .product-info a, body.search #product-loop .product-index .product-info a { text-transform: none; }
.collectionFjallraven #product-loop .product-index .product-info a h3, body.search #product-loop .product-index .product-info a h3 { font-size: 17px; font-weight: bold; }
.collectionFjallraven .product-modal, body.search .product-modal { color: #666; font-weight: bold; }

.product #breadcrumb { margin-top: 15px; margin-bottom: 40px; }
.product #product-photos { margin-bottom: 50px; }
.product #product-photos .bigimage { max-width: none; width: 100%; }
.product #product-photos .bigimage img { max-height: 500px; position: relative; z-index: -1; }
.product #product-photos .imagesPopup { clear: left; }
.product #product-photos .productGallery { display: none; }

.innerPageSections h1, .innerPageSections .textAndimgs .row h2 { color: #cc0000; font-size: 50px; margin-bottom: 50px; }
@media only screen and (max-width: 980px) { .innerPageSections h1, .innerPageSections .textAndimgs .row h2 { font-size: 38px; margin-bottom: 30px; } }
@media only screen and (max-width: 500px) { .innerPageSections h1, .innerPageSections .textAndimgs .row h2 { font-size: 26px; } }
.innerPageSections .section-title { margin-bottom: 50px; }
.innerPageSections .subtitle { color: #505050; font-size: 24px; line-height: 37px; }
@media only screen and (max-width: 980px) { .innerPageSections .subtitle { font-size: 17px; line-height: 29px; } }
@media only screen and (max-width: 740px) { .innerPageSections .subtitle br { display: none; } }
.innerPageSections .heroImg { min-width: 100%; max-width: 100%; margin-bottom: 80px; }
.innerPageSections .textAndQuote .row { text-align: center; margin-bottom: 80px; }
.innerPageSections .itemsAndDescriptions .item { margin-bottom: 50px; }
@media only screen and (max-width: 500px) { .innerPageSections .itemsAndDescriptions .item { text-align: center; } }
.innerPageSections .itemsAndDescriptions .item .leftImg { float: left; max-width: 16.9%; }
@media only screen and (max-width: 500px) { .innerPageSections .itemsAndDescriptions .item .leftImg { float: none; max-width: 90%; display: inline; } }
.innerPageSections .itemsAndDescriptions .item .rightText { float: right; width: 76%; padding: 25px 0; }
@media only screen and (max-width: 980px) { .innerPageSections .itemsAndDescriptions .item .rightText { padding: 5px 0; } }
@media only screen and (max-width: 500px) { .innerPageSections .itemsAndDescriptions .item .rightText { float: none; width: 90%; margin: 0 auto; padding: 25px 0; } }
.innerPageSections .itemsAndDescriptions .item .rightText h2 { color: #505050; font-size: 26px; margin-bottom: 20px; }
@media only screen and (max-width: 980px) { .innerPageSections .itemsAndDescriptions .item .rightText h2 { font-size: 18px; } }
.innerPageSections .itemsAndDescriptions .item .rightText p { font-size: 22px; line-height: 32px; }
@media only screen and (max-width: 980px) { .innerPageSections .itemsAndDescriptions .item .rightText p { font-size: 14px; } }
.innerPageSections .imgsAndLinks .innerSection { margin-top: 30px; background: #edeedc; padding-top: 50px; margin-bottom: 80px; }
.innerPageSections .imgsAndLinks .innerSection .item { float: left; width: 23.5%; margin-left: 1.5%; text-align: center; margin-bottom: 50px; }
@media only screen and (max-width: 740px) { .innerPageSections .imgsAndLinks .innerSection .item { width: 48%; margin-left: 2%; } }
.innerPageSections .imgsAndLinks .innerSection .item:first-child { margin-left: 0; clear: left; }
@media only screen and (max-width: 740px) { .innerPageSections .imgsAndLinks .innerSection .item.second { margin-left: 0; clear: left; } }
.innerPageSections .imgsAndLinks .innerSection .item .colImg { display: inline; margin-bottom: 20px; }
.innerPageSections .imgsAndLinks .innerSection .item h3 { font-size: 14px; font-weight: bold; margin-bottom: 25px; }
.innerPageSections .imgsAndLinks .innerSection .item a { background: #cc0000; color: white; padding: 7px 12px; }
.innerPageSections .textAndVideo .row { margin-top: 30px; text-align: center; margin-bottom: 80px; }
.innerPageSections .textAndVideo .videoBox { position: relative; margin-bottom: 80px; }
.innerPageSections .textAndVideo .videoBox .play { background: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/video-play-button.png?11618318283926417136); position: absolute; top: 50%; left: 50%; width: 183px; height: 183px; margin-top: -91px; margin-left: -91px; }
.innerPageSections .textAndVideo .videoBox .play:hover { background: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/video-play-button-ro.png?11618318283926417136); }
.innerPageSections .textAndVideo .videoBox .background { min-width: 100%; }
.innerPageSections .textAndimgs .row { text-align: center; margin-top: 30px; margin-bottom: 80px; }
.innerPageSections .textAndimgs .row .feather { margin-bottom: 20px; }
.innerPageSections .textAndimgs .row .subImage { margin-bottom: 80px; }
.innerPageSections .textAndimgs .row h3 { color: #cc0000; font-size: 27px; margin-bottom: 20px; }
@media only screen and (max-width: 500px) { .innerPageSections .textAndimgs .row h3 { font-size: 17px; } }
.innerPageSections .textAndimgs .row .subtitle { margin-bottom: 50px; }
.innerPageSections .textAndimgs .row #promo-images a { cursor: default; }
.innerPageSections .textAndimgs .row #promo-images a:hover .over-text p { padding: 5px 25px; }
.innerPageSections .textAndimgs .row #promo-images a:hover .over-text p.hiddenDescription { opacity: 1; height: auto; padding: 5px 25px; }
@media only screen and (max-width: 500px) { .innerPageSections .textAndimgs .row #promo-images a:hover .over-text p.hiddenDescription { opacity: 0; height: 0; padding: 0; } }
.innerPageSections .textAndimgs .row #promo-images a .over-text p { font-size: 21px; font-weight: 100; padding: 25px; }
.innerPageSections .textAndimgs .row #promo-images a .over-text p.hiddenDescription { opacity: 0; height: 0; padding: 0; margin-bottom: 0; webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; font-size: 14px; line-height: 31px; }
.innerPageSections .flag { margin-bottom: 40px; }
.innerPageSections .flag img { padding-top: 14px; }

#footer a { text-decoration: none; }
@media only screen and (max-width: 980px) { #footer p.navLinks br { display: none; } }
@media only screen and (max-width: 980px) { #footer .navLinks a { margin-right: 10px; } }
#footer .left .linkSpacer { margin-left: 10px; margin-right: 10px; }
@media only screen and (max-width: 740px) { #footer .middle { padding: 0; margin-top: 25px; } }
#footer .middle .signupBox { position: relative; }
#footer .middle .signupBox input { max-width: 100%; text-align: left; padding-left: 20px; }
#footer .middle .signupBox .signupSubmit { position: absolute; top: 25px; right: 11px; width: 25px; height: 25px; margin: 0; padding: 0; background: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/emailSignup.png?11618318283926417136); }

/* .buyx-msg { color: #F45B4F; font-weight: bold; font-size: 1.2em; width: 100%; text-align: center; margin-bottom: 10px; } */

.buyx-msg {
    background-color: #d1222f;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 10px;
    /* padding: 20px 0; */
    text-align: center;
    width: auto;
}

.buyx-msg a { background: #ffffff none repeat scroll 0 0;
    color: #d1222f;
    font-weight: bold;
    margin: 0 5px;
    padding: 7px;
  transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
  line-height: 32px;
}

.buyx-msg a:hover {
  background: #d1222f none repeat scroll 0 0;
    color: #ffffff;
  border: 1px dotted #ffffff;
  text-decoration:underline;
}

.buyx-msg .section-title.lines::after { border-bottom: 1px dotted #ffffff;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
  margin-top: 0px !important;
}

.buyx-msg .section-title.lines h2 { background-color: #d1222f;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    margin: 0;
    padding: 0 23px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.buyx-msg .section-title.lines {
  margin-top:10px !important;
}

#videoPopup { width: 80%; height: 50%; left: 10%; position: absolute; top: 0; z-index: 101; display: none; }
#videoPopup .video-container { padding: 2%; }

#videoShadow { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none; background: black; }

#crt .quick-cart-item {
  width:100%;
}
#crt.updated-cart {
  position:relative;
  float:left;
  display:block;
  width:500px;
  top:0;
  max-width:100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#crt.updated-cart a.checkout-link {
  background:#cc0000;
  color:#FFF !important;
}
#crt.updated-cart a.fncy-custom-close {
  background:rgb(0, 117, 233);
  text-align:center;
  padding:5px 10px;
  width:100%;
  float: left;
  color: #FFF;
  margin-top: 10px;
}
#crt.updated-cart .quick-cart-item {
  margin-left:0;
}
.icon-shopping-cart:before {
  font-size:18px;
}
body .fjallFlag {
  max-width:25px;
  position:relative;
  top:0;
}
.spin-outer {
  float:left;
  width:100%;
  text-align:center;
}
.spin-outer .button {
  color:#FFF;
  font-size:16px;
}
.spin-outer .button:before {
  content:'';
  width:20px;
  height:20px;
  display:inline-block;
  background:url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/spin.png?11618318283926417136) no-repeat center;
  background-size:contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px;
}
.fancybox-spin.button {
  width:initial;
  padding:10px;
  margin:0 10px;
}
.fancybox-lock body {
  overflow:visible !important;
}
.image-text-inside {
  width:500px;
  max-width:100%;
}
.image-left {
  width:100%%;
  float:left;
  padding:20px;
  border-bottom:1px dotted #cc0000;
}
.text-right {
  width:100%;
  float:left;
  text-align:center;
  padding:20px;
}
.text-right h3 {
  font-size: 25px;
  color: #cc0000;
  text-transform: none;
  margin-bottom: 20px;
}
.text-right h3 a {
  color:#cc0000 !important;
}
.popup-bottom-item {
  width:100%;
  float:left;
  padding:20px;
  background:#808080;
  text-align:center;
}
.image-text-inside .popup-bottom-item .button {
  background:#FFF;
  color:#cc0000;
  padding:5px;
}
.popup-bottom-item .popup-bottom-left {
  width:65%;
  display:inline-block;
  text-align:left;
  color:#FFF;
  vertical-align:middle
}
.popup-bottom-item .popup-bottom-right {
  width:30%;
  display:inline-block;
  margin-left:3%;
  vertical-align:middle
}
.popup-bottom-item .popup-bottom-right .button {
  width:100%;
}
.image-text-inside .button {
  display:inline-block;
  width:auto;
  font-family: Cambria, Georgia, serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 100%;
  text-align: center;
  margin-bottom:0;
  background:#cc0000;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:10px 15px;
}
.popup-alert .fancybox-skin {
  padding:0 !important;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.image-text-inside a.button:visited {
color:#fff !important;
}
@media only screen and (max-width : 550px) {
  .popup-bottom-item .popup-bottom-left {
    width:100%;
    text-align:center;
  }
  .popup-bottom-item .popup-bottom-right {
    width:100%;
    margin-left:0;
  }
}
.header-alert {
  background:rgb(81,84,58);
  width:100%;
  padding:20px 0;
  text-transform:uppercase;
  color:#FFF;
  font-family: 'VAGRoundedLT-Thin', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-align:center;
  border-bottom: 1px dotted #dd1212;
}

/* FULL SEARCH BOX */


.morphsearch {
  	position: relative;
	width: auto;
	min-height: 40px;
	background: white;
	z-index: 10000;
	top: 0px;
	right: 0;
    display: inline-block;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transition-property: min-height, width, top, right;
	transition-property: min-height, width, top, right;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

li.list-search {
    width: auto;
  	cursor: pointer;
}
.fullsearch-wrap {
    width: 100%;
    left: 0;
    top: 0;
}

 .morphsearch.open {
	width: 100%;
	min-height: 100%;
	top: 0px;
	right: 0px;
} 
li.list-search .morphsearch.open {
    width: 100% !important;
    top: 0;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
}
li.list-search > .morphsearch.open {
    position: relative;
    width: 100% !important;
}
li.list-search > #morphsearch.morphsearch.open {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
} 
 

.morphsearch-form {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	position: relative;
	-webkit-transition-property: width, height, -webkit-transform;
	transition-property: width, height, transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    background: url('//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/icon-search.png?11618318283926417136') left center no-repeat;
    background-size: 15px;
    background-position: 6px 10px;
}

.morphsearch.open .morphsearch-form {
	width: 80%;
	height: 160px;
	-webkit-transform: translate3d(0,3em,0);
	transform: translate3d(0,3em,0);
    z-index: 999;
}

.morphsearch-input.st-default-search-input {
	width: 100%;
	height: 100%;
	padding: 0 10% 0 10px;
	font-weight: 700;
	border: none;
	background: transparent;
	font-size: 0.8em;
	color: #cc0000;
	-webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
	transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
    font-family: 'VAGRoundedLT-Thin', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    display: block;
    padding: 0 20px;
    text-transform: capitalize;
  cursor:pointer;
}
.morphsearch.open .morphsearch-input.st-default-search-input {
  cursor:auto;
}
.st-ui-search-input, .st-default-search-input {
  line-height: 58px !important;
}


.morphsearch-input::-ms-clear { /* remove cross in IE */
    display: none;
}

.morphsearch.hideInput .morphsearch-input {
	color: transparent;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.morphsearch.open .morphsearch-input {
	font-size: 48px;
}

/* placeholder */
.morphsearch-input::-webkit-input-placeholder {
	color: #cc0000;
}

.morphsearch-input:-moz-placeholder {
	color: #cc0000;
}

.morphsearch-input::-moz-placeholder {
	color: #cc0000;
}

.morphsearch-input:-ms-input-placeholder {
	color: #cc0000;
}

/* hide placeholder when active in Chrome */
.gn-search:focus::-webkit-input-placeholder {
	color: transparent;
}

input[type="search"] { /* reset normalize */
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;	
    padding-left: 20px;
}

.morphsearch-input:focus,
.morphsearch-submit:focus {
	outline: none;
}

.morphsearch-submit {
	position: absolute;
	width: 23px;
    height: 23px;
	text-indent: 100px;
	overflow: hidden;
	right: 20px;
	top: 50%;
	background: url('//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/icon-search.png?11618318283926417136') center center no-repeat;
	background-size: 100%;
	border: none;
	pointer-events: none;
	transform-origin: 50% 50%;
	opacity: 0;
	-webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
	transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
}
.morphsearch-submit:hover {
  opacity: .6;
  background: url('//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/icon-search.png?11618318283926417136') center center no-repeat;
  width: 23px;
  height: 23px;
}

.morphsearch.open .morphsearch-submit {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
	transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morphsearch-close {
	width: 36px;
	height: 36px;
  line-height:36px;
	position: absolute;
	right: 3em;
    top: -1em;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	pointer-events: none;
	opacity: 0;
	-webkit-transform: scale3d(0,0,1);
	transform: scale3d(0,0,1);
  background:#cc0000;
}

.morphsearch.open .morphsearch-close {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morphsearch-close::before,
.morphsearch-close::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	border-radius: 3px;
	opacity: 1;
	background: #FFF;
}

.morphsearch-close:hover.morphsearch-close::before,
.morphsearch-close:hover.morphsearch-close::after {
	opacity: 1;
}

.morphsearch-close::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.morphsearch-close::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.morphsearch-content {
	color: #333;
	margin-top: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding: 0;
	background: transparent;
	position: absolute;
	pointer-events: none;
	opacity: 0;
  cursor:auto;
}

.morphsearch.open .morphsearch-content {
	opacity: 1;
	height: auto;
	overflow: visible; /* this breaks the transition of the children in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 */
	pointer-events: auto;
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
    z-index: 1 !important;
  background:#FFF;
}

.dummy-column {
	width: 30%;
	padding: 0 0 6em;
	float: left;
	opacity: 0;
	-webkit-transform: translate3d(0,100px,0);
	transform: translateY(100px);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.morphsearch.open .dummy-column:first-child {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.morphsearch.open .dummy-column:nth-child(2) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.morphsearch.open .dummy-column:nth-child(3) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morphsearch.open .dummy-column {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.dummy-column:nth-child(2) {
	margin: 0 5%;
}

.dummy-column h2 {
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 800;
	color: #c2c2c2;
	padding: 0.5em 0;
}

.round {
	border-radius: 50%;
}

.dummy-media-object {
	padding: 0.75em;
	display: block;
	margin: 0.3em 0;
	cursor: pointer;
	border-radius: 5px;
	background: rgba(118,117,128,0.05);
}

.dummy-media-object:hover,
.dummy-media-object:focus {
	background: rgba(118,117,128,0.1);
}

.dummy-media-object img {
	display: inline-block;
	width: 50px;	
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.dummy-media-object h3 {
	vertical-align: middle;
	font-size: 0.85em;
	display: inline-block;
	font-weight: 700;
	margin: 0 0 0 0;
	width: calc(100% - 70px);
	color: rgba(145,145,145,0.7);
}

.dummy-media-object:hover h3 {
	color: rgba(236,90,98,1);
}

/* Overlay */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1);
	opacity: 0;
	pointer-events: none;
    z-index: 500;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.morphsearch.open ~ .overlay {
	opacity: 1;
}

@media screen and (max-width: 53.125em) {
	.morphsearch-input {
		padding: 0 25% 0 10px;
	}
	.morphsearch.open .morphsearch-input {
		font-size: 2em;
	}
	.dummy-column {
		float: none;
		width: auto;
		padding: 0 0 2em;
	}
	.dummy-column:nth-child(2) {
		margin: 0;
	}
	.morphsearch.open .morphsearch-submit {
		-webkit-transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
		transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
	}
}

@media screen and (max-width: 60.625em) {

 ul#main-nav li a {
    padding: 0px 9px;
}

  .morphsearch {
      width: 112px;
      top: 10%;
      right: 0;
  }
  ul#main-nav {
    text-align: left;
  }

}

.morphsearch {
    width: 25px;
    top: 10px;
    right: 0;
}


.search-results {
    width: 100% !important;
    margin-top: 80px !important;
    z-index: 5000;
}
.sixth {
  display: inline-block;
  width: 49%;
  padding: 15px;
}
.morphsearch h2 {
      display: inline-block;
    text-transform: uppercase;
    padding: 8px 23px;
    margin: 0;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    color: #cc0000;
    font-size: 30px;
}
div#morphsearch.open .morphsearch-form {
    background-image: none;
    display: block;
    margin-bottom: 50px;
    border-bottom: 1px dotted #cc0000;
}
.morphsearch.open .morphsearch-form {
    height: auto;
}
.search-results {
    z-index: 8889;
    list-style-type: none;
    width: 242px;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.1);
    overflow: hidden;
    position: absolute !important;
    z-index: 100000;
    top: 0 !important;
}
.fancybox-overlay {
    z-index: 99999 !important;
}
.fancybox-opened {
    z-index: 999999 !important;
}
#logo {
	z-index: 20000;
}

  .morphsearch {
  }
  .morphsearch-content {
      margin-top: 4.5em;
      width: 100%;
      height: 0;
      overflow: hidden;
      padding: 0 10.5%;
      position: absolute;
      pointer-events: none;
      opacity: 0;
  }
  .third {
    width:33%;
    float:left;
    text-align:left;
  }
  .third h2 {
    font-size:24px;
  }
  ul#main-nav li .third ul, ul#cart li .third ul {
    padding:10px;
    width:100%;
  }
  ul#main-nav li .third ul li, ul#cart li .third ul li {
    display:block;
    margin:3px 0;
    background:#F1F1F1 !important;
    padding:10px;
    width:100%;
    font-size: 16px;
    position:relative;
  }
  ul#main-nav li .third ul li:hover, ul#cart li .third ul li:hover {
    background:#E1E1E1 !important;
    color:#cc0000;
  }
  ul#main-nav li .third ul li > div, ul#cart li .third ul li > div {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px;
  }
  ul#main-nav li .third ul li > a, ul#cart li .third ul li > a {
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:0;
  }
  ul#main-nav li .third ul li span, ul#cart li .third ul li span {
    width: calc(100% - 90px);
    display: inline-block;
    white-space: normal;
    line-height: 20px;
    vertical-align: middle;
  }
  ul#cart li.list-search {
    display:none;
  }
@media screen and (max-width: 767px) {
  ul#main-nav {
      text-align: center;
  }
  ul#cart li.list-search {
    display:inline-block;
  }
  .search_open ul#cart {
    position:initial;
  }
  .morphsearch-form:before {
    font-family: FontAwesome;
    content:"\f002";
    display:inline-block;
    position: absolute;
    top: 5px;
    left: 7px;
    z-index:0;
  }
  .search_open .morphsearch-form:before {
    display:none;
  }
  .morphsearch-form {
    background:none;
  }
  .morphsearch {
    top:0;
  }
  .morphsearch-input.st-default-search-input {
    line-height:18px !important;
    position:relative;
    z-index:1;
  }
  .search_open .morphsearch-input.st-default-search-input {
    line-height:58px !important;
  }
  .morphsearch-close {
    right: 15px;
    top: 50px;
  }
  .morphsearch-content {
    margin-top:250px;
  }
   .third {
    width:100%;
   }
  .morphsearch.open .morphsearch-form {
    width:75%;
    margin:0 0 0 15px;
  }
  .morphsearch.open .morphsearch-input.st-default-search-input {
    border:1px solid #bbb;
  }
  .search_open .dl-menuwrapper {
    z-index:9999;
  }
}