@charset "utf-8";
/* CSS Document */
	/*.article h5 .fa:after,
	.button:after, button:after,
	.product_right:after{border:0!important;}
	#language ul li:first-child:after{display:none;}
	#language .search:before, #language .search .button-search:before,
	.nav_bg,
	#navigation ul li:before,
	#navigation ul li a:after{transform: none;-webkit-transform:none;}*/
	.inner .article .column4{margin-right:10px;}
	.nav_links{display: flex; flex-wrap: wrap;margin: 0;}
	.nav_links li{ margin: 0; margin-left: 10px; margin-bottom: 20px;}
	.nav_links li a{text-decoration: none; padding:3px 10px;background-color: #fff; border-radius: 2px;}
	.nav_links li a:hover{background-color:#333; color: #fff;}
	.article h5 .fa:before{top:5px; left:5px;}
	.inner .article{width: calc((100% / 4) - 10px);flex: 1 1 auto;}
	.inner .article.big{width: calc((100% / 2) - 10px);flex: 1 1 auto;}
	.inner .article{    z-index: 1; transition: all 0.5s ease;background-color: #fff; padding-bottom: 40px;}
	.inner .article .summary{position: absolute; width: 100%; padding:10px; bottom: 0px; opacity: 0;transition: all 0.5s ease;}
	.inner .article:hover{transform: scale(1.2);   z-index: 2;    box-shadow: 0px 0px 10px #cccccc;}
	.inner .article:hover a *{color: #D42745;}
	.inner .article:after{content:'';left:0px;height: 2px; width: 100%; bottom: -2px; position: absolute; background-color:#D42745; opacity: 0;transition: all 0.5s ease; }
	.inner .article:hover:after{ opacity: 1;}
	.inner .article:hover .summary{opacity: 1;}


.feature_inner .column12:before{content:'';
    background:rgba(0,0,0,0.5);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0px;
    left:-55vw;
    transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    -moz-transform: skew(-30deg, 0deg);
    -o-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
}
.feature_inner .column12:after{content:'';
    background:rgba(0,0,0,0.5);
background: -moz-linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%);
background: linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0px;
    right:-70vw;
    transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    -moz-transform: skew(-30deg, 0deg);
    -o-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
}

.inner .top_strip {
    margin-bottom:0px;
}

::-webkit-scrollbar {
    width: 8px;
    border-radius: 4px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #BE1E2D;
    border-radius: 4px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px #dee2e6;
    border-radius: 4px;
}

.products a{text-decoration:none!important;}
h2.main_title{color:#BE1E2D;  border-bottom:0; text-align:center;}

@media only screen and (min-width: 767px){
	#logo a{margin:20px auto;}
	/*.logo_bg{opacity: 0.9;transform: none;-webkit-transform:none;}

	.inner .article:nth-child(2n) {margin-left: 10px;}
	.inner .article:nth-child(4n) {margin-left: 0px;}
	.inner .article{width: calc((100% / 4) - 10px);flex: 1 1 auto;}
	.inner .article:nth-child(9n), .inner .article:nth-child(10n), .inner .article:nth-child(18n){flex: 0 1 auto;}
	.inner .articles{display: flex;    flex-wrap: wrap;}*/

	.related ul{    display: flex;    flex-wrap: wrap;}
	.related ul li{    width: calc(25%);padding-left: 15px; height: auto;}
	.related ul:nth-child(4n) {padding-left: 0px;}
	.owl-carousel{    overflow: auto;    max-height: 500px;}
}

@media only screen and (max-width: 767px){
	.inner .feature_inner_img{background-position-x: right;}
	.call{color:#fff;}
	.inner .call{margin-top:0;}
	.inner .article{padding-bottom: 15px;}
	.inner .article .column4{margin-bottom:0px;}
	.inner .article .summary{display: none;}
	.inner .article{width: calc(100% / 1);flex: 1 1 auto;}
	
}

.dark-gray:before{
top:auto!important;
bottom: 0px;
}

@media only screen and (min-width: 1024px){
.dark-gray:before {
    height: 40%;
}
}

.gallery_external .owl-carousel{max-height:calc(100vh - 100px); padding:10px;}
.gallery_external  ul li {box-shadow:0px 0px 2px #999999;}
@media only screen and (max-width: 1160px){
.gallery_external  ul li {
    height: 350px!important;
}
}


