/* Minification failed. Returning unminified contents.
(204,1): run-time error CSS1031: Expected selector, found '}'
(204,1): run-time error CSS1025: Expected comma or open brace, found '}'
 */

.productView_productQuantity {
    margin: 0px 0 20px;
}
.productView_productDescription { 
    margin: 15px 0 20px;
}

.productView_topButtonsContainer {
     margin-top: 40px;
}

.productView_systembolaget_productPageLink {
    padding: 10px;padding-left:22px;padding-right:22px;
}

.productView_systembolaget_productPageLinkContainer {
     margin-left: 0px;
         margin-top: 12px;
    display: inline-block;
}

.productView_productName {
 
    min-height: 55px;
}

/* TEMP: Should be in separate file "shopping-list/shopping-cart.css" */
.shoppingCart_dropdown {
    width: 600px !important;
}

shoppingCart_item {
    width: 600px !important;
}

/* Button style */
.mb_wineproduct_btn {
    display: inline-block;
    background: #00a675;
       border-radius: 10px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    padding: 14px 25px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    transition: all 0.3s;
    -webkit-appearance: none;
}

.mb_wineproduct_btnAlt {
    background: none;
    font-family: 'Hind Vadodara', sans-serif;
    font-weight: 500;
    font-size: 80%;
    padding: 10px 20px; 
}

/*
.mb_wineproduct_btn:hover {
       background: #0dad7d;
    color: #fff;
    cursor: pointer;
}*/

.mb_wineproduct_btn a:link,
.mb_wineproduct_btn a:visited,
.mb_wineproduct_btn:link,
.mb_wineproduct_btn:visited {
    
       border: none;
    display: inline-block;
    border-radius: 6px;
    font-family: inherit;
    font-weight: 400;
    padding: 4px 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    transition: all 0.3s;
    -webkit-appearance: none;
    margin-left: 30px;
}

.mb_wineproduct_btnAlt:link,
.mb_wineproduct_btnAlt:visited {
    color: #464a50;
    border: 1px solid #e8e8e8;
}

.mb_wineproduct_btn:hover a,
.mb_wineproduct_btn a:hover,
.mb_wineproduct_btn a:active {
    border: none;
}

.mb_wineproduct_btnAlt:hover,
.mb_wineproduct_btnAlt:active {
    background: #e8e8e8;
}

.mb_wineproduct_btn:disabled,
.mb_wineproduct_btn:disabled:hover {
    background: #b5e4d8;
    background: #f9f9f9;
    background: #fbfbfb;
    color: #d2d2d2;
    cursor: default;
}

.mb_wineproduct_btn_disabled {
    background: #cccccc;
}


/* Override from modules-styles.css */

.gridView_productImageContainer:hover + .gridView_productItemInnerContainer {
    opacity: 1 !important  ;
}

.wishlisticon  {
              width: 30px;
    float: right;
    display: flex;
    padding-top: 4px;
}

.icon-heart   {
        font-size: 160%;
    color: #d0d0d0 !important;
    float: right;
    display: flex;
    padding-top: 15px;
}

/*
.icon-heart:before:active  { 
    color: #ff0048 !important; 
}*/


.icon-heart:hover    { 
    color: #ff0048 !important; 
}

.icon-heart-active   {
    color: #ff0048 !important;
}

.addToCart_loadingPanel  {
    background:none;
    border-radius: 0;
}

 
.addToCart   {
   padding-bottom: 10px; 
}

.frontViewContainer .gridView_productItemInnerContainer {
    background: none;
}

   .gridView_productItemInnerContainer {
    line-height: 1.6;
    padding: 15px 20px 10px;
    text-align: center;
    transition: all .2s ease-in-out;
    margin-top: 13px;
    background: #f9f8f6;
    border-radius: 6px;
}

.productView_pdfLink {
    margin-top: 10px;
 
}

.productView_pdf_productPageLinkContainer {
 
     
    display: inline-block;
    margin-left: 12px;
    float: right;
}


@media (max-width: 480px)
{
.gridView_productItem {
    width:calc(96% - 20px);
}

.productView_systembolaget_productPageLinkContainer

}
/* Shopping cart */

.shoppingCart_header {
	background: #fff;
	border-radius: 50em;
	display: inline-block;
    line-height: 0;
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 2;
}

.mb_wysiwygView .shoppingCart_header {
	position: absolute;
	top: 76px;
}

.shoppingCart_headerTotalPrice,
.shoppingCart_toggle,
.shoppingCart_headerQuantity,
.shoppingCart_headerEmpty .shoppingCart_headerQuantity {
	display: none;
}

.shoppingCart_header .shoppingCart_basketIcon {
	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.shoppingCart_headerEmpty .shoppingCart_basketIcon {
	opacity: .5;
}

.shoppingCart_headerQuantity {
	background: #ff0048;
	border-radius: 50em;
	display: inline-block;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
}

.shoppingCart_headerQuantity > span {
	color: #fff;
	display: inline-block;
	font-size: 80%;
	font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.shoppingCart_loadedNotification {
	background: #232527;
	border-radius: 50em;
	border-top-right-radius: 0;
	color: #fff;
	font-size: 90%;
	display: none;
	position: absolute;
	top: calc(100% + 5px);
	right: 0;
	width: 200px;
	text-align: center;
	padding: 18px 10px 14px;
	line-height: 1;
}

.shoppingCart_dropdown {
	background: #fff;
	border: 1px solid #edf2f6;
	border-radius: 3px;
	border-top-right-radius: 0;
	display: none;
	position: fixed;
	top: 89px;
	right: 0;
	width: 400px;
	overflow-y: scroll !important;
	max-height: calc(100vh - 53px);
}

.shoppingCart_dropdownHeader {
	border-bottom: 1px solid #edf2f6;
	padding: 15px 25px;
}

.shoppingCart_item {
	border-bottom: 1px solid #edf2f6;
	font-size: 90%;
	padding: 10px 25px;
	position: relative;
}

.shoppingCart_item img {
	height: 70px;
}

.shoppingCart_itemInner {
	display: inline-block;
	vertical-align: top;
	margin-left: 25px;
	max-width: 70%;
}

.shoppingCart_productName {
	display: block;
	font-size: 90%;
	margin-bottom: 10px;
}

.shoppingCart_decQuantity,
.shoppingCart_incQuantity {
	display: inline-block;
	vertical-align: middle;
	padding: 0 12px;
	height: 30px;
	background: #f5f7fa;
	border: 1px solid #e0e3e7;
}

.shoppingCart_incQuantity:link,
.shoppingCart_incQuantity:visited {
	color: #464a50;
	border-right: none;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.shoppingCart_decQuantity:link,
.shoppingCart_decQuantity:visited {
	color: #464a50;
	border-left: none;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.shoppingCart_quantity {
	border: 1px solid #e0e3e7;
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 30px;
	text-align: center;
}

.shoppingCart_productPrice {
	display: inline-block;
	font-size: 90%;
	margin-left: 10px;
}

.shoppingCart_removeItem:link,
.shoppingCart_removeItem:visited {
	color: inherit;
	font-size: 110%;
	position: absolute;
	top: 10px;
	right: 25px;
}

.shoppingCart_totalPrice {
	font-size: 90%;
	text-align: center;
	padding: 20px 0;
}


.shoppingCart_totalPrice .productView_productPrice_primary {
	font-weight: 500;
}

.shoppingCart_totalPrice .productView_productPrice_secondry {
	font-size: 90%;
}

.shoppingCart_totalPrice .productView_productPrice_secondry > div {
	display: inline !important;
}

.shoppingCart_footer {
	font-size: 90%;
	text-align: center;
	padding: 0 25px 20px;
}

.shoppingCart_paymentInfo {
	margin-bottom: 15px;
	font-size: 90%;
}

/* Shopping cart animation effect */
.shoppingCart_header .shoppingCart_headerQuantity,
.shoppingCart_loadedEffect .shoppingCart_headerQuantity {
	transition: all .5s ease-in-out;
}

@media (min-width: 1051px) {
	.shoppingCart_loadedEffect .shoppingCart_headerQuantity {
		transform: scale(1.3);
	}
}

@media (max-width: 1050px) {
	.shoppingCart_header {
		margin-right: 40px;
	}
	
	.shoppingCart_dropdown {
		top: 74px;
	}
}

@media (max-width: 640px) {
	.shoppingCart_dropdown {
		width: 90%;
	}
}

@media (max-width: 400px) {
	.shoppingCart_dropdown {
		width: 100%;
		right: 0;
	}

	.shoppingCart_item img {
		display: none;
	}

	.shoppingCart_itemInner {
		margin-left: 0;
		max-width: 90%;
	} 

	.shoppingCart_footer {
		padding: 0 10px 20px;
	}


}
/* BEM */

.container--article {
    width: 95%;
    margin-top: 120px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex__item {
}

.article {
    width: 32%;
    margin: 10px auto;
    background-color: #f9f6ef;
}

.article__figure {
}

.article__main {
}

.article__footer {
    width: 100%;
    margin-top: auto;
}

.main {
    padding: 10px;
}

.main__header {
    padding-bottom: 15px;
}

.header {
}

.header__label {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.article__footer {
    background-color: #efe8da;
    padding: 10px;
}

.producers-filter {
    margin-bottom: 20px;
}

.icon {
}

.icon--right {
    float: right;
}

.figure {
}

.figure__image {
    width: 100%;
}

.pager {
    margin: 50px 0 40px 0;
}

.pager__button {
    font-family: inherit;
    font-weight: 400;
    padding: 0px 2px;
    letter-spacing: 0.04em;
    vertical-align: middle;
    text-align: center;
    height: 27px;
    font-size: 95%;
}

    .pager__button[disabled=disabled], pager__button:disabled {
        color: #7b828b;
    }

.pager__button--is-active {
    background: #929292;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 0px 9px;
    box-shadow: 1px 1px #b6b6b6;
}

.table-container {
    overflow-x: auto;
}

.table-container > .table {
    width: 100%;
    text-align: left;
    margin: 15px 0;
}

.table-container--margin-top {
    margin-top: 20px;
}

.table-container__text--bold {
    font-size: 27px;
    font-weight: 900;
    display: block;
    line-height: 1;
}

.table-container__text {

}

.table-row {

}

.table-row--border {

}

.table-header {

}

.table-header--l-cell,
.table-header--l-cell > * {
     width: 350px;
}

.table-data {

}

.table-header > *,
.table-data > * {
    text-overflow: ellipsis;
    overflow : hidden;
    white-space: nowrap;
    display: block;
}

.table-data--padding-top {
    padding-top: 9px;
}

.table-data--l-cell,
.table-data--l-cell > * {
    width: 350px;
}

.table-data--m-cell,
.table-data--m-cell > * {
    width: 200px;
}

.table-data--s-cell,
.table-data--s-cell > * {
    width: 120px;
}

.table-data--xs-cell,
.table-data--xs-cell > * {
    width: 90px;
}

.table-data--xxs-cell,
.table-data--xxs-cell > * {
    width: 50px;
}

.table-header--l-cell > *:hover,
.table-data--l-cell > *:hover,
.table-data--m-cell > *:hover,
.table-data--s-cell > *:hover,
.table-data--xs-cell > *:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-word;
}

.price-list-button {
    
}

.price-list-button__button {
    display: inline-block;
    border-radius: 7px;
    color: white;
    padding: 10px 20px;
    font-weight: 400;
    margin: 5px 0 5px 0;
    background: yellowgreen;
    cursor: pointer;
}

.price-list-button--top {
    text-align: right;
    margin: 15px 25px 0 0;
}

.price-list-button--bottom {
    float: right;
    margin: 25px 25px 0px 0;
}

/* Content section */

.content-section {
    width: 95%;
    margin: 0 auto;
}

.content-section__header {
    margin-bottom: 50px;
}

.content-section__title {
    text-align: center;
}

/* Filtering */

.checkBoxList .rcbActionButton {
    display: none;
}

.checkBoxList .rcbInner {
    display: block;
    padding: 0 !important;
}

    .checkBoxList .rcbInner input {
        padding: 0 35px 0 25px;
        font-weight: 300;
        color: #484c52;
        cursor: default;
    }

.rcbSlide .checkBoxList {
    font-family: inherit !important;
    font-size: inherit !important;
    margin-top: 0;
    border: none !important;
}

/*IE 11 FIX - Blocked RadComboBox*/
.rcbSlide iframe {
    height: 0 !important;
}

.checkBoxList .RadComboBox:after {
    content: none;
}

.checkBoxList .rcbScroll {
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1.5px solid #d9d9d9;
    background-color: #fff;
    max-height: 370px;
    position: relative;
}

    .checkBoxList .rcbScroll > ul li {
        padding: 0px 10px;
        font-weight: 300;
    }

    .checkBoxList .rcbScroll input[type="checkbox"] {
        margin: 3px 3px 3px 4px;
    }

.closeDropDownListButton {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    border: none;
    background: #cccccc;
    color: white;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    top: 3px;
    right: 3px;
    line-height: 1.6;
    font-weight: 800;
    padding-bottom: 2px;
    outline: none;
}

.checkBoxList .rcbCheckAllItems,
.checkBoxList .rcbCheckAllItemsHovered {
    padding: 0px 10px;
    margin-bottom: 1px;
    border: 0 solid transparent;
    border-color: inherit;
    border-bottom-width: 1px;
    font-weight: 300;
}

.checkBoxList .RadComboBox {
    width: 100% !important;
    border: none;
    border-radius: 0;
    min-width: 0px;
}

.checkBoxList .rcbInput {
    height: 50px;
    width: 100%;
}

.checkBoxList .rcbList li label {
    display: block;
    width: 100%;
}

.choosenFilter_container {
    background-color: white;
    border-bottom: 1px solid #efefef;
    text-align: center;
    padding: 10px;
}

.reset_button {
    cursor: pointer;
    background-color: #292929;
    line-height: 1.2;
}

.filter_button {
    background-color: #585c68;
    line-height: 1;
}

.input_ButtonRadComboBox {
    display: none;
}

.reset_button, .filter_button {
    display: inline-block;
    border-radius: 7px;
    color: white;
    padding: 10px 20px;
    font-weight: 400;
    margin: 5px 0 5px 0;
}

    .filter_button input {
        background-color: transparent;
        cursor: pointer;
        color: white;
    }

    .filter_button span {
        padding-right: 6px;
        cursor: default;
    }

.productFilter_mainContainer {
    background: #f1efef;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    font-size: 100%;
    line-height: 1;
    text-align: center;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.productFilter_filterItem:not(:last-child),
.productFilter_search:not(:last-child) {
    border-right: 1px solid #efefef;
}

.productFilter_filterItem,
.productFilter_search {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

    .productFilter_filterItem:hover {
        box-shadow: 0 2px rgba(0,0,0,.1);
    }

    .productFilter_filterItem.select {
        width: 100%;
        position: relative;
        background: #fff;
        height: 50px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        -webkit-flex: 1 auto;
        flex: 1 auto;
    }

        .productFilter_filterItem.select:after {
            display: block;
            content: '\e887';
            font-family: fontello;
            font-size: 120%;
            position: absolute;
            top: 50%;
            right: 18px;
            transform: translateY(-50%);
        }

    .productFilter_filterItem select {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #484c52;
        font-size: 100%;
        height: 100%;
        padding: 0 0 0 25px;
        -webkit-appearance: none;  
        -moz-appearance: none;
        -webkit-border-radius: 0px;
        outline: none;
        width: 120%;
        z-index: 1;
        font-weight: 300;
    }

    .productFilter_filterItem.disabled {
        opacity: .5;
        width: 100%;
    }

.productFilter_search {
    background: #292929;
    color: #fff;
    height: 50px;
    width: 380px;
}

.productFilter_filterButton {
    position: relative;
}

    .productFilter_filterButton input[type="checkbox"] {
        display: none;
    }

    .productFilter_filterButton label {
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 2px rgba(0,0,0,.1);
        display: inline-block;
        font-size: 90%;
        height: 36px;
        padding: 12px 38px 10px 12px;
        width: 100%;
    }

    .productFilter_filterButton input[type="checkbox"] + label:after {
        content: "";
        display: inline-block;
        border: 1px solid rgba(0,0,0,.05);
        border-radius: 50em;
        box-shadow: 1px 1px 1px rgba(0,0,0,.3);
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .productFilter_filterButton input[type="checkbox"]:checked + label:before {
        content: "\e822";
        color: #00a675;
        font-family: 'fontello';
        font-size: 110%;
        display: inline-block;
        position: absolute;
        top: calc(50% - 1px);
        right: 15px;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

select:-moz-focusring {
    /* Firefox:; Remove dotted outline on focus */
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.productFilter_search {
    position: relative;
}

    .productFilter_search:before {
        content: url('/files/modules/wineproducts/images/options-outlineV2.png');
        font-family: 'fontello';
        font-size: 125%;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }

    .productFilter_search input[type="button"] {
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

.gridView_container {
    text-align: center;
    padding: 20px 0;
}

.sort-select {
    background-color: #f4f4f4 !important;
}

.sort-select_control {
    font-weight: 800 !important;
}

/* Filtering - Select to UL */
/*.select-ul-wrapper {
    position: relative;
    width: 160px;
    height: 40px;
    z-index: 2;
}

.select-ul-wrapper select {
	display: none;
}

.selected-option {
	background: #fff;
    border-radius: 23px;
    box-shadow: 0 2px rgba(0,0,0,.1);
    display: inline-block;
    padding: 13px 45px 13px 25px;
    position: relative;
    width: 100%;
    height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.selected-option.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selected-option:before {
	display: block;
	content: '\e887';
	font-family: 'fontello';
	font-size: 120%;
	position: absolute;
	top: 50%;
	right: 25px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.selected-option.active:before {
	content: '\e823';
	font-size: 90%;
}

.select-list {
	display: none;
	background: #fff;
	border-bottom: 1px solid #efecec;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	max-height: 200px;
}

.select-list.active {
	box-shadow: inset 0 2px rgba(0,0,0,.1);
	display: block;
}

.select-list li {
	border-right: 1px solid #efecec;
	border-left: 1px solid #efecec;
	font-size: 90%;
	padding: 10px 20px;
	cursor: pointer;
	line-height: 1.4;
	transition: background .2s ease-in-out;
}

.select-list li:hover {
	background: #f7f7f7;
}*/
/* Filtering - Select to UL - END */

/* Category and Product view */

.categoryViewContainer,
.productViewContainer,
.producersIndexViewContainer {
    margin-top: 120px;
    margin-left: 5%;
    width: 95%;
}

.categoryViewContainer,
.productViewContainer {
    margin-top: 50px;
}

    .categoryExplorer,
    .categoryViewContainer .contentSection,
    .productViewContainer .contentSection {
        display: inline-block;
        vertical-align: top;
    }

.productView .contentSection {
    background: #fff;
    padding: 5%;
}

.productViewContainer .contentMargin {
    width: 95%;
}

.gridView_container {
    background: #fff;
}

.categoryViewContainer .gridView_container {
    padding: 30px 0;
}

.categoryExplorer {
    position: relative;
    margin-bottom: 40px;
    margin-top: 73px;
}

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

        .categoryExplorer ul ul {
            margin-left: 15px;
        }

    .categoryExplorer > ul li {
        display: block;
    }

    .categoryExplorer ul a {
        color: #404040;
        display: block;
        font-size: 90%;
        padding: 6px 20px;
        transition: all .2s ease-in-out;
        word-wrap: break-word;
    }

    .categoryExplorer a:hover {
        color: #000;
        text-decoration: none;
    }

    .categoryExplorer a.activeLink {
        background: #232527;
        border-radius: 50em;
        color: #fff;
    }

.categoryView_catTopContainer {
    margin-bottom: 20px;
}

.categoryView_catImage {
    /*max-width: 100%;*/
    margin-bottom: 10px;
}

.categoryView_description {
    font-size: 80%;
}

.gridView_productItem {
    display: inline-block;
    width: calc(25% - 20px);
    padding: 0;
    margin: 20px 8px;
    letter-spacing: .06em;
    line-height: 0;
    transition: all .3s ease-in-out;
    vertical-align: top;
}

    .gridView_productItem:focus {
        outline: none;
    }

    .gridView_productItem a {
        border: none;
        padding: 0;
    }

        .gridView_productItem a:hover {
            text-decoration: none;
        }

    .gridView_productItem img {
        display: inline-block;
    }

.gridView_productImageContainer {
    background: #fff;
    border-radius: 3px;
    position: relative;
    text-align: center;
    padding: 0 35px;
}

    .gridView_productImageContainer > a:focus {
        outline: none;
    }

.productImage_Overlay {
    font-size: 90%;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    opacity: 0;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 2;
}

    .productImage_Overlay .addToCart {
        display: inline-block;
        position: relative;
    }

.addToCart_buyLoadingPanel {
    display: inline-block;
}

.addToCart_loadingPanel {
    background: rgba(127, 180, 57, 0.8);
    border-radius: 2px;
}

.productFilter_loadingPanel {
    /*background: rgba(255,255,255,.8);*/
    border-radius: 2px;
}

.productFilter_loadingPanel {
    left: 10% !important;
    right: 10% !important;
    max-width: 80% !important;
}

/*Override RadAjaxLoadingPanel - doesnt fit*/
.filterResultView .productFilter_loadingPanel {
    margin-top: -74px !important;
}

.filterResultView .addToCart_loadingPanel {
    margin-top: -84px !important;
}

/* Override Telerik styles */
.RadAjax_Default.addToCart_loadingPanel .raDiv,
.RadAjax_Default.productFilter_loadingPanel .raDiv {
    background: none !important;
}

.RadAjax_Default.addToCart_loadingPanel .raColor,
.RadAjax_Default.addToCart_loadingPanel .raTransp,
.RadAjax_Default.productFilter_loadingPanel .raColor,
.RadAjax_Default.productFilter_loadingPanel .raTransp {
    display: none !important;
}
/* Override Telerik styles - END */

.addToCart_btnContainer {
    display: inline-block;
}

btn productView_addProduct {
    background: #7fb439;
    border-radius: 2px;
}


.addToCart_loading,
.productFilter_loading {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: .2s ease-in-out;
    -webkit-animation: spin 1s infinite steps(8);
    animation: spin 1s infinite steps(8);
}

.productFilter_loading {
    color: #484c52;
}

/* Spin animation has been liffted out of font-awesome.min.css to be able to combine transform properties (rotate and translate).
Translate is needed to position the icon in correct center position. */
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg) translate(-50%, -50%);
        transform: rotate(0deg) translate(-50%, -50%);
        transform-origin: 0 0;
    }

    100% {
        -webkit-transform: rotate(359deg) translate(-50%, -50%);
        transform: rotate(359deg) translate(-50%, -50%);
        transform-origin: 0 0;
    }
}

.productImage_Overlay .showProduct {
    display: block;
    line-height: 1;
}

    .productImage_Overlay .showProduct a:link,
    .productImage_Overlay .showProduct a:visited {
        color: #464a50;
        display: block;
        padding-top: 15px;
    }

    .productImage_Overlay .showProduct a:hover,
    .productImage_Overlay .showProduct a:active {
        color: #000;
    }

    .productImage_Overlay .showProduct a:focus {
        outline: none;
    }

.gridView_productImageContainer:hover .productImage_Overlay {
    opacity: 1;
}

.gridView_productItem .gridView_productImageContainer img {
    max-height: 275px;
    max-width: 100%;
}

.gridView_productItemInnerContainer {
    line-height: 1.6;
    padding: 15px 20px 10px;
    text-align: center;
    transition: all .2s ease-in-out;
}

.gridView_productImageContainer:hover + .gridView_productItemInnerContainer {
    opacity: .2;
}

.gridView_productName {
    display: block;
}

.gridView_productInfo {
    color: #7b828b;
    font-size: 80%;
}

    .gridView_productInfo b {
        display: block;
        font-size: 22px;
    }

.productView_productName {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: 65%;
}

.productView_productPriceContainer {
    float: right;
    text-align: right;
}

.productView_productPrice {
    font-size: 200%;
    display: flex;
    line-height: 1;
    flex-direction: column;
}

.productView_productPrice_primary,
.productView_productPrice_secondry {
    display: block;
}

.productView_productPrice .productView_productPrice_primary {
    font-weight: 500;
    order: 1;
}

.productView_productPrice .productView_productPrice_secondry {
    color: #7d7d7d;
    font-size: 50%;
    order: 2;
    text-align: right;
    margin-top: 5px;
}

.productView_productPrice .productView_productPrice_primary .productView_productPrice_description {
    display: none;
    /*color: #7d7d7d;
	display: block;
	font-size: 40%;
    text-align: right;
    margin-top: 5px;*/
}

.productView_productPrice .productView_productPrice_secondry .productView_productPrice_description {
    font-size: 80%;
}

.productView_productPriceExtra {
    font-size: 80%;
}

.productView_productArticleNumber {
    display: block;
    font-size: 80%;
}

.productView_productImageContainer {
    margin-top: 25px;
}

.productView_productImageContainer,
.productView_productInfo {
    display: inline-block;
    vertical-align: top;
}

    .productView_productImageContainer img {
        max-width: 100%;
        max-width: 250px;
    }

.productView_highResImageLink {
    display: inline-block;
    position: relative;
}

    .productView_highResImageLink:hover {
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
    }

    .productView_highResImageLink:before {
        content: '\e879';
        background: rgba(255,255,255,.9);
        border-radius: 50em;
        color: #464a50;
        font-family: 'fontello';
        font-size: 120%;
        display: inline-block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        position: absolute;
        /*top: 50%;
	left: 50%;*/
        bottom: 0;
        left: 100%;
        opacity: .5;
        /*-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
        transition: all .2s ease-in-out;
        z-index: 1;
    }

    .productView_highResImageLink:hover:before {
        opacity: 1;
    }

    .productView_highResImageLink img {
        transition: all .2s ease-in-out;
    }

    .productView_highResImageLink:hover img {
        opacity: .7;
    }

.productView_pdfLink {
    margin-top: 20px;
}

    .productView_pdfLink:before {
        content: '\e85b';
        font-family: 'fontello';
        margin-right: 10px;
        opacity: .5;
    }

.productView_productDescription {
    border-bottom: 1px solid #edf2f6;
    margin: 30px 0 20px;
    padding: 0 5px 10px;
}

.productView_productInfoItems {
    list-style: none;
    font-size: 90%;
}

    .productView_productInfoItems li {
        border-bottom: 1px solid #f3f3f3;
    }

    .productView_productInfoItems > li {
        padding: 8px 10px;
    }

    .productView_productInfoItems li li {
        padding: 6px 0;
    }

        .productView_productInfoItems li li:first-child {
            padding-top: 0;
        }

        .productView_productInfoItems li li:last-child {
            border-bottom: none;
        }

    .productView_productInfoItems > li:nth-child(even) {
        background: #f9f9f9;
    }

    .productView_productInfoItems li span {
        display: inline-block;
        vertical-align: top;
    }

        .productView_productInfoItems li span:first-child {
            font-weight: 500;
            width: 25%;
            min-width: 95px;
        }

        .productView_productInfoItems li span:last-child {
            width: 70%;
        }

.productView_productQuantity input[type="number"] {
    border: 1px solid #e8e8e8;
    font-size: 120%;
    padding: 7px 0;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .productView_productQuantity input[type="number"]:disabled {
        opacity: .5;
    }

.frontViewContainer {
    background: #fff;
    /*padding: 70px 0;*/
    position: relative;
}

    .frontViewContainer .gridView_container {
        width: 80%;
        margin: 0 auto;
    }

.categoryViewContainer + .mainFooter,
.productViewContainer + .mainFooter,
.producerView .mainFooter,
.filterResultView .mainFooter {
    margin-top: 0;
}

/* Producers Index */

.producersIndexViewContainer > *[class*="col-"].contentSection {
    margin: 0 auto;
}

.producersIndex_letterItem {
    display: inline-block;
    vertical-align: top;
    width: calc(30% - 30px);
    margin: 30px 15px;
}

    .producersIndex_letterItem h2 {
        border-bottom: 1px solid #000;
        padding: 0 5px;
    }

    .producersIndex_letterItem ul {
        list-style: none;
    }

        .producersIndex_letterItem ul li {
            padding: 0 5px;
        }

        .producersIndex_letterItem ul li {
            padding: 5px 10px;
        }

            .producersIndex_letterItem ul li:nth-child(even) {
                border-top: 1px solid #e2e2e2;
                border-bottom: 1px solid #e2e2e2;
            }

    .producersIndex_letterItem a {
        display: block;
    }

/* Producers Index - END */

/* Producer */

.producerViewContainer {
    width: 100%;
}

    .producerViewContainer > img:first-child {
        width: 100%;
    }

.producerView_producerTextContainer,
.producerView_producerTextContainer:first-child {
    margin: 0 auto;
}

.producerViewContainer > .container:first-child .producerView_producerTextContainer {
    margin-top: 120px;
}

.producerViewContainer + .gridView_container {
    margin-top: 60px;
    padding: 0 10%;
}

.producerViewContainer > * + .container {
    margin-top: 60px;
}

/* Producer - END */

@media (min-width: 1500px) {
    .gridView_productItem {
        width: calc(20% - 20px);
    }
}

@media (min-width: 1500px) {
    .productView_productImageContainer {
        max-width: 300px;
        text-align: right;
    }
}

@media (min-width: 1800px) {
    .gridView_productItem {
        width: calc(20% - 20px);
    }

    .producerView .gridView_productItem {
        width: calc(16.67% - 20px);
    }
}

@media (min-width: 1188px) {
    .contentSection {
        margin-top: 83px;
    }
}

@media (max-width: 1110px) {

    .filterResultView .gridView_container {
        padding-top: 40px;
        width: 100%;
    }

    .filterResultView .productFilter_mainContainer,
    .choosenFilter_container {
        width: 100%;
    }

    .gridView_productName {
        margin-bottom: 0;
    }
}

@media (max-width: 1050px) {

    .contentSection {
        margin-top: 0px !important;
    }

    .categoryViewContainer,
    .productViewContainer,
    .producersIndexViewContainer {
        margin-top: 50px;
        width: 100%;
        margin-left: 0;
    }

    .categoryViewContainer,
    .productViewContainer {
        margin-top: 20px;
    }

    *[class*="col-"].categoryExplorer,
    *[class*="col-"].contentSection {
        display: block;
        width: 100%;
        margin: 0;
    }

    *[class*="col-"].categoryExplorer {
        padding: 0 5% 25px;
    }

    .producersIndexViewContainer *[class*="col-"].contentSection {
        width: 80%;
    }

    *[class*="col-"].categoryExplorer:after {
        content: "";
        background: linear-gradient(to right, rgba(255,255,255,0), #f5f7fa);
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 100%;
    }

    *[class*="col-"].categoryExplorer > ul {
        overflow: scroll;
        position: relative;
        white-space: nowrap;
    }

    .categoryExplorer > ul > li {
        display: inline-block;
        vertical-align: top;
    }

    .gridView_productItem .gridView_productImageContainer img {
        height: 200px;
    }

    .gridView_productItem .gridView_productImageContainer:hover img {
        margin-top: 0;
    }

    .productImage_Overlay .addToCart {
        margin: 20px 0 0 0;
    }

    .productImage_Overlay .showProduct {
        display: none;
    }

    .gridView_productImageContainer,
    .gridView_productImageContainer:hover {
        padding: 0 15px;
    }

    .productImage_Overlay,
    .productImage_Overlay:hover {
        position: static;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }

    .productView_highResImageLink:before {
        left: initial;
        right: 0;
    }

    .categoryViewContainer h2 {
        margin-left: 5%;
    }

    .producersIndex_letterItem {
        width: calc(24% - 30px);
    }

    /*.productFilter_filterItem.select,
    .productFilter_search {
        height: 45px;
    }*/
}

/*@media (max-width: 1050px) {
    .rcbInput{
        height: 45px;
    }
}*/

@media (max-width: 1000px) {
    .gridView_productItem {
        width: calc(33.3333% - 20px);
    }

    .productFilter_mainContainer {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .productFilter_filterItem,
    .productFilter_search {
        width: 100%;
    }

    /*.productFilter_filterItem:nth-child(-n+3) {
            border-bottom: 1px solid #efefef;
        }*/
    .productFilter_filterItem {
        border-bottom: 1px solid #efefef;
    }

        .productFilter_filterItem:not(:last-child),
        .productFilter_search:not(:last-child) {
            border-right: none;
        }

    .checkBoxList .rcbScroll > ul li {
        font-size: 20px;
    }

    .checkBoxList .rcbScroll input[type="checkbox"] {
        transform: scale(1.4);
        margin: 3px 10px 3px 4px;
    }
}

@media (max-width:900px) {
    .article {
        width: 48%;
    }
}

@media (max-width: 768px) {
    .producerView .gridView_productItem {
        width: calc(50% - 20px);
    }

    .checkBoxList .rcbScroll {
        overflow-y: unset;
        overflow-x: unset;
        height: 100% !important;
        max-height: 100%;
    }
}


@media (max-width: 640px) {
    .gridView_productItem {
        width: calc(50% - 20px);
    }

    .productView_productPriceContainer {
        float: none;
        font-size: 80%;
        display: inline-block;
        width: 35%;
    }

    .productView_productImageContainer {
        margin-bottom: 25px;
        text-align: center;
    }

    .productView_productQuantity {
        margin-top: 20px;
        text-align: center;
    }

    .productView_productImageContainer img {
        max-height: 300px;
        max-width: 100%;
    }

    .frontViewContainer .gridView_container {
        width: 100%;
    }

    .producersIndex_letterItem {
        width: calc(30% - 30px);
    }

    .producerViewContainer {
        font-size: 90%;
    }

    .productFilter_filterItem:nth-child(-n+4) {
        border-bottom: 1px solid #efefef;
    }

    .article {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .producerView .gridView_productItem {
        width: calc(100% - 20px);
    }
}

@media (max-width: 400px) {
    .gridView_productItem {
        width: calc(100% - 20px);
    }

    .productView_productInfoItems li span:first-child {
        display: block;
        width: 100%;
    }

    .producersIndex_letterItem {
        width: calc(49% - 30px);
    }
}


.shoppingCart_productName {
    font-family: inherit;
    font-size: 100%;
    display: block;
}
  
.shoppingCart_productPrice  {
    font-family: inherit;
    font-weight: bold;
    font-size: 100%;
    margin-left: 0px;
}

.mb_wineproduct_btnAlt:link, .mb_wineproduct_btnAlt:visited {
    color: #464a50;
    border: 1px solid #e8e8e8;
     
        font-weight: bold;
}
 

.shoppingCart_item {
    margin-bottom: 10px;
}

.shoppingCart_itemInner {
   display: inline-block;
       margin-left: 25px;
           width: 400px;
}

.shoppingCart_item img  {
    height: 70px;
}

.shoppingCart_totalPrice {
   font-family: inherit;
    font-size: 100%;
    display: block; 
        padding: 0px 0;
            text-align: center;
}

.productView_productPrice_primary {
    font-family: inherit;
    font-size: 100%;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
}


.productView_productPrice_secondry{
   font-family: inherit;
    font-size:100%;
    display: block;
     margin-bottom: 15px;
}

.shoppingCart_footer {
    font-size: 90%;
    text-align: center;
    padding: 0 25px 90px;
}


@media (max-width: 680px)

 {

.shoppingCart_dropdown {
    width: 90% !important;

}

}
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.4.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		/*overflow: auto;*/
		padding: 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		bottom: calc(100% + 5px);
		left: calc(100% + 5px);

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #000; /* Set the background in case it overlaps the content */
		background: rgba(0, 0, 0, .5);
		border-radius: 50em;
		color: #fff;
		font-size: 14px;
		transition: background .3s ease-in-out;
	}

	.featherlight .featherlight-close-icon:hover {
		background: #000;
	}


	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;

		/*padding: 10px 10px 0;*/
		border-bottom: 10px solid transparent;
	}
}

@media only screen and (max-width: 820px) {
	.featherlight .featherlight-close-icon {
		left: auto;
		right: 0;
	}
}
/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.4.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight-next,
	.featherlight-previous {
		display: block;
		position: absolute;
		/*top: 25px;
		right: 25px;
		bottom: 0;
		left: 80%;*/
		top: 50%;
		transform: translateY(-50%);
		cursor: pointer;
		/* preventing text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* IE9 hack, otherwise navigation doesn't appear */
		background: rgba(0,0,0,.5);
		width: 50px;
		height: 50px;
		border-radius: 50em;
		transition: background .3s ease-in-out;
	}

	.featherlight-next {
		left: calc(100% + 10px);
	}

	.featherlight-previous {
		right: calc(100% + 10px);
	}

	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: #000;
	}


	.featherlight-next span,
	.featherlight-previous span {
		/*display: none;*/
		display: inline-block;
		position: absolute;

		top: 50%;
		left: 5%;
		width: 82%;

		/* center horizontally */
		text-align: center;

		font-size: 15px;
		line-height: 80px;

		/* center vertically */
		margin-top: -40px;

		/*text-shadow: 0px 0px 5px #fff;*/
		color: #fff;
		font-style: normal;
		font-weight: normal;
		text-indent: -9999px;
	}
	.featherlight-next span {
		right: 5%;
		left: auto;
	}
	.featherlight-next span:before,
	.featherlight-previous span:before {
		content: "\e606";
		font-family: 'simple-line-icons';
		text-indent: 0;
		float: left;
		position: absolute;
		left: 50%;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.featherlight-previous span:before {
		content: "\e605";
	}

	/* Hide navigation while loading */
	.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
		display:none;
	}

	.featherlight-first-slide.featherlight-last-slide .featherlight-next,
	.featherlight-first-slide.featherlight-last-slide .featherlight-previous {
		display: none;
	}
}

/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px){
	.featherlight-next span,
	.featherlight-previous span {
		display: block;
	}
}

@media only screen and (max-width: 820px) {

	.featherlight-next, .featherlight-previous {
		width: 30px;
		height: 30px;
	}

	.featherlight-next {
		left: auto;
		right: 10px;
	}

	.featherlight-previous {
		right: auto;
		left: 10px;
	}

	.featherlight-next span, .featherlight-previous span {
		font-size: 10px;
	}
}
#MenuItem_2 .icon-plus:before {
    display: none !important;
}

.RadAutoCompleteBox .racToken {
    display: none;
}

.RadAutoCompleteBox_Default .racEmptyMessage {
    font-style: normal !important;
    font-weight: 100;
    color: #616161;
    font-family: 'Raleway', sans-serif;
    font-size: 97%;
}

.RadAutoCompleteBox_Default:before {
    content: '\e813' !important;
    color: #292929;
    font-family: 'fontello';
    background: #f1f3f7;
    position: relative;
    width: 87px;
    line-height: 40px;
    float: left;
    font-size: 20px;
    font-weight: 100;
}

.RadAutoCompleteBox {
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}

.RadAutoCompleteBox_Default {
    text-align: center !important;
    border: 1px solid #f1f3f7 !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    color: #333 !important;
    background-color: white;
    font-size: 14px !important;
}

    .RadAutoCompleteBox_Default .racTokenList {
        border-color: #fff !important;
        border: none !important;
    }

.RadAutoCompleteBox .racTokenList {
    padding: 10px;
    box-sizing: border-box !important;
}

.racSlide {
    width: 100% !important;
}

.RadAutoCompleteBoxPopup_Default {
    border: 2px solid #f1f3f7 !important;
    font-family: 'Hind Vadodara', sans-serif !important;
}

.racList {
    overflow: hidden !important;
    width: 100% !important;
    text-decoration: none !important;
    line-height: 1.6 !important;
}

    .racList a {
        text-decoration: none !important;
        color: #333 !important;
    }

.RadAutoCompleteBox {
    display: inline-block !important;
    vertical-align: middle !important;
    cursor: default !important;
    width: 100% !important;
    text-decoration: none !important;
}

.RadAutoCompleteBoxPopup .racList {
}

.RadAutoCompleteBoxPopup {
    color: #000 !important;
    display: block !important;
    text-decoration: none !important;
    word-wrap: break-word !important;
    font-size: 14px !important;
    line-height: 1.33333em !important;
    width: 100% !important;
    padding: 5px !important;
    max-height: 600px;
    overflow-y: auto;
}


    .RadAutoCompleteBoxPopup .racItem {
        padding: 10px 10px !important;
        background: #f9f9f9 !important;
        margin-bottom: 5px !important;
    }

    .RadAutoCompleteBoxPopup .racItemHovered {
        padding: 10px 10px !important;
        background: #f2f2f2 !important;
        margin-bottom: 5px !important;
    }

/* Search */

.searchbox-icon {
    font-size: 120%;
    position: absolute;
    top: 26px;
    /*top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
    right: 41px;
    cursor: pointer;
    line-height: 0;
    color: rgba(255,255,255,.9);
    z-index: 103;
}

#MBSearchResults .searchbox-icon {
    position: static;
    font-size: inherit;
    font-weight: 400;
}

.searchbox-outerContainer {
    position: absolute;
    left: 420px;
    height: 73px;
    text-align: center;
    background: #f9f9f9;
    font-size: 120%;
}

.minifiedHeader .searchbox-outerContainer {
    left: 230px;
    width: calc(100% - 230px);
    font-size: 100%;
    height: 65px;
}

.searchbox > .searchbox-outerContainer {
    top: -150%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.searchbox > .searchbox-outerContainer {
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.searchbox-open > .searchbox-outerContainer {
    top: 0;
    z-index: 102;
}

.searchbox-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 30%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

    .searchbox-container:after {
        font-family: 'fontello';
        content: "\e813";
        color: #ccc;
        display: inline-block;
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
    }

    .searchbox-container:hover:after {
        color: #000;
    }

.searchbox-input {
    font-family: 'Varela Round', sans-serif;
    font-weight: 400;
    width: 100%;
    background: none;
    padding: 10px;
    border-bottom: 1px solid #efefef;
}

.searchbox-submit {
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.icon-cancel-circled {
    color: #000;
}

@media (max-width: 1050px) {
    .searchbox-icon {
        margin-right: 40px;
    }
}

@media (max-width: 400px) {
    .searchbox-container {
        width: 50%;
        right: 40%;
    }
}