body.fixed {

    position: fixed !important

}

#search_block_nav {

    padding: 10px 0 10px 10px;

    width: 145px;

    float: right;

    position: relative;

}

#search_query_nav {

    width: 100%;

    border: none;

    border-bottom: 1px solid #111;

    font-family: 'Roboto', sans-serif;

    font-size: 10px;

    color: #111;

    font-style: italic;

    line-height: 15px;

    cursor: pointer;

    margin: 0;

}

#search_query_nav:after {

    content: "\f002";

    position: absolute;

    right: 0;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

#search_query_nav:hover:after,

#search_query_nav:focus:after,

#search_query_nav:active:after {

    -webkit-animation-name: tt-nav-social;

    animation-name: tt-nav-social;

    -webkit-animation-duration: 0.3s;

    animation-duration: 0.3s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;

    animation-direction: alternate;

    color: #111;

}

#search_block_top {

    border-radius: 5px;

    display: inline-block;

    float: right;

    margin: 37px 0;

    vertical-align: top;

    z-index: 4;

	padding:0 15px;

	width:auto;

}

@media (max-width: 991px) {

	#search_block_top {

		float: none;

		margin: 0 0 20px;

		padding: 0;

	}

}

#search_block_top.show {

    height: 155px !important;

    border-bottom: 5px solid #111;

    padding: 40px 15%;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

#search_block_top #searchbox {

	float: left;

	position: relative;

	width: 100%;

	border: none;

	border-radius: 5px;

	height: 55px;

	background: #ffffff none repeat scroll 0 0;

	border: 3px solid #f5f5f5;

}

#search_block_top .btn.button-search {

	background: #fed700 none repeat scroll 0 0;

	border: medium none;

	border-radius: 5px;

	display: inline-block;

	line-height: 22px;

	padding: 10px 35px;

	text-align: center;

	float: right;

	margin: 3px 4px 3px 0;

	color:#fff;

	transition: all 400ms ease-in-out;

	-webkit-transition: all 400ms ease-in-out;

	-moz-transition: all 400ms ease-in-out;

	-o-transition: all 400ms ease-in-out;

	-ms-transition: all 400ms ease-in-out;

}

#search_block_top .btn.button-search:before {

    content: "\E8B6";

    display: none;

    font-family: "Material Icons";

    font-size: 21px;

    width: 100%;

    text-align: center;

    font-weight: 400;

}

#search_block_top .btn.button-search:hover:before {

    color: #ffffff;

}

#search_block_top .btn.button-search:hover {

    background: #191919;

    color: #ffffff;

}

#close_search_query_nav {

    background: url(../img/bkg_close_search.png) no-repeat;

    position: absolute;

    right: 30px;

    top: 10px;

    text-decoration: none;

    z-index: 9999;

    display: none;

}

#close_search_query_nav span {

    color: #999;

    font-size: 0;

    font-family: Myriad Pro;

    letter-spacing: 3px;

    text-transform: uppercase;

    position: relative;

    right: 50px;

    top: 20px;

}

#close_search_query_nav:hover span {

    color: #111;

}

#search_block_top #search_query_top {

    border: none;

    border-radius: 5px;

    box-shadow: none;

    color: #777;

    display: block;

    float: left;

    font-family: Roboto;

    font-size: 14px;

    height: 50px;

    line-height: 18px;

    margin-left: 0;

    margin-right: 0;

    width: 525px;

    border-right: none;

    background: #fff;

}

#search_block_top #search_query_top::after {

    border-left: 1px solid #e5e5e5;

    content: "";

    height: 25px;

    right: 0;

    position: absolute;

    top: 5px;

}

#search_block_top #search_query_top:focus {

    outline: none;

}

#search_category {

	-moz-appearance: none;

	-webkit-appearance: none;

	-khtml-appearance: none;

	-o-appearance: none;

	-ms-appearance: none;

	border: 2px solid #eeeeee;

	color: #777;

	display: inline;

	float: left;

	font-family: Roboto !important;

	font-size: 14px !important;

	height: 50px !important;

	outline: 0 none;

	padding: 10px;

	cursor: pointer;

	border-left: none;

	border-right: none;

	background: none;

	border: none;

	font-weight: 400;

	text-align: center;

	text-align-last: center;

	width: 92%;

}

form#searchbox input#search_query_block {

    margin-right: 10px;

    max-width: 222px;

    margin-bottom: 10px;

    display: inline-block;

    float: left;

}

form#searchbox .button.button-small {

    float: left;

}

form#searchbox .button.button-small i {

    margin-right: 0;

}

/* Select style */



#search_block_top .selector {

    width: 28% !important;

    float: left;

    height: 48px;

    background: none;

    border: none;

    padding: 0;

    background: #fff;

    margin-left: 2px;

}

#search_block_top .selector span {

    width: 100% !important;

    border-right: 2px solid #0166c3;

    line-height: 26px;

    padding-left: 15px;

    background: url(../img/select_search_bg.png) right 22px center no-repeat;

    margin-top: 10px;

    color: #999;

    font-family: Roboto;

    font-size: 15px !important;

}

#ttsearch_content_result .col_grid_5_2 {

    width: 20%;

    float: left;

}

#ttsearch_content_result .items-list .image .product_img_link > img {

    max-width: 100%;

	border: 1px solid #e5e5e5;

    border-bottom: 3px solid #e5e5e5;

}

#ttsearch_content_result {

    top: 65px;

    left: 0;

    position: absolute;

    width: 100%;

    background: #fff;

    z-index: 99999;

    padding: 10px;

    display: none;

    border: 1px solid #e5e5e5;

	border-radius: 5px;

	overflow-y: auto;

	overflow-x: hidden;

	max-height: 750px;

}

#ttsearch_content_result::-webkit-scrollbar {

    width: 5px;

}

#ttsearch_content_result::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

}

#ttsearch_content_result::-webkit-scrollbar-thumb {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 

}

.main-header.fixed #ttsearch_content_result {

	top:64px;

}

.header-sticky #ttsearch_content_result {

    top: 48px !important;

    position: fixed !important;

    left: 0;

    padding-top: 0;

}

#ttsearch_content_result .over_light {

    position: absolute;

    width: 100%;

    height: auto;

    background: #fff;

    left: 0;

    right: 0;

}

#ttsearch_content_result #ttsearch_eccept_data {

    position: relative;

    height: 100%;

    width: 100%;

}

#ttsearch_content_result p.loanding {

    background: url('../img/loading.gif');

    height: 30px;

    width: 30px;

    margin: 10% auto;

}

#button_result_close {

    background: url("../img/close.png") no-repeat scroll 0 0 transparent;

    color: hsl(217, 97%, 71%);

    display: block;

    font-size: 14px;

    font-weight: 700;

    height: 29px;

    line-height: 14px;

    position: absolute;

    right: 0;

    top: 0;

    width: 29px;

    cursor: pointer;

}

#ttsearch_eccept_data .limit {

    text-align: center;

    margin-top: 20px;

    letter-spacing: 1px;

}

#ttsearch_eccept_data .noresult {

    text-align: center;

    margin-top: 20px;

    letter-spacing: 1px;

    color: #666;

    font-size: 16px;

    margin-top: 50px;

    text-align: center;

	margin: 0 0 15px;

}

#ttsearch_eccept_data .search-title {

    color: #111;

    text-align: center;

    margin: 20px 0;

    font-size: 14px;

    letter-spacing: 1px;

    display: none;

}

#ttsearch_eccept_data .search-title span {

    font-size: 11px;

}

#ttsearch_eccept_data .title_showall_text {

    letter-spacing: 2px;

    font-size: 12px;

    text-align: center;

}

#ttsearch_eccept_data .title_showall {

    text-align: center;

}

#ttsearch_eccept_data .title_showall a {

    letter-spacing: 2px;

    color: #fff;

    background: #111;

    margin-right: 30px;

    text-transform: uppercase;

    font-size: 10px;

    padding: 10px 25px;

    border: 1px solid #f2f2f2;

}

#ttsearch_eccept_data .items-list {

    overflow: hidden;

    padding: 15px 0 0 0;

    margin: 0;

}

#ttsearch_eccept_data .items-list > li {

    margin-bottom: 15px;

    padding: 10px;

    position: relative;

    width: 50%;

    cursor: pointer;

}

@media (max-width: 1300px) {

	#ttsearch_content_result {

		max-height: 680px;

	}

	#ttsearch_eccept_data .items-list > li {

		width: 100%;

	}

}

@media (max-width: 1299px) {

	#ttsearch_content_result {

		max-height: 570px;

	}

}

@media (max-width: 1199px) {

	#ttsearch_content_result {

		max-height: 520px;

	}

}

@media (max-width: 991px) {

	#ttsearch_eccept_data .items-list li .image {

		max-width: 120px;

	}

	#ttsearch_content_result {

		max-height: 580px;

	}

}

@media (max-width: 543px) {

#ttsearch_content_result {

	max-height: 580px;

}

}



#ttsearch_eccept_data .items-list > li:hover {

    background: #f5f5f5;

}

#ttsearch_eccept_data .items-list li .product-name {

	margin-bottom: 10px;

	font-weight: 600;

	font-size: 14px;

	color: #333;

}

@media (max-width: 543px) {

    #ttsearch_eccept_data .items-list li .product-name {

        margin-bottom: 5px;

    }

}

#ttsearch_eccept_data .items-list li .image {

    text-align: center;

	padding:0;

}

#ttsearch_eccept_data .items-list li .content_price {

    float: left;

    width: 100%;

}

#ttsearch_eccept_data .items-list li .review {

    margin-top: 10px;

    text-align: center;

    min-height: 22px;

}

#ttsearch_eccept_data .items-list li .review .star_content {

    display: inline-block;

}

#ttsearch_eccept_data .items-list li .review .nb-comments {

    vertical-align: 3px;

}

#ttsearch_eccept_data .items-list>li .tt-button-container {

    left: 20px;

}

#ttsearch_eccept_data .items-list>li:hover .tt-button-container {

    opacity: 1;

    top: 30px;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

#ttsearch_eccept_data .items-list .tt_size {

    margin-top: 5px;

    text-align: center;

}

#ttsearch_eccept_data .items-list .tt_size span {

    display: none;

}

#ttsearch_eccept_data .items-list .tt_size ul {

    display: inline;

}

#ttsearch_eccept_data .items-list .tt_size ul li {

    display: inline-block;

    margin: 0 5px;

}

#ttsearch_eccept_data .items-list .tt_color {

    margin-top: 5px;

    text-align: center;

}

#ttsearch_eccept_data .items-list .tt_color span {

    display: none;

}

#ttsearch_eccept_data .items-list .tt_color ul {

    display: inline;

}

#ttsearch_eccept_data .items-list .tt_color ul li {

    display: inline-block;

    float: none;

    width: 12px;

    height: 12px;

    margin: 0 5px;

    border-radius: 100%;

}

#ttsearch_eccept_data .content-ajax-search {

    height: 100%;

}

#ttsearch_eccept_data .content-ajax-search::-webkit-scrollbar {

    width: 5px;

}

#ttsearch_eccept_data .content-ajax-search::-webkit-scrollbar-track {

    background-color: #f2f2f2;

    width: 5px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}

#ttsearch_eccept_data .content-ajax-search::-webkit-scrollbar-thumb {

    background-color: #111;

    cursor: pointer;

}

#ttsearch_eccept_data .content-ajax-search::-webkit-scrollbar-thumb:hover {

    background-color: #111;

}

#ttsearch_eccept_data .cat-name {

	display: block;

	margin: 0 0 10px;

	color: #666;

}

#ttsearch_eccept_data .items-list .ttsearch-content {

    text-align: left;

}

.price.special-price {

	color: #111111;

	display: inline-block;

	font: 700 18px/20px "Titillium Web", Helvetica, sans-serif;

}

#ttsearch_eccept_data .items-list .ttsearch-content .price {

	color: #111;

	display: inline-block;

	font: 500 14px/16px "Titillium Web",Helvetica,sans-serif;

}

.sale-percentage {

	color: #111111;

	display: inline-block;

	float: none;

	font: 400 12px/14px "Titillium Web",Helvetica,sans-serif;

	margin: 0;

}

.ttsearch-content .sale-percentage .sale {

	color: #ff0000;

}

.old-price.regular-price {

    font-size: 14px;

	text-decoration: line-through;

}

.ttsearch-content .old-price.regular-price {

	font-size: 14px;

}

#search_block_top .select-wrapper {

    float: left;

    position: relative;

    width: 160px;

    z-index: 1;

    background: #fff;

    border-radius: 5px;

}

#search_block_top .select-wrapper::after {

	content: "\E5CF";

	font-family: Material Icons;

	position: absolute;

	right: 10px;

	top: 16px;

	vertical-align: top;

	z-index: -1;

	cursor: pointer;

	background: #fff;

}

#search_block_top .select-wrapper::before {

	border-right: 1px solid #cfcfcf;

	content: "";

	height: 22px;

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

}

@media (max-width: 1599px) {

	#search_block_top #search_query_top {

		width: 375px;

	}

}

@media (max-width: 1399px) {

	#search_block_top #search_query_top {

		width: 280px;

	}

}

@media (max-width: 1299px) {

	#search_block_top {

		margin: 25px 0;

	}

	#search_block_top #search_query_top {

		width: 200px;

		height: 42px;

	}

	#search_category {

		height: 42px !important;

	}

	#search_block_top #searchbox {

		height: 48px;

	}

	#search_block_top .btn.button-search {

		padding: 7px 20px;

	}

	#search_block_top .select-wrapper::after {

		top: 14px;

	}

	#ttsearch_content_result {

		top:56px;

	}

}

@media (max-width: 1199px) {

	#search_block_top .select-wrapper {

		width: 98px;

	}

    #search_block_top #search_query_top {

        width: 175px;

    }

    #search_block_top #searchbox {

        float: none;

        display: inline-block;

        vertical-align: top;

    }

}

@media (max-width: 991px) {

	#search_block_top .btn.button-search {

		padding: 7px;

	}

    .tttop-search {

        float: left;

        width: 100%;

    }

	#search_block_top #search_query_top {

		width: 252px;

	}

    #search_block_top .btn.button-search:before {

        display: block;

    }

    #search_block_top .btn.button-search span {

        display: none;

    }

	#ttsearch_content_result {

		top: 100%;

	}

	#search_block_top {

		margin: 0 0 10px;

		float:left;

		width:100%;

	}

	#ttsearch_eccept_data .items-list > li {

		margin-bottom: 5px;

	}

}

@media (max-width: 767px) {

    .tttop-search {

        float: left;

    }

    #search_block_top {

        text-align: center;

    }

	#search_category {

		width: 100px;

		white-space: nowrap;

		overflow: hidden !important;

		text-overflow: ellipsis

	}

    #search_block_top #search_query_top {

        width: 195px;

    }

}

@media (max-width: 706px) {

	.boxed #search_block_top #search_query_top {

		width: 255px;

	}

}

@media (max-width: 673px) {

	.boxed #search_block_top #search_query_top {

		width: 225px;

	}

}

@media (max-width: 617px) {

	.boxed #search_block_top #search_query_top {

		width: 185px;

	}

}

@media (max-width: 543px) {

#search_block_top .select-wrapper {

	width: 90px;

}

#ttsearch_eccept_data .cat-name {

    margin: 0 0 5px;

}

    #ttsearch_eccept_data .items-list li .image {

        padding: 0;

    }

    #ttsearch_eccept_data .items-list .ttsearch-content {

        padding: 0 10px;

    }

    #search_category {

        font-size: 12px;

    }

    #search_block_top .btn.button-search {

        float: right;

    }

}

@media (max-width: 410px) {

	#search_block_top #search_query_top {

		width: 120px;

	}

}

@media (max-width: 339px) {

	.boxed #search_block_top #search_query_top {

		width: 116px;

	}

}

#header.header-sticky #search_block_top {

    position: fixed;

    top: 0px;

    margin: 0;

    z-index: 988;

    left: 22.5%;

}

#header.header-sticky #search_block_top #searchbox {

    border: none;

    border-radius: 0;

}

#header.header-sticky #search_block_top .selector {

    height: 44px;

}

#header.header-sticky #search_category {

    height: 30px;

}

#header.header-sticky #search_block_top #search_query_top {

    height: 30px;

}

#header.header-sticky #search_block_top .btn.button-search {

    padding: 11px 0;

}

#header.header-sticky #search_block_top .selector span {

    margin-top: 8px;

}

#header.header-sticky .header-container.header-sticky #search_block_top #search_query_top {

    height: 41px;

}