@charset "utf-8";





body{

	font-size: 13px;
	max-width:99%;

}



a{

	color:#333;

}

a:hover{

	text-decoration: none;

	color: #000;

}

.h4, .h5, .h6, h4, h5, h6 {

    margin-top: 5px;

    margin-bottom: 5px;

}



.clear{

	clear: both;

}



header.site-header {

	height: auto;

    padding-top: 20px;

    background: url(../images/background-header.png) no-repeat;

}

.site-container{

    height: auto;

    overflow: hidden;

}

.dv-search{

	padding-top: 6px;

    padding-bottom: 4px;

	height:auto;

    overflow: hidden; 

	background:#565656;

    width:calc(100% - 30px);

    transform: skew(-45deg);

    -webkit-transform: skew(-45deg);

    -moz-transform: skew(-45deg);

    -o-transform: skew(-45deg);

    -ms-transform: skew(-45deg);

}



.dv-search .fa{

	font-size: 24px;

    border: solid 1px #FFF;

    border-radius: 50%;

    padding: 3px 6px;

    color: #FFF;

    transform: skew(45deg);

    -webkit-transform: skew(45deg);

    -moz-transform: skew(45deg);

    -o-transform: skew(45deg);

    -ms-transform: skew(45deg);

    float: left;

}

#dv-search{

    background: #FFF;

    margin-right: 5px;

    height: 30px;

}



.dv-search .hotline{

    color: #FFF;

    font-size: 17px;

    padding-left: 40px;

    transform: skew(45deg);

    -webkit-transform: skew(45deg);

    -moz-transform: skew(45deg);

    -o-transform: skew(45deg);

    -ms-transform: skew(45deg);

    line-height: 32px;

}

.dv-search .hotline a{

	color: #FFF;

}

.dv-search input{

	border: none;

	background: transparent;

	transform: skew(45deg);

    -webkit-transform: skew(45deg);

    -moz-transform: skew(45deg);

    -o-transform: skew(45deg);

    -ms-transform: skew(45deg);

    height: 29px;    

}

.dv-search .form-control:focus{

	border-color: transparent;

    -webkit-box-shadow: inherit;

    box-shadow: inherit;

}

.dv-search button{

    margin: 0;

    border: none;

    padding-right: 3px;

    height: 32px;

    background: #f26722;

    color: #FFF;

    width: 53px;

}

.dv-search .glyphicon{

    transform: skew(45deg);

    -webkit-transform: skew(45deg);

    -moz-transform: skew(45deg);

    -o-transform: skew(45deg);

    -ms-transform: skew(45deg);

    margin: 0;

    padding: 0;

    font-size: 18px;

}

.flag{

    float: right;

    margin-right: 25px;

}

.flag img{

    margin-top: -20px;

}

.flag .fa{

    background: #8e7e71;

    color: #FFF;

    width: 25px;

    height: 25px;

    font-size: 15px;

    border-radius: 50%;

    position: relative;

    margin-right: 6px;

}

.flag .fa:hover{

	background: #f26722;

}

.flag > .fa:last-child{

    background: red;

}

.flag .fa:before{

    position: absolute;

    top: 5px;

    left: 50%;

    transform: translateX(-50%);

} 

.logo img{

	
	max-height:110px;

	padding-top: 20px;
	z-index:999;

}

::-webkit-input-placeholder {

	color: #000;

	font-weight: 500 !important;



	    

}

::-moz-placeholder {

	color: #000;

	font-weight: 500 !important;



	

}

:-ms-input-placeholder {

	color: #000;

	font-weight: 500 !important;



	

}

:-moz-placeholder {

	color: #000;

	font-weight: 500 !important;

}



/*---- Menu -----*/



.navbar{

    min-height: 44px;

    margin-bottom: 0px;

}

.navbar-default{

    border: 0px;

    box-shadow: 0 0;

    background: transparent;

    margin-bottom: 15px;

}

.navbar-header{

    background: #f9f9f9;

}

.nav>li{

    padding: 12px 0;

}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{

    background: inherit;

    color: #db5228 !important; 

    box-shadow: none;

}

.navbar-nav>li>a{

    padding: 0px 19px;

    margin-left: -5px;

    color: #333333 !important;

    font-size: 14px;

    text-transform: uppercase;

    border-right: solid 1px #333333;

    font-weight: 600;

}

.navbar-brand, .navbar-nav>li>a{

    text-shadow: none;

}

.navbar-brand {

	display: none;

}

.last-child{

    border-right: solid 2px transparent !important;

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{

    color: #db5228 !important;

}



.navbar-nav>li>.dropdown-menu{

    margin-left: -5px;

}

.dropdown-menu>li>a{

    padding: 7px 20px;

}

.caret-up {

    width: 0; 

    height: 0; 

    border-left: 4px solid rgba(0, 0, 0, 0);

    border-right: 4px solid rgba(0, 0, 0, 0);

    border-bottom: 4px solid;

    display: inline-block;

    margin-left: 2px;

    vertical-align: middle;

}

.nav-primary li:last-child a{

    border-right: none;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{

    background: transparent;

    box-shadow: inherit;

}



/*----SLider ----*/

#myCarousel{

	border-bottom: solid 3px #dc5227;

    border-top: solid 3px #FFF;

    margin-bottom: 20px;

}

.carousel-inner > .item > img,.carousel-inner > .item > a > img {

    width: 100%;

    margin: auto;

}

.carousel-indicators li{

	width: 20px;

	height: 5px;

	border-radius: 0px;

}

.carousel-indicators .active{

	width: 20px;

	height: 6px;

	border-radius: 0px;

}



/*---- Aside ----*/





/*---- Section ----*/



.site-inner{

    padding-bottom: 20px;

}

.dv-home{

    margin-right: -40px;

}

.col-home{

    margin-top: 30px;

    position: relative;

    color: #565656;

    padding-left: 30px;

    padding-top: 20px;

    padding-right: 40px;

}

.col-home-img{

    position: absolute;

    top: 0px;

    left: 10px;

}

.col-home .panel-default{

    text-align: right;

    border: solid 1px #c9d2d5;

}

.col-home h4{

    color: #565656;

    font-weight: 600;

    margin: 9px 0;

    font-size: 16px;

}

.col-home .panel-heading{

    padding-left: 45%;

    background: #FFF;

}

.col-home .panel-heading:hover a{

	color: #f26722;

}

.col-home .panel-body{

    padding: 10px 15px;

}

.col-home .btn-default{

    border: none;

    background: #d2e0ef;

    text-shadow: inherit;

    padding: 5px 10px;

}

.col-home .btn-default:hover{

    background: #f26722;

    color: #FFF;

}

.col-home .btn-default:after{

    content:'»';

    padding-left: 5px;

    color: #f26722;

}

.breadcrumb{

    padding: 0;

    background: inherit;

    margin-top: 20px;

    margin-left: 17px;

}

.breadcrumb>span+li:before{

    display: none;

}

.breadcrumb>.active {

    color: #FFF;

}

.breadcrumb>span {

	display: inline-block;

    background: #f3f3f3;

    padding: 7px 20px;

    transform: skew(-45deg);

    -webkit-transform: skew(-45deg);

    -moz-transform: skew(-45deg);

    -o-transform: skew(-45deg);

    -ms-transform: skew(-45deg);

}

.breadcrumb>span:hover{

    background: #f26722;

}

.breadcrumb>span:hover a{

    color: #FFF;

}

.breadcrumb>span>a{

    transform: skew(45deg);

    -webkit-transform: skew(45deg);

    -moz-transform: skew(45deg);

    -o-transform: skew(45deg);

    -ms-transform: skew(45deg);

    display: block

}





.product{

    height: auto;

    overflow: hidden;

    margin-bottom: 30px;

}

.product-img{

    border: 1px solid #ccc;

    overflow: hidden;

}

.product-img img{

    width: 100%;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.products .product:hover img{

    -ms-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}

.product-name{

    background: #f4f3ef;

    border-bottom: 1px dashed #ccc;

    padding: 7px;

}

.woocommerce ul.products li.product h3{

    background: url(../images/product-name.png) right 0 no-repeat #d9d9d9;

    text-align: center;

    padding: 8px;

}

.nav-tabs>li{

    padding: 0px;

}

.nav-tabs{

    margin-bottom: 15px;

}

.side_down{

    background: #efefef;

    padding: 10px 16px;

    margin-bottom: 1px;

}

.side_down:hover{

    background: #f26722;

}

.side_down:hover a{

    color: #FFF;

}

#myBtn{

    color: #FFF; 

    background-color: #f26722;

    cursor: pointer;

}

.nav-pills{

    margin-left: 20px;

}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {

    background-color: #f26722;

}

.nav-pills>li>a>div{

    transform: skew(45deg);

    -webkit-transform: skew(45deg);

    -moz-transform: skew(45deg);

    -o-transform: skew(45deg);

    -ms-transform: skew(45deg);

}

.nav-pills>li>a{

    border-radius: 0px;

    transform: skew(-45deg);

    -webkit-transform: skew(-45deg);

    -moz-transform: skew(-45deg);

    -o-transform: skew(-45deg);

    -ms-transform: skew(-45deg);

}

.dv-news{

    height: auto;

    overflow: hidden;

    position: relative;

    padding: 20px;

    background-color: #f4f4f4;

    border-radius: 10px;

    margin-bottom: 20px;

    border: solid 3px #f4f4f4;

}

.dv-news:hover{

    border: solid 3px #CCC; 

}

.dv-news a:hover{

    color: #f26722; 

}

.dv-news button:hover{

    background-color: #f26722; 

    color: #FFF

}

.news-readmore{

    color: #fff;

    background: #555;

    padding: 4px 8px;

    border: none;

    float: right;

}

.news-time{

    display: flex;

    align-items: center;

    flex-direction: column;

}

.news-date{

    font-size: 45px;

}

.news-month{

    font-size: 15px;

}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{

    background-color: #f26722;

    border: none;

}

.pagination>li>a, .pagination>li>span {

    color: #000;

    border: none;

    padding: 6px 10px;

}

.contact-title{

    font-size: 15px;

    color: #f26722;

    border-bottom: dotted 1px #808080;

    padding: 7px 0px;

    margin-bottom: 12px;

}



.contact-img img{

    width: 100%;

}

/* ---- Footer ---*/

footer.site-footer  {

	background: #f26722;

	padding: 20px 0;

	color: #FFF;

	position: relative;

}

footer .container{

	position: relative;

}

footer .fa{

	padding-right: 5px;

}

footer h5{

    padding-bottom: 10px;

}

.logo-footer{

	position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0px;

}

#back-to-top {

    cursor: pointer;

    position: fixed;

    bottom: 20px;

    right: 20px;

    display: none;

    padding: 6px 10px;

    background: #f26610;

    border: none;

}

#back-to-top:hover{

	opacity: 0.7;

}



ul.share {

	    list-style-type: none;

}

ul.share li {

	display: inline-block;

}



.entry-header h1 {

	    font-size: 24px;

	        margin-top: 20px;

    margin-bottom: 10px;

}

.entry-header {

    padding-bottom: 9px;

    margin: 40px 0 20px;

    border-bottom: 1px solid #eee;

}

.home .entry-header {

	display: none;

}



.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}

.product-category h3 {

	background: #f4f3ef !important;

    border-bottom: 1px dashed #ccc;

    padding: 7px !important;

        text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.product-category.open h3 {

	background: #e7482b !important;

	color: #fff;

}

.page-title {

	padding-bottom: 9px;

    margin: 40px 0 20px;

    border-bottom: 1px solid #eee;

    font-size: 24px;

    margin-top: 20px;

}

.show_detail {

	clear: both;

    float: left;

    width: 100%;

    margin-bottom: 14px;

    border: 1px solid #dc5227;

    background: #f26722;

    padding: 0 20px;

    position: relative;

}

.pro_list {

    overflow: hidden;

    margin-right: -25px;

    padding-bottom: 20px;

}

.pro_list li {

    float: left;

    width: 196px;

    padding: 1px;

    background: #fff;

    /*height: 174px;*/

    margin: 20px 25px 0 0;

    border: 0;

}
.pro_list li img { 
	    height: 187px;
    width: auto;
    margin: 0 auto;
    display: block;
}

/*.show_detail .pro_list li {

    height: 177px;

}*/

.show_detail .pro_list p {

    text-align: center;

    color: #000;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    cursor: pointer;

        background: #ccc !important;

}

.show_detail i {

    position: absolute;

    width: 13px;

    height: 8px;

    left: 111px;

    top: -8px;

    background: url(../images/ico_10.gif);

    overflow: hidden;

}

.woocommerce-tabs > ul >li {

    border-radius: 0px;

    transform: skew(-45deg);

    -webkit-transform: skew(-45deg);

    -moz-transform: skew(-45deg);

    -o-transform: skew(-45deg);

    -ms-transform: skew(-45deg);

        border-radius: 0 !important;

} 

.woocommerce-tabs > ul >li > a {

    transform: skew(45deg);

    -webkit-transform: skew(45deg);

    -moz-transform: skew(45deg);

    -o-transform: skew(45deg);

    -ms-transform: skew(45deg);

}

.woocommerce-tabs > ul >li.active , .woocommerce-tabs > ul >li.active:focus, .woocommerce-tabs > ul >li.active:hover {

    background-color: #f26722 !important;

}

.woocommerce-tabs > ul >li.active {

	color: #fff;

}

.woocommerce div.product .woocommerce-tabs ul.tabs {

    list-style: none;

    padding: 0 0 0 1.5em;

    margin: 0 0 1.618em;

    overflow: hidden;

    position: relative;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {

    box-shadow: none;

}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {

    color: #fff;

    text-decoration: none;

    background-color: #dc5227;

    outline: 0;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {

	content: none;

}



/* Acording slider */

.content_title

{

	position: absolute;

	padding: 50px 40px 50px 80px;

	    background-color: rgba(255,255,255,0.8);

	z-index: 100;

	font-size: 22px;

	margin-left: -60px;

	-webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);

	-moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);

	-ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);

	transform: translate3d(0, 0, 0) skew(-20deg, 0deg);

	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);

box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);

}



.content_title .text

{

	-webkit-transform: translate3d(0, 0, 0) skew(20deg, 0deg);

	-moz-transform: translate3d(0, 0, 0) skew(20deg, 0deg);

	-ms-transform: translate3d(0, 0, 0) skew(20deg, 0deg);

	transform: translate3d(0, 0, 0) skew(20deg, 0deg);

}



.content_slider

{

	width: 100%;

	overflow: hidden;

}



.gallery_content

{

	overflow: hidden;

	margin-left: -170px;

	

}



.gallery_item

{

	float: left;

	overflow: hidden;

	vertical-align: top;

	margin-left: -2px;

	-webkit-transition: width 500ms;

	-moz-transition: width 500ms;

	-o-transition: width 500ms;

	transition: width 500ms;

	-webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);

	-moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);

	-ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);

	transform: translate3d(0, 0, 0) skew(-20deg, 0deg);

	/*border-left: 5px solid #fff;*/

	-webkit-box-shadow: -4px 0px 15px 2px rgba(0,0,0,0.75);

-moz-box-shadow: -4px 0px 15px 2px rgba(0,0,0,0.75);

box-shadow: -4px 0px 15px 2px rgba(0,0,0,0.75);

}



.gallery_item img

{

	position: relative;

	-webkit-transform: translate3d(0, 0, 0) skew(20deg, 0deg);

	-moz-transform: translate3d(0, 0, 0) skew(20deg, 0deg);

	-ms-transform: translate3d(0, 0, 0) skew(20deg, 0deg);

	transform: translate3d(0, 0, 0) skew(20deg, 0deg);

	    max-width: none;

}

#gallery-2 {

	    margin-bottom: 20px;

}

.page-header h1 {

	font-size: 22px;

}

.loading {

	display: block;

	text-align: center;

	margin: 0 auto;

}
.contact-img img {
	height:175px;
}
.logo-footer img {
	max-width: 260px;
}

.lang-item {
	margin-right:5px;
}