/* ************************************************************************************************
STRUCTURE
************************************************************************************************ */
#wrapp {background: url(../img/bg_top.png) 0 0 repeat-x #fff;position: relative;overflow: hidden;width: 100%;}
#wrapp_2 {}

#columns {padding: 0 0 30px 0;}
#index #columns {padding: 0;}
#index.instant_search #columns {padding: 0 0 30px 0;}
#index #columns > .row {margin-left: 0;}

#left_column {padding-top:0px;padding-bottom:30px;}
#center_column {padding-top:0px;padding-bottom:30px;}
#right_column {padding-top:0px;padding-bottom:30px; }

@media only screen and (max-width: 768px){
    #right_column {padding-top:14px;padding-bottom:0px;}
    #center_column {padding-top:20px;padding-bottom:30px;}}






/* ************************************************************************************************
CMS PAGE
************************************************************************************************ */
.left_h0{ }
.left_h1{margin: 0 0 0px 0;height:35px;line-height:35px; background:#0260bf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;font: normal 1.4em/35px 'Arial';color: #fff; padding:0 10px;}
.left_h1 span{text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
.left_h1 a{color:#fff; float:right;font-size:0.85em; line-height:40px;}
.left_h2{padding:10px;line-height:20px;background:#f7f7f7;}

.rowlist{}
.rowlist ul li{}
.rowdiv{border:solid 1px #fff;padding:5px;margin-top:20px;margin-bottom:10px; text-align:center;}
.rowdiv a img{width:100%;}
.rowname a{color:#222;font-weight:bold;font-size:1.2em; text-transform:uppercase}
.rowname a:hover{ color:#c30505}
.rowname{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height:20px;height:20px;margin:5px 0;}
.rowdiv p{overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;line-height:18px;height:36px;margin-bottom:5px;}
.rowlist ul li:hover .rowdiv{border:solid 1px #dedede;-moz-box-shadow: 0px 0px 5px #aaa;
    -webkit-box-shadow:0px 0px 5px #aaa;
    box-shadow:1px 0px 5px #ddd;}
@media only screen and (max-width: 375px){
    .rowlist ul li.col-xs-6{width:100%;}
    .rowdiv{margin-top:10px;margin-bottom:10px;}
}

/* ************************************************************************************************
HEADER
************************************************************************************************ */
#header {background: url(../img/bg_img-1.jpg) 50% 38px no-repeat;position: relative;z-index: 101;}
#header-inner {padding: 143px 0 0 0;position: relative;}

.header_logo_wrapper {display: block;position: absolute;left: 0px;top: 67px;}
#header_logo {}



/* ************************************************************************************************
BLOCK HEADER USER INFO LOGIN/LOGOUT
************************************************************************************************ */
.blockuserinfo {position: absolute;top: 0;right: 0px;}
.blockuserinfo a {width: 35px;height: 38px;display: block;border-right: 1px solid #656565;text-align: center;}
.blockuserinfo a:hover {background: #464646;}
.blockuserinfo a span i {font-size: 18px;color:#fff;line-height: 38px;}













/* ************************************************************************************************
MAIN STYLE BOX COLUMN
************************************************************************************************ */

.column .block h4{margin: 0 0 0px 0;height:35px;line-height:35px;  border-bottom:1px solid #e7e8e9; color:#0260bf;
    text-transform:capitalize; }

#layered_block_left h3 {margin: 0 0 0px 0;height:35px;line-height:35px;  border-bottom:3px solid #c30505; color:#c30505;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;font: normal 20px/40px Arial, Helvetica, sans-serif; text-transform:capitalize;}
.column .block h4 span{display:block; height:35px; line-height:35px;font:18px/35px Arial, Helvetica, sans-serif;font-weight:bold; opacity:0}

.icon-minus-sign:before {content:"\f056";font-family:'FontAwesome';}
.icon-plus-sign:before {content: "\f055";font-family:'FontAwesome';}


.column .block h4 .column_icon_toggle {display: none;}
.column .block.myaccount ul li a img {display: none;}
#layered_block_left h4.toggle {margin-bottom: 18px;}
.column .block .store_list { background:#f1f2f3; margin-top:10px; padding:5px 15px 15px 15px}
.store_list>li>a{ color:#524F4F; font-size:14px; font-weight:bold;}
.store_list>li{ margin:3px 0px; border-bottom:1px dashed #ccc; padding:3px 0px}
.store_list>li>i{ margin-right:3px;}
.store_list>li>ul>li>i{ font-size:16px; color:#78797a; margin-right:4px;}
.store_list>li>ul>li{ margin:3px 0px; padding-left:15px;}
.store_list>li>ul>li>a{ color:#78797a; font-size:13px;}
.column .block form p {margin-bottom: 12px;}
.column .block form {margin-bottom: 2px;}
.column .block .store_list form p {margin-bottom: 9px;}
@media only screen and (max-width: 768px){
    .column .block h4{ position:relative;}
    .column .block h4 span{ opacity:1}
    .column .block h4 .column_icon_toggle {
        display: inline-block;
        position: absolute;
        right: 10px;top:10px; font-size:20px
    }}

.news_web_list.column .block .store_list{ background:none !important;    border-bottom: 1px solid #e7e8e9;}
.news_web_list .grower{ float:left; background:none;    margin-right: 8px;}
.news_web_list #click_news>a{ color:#ffb033}
.news_web_list #click_news .grower>i{color:#ffb033}
.news_web_list .store_list>li{ border-bottom:none}
.news_web_list .store_list>li:hover>a{color:#ffb033}
.news_web_list .store_list>li:hover .grower>i{color:#ffb033}
.news_web #right_column{ padding-top:0}
.news_web #center_column{ padding-top:0}
/* main page products */
.main_page_products {padding: 0 0 50px 0;}
.main_page_products .container {}
.main_page_products h4 {margin: 0;padding: 35px 0 0 0;font: normal 24px 'Arial';color: #313131;}

.main_page_products ul {list-style: none;}
.main_page_products ul li {float: left;margin-top: 24px;background: #fff;position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main_page_products ul li .product_image_wrap {padding: 25px 15px 0 15px;}
.main_page_products ul li a.product_image {display: block;}

.main_page_products ul li h5 {min-height: 40px;padding: 17px 22px 0 22px;line-height: 20px;}

.main_page_products ul li .price {width: 144px;height: 49px;display: block;padding: 0 0 0 15px;background: url(../img/price_bg.png);font: normal 20px/49px 'Arial';color: #fff;position: absolute;right: 0;top: 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main_page_products ul li:hover .price {background: #d13434;}

.main_page_products ul li .bttns {min-height: 54px;margin: 18px 0 0 0;background: #313131;text-align: center;line-height: 54px;}
.main_page_products ul li .bttns a {display: inline-block;font: normal 15px 'Arial';color: #8f9191;}
.main_page_products ul li .bttns a i {margin: 0 7px 0 0;font-size: 17px;color: #d13434;position: relative;top: 1px;}

.main_page_products ul li .bttns a:hover,
.main_page_products ul li .bttns a:hover i {color: #fff;}

.main_page_products ul li .main_page_products-add {margin: 0 20px 0 0;}
.main_page_products ul li .main_page_products-view {}


#bestseller_home {background: #f8f8f8;}
#bestseller_home h4 {padding: 45px 0 0 0;}





/* ************************************************************************************************
BLOCK  PRODUCT COLUMN
************************************************************************************************ */
.products_block ul {padding:0px 10px 20px 10px; background:#f7f7f7;}
.products_block ul li {padding:10px 0;line-height:18px;border-bottom:dashed 1px #7b7b7b;}
.products_block ul li span{color:#222;font-weight:bold;}






/* ************************************************************************************************
FOOTER
************************************************************************************************ */
.footer-bg-mob {background:#21467b;}

footer {}

footer .modules {margin-top:15px;margin-bottom:25px;position: relative;}
footer .block h4 {margin: 0;padding:20px 0 0 0;font:bold 15px 'Arial';color: #fff;}
footer .block h4 i {display: none;}
footer .block h4 a {color: #1c1c1c;font-weight: bold;}

footer .block .list-footer {padding: 6px 0 15px 0;}
footer .block .list-footer li {padding: 6px 0 6px 10px; background:url(../images/footer_icon.png) no-repeat 0 13px;}
footer .block .list-footer li a {font: normal 1em 'Arial';color: #6fa8fc;word-wrap: break-word;}
footer .block .list-footer li a:hover {color: #d8e8ff;}
footer .block .list-footer li img {display: none;}


.block_category_footer {margin-left: 0;}
.block_category_footer ul ul {display: none !important;}


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

}
.blockcontactinfos ul li span{border-radius:50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px; background:#118df0;float:left;color:#fff;padding:3px;margin-top:8px; display:block;width:26px;height:26px;font-size:1.2em;text-align:center;line-height:20px;}
.blockcontactinfos ul li a{ display:block;color:#6fa8fc;border-bottom:dashed 1px #647ea3;margin-left:40px;padding:4px 0 6px;line-height:18px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.blockcontactinfos ul li a:hover{ text-decoration:underline;}


.copycenter span{padding:0 5px;}
.copycenter a{color:#7ebdfb;}
.links{text-align:center;color:#7ebdfb;font-size:0.85em;line-height:18px;padding:15px 0 5px;border-top:solid 1px #4d6b95;word-wrap: break-word}
.links a{padding:0 5px;color:#7ebdfb;}
.links a:hover{ text-decoration:underline;}
@media only screen and (max-width:768px) {
    footer .block h4 i {display: inline-block;position: absolute;right: 0;top: 12px;}
    .copycenter{text-align:center;color:#7ebdfb;font-size:12px;padding:5px 15px;}
    .block_category_footer{padding-left:0;}
    .blockcontactinfos{padding-left:0;}
}





ul.blog-list3 li{
    padding: 0;
    margin:1.5em 0 0 0;
    clear:both;
    overflow:hidden;
}
.blog-list3-left{float: left;width: 25%;}
.blog-list3-left img{width:100%;border-radius:5px;}
.blog-list3-desc{
    width:75%;
    float:left;
    padding:0 0 0 10px;
}
.blog-list3-desc a{ display:block;line-height:1.4;}
.blog-list3-desc p{
    color: #D3D3D3;
    font-size: 0.85em;
    font-weight: 100;
    line-height: 1.5em;margin-top:5px;
}
ul.blog-list{ background:#fff;padding:0;}
ul.blog-list li {
    display:block;
    padding:5px 0 5px 10px;font-size:1.2em;line-height:20px;border-bottom:solid 1px #dedede;
}
ul.blog-list li.icon-angle-right:before{padding:0 5px 0 0;}
ul.blog-list li a {
    color:#747676; font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    vertical-align: initial;
    text-decoration: none;
}
ul.blog-list li a:hover{
    color:#000;
    text-decoration:none;
}






.bloglist ul li{padding:10px 0;margin:10px 0;border-bottom:solid 1px #dedede;}
.meta-bottom{line-height:18px;color:#777;padding:5px 0;}
.blogstrong{display:block;line-height:24px;font-size:18px;padding-bottom:2px;}
.blogstrong a{font-size:18px;font-weight:normal;}
.blogem{display:block;font-size: 0.85em;color: #C7C7C7;font-weight: 100;line-height:20px; font-style:normal;}
.blogtxt{padding:10px 0;font-size:14px;color:#666;line-height:24px;}
.meta-bottom a{padding:0 3px;color:#035ba9 ;}
.meta-bottom a:hover{ text-decoration:underline;color:#000;}
.cat-links{padding-right:20px;}
#loop{padding:10px 0;clear:both; overflow:hidden;}
.loop-nav{float:left;}
.loop-nav-next{float:right;}
.loop-nav a,.loop-nav-next a{font-size: 14px;
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    background:#0c7cde;border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;}
.loop-nav a:hover,.loop-nav-next a:hover{ background:#000;color: #fff;}




#page_title{background:url(../images/menubg.png);max-width:190px;display:inline-block;width:84%;padding:8px 0 8px 10px;font-size:16px;margin:20px 0;text-transform:capitalize;}

.sitemap{width:100%;}
#site_title{font-size:16px;text-transform:capitalize;margin-top:3%;padding:0 0 1% 1%;border-bottom:1px solid #dadada;display:block;}
#site_title:hover{color:#1eb9ee;}
#site_title a:hover{color:#1eb9ee;}
#site_title i{padding-left:5px;}
.sitemap a:hover{color:#1eb9ee;}
.site_main{padding-left:5%;width:100%;overflow:hidden;text-transform:capitalize;}
.site_main li{float:left;margin:2% 4% 2% 0;padding:2px 0;display:inline-block;}
.site_main li a{font-size:14px;}



.inquiry-main{
    padding:30px 10px;
}
.inquiry-text{
    padding-bottom: 15px;
    line-height: 22px;
    font-size: 13px;
    color: #222;
}

.inquiry-main ul li{width:100%;margin-bottom:15px;clear:both; overflow:hidden;}
.inquiry-main ul li label{float:left;text-align:left;width:15%;line-height:34px;color:#333;font-size:13px;}
.inquiry-main ul li a.inquiry-pro-name{
    float:left;text-align:left;width:80%;line-height:34px;color:#333;font-size:16px;font-weight: bold;

}
.inquiry-main ul li a.inquiry-pro-name:hover{
    color: #0658b2;
    text-decoration: underline;
}
.inquiry-main ul li input.inquiry-input{width:80%;border:1px solid #CCC;padding:4px;
    line-height:24px;font-size:13px;float:left;}
.inquiry-main ul li em{text-align:center;line-height:34px;padding-right:2px;color:#ff0000;font-size:15px;}
.inquiry-main ul li input.inquiry-input:focus{border:1px solid #44b2f5;box-shadow: 0 0 5px #44b2f5;
    -moz-box-shadow: 0 0 5px #44b2f5;
    -webkit-box-shadow: 0 0 5px #44b2f5;
    -o-box-shadow: 0 0 5px #44b2f5;
    -ms-box-shadow: 0 0 5px #44b2f5;
}
.inquiry-main ul li textarea.feedback{width:80%;border:1px solid #CCC;padding:4px;line-height:24px;
    font-size:13px;float:left;height:220px;}
.inquiry-main ul li textarea.feedback:focus{box-shadow:0 0 5px #44b2f5;border:solid 1px #44b2f5; background:#fff;}

.code_labe3{clear:both;margin-bottom:15px;width: 100%; overflow:hidden;}
.code_labe3 label{float:left;text-align:left;width:15%;line-height:34px;color:#333;font-size:13px;}
.code_labe3 input.input_code, .code_labe3 img, .code_labe3 a{
    float: left;
}
.code_labe3 input.input_code{width:20%;border:1px solid #CCC;padding:4px;
    line-height:24px;font-size:13px;}
.code_labe3 input.input_code:focus{border:1px solid #44b2f5;box-shadow: 0 0 5px #44b2f5;
    -moz-box-shadow: 0 0 5px #44b2f5;
    -webkit-box-shadow: 0 0 5px #44b2f5;
    -o-box-shadow: 0 0 5px #44b2f5;
    -ms-box-shadow: 0 0 5px #44b2f5;
}
.code_labe3 img{vertical-align:middle;margin:4px 10px; }
.code_labe3 a{
    height: 34px;
    line-height: 34px;
    color: #333;
}
.code_labe3 a:hover{
    text-decoration: underline;
}

.inquiry-btn{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;

}
.inquiry-btn input[type="button"]{
    width: 40%;float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.inquiry-btn input.inquiry-btn-sub{
    margin-left: 15%;
    margin-right: 10px;
    background: #0aa5d3;border:none;
}
.inquiry-btn input.inquiry-btn-res{
    background: #92c721;
    margin-left: 10px;border:none;
}
.inquiry-btn input[type="button"]:hover{
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

@media only screen and (min-width:640px) and (max-width:767px){

    .inquiry-main ul li label {width:20%;}
    .inquiry-main ul li input.inquiry-input {width: 75%;}
    .inquiry-main ul li textarea.feedback {width:75%;}
    .code_labe3 label {width:20%;}
    .inquiry-btn input.inquiry-btn-sub {margin-left: 20%;margin-right: 10px;}
    .inquiry-btn input[type="button"] {width:35%;}
}
@media only screen and (min-width:400px) and (max-width:639px){

    .inquiry-main ul li label {width:30%;}
    .inquiry-main ul li input.inquiry-input {width: 65%;}
    .inquiry-main ul li textarea.feedback {width:65%;}
    .code_labe3 label {width:30%;}
    .inquiry-btn input.inquiry-btn-sub {margin-left:0;margin-right: 10px;}
    .inquiry-btn input[type="button"] {width:45%;}
    .inquiry-main ul li a.inquiry-pro-name{width:70%;}
}
@media only screen and (max-width:399px){

    .inquiry-main ul li label {width:100%;}
    .inquiry-main ul li input.inquiry-input {width: 100%;}
    .inquiry-main ul li textarea.feedback {width:100%;}
    .code_labe3 label {width:30%;}
    .inquiry-btn input.inquiry-btn-sub {margin-left:0;margin-right: 10px;}
    .inquiry-btn input[type="button"] {width:45%;}
    .code_labe3 input.input_code{width:40%;}
    .code_labe3 input.input_code, .code_labe3 img, .code_labe3 a{float:none;}

    .inquiry-main ul li a.inquiry-pro-name{width:100%;}
}