@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --c-white:#fff;
    --c-black:#000;
    --c-main:#A52123;
    --c-sec:#3e3e3e;
    --fs-1: 12px;
    --fs-2: 16px;
    --fs-3: 20px;
}
.c_main{color: var(--c-main) !important;}
.c_sec{color: var(--c-sec) !important;}
.c_white{color: var(--c-white) !important;}
.c_black{color: var(--c-black) !important;}

@font-face {
font-family: 'montserratblack';
src: url('../foante/montserrat-black-webfont.woff2') format('woff2'),
url('../foante/montserrat-black-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratbold';
src: url('../foante/montserrat-bold-webfont.woff2') format('woff2'),
url('../foante/montserrat-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratlight';
src: url('../foante/montserrat-light-webfont.woff2') format('woff2'),
url('../foante/montserrat-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratmedium';
src: url('../foante/montserrat-medium-webfont.woff2') format('woff2'),
url('../foante/montserrat-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratregular';
src: url('../foante/montserrat-regular-webfont.woff2') format('woff2'),
url('../foante/montserrat-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratsemibold';
src: url('../foante/montserrat-semibold-webfont.woff2') format('woff2'),
url('../foante/montserrat-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*end foante*/

body{
font-family:'montserratregular';
font-size:15px;
background:#fff;
color:#000;
}
/*HELPERS*/
a{color: var(--c-main);}
a:hover{
color: var(--c-sec);
-webkit-transition: all 0.2s linear;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: initial;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
a, a.active, a:hover {outline-style: none;text-decoration: none;}
ul{list-style-type: none;padding: 0;margin: 0;}
p{margin:0;}
h1, h2, h3, h4, h5, h6 {
word-spacing: 0px;
margin: 0;
padding: 0;
font-family: "PT Serif", serif;
font-weight: 800;
font-style: normal;
}
.d_100{display: inline-block;width: 100%;}
.d_auto{display: inline-block;width: auto;}
.d_iblock{display: inline-block;}
.d_flex {display: flex;}
.marg00{margin-right: 0;margin-left: 0;}
.tmarg7{margin-top: 7px;}
.bmarg7{margin-bottom: 7px;}
.marg9{margin-top: 9px;margin-bottom: 9px;}
.tmarg9{margin-top: 9px;}
.bmarg9{margin-bottom: 9px;}
.marg15{margin-top: 15px;margin-bottom: 15px;}
.tmarg15{margin-top: 15px;}
.bmarg15{margin-bottom: 15px;}
.marg20{margin-top: 20px;margin-bottom: 20px;}
.tmarg20{margin-top: 20px;}
.bmarg20{margin-bottom: 20px;}
.marg30{margin-top: 30px;margin-bottom: 30px;}
.tmarg30{margin-top: 30px;}
.bmarg30{margin-bottom: 30px;}
.marg40{margin-top: 40px;margin-bottom: 40px;}
.tmarg40{margin-top: 40px;}
.bmarg40{margin-bottom: 40px;}
.tmarg50{margin-top: 50px;}
.bmarg50{margin-bottom: 50px;}
.pad00{padding-left: 0; padding-right: 0;}
.pad15 {padding-top: 15px;padding-bottom: 15px;}
.pad20 {padding-top:20px;padding-bottom:20px;}
.pad30{padding-top: 30px;padding-bottom: 30px;}
.pad40{padding-top: 40px;padding-bottom: 40px;}
.pad50{padding-top: 50px;padding-bottom: 50px;}
.p-oriz-5{padding-left: 5px;padding-right: 5px;}
.t-bold{font-weight: bold;}
.overflow{overflow: hidden;}
.relative{position:relative;}
figure {margin: 0;}
h1 {margin-bottom: 30px}
/* #LANGUAGES #NICE SELECT---- */
.fa_mysz{font-size:18px; color: #fff;}
#langs .nice-select {
border-radius: 0px;
border: solid 0px #fff;
/*font-size: 14px;*/
height:18px;
line-height:18px;
padding: 0 18px 0 9px;
display: inline-block;
float: none;
background-color: transparent;
}
/*#langs .nice-select .current {
 color: #fff;
}*/
#langs .nice-select .option {
padding:9px 15px;
line-height:20px;
}
#langs .nice-select:hover {
border: solid 0px var(--c-main);
}
#langs .nice-select::after {
border-bottom: 3px solid var(--c-main);
border-right: 3px solid var(--c-main);
height: 9px;
margin-top:-6px;
right:-7px;
width: 9px;
}
#langs .nice-select .list {
border-radius:0px;
}
#langs .form-control {
padding:0 5px !important;
outline: 1px red solid;
}
/*END NICE*/
#langs {
justify-content: center;
align-items: center;
display: inline-flex;
margin-left: 15px;
}
#langs .form-control {
display: block;
width: auto;
padding:5px;
font-size:14px;
line-height: 1.5;
color: var(--c-sec);
background-color: #fff;
background-clip: padding-box;
border: 0px solid #ced4da;
border-radius: 0;
cursor: pointer;
/*outline:1px red solid;*/
}
#langs .form-control:focus {
color: inherit;
border-color: transparent;
box-shadow: none;
}
/*COOKIES*/
#cookies-bar {
padding: 15px !important;
}
#cookies-bar .title {font-size: 18px !important;}
#cookies-bar .content {margin-top: 9px !important;}
#cookies-bar .buttons {margin-top: 15px !important;}
#cookies-bar .buttons a.btn {font-size: 13px !important;}
#cookies-bar .buttons a.btn-accept-all,
#cookies-bar .buttons a.btn-disable-all {
padding:3px 9px !important;
/*border-radius: .25rem !important;*/
color: #fff !important;
background-color: var(--c-main) !important;
border: 1px solid transparent !important;
}
#cookies-manage-save-modal {
color: #fff !important;
background-color: var(--c-main) !important;
}

.btn_site {
border: none;
background: var(--c-main);
color: #fff;
padding: 15px;
display: inline-block;
width: auto;
-webkit-transition: all 0.2s linear;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: initial;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
border-radius: 0;
}
.btn_site:hover {
color: #fff;
letter-spacing:2px;
background: #000;
}
.fancybox-toolbar,.fancybox-infobar {bottom: 0 !important; top: auto !important;}
.help-block.with-errors {color: red;}
/*pagination default*/
.pagination {justify-content: center;}
.pagination li {
  padding: 0 9px; 
  border: 1px solid var(--c-main);
  margin: 0 3px;  
}
.pagination li:hover a,
.pagination li.active a{color: #fff;}
.pagination li.active,
.pagination li:hover {background-color: var(--c-main);}
.pagination li a{color: #000;}
.page-item:first-child .page-link {
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.page-item.disabled .page-link {
color: #000;
background-color:transparent;
border-color: transparent;
}
.pagination .page-link {
padding:5px;
color: #000;
background-color: transparent;
border: 0px solid #ddd;
}
.pagination .page-item.active .page-link {
color: #fff;
background-color: transparent;
border-color: transparent;
}
/* =================
Header Styles STICKY
 =================== */
/* *** Custom Animation 01 *** */
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  to {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  to {
    margin-top: 0;
  }
}
.stickycub {
width: 100%;
height: auto;
padding: 0;
position: fixed !important;
top: 0;
background: rgba(255,255,255,0.9) !important;
left: 0;
right: 0;
z-index: 999999;
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
-webkit-animation: headerSlideDown .95s ease forwards;
animation: headerSlideDown .95s ease forwards;
}
/* ============
end STICKY
=============== */
.central {
position: relative;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
/* transform: translate(orizontal,vertical); */
}
/*SLICK CARUSEL PRODUCT*/
.gal-nav .slick-slide {padding: 0 15px;}
.slider-nav{margin-top: 9px;}
.slick-prev:before, 
.slick-next:before {content: "" !important;}
.slick-prev, .slick-next {
  height: 30px !important;
  width: 16px !important;
  opacity: 0.5;
  z-index: 99;
}
.slick-prev:hover, 
.slick-next:hover {opacity: 1 !important;}
.slick-prev {
  background: transparent url(../images/prev-slick.png) no-repeat 0 0 !important;
  left:0px !important
}
.slick-next {
  background: transparent url(../images/next-slick.png) no-repeat 0 0 !important;
  right:0px !important;
}
.product-slider .slide-mini-image {cursor: pointer;}
/*end SLIKK*/
/*HOVER ZOOM IMAGES*/
.wrapp_img {
position: relative;
overflow: hidden;
}
.overlay_cub {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.7);
}
.wrapp_img:hover .overlay_cub {opacity: 1;}
.textimg {
color: #fff;
border: #fff 1px solid;
padding: 15px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.wrapp_img img {transition: transform .5s;margin: 0 auto;}
.wrapp_img:hover img {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/*END GALLERY*/
/*RVSLIDER*/
.tp-leftarrow {
-webkit-transform: translate(30px,-50%) !important;
-ms-transform: translate(30px,-50%) !important;
transform: translate(30px,-50%) !important;
}
.tp-rightarrow {
-webkit-transform: translate(-70px,-50%) !important;
-ms-transform: translate(-70px,-50%) !important;
transform: translate(-70px,-50%) !important;
}
@media (max-width: 992px) {
    .tp-leftarrow {
    -webkit-transform: translate(15px,-50%) !important;
    -ms-transform: translate(15px,-50%) !important;
    transform: translate(15px,-50%) !important;
    }
    .tp-rightarrow {
    -webkit-transform: translate(-55px,-50%) !important;
    -ms-transform: translate(-55px,-50%) !important;
    transform: translate(-55px,-50%) !important;}
}
.cstm_ceva{
text-shadow: 1px 2px 3px rgba(0, 0, 0, 1.0);
}
/*END RVSLIDER*/
/*FOOTER*/
.the_foot,.the_foot a { color:#fff; font-size: 14px;}
.the_foot a:hover {color:var(--c-main); font-size: 14px;}
.the_foot {background-color:#000;}
.politici ul {display: flex; justify-content: center;}
.politici ul li {padding: 3px 7px;}

/*PARAGRAPHS TEMPLATE*/
.paragraph{flex-wrap: wrap;}
.parag_lft{flex-direction: row-reverse;}
.flex-item-big {flex-basis:65%;}
.flex-item-sm {flex-basis:35%;}
@media (max-width: 1200px) {
    .flex-item-big {flex-basis:60%;}
    .flex-item-sm {flex-basis:40%;}}
@media (max-width: 992px) {
    .flex-item-big {flex-basis:50%;}
    .flex-item-sm {flex-basis:50%;}
}
@media (max-width: 768px) {
    .flex-item-big,
    .flex-item-sm {flex-basis:100%;}
}
.par_img {padding: 15px;}
/*end*/

/*FORMULARE*/
.fa_size{color: var(--c-main);}
.dep_elem {margin-bottom: 5px;}
.name_dep {
color: var(--c-main);
text-transform: uppercase;
}
.sec_forms .form-group {margin-bottom: 15px;}
.sec_forms .form-group .form-control {
font-size: inherit;
font-weight: inherit;
line-height: 1.5;
color: #000;
background-color: #fff;
border-right: 0 solid var(--c-main);
border-left: 0 solid var(--c-main);
border-top: 0 solid var(--c-main);
border-bottom: 1px solid var(--c-main);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.sec_forms .form-control.form-textarea{
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
}
.fa_size {font-size: 21px;margin-right: 3px;}
.upload-button {
  border: 1px dashed var(--c-main);
  border-radius: 0 0 0 0;
  font-size: 12px;
}
/*END formulare*/
.fa-sz1 {font-size: 18px; color: var(--c-main);}
#agreegdpr {font-style:italic; }
#agreegdpr a {color:var(--c-sec);}
#agreegdpr a:hover {color:var(--c-mainlight);}
.help-block.with-errors {
color: red;
font-size: 12px;
font-style: italic;
}
.paragraph {margin-top: 15px;}
.infotxt {font-size: 18px;line-height: 21px;color: #fff;}
@media (max-width: 992px) {
    .infotxt {font-size:15px;line-height:18px;}
}
.mainhome,
.sec_top{
justify-content: space-between;
align-items: center;
}
.wrap_feats .txt {
padding: 25px;
color: #fff;
font-size: 25px;
font-weight: 800;
text-transform: uppercase;
display: flex;
flex-direction: column;
}
.wrap_feats .eftin {background-color: var(--c-main);}
.wrap_feats .dragon {background-color: var(--c-black);font-family: "PT Serif", serif;}
.wrap_feats .prods {
padding-top: 25px;
padding-bottom: 25px;
color: #fff;
text-align: center;
font-size: 25px;
font-family: 'montserratbold';
text-transform: uppercase;
background: linear-gradient(90deg, #000 0%, var(--c-main) 100%); 
}
.wrap_feats a.prods:hover {background: linear-gradient(90deg, var(--c-main) 0%, var(--c-main) 100%); }
.wrap_feats i {font-size:40px;}
.categs_list h3 {
font-size: 18px;
color: #fff;
padding: 9px 15px;
transition: all 0.2s linear;
}
.wrap_prodscateg.categs_list h3 {
min-height:60px;
}
.wrap_prodscateg.categs_list li {margin-bottom: 25px;}
.categs_list li:hover h3 {
letter-spacing: 1px;
}
.wrap_onebox {
background-color: var(--c-main);
overflow: hidden;
}
.imgcatg {
border-radius: 0 45px 0 10px;
transition: all 0.2s linear;
}
.categs_list li:hover .imgcatg {
border-radius: 0 81px 0 81px;
opacity: 0.69;
filter: grayscale(1);
}
.project-content {
position: absolute;
padding: 20px 25px;
opacity: 0;
visibility: hidden;
z-index: 1;
left: 0;
bottom: -100px;
text-align: left;
width: 100%;
z-index: 11;
transition: 0.6s;
height: 100%;
}
.project-inner {
position: absolute;
bottom: -100px;
transition: 0.5s;
left:50px;
}
.project-inner-2 {
position: absolute;
bottom: -100px;
transition: 0.5s;
right:50px;
}
.categs_list li:hover .project-content .project-inner,
.categs_list li:hover .project-content .project-inner-2 {
bottom:25px;
}
.categs_list li:hover .project-content {
opacity: 1;
visibility: visible;
bottom: 0;
}
.categs_list li:hover .project-content:before {
opacity: 1;
bottom: 0;
visibility: visible;
}
.fa_size_box {
font-size:40px !important;
 color: var(--c-main);
}
.oldprice_prod {
font-size: 25px;
color: var(--c-main);
}
.oldprice_prod span {
color: var(--c-sec);
font-size: 16px;
}
.nota {
padding: 25px;
font-style: italic;
text-align: center;
}

