@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

:root {
  --main-bg-color: #2b3238;
  --main-txt-color: #2c3e50;  
   --second-bg-color: #00ff00;  
  --main-padding: 15px;  
  --third-bg-color: #00ff00;
  --border-radius: 0px;  
  --border-radius-menus: 6px;  
  --hover-bg-color:#00ff00;
  --hover-color:#00ff00;
}


.header__phone {
  
    padding: 6px 20px 0 !important;
}

/*   MOBILE FIX */
@media only screen and (max-width: 1025px) {

body a.header__phone {
    font-size: 12px !important;
}
}


@media only screen and (max-width: 768px) {

.widget.js-widget.mt-5.py-5.widget--landing.widget--achievement {
    background-size: auto 100% !important;
}
}

@media only screen and (max-width: 768px) {

.header__contacts {
    display: none;
}
}


/*  END  MOBILE FIX */

ul.navbar__subnav {
    background: black !important;
}

div#stiker {
    color: black;
}

button, input.form__submit.refNumSubmit {
    border-radius: 3px !important;
}

.social.social--header.social--circles {
    display: none;
}


.navbar__submenu {
    float: left;
    margin: 0;
    width: 260px !important;
    padding: 0;
}

.greenbutton {background: #00df00;
    padding: 20px 40px 20px 40px;
    text-transform: uppercase;
    font-size: 21px;
    color: black;
    border-radius: 3px;
border-bottom: 3px solid;}

.greenbutton:hover 

{color: #00df00;
    background: #000;}


.article__intro p {
    line-height: 1;
    font-size: 16px;
    min-height: 49px;
}

.borderLink {
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

hr {
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

.article__intro {
    margin: 6px 0 14px 0;
    min-height: 43px;
}

.navbar__nav {
 
    margin-top: 13px;
}


@media only screen and (max-width: 600px)
.header--overlay .header__logo 

{
    filter: invert(1);
}
}

.hover-default .item-photo img {
   
    object-fit: cover;
}
 

thead {
    font-size: 17px;
}
.navbar__submenu {
 
    width: 230px;
 
}
 

/* ZA PREHVARLIANE !!!!!! */

.widget__more.active, .widget__more:active, .button, .widget__more {
  
    padding: 5px 20px !important;
}


li.navbar__item {
 
    padding: 0px 10px 0px 10px !important;
  
}

.button__more.active, .button__more:active {
    border-color: #9bc204 !important;
    background: #9bc202 !important;
 
}


.apartsFromBuilder_holder {
    font-size: 15px !important;
  	padding: 8px !important;
}

.properties__ribon:after {
   border-top: 5px solid #000000;
}

.big_search_box .widget--landing, .big_search_box .widget__title {
 
    text-shadow: 3px 3px 13px #fff !important;
}

.cc-color-override-688238583 .cc-btn {
    color: rgb(0, 0, 0);
    border-color: transparent;
    background-color: rgb(161 198 17) !important;
}

.cc-color-override-688238583 .cc-btn:hover, .cc-color-override-688238583 .cc-btn:focus {
    background-color: rgb(195 239 24)  !important;
}


.feature__title, .feature__item-title { 
  color: var(--main-bg-color);
}

.article__photo img {
 
    object-fit: cover;
}

.pull-right .form__submit {
    width: 30%;
    color: white !important;
}

input.form__submit.refNumSubmit {
    width: 100px;
}

.button__more:active, .button__more.active {
 
    border-color: var(--third-bg-color);
    background: var(--third-bg-color);
     color: #fff;
}

.button__more.hover, .button__more:hover {
    border-color: var(--third-bg-color);
    color: var(--third-bg-color);
 
}
/* END ZA PREHVARLIANE !!!!!! */


 

/*@import url('https://fonts.googleapis.com/css?family=Anton');

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');*/

@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

  .timeline-panel .timeline-date, .achievement__counter, body 

{
    font-family:  'Abel', sans-serif !important;

}



.borderIMG {-webkit-filter: drop-shadow(1px 1px 0 black)
                  drop-shadow(-1px -1px 0 white);
  filter: drop-shadow(1px 1px 0 black) 
          drop-shadow(-1px -1px 0 white);}


.navbar--header.header-fixed {
    position: inherit !important;}

.timeline-date p {
    font-size: 19px !important;
    line-height: initial !important;
    font-weight: initial !important;
    color: #fad50e !important;
margin-top: 20px;
}


.header svg {
    fill: #ababab !important;
}

.widget--achievement {
  
    background-color: #2b3c4c;
}

.achievement__counter {
    margin-top: 20px;
 }


.feature__title {
    font-size: 41px !important;}

.feature__content, .feature__header p {
    font-weight: bolder;
    line-height: 1.3;
padding-bottom: 20px;
}

.feature__headline {
 
    text-transform: inherit !important;}

.partners__item img {	filter: grayscale(25%);  

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;}

.partners__item img:hover { 	filter: grayscale(0%);  
  -webkit-transform: scale(1.05) !important;
    transform: scale(1.05) !important;
      -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}



.achievement__icon {
    fill: #ffffff !important;
}




 .navbar--overlay .navbar__link, .notindexclass .navbar__link
{

    font-family:   'Abel', sans-serif !important;
	font-size: 20px !important;}


.worker__name, .banner--slider .banner__title,  .feature__title, .feature__item-content h3.feature__item-title, .widget--landing .widget__title, .widget--footer .widget__title
{
    font-family:   'Abel', sans-serif !important;


 }

.widget__header > h1 {
 
    font-family: 'Russo One', 'Abel', sans-serif !important;
   
}


.achievement__counter {
    margin-top: 30px; }



/* Shine */

.button, .widget__more {
      display: block;
    position: relative;
    margin: 50px auto 0;
    padding: 10px 0;
    color: #080808 !important;
    text-align: center;
    text-transform: uppercase;
    /* background-color: #fad50e; */
    border: none !important;
}
.button.one:after, .widget__more:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
       -moz-transition: none;
            transition: none;
}
.button.one:hover:after, .widget__more:hover:after {
  width: 120%;
  background-color: rgba(255,255,255,0);
  
    -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
}

/* Two */
.button.two:hover, .widget__more  {
  background-repeat: no-repeat;
  background-position: -120px -120px, 0 0;
  
  background-image: -webkit-linear-gradient(
    top left,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -moz-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );    
  background-image: -o-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  
  -moz-background-size: 250% 250%, 100% 100%;
       background-size: 250% 250%, 100% 100%;
  
  -webkit-transition: background-position 0s ease;
     -moz-transition: background-position 0s ease;       
       -o-transition: background-position 0s ease;
          transition: background-position 0s ease;
}

.button.two:hover, .widget__more:hover  {
  background-position: 0 0, 0 0;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
}


 a.button.two:focus, a.button.two:hover {
    color: #fff !important;
}

.widget__more.hover, .widget__more:hover {
    color: #ffffff !important;
}

/* START




@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}


@media (min-width: 1000px) {
  
 
  



.hover14  {
 
    overflow: hidden;
}
.hover14  {
    position: relative;
 
}
.hover14::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.hover14:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}



.hover14 div::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}




}
 END */

.Section--products p {line-height: 1.2 !important; font-family: 'Roboto Condensed', sans-serif !important;}

.Section--products h4 {
    text-align: center;
    line-height: 1.1 !important;
    padding-bottom: 20px;
    margin-top: 9px!important;
}


.Section--products a:hover  {
    text-decoration: none !important;
   color: #11a2d1!important;
}

.Section--products {
  background-color: rgba(255,255,255) !important;
 
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    border-radius: 2px;
    margin: 8px;

}


.Section--products img {
	filter: grayscale(100%); margin-top: 15px;
}

.Section--products:hover img {
	filter: grayscale(50%); margin-top: 15px;
}


.Section--products {
 
    float: left;
}

.Section--products {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s !important;
  transition: all .3s !important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.Section--products:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

 
.-shadowed {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

.-rounded {
  border-radius: 2px;
}


/* ===============================================
    13.Timeline
------------------------*/
.timeline-panel{ 
    position: relative;
    padding: 20px 0 0;
    padding-bottom: 30px !important;
}
.timeline-panel .timeline-date {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
}
.timeline .timeline-year:before {
    position: absolute;
    width: 92px;
    content: "";
    height: 92px;
    background: transparent;
    display: block;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.2);
    top: 2px;
    left: 2px;
}
.timeline-panel .timeline-body {
    position: relative;
    padding-top: 0;
    padding-bottom: 30px;
}
.timeline-panel .timeline-body h3.title {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 8px;
    font-weight: 700;
}
.timeline-panel .timeline-body p { margin-bottom: 0; }
.time-line-dot {
    position: relative;
    z-index: 1;
    margin: 30px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.time-line-dot:after{
    position: absolute;
    content: "";
    height: 1px;
    width: 110%;
    left: 15px;
    right: auto;
    top: 0;
    z-index: -1;
    border-top: 1px dashed currentColor;
        color: #ffffffa1;
}
.row > [class*='col-']:nth-child(1) .time-line-dot:after{
    left: -50px;
    width: 140%;
}
.row > [class*='col-']:nth-child(1) .time-line-dot:before{
    position: absolute;
    content: "";
    height: 20px;
    width: 1px;
    left: -50px;
    background-color: currentColor;
}
.row > [class*='col-']:last-child .time-line-dot:before{
    position: absolute;
    /*font-family: "themify";*/
    font-family:"Font Awesome 5"
    content: ""\f531"";
    font-size: 30px;
    line-height: 30px;
    right: -50px;
    color: currentColor;
}
.time-line-dot i{
    position: relative;
}
.time-line-dot i:before {
    display: block;
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    top: -5px;
    right: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(255,255,255,.8);
}




 .timeline-panel .timeline-date {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    
        color: #fad50e;
}


.cmt-bgcolor-darkgrey > .cmt-bg-layer, section.cmt-row.timeline-section.cmt-bgcolor-darkgrey.cmt-bg.cmt-bgimage-yes.bg-img5.clearfix { 
background-color: #16143e !important; }



section h2.title {
    text-align: center;
    color: #fff !important;
    margin-bottom: 40px;
}


.timeline-body, .timeline-body p {
    color: #fff !important;
}


.invertedWhire 

{filter: brightness(0) invert(1);
} 





.form__submit.hover, .form__submit:hover, .button.form__submit {
    color: #2b3238;
    background: var(--second-bg-color) !important;
}




.article__photo-img {
  
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.article__photo-img:hover  {
  transform: scale(1.15); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.article.article--grid a {
    overflow: hidden;
    object-fit: cover;
}


.partners__item img {
    
    max-width: 194px;
}

#homediv  {
    max-width: 1150px;
	    
}   
 img.dnvCertif {
    margin-top: 6%;
    width: auto;
    
}

@media (min-width:501px) and (max-width:768px){



.karimexArguments img {
   width: ;
    height: auto;
    margin: 0%;
}

}


.karimexArguments img {
    width: auto; ;
    height: auto ;
}




.banner.banner--slider, .banner.banner--slider:hover  {
    background-image: none !important;
}

.achievement__counter {
    
    color: #fff !important;}

.achievement__name {
    color: #ffffff !important;
    
}


.gosubmit__btn {
    
    border-bottom: 4px solid #708a07 !important;
    background: #00ff00 !important;}


.feature__item-title {
 
    color: #ef463c !important;
}

.widget--footer .widget__title {
  
    color: #ef463c !important;}

.white-box {  
    width: 280px;
    height: 180px;
      text-align: center;
    padding: 100px 10px 10px 29px;
    color: black;
      float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;
    line-height: 1.1;
    background-position-x: 86px;
background-position-y: -101px;
}

.white-box:hover { 
    color: #ef463c;
    }


.katalozi { 

background-image: url(../../img/katalozi.jpg) !important;

}
  

.katalozi:hover { 

background-image: url(../../img/katalozi_hover.jpg) !important;

}
  

.canava { 

background-image: url(../../img/canava.jpg) !important;

}
  

.canava:hover { 

background-image: url(../../img/canava_hover.jpg) !important;

}
  

.flaeri { 

background-image: url(../../img/flaeri.jpg) !important;

}
  

.flaeri:hover { 

background-image: url(../../img/flaeri_hover.jpg) !important;

}
  

.folio { 

background-image: url(../../img/folio1.jpg) !important;

}
  

.folio:hover { 

background-image: url(../../img/folio1_hover.jpg) !important;

}
  

.vinyl { 

background-image: url(../../img/vinyl.jpg) !important;

}
  

.vinyl:hover { 

background-image: url(../../img/vinyl_hover.jpg) !important;

}
  

.ploskost { 

background-image: url(../../img/ploskost.jpg) !important;

}
  

.ploskost:hover { 

background-image: url(../../img/ploskost_hover.jpg) !important;

}
  

.paper { 

background-image: url(../../img/paper.jpg) !important;

}
  

.paper:hover { 

background-image: url(../../img/paper_hover.jpg) !important;

}
  

.photo_print { 

background-image: url(../../img/photo_print.jpg) !important;

}
  
.photo_print:hover { 

background-image: url(../../img/photo_print_hover.jpg) !important;

}


.belejnici { 

background-image: url(../../img/belejnici.jpg) !important;

}

.belejnici:hover { 

background-image: url(../../img/belejnici_hover.jpg) !important;

}


.blanki { 

background-image: url(../../img/blanki.jpg) !important;

}

.blanki:hover { 

background-image: url(../../img/blanki_hover.jpg) !important;

}


.vizitki { 

background-image: url(../../img/vizitki.jpg) !important;

}

.vizitki:hover { 

background-image: url(../../img/vizitki_hover.jpg) !important;

}


.calendari { 

background-image: url(../../img/calendari.jpg) !important;

}

.calendari:hover { 

background-image: url(../../img/calendari_hover.jpg) !important;

}


.opakovki { 

background-image: url(../../img/opakovki.jpg) !important;

}

.opakovki:hover { 

background-image: url(../../img/opakovki_hover.jpg) !important;

}
.menu { 

background-image: url(../../img/menu.jpg) !important;

}

.menu:hover { 

background-image: url(../../img/menu_hover.jpg) !important;

}


.kluchodurjatel { 

background-image: url(../../img/kluchodurjatel.jpg) !important;

}

.kluchodurjatel:hover { 

background-image: url(../../img/kluchodurjatel_hover.jpg) !important;

}

.karti { 

background-image: url(../../img/karti.jpg) !important;

}

.karti:hover { 

background-image: url(../../img/karti_hover.jpg) !important;

}


.cup { 

background-image: url(../../img/cup.jpg) !important;

}

.cup:hover { 

background-image: url(../../img/cup_hover.jpg) !important;

}



.pencil { 

background-image: url(../../img/pencil.jpg) !important;

}

.pencil:hover { 

background-image: url(../../img/pencil_hover.jpg) !important;

}



.souvenir { 

background-image: url(../../img/souvenir.jpg) !important;

}

.souvenir:hover { 

background-image: url(../../img/souvenir_hover.jpg) !important;

}

.plikove { 

background-image: url(../../img/plikove.jpg) !important;

}

.plikove:hover { 

background-image: url(../../img/plikove_hover.jpg) !important;

}


.banner { 

background-image: url(../../img/banner.jpg) !important;

}

.banner:hover { 

background-image: url(../../img/banner_hover.jpg) !important;

}

.etalbond { 

background-image: url(../../img/etalbond.jpg) !important;

}

.etalbond:hover { 

background-image: url(../../img/etalbond_hover.jpg) !important;

}


.metalni_konstrukcii { 

background-image: url(../../img/metalni_konstrukcii.jpg) !important;

}

.metalni_konstrukcii:hover { 

background-image: url(../../img/metalni_konstrukcii_hover.jpg) !important;

}

.neon { 

background-image: url(../../img/neon.jpg) !important;

}

.neon:hover { 

background-image: url(../../img/neon_hover.jpg) !important;

}

.obemnibukvi { 

background-image: url(../../img/obemnibukvi.jpg) !important;

}

.obemnibukvi:hover { 

background-image: url(../../img/obemnibukvi_hover.jpg) !important;

}

.rollbanneri { 

background-image: url(../../img/rollbanneri.jpg) !important;

}

.rollbanneri:hover { 

background-image: url(../../img/rollbanneri_hover.jpg) !important;

}


.sveteshti_reklami { 

background-image: url(../../img/sveteshti_reklami.jpg) !important;

}

.sveteshti_reklami:hover { 

background-image: url(../../img/sveteshti_reklami_hover.jpg) !important;

}


@media screen and (max-width: 1200px) {
    section.cmt-row.timeline-section.cmt-bgcolor-darkgrey.cmt-bg.cmt-bgimage-yes.bg-img5.clearfix {
        background-size: auto 100% !important;
    }
}
@media screen and (max-width: 600px) {
  .mobile__hidden {
    visibility: hidden;
    
    display: none;
  }

  .site-wrap {
      overflow: hidden;
  }
  .hover14 .Section--products {
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 800px) {
    .hover14 .Section--products {
        width: 50%;
        margin-top: 20px;
    }
}


.ui-panel{
	display: none;
}

.qrforprint{
	display: none;
}

.brokerforprint{
	display: none;
}

.gosubmit__btn{
margin: 80px 0 0 160px;
}


@media (max-width: 991px) {

.banner--slider .banner__container {
 
   /*  background:rgba(47, 47, 47, 0.87) !important; */
 
}
.banner--slider .banner__container {
    padding-top: 170px !important;
    top: 0 !important;
    position: relative !important;
    background: url(https://vipfasadi.bg/files/160154802914491.jpg) 50% 0 no-repeat !important;
    background-size: cover !important;
 
    padding-top: 230px !important;
    top: 49px !important;
    margin-bottom: 20px;
}
}

.header,.navbar__wrap--init {
 
    background:  #00314b !important;
 
}




.navbar--overlay.header-fixed .navbar__link {
    color: #fff !important;
}


.header--dark {background: rgba(0, 0, 0, 0.2);}

a.hover, a:hover {
    color: #00ff00;
}

 

.feature__title {
   
    color: #ef463c  !important;
}

.button__action
{   color: #fff  !important;
    border-bottom: 4px solid #ca2f26 !important;
background: #ef463c !important;

}

.feature__item-title {
 
    color: #ef463c;
 
}


.feature__item-title {
 
    color: #ef463c;
  
}

.social--header .social__item:hover {
    color: #ef463c;
}


.navbar--overlay.header-fixed {
    background: #344555;
}

.navbar--overlay.header-fixed .navbar__link {
    color: #ffffff;
}


.widget--footer .widget__title {
 
    color: #ef463c;
 
}

.social--footer .social__item {
    margin: 10px 40px 0 0;
    color: #ef463c;
    font-size: 20px;
}


.footer {
    background: #000;
}

/*
.navbar__submenu {
 
    width: 215px;
 
}.navbar--header {
  
    background: #d0d0d0 !important;
 
}*/



.widget__header > h1  {
    font-size: 39px !important;
	color:#ee453b  !important;
    font-weight: bold  !important;
}

.slider--dots .slider__caption { padding-top: 75px; }


.notindexclass {
 
    background: #222222 !important;
   
}


.notindexclass .navbar__link {
  
    color: #473b24 !important;
}


.notindexclass  a.focus, .notindexclass  a.hover,.notindexclass   a:focus, .notindexclass  a:hover {
    color: #fff;
}





.black-box {
float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/GraphicDesign.jpg") !important;
  background-repeat: no-repeat;
    background-size: 100% 100%;
      padding: 200px 10px 10px 29px !important;
    color: white;
    font-weight: bold; line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;
    text-align: left !important;
height: auto !important;
    min-height: 280px;
}


.black-box:hover {
 
 color: #ef463c !important;
}


.stikers-home 
{
 
	background-image: url("../../img/STICKERS.jpg") !important;
 
}


.canava-home {
 
	background-image: url("../../img/CANAVA1.jpg") !important;
 
}


.catalogs-home {
 
	background-image: url("../../img/CATALOGS.jpg") !important;
 
}

.stickers-home {
 
	background-image: url("../../img/STICKERS.jpg") !important;
 
}


.flayers-home {
 
	background-image: url("../../img/FLAYERS.jpg") !important;
 
}

.notebooks-home {
 
	background-image: url("../../img/NOTEBOOKS.jpg") !important;
 
}


.vizitcards-home {
 
	background-image: url("../../img/VIZITCARDS.jpg") !important;
 
}


.calendars-home {
 
	background-image: url("../../img/CALENDAR.jpg") !important;
 
}

.menu-home {
 
	background-image: url("../../img/MENU.jpg") !important;
 
}

.souvenirs-home {
 
	background-image: url("../../img/SOUVENIR.jpg") !important;
 
}

.folio-home {
 
	background-image: url("../../img/FOLIO.jpg") !important;
 
}


.banners-home {
 
	background-image: url("../../img/BANNERS.jpg") !important;
 
}



.tabels-home {
 
	background-image: url("../../img/TABELS.jpg") !important;
 
}


.hrisibox {
  	width: 280px;
    height: 280px;
	background-image: url("../../userfiles/webdesign111.jpg") !important;
line-height: 1.1;
float: right;

}




.hrisibox1 {
float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/webdesign.jpg") !important;
  
      padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px; line-height: 1.1;
    font-size: 25px;
}

.hrisibox1:hover {
float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/webdesign_hover.jpg") !important;
  
      padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px; line-height: 1.1;
    font-size: 25px;
}



.hrisibox2 {
float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/GraphicDesign.jpg") !important;
  
      padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold; line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;
}


.hrisibox2:hover {
float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/GraphicDesign_hover.jpg") !important;
  
      padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}


.hrisibox3 {
float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/drawings.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}



.hrisibox3:hover {
float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/drawings_hover.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}


.hrisibox4 {
float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Printing.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold; line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;
}


.hrisibox4:hover {
 	background-image: url("../../img/Printing_hover.jpg") !important;
}


.hrisibox5 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/AdvertizingConstructions.jpg") !important;
    padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
	line-height: 1.1;
}


.hrisibox5:hover {
 
	background-image: url("../../img/AdvertizingConstructions_hover.jpg") !important;
 
}


.hrisibox6 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/GraphicDesign.jpg") !important;
    padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}


.hrisibox7 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/GraphicDesign.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}


.hrisibox7 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Vehicles Branding.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}

.hrisibox7:hover {

	background-image: url("../../img/Vehicles Branding_hover.jpg") !important;
 
 
}

.hrisibox6 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Signs.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}


.hrisibox6:hover {
 
	background-image: url("../../img/Signs_hover.jpg") !important;
 
}


.hrisibox9 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Instalation.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}


.hrisibox9:hover {
 	background-image: url("../../img/Instalation_hover.jpg") !important;

}

.hrisibox10 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Software.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}


.hrisibox10:hover {
 
	background-image: url("../../img/Software_hover.jpg") !important;
 
}



.hrisibox11 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Hardware.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;  line-height: 1.1;
}

.hrisibox11:hover {

	background-image: url("../../img/Hardware_hover.jpg") !important;

}



.hrisibox12 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Local Networks.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}

.hrisibox12:hover {

	background-image: url("../../img/Local Networks_hover.jpg") !important;

}



.hrisibox13 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Survaillance.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}

.hrisibox13:hover {

	background-image: url("../../img/Survaillance_hover.jpg") !important;

}


.hrisibox14 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Security_systems.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}

.hrisibox14:hover {

	background-image: url("../../img/Security_systems_hover.jpg") !important;

}


.hrisibox15 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Maintanance_Support.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px; line-height: 1.1;
}

.hrisibox15:hover {

	background-image: url("../../img/Maintanance_Support_hover.jpg") !important;

}




.hrisibox16 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Projects.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;line-height: 1.1;
}

.hrisibox16:hover {

	background-image: url("../../img/Projects_hover.jpg") !important;

}





.hrisibox17 {
	float: right;
  	width: 280px;
    height: 280px;
	background-image: url("../../img/Contacts.jpg") !important;
       padding: 200px 10px 10px 29px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;line-height: 1.1;
}

.hrisibox17:hover {

	background-image: url("../../img/Contacts_hover.jpg") !important;

}



 

.widget--footer .widget__title {
   font-size: 16px !important;
    color: #ef463c;}



.gosubmit {
 
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #4c4c4c;
}
 
.footer {
    background: #002e3b !important;
}


.navbar--overlay.header-fixed {
    background: #002e3b !important;
}


.navbar__brand img {
 
    max-width: 265px;
}


.notindexclass {
    background: #002e3b !important;
}





.footer {
    background-image: url(../../images/sofia-3.jpg) !important;
    background-color: #222 !important;
    background-size: auto 100% !important;
}


.partners__arrow {
    color: #2f2f2f !important;
}


.partners__item img {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}




.partners__item img:hover{  -webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
-webkit-filter: none;
 
		}



.article__time, .article--details .article__time, .article--list .article__time {     display: none;}




.notindexclass .navbar__link {
    color: #473b24 !important;
    font-size: 20px;
}

.center {
    background: #ffffff !important;

font-size: 23px;
    line-height: 1.3;
 
}


.listing--list .listing__item {
  
  
    border-bottom: 5px solid #4072b3 !important;
    padding-bottom: 50px !important;
 
}

.site__main li:before
{
    content: '✔';   
    margin-left: 0.5em;
    margin-right: .100em;
    color: #2d3e50 !important ;
}

.site__main  ul
{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
}


.gosubmit__title {
 
    margin:46px 0 0 554px !important;
}

.gosubmit__title {
  
    width: 364px;
  
}



.gosubmit__btn {
 
    margin: 93px 0 0 30px  !important;
}

.feature__picture {     background-size: auto 100% !important; }



#photoRound {

	max-width: 280px;
    overflow: hidden;
    max-height: 280px;
    border-radius: 250px;
    margin-right: 30px !important;


}


.gosubmit__btn {
   
    color: #38352c !important;
}



/* DESIGN VARIANT NEW  START */

.navbar__wrap--init {
    background: #00314b !important;
}


.navbar--overlay.header-fixed {
    background: #00314b !important;
}


.notindexclass {
    background: #6f7892 !important;
}


.feature__item-title {
    color: #0f1d2e !important;
}

.site__title {
    color: #3a3034 ;
    letter-spacing: 2px;
}


.footer {
 /*   background-image: url(../../images/footernew1.jpg) !important;
    background-image: url(../../images/footernew2.jpg) !important;
    background-color: #222 !important;
    background-size: auto 100% !important; */

    background-color: #fff !important;
  background-color: #000 !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: bottom center !important;
}

.widget--footer .widget__title {
    color: #ffd264 !important;
    font-size: 16px !important;
}


.social--header .social__item:hover {
    color: #e25c23 !important;
}

.social--header .social__item:hover {
    color: #d4d4d4  !important;
    border: 1px solid #d4d4d4  !important;
}


.worker--list .worker__name {
    border: none;
    font-size: 35px;
    color: #3a3034;
    margin: -4px 0 0px;
}


 

::selection {
    background: #00ff00;
    color: #333033;
}

.article__more.active, .article__more:active {
    -webkit-transform: translate3d(0,1px,0);
    transform: translate3d(0,1px,0);
    border-color: #95838c !important;
    background: #95838c !important;
    color: #fff;
}

 

.article__more.hover, .article__more:hover {
   border-color: #00ff00 !important;
    color: #00ff00 !important;
}



.article__details { text-align: center !important;}

.feature__title {    color: #770026 !important;}


.article__time {
 
    display: none !important;}

.scrollup {
   
    background: #8e97a0 !important;}




.site__main h2, .site__main h3{
    letter-spacing: 3px  !important;
    font-size: 31px !important;
    color:  #3a3034 !important;
}
 


.form .control-label {
    text-transform: capitalize !important;
 
}

.widget--main {
 
    border-top: 1px solid #d6d6d600 !important;
}

.gosubmit__btn {
    display: inline-block;
    font-size: 18px;
    width: 196px;
    margin: 93px 0 0 50px !important;}

.gosubmit__title {
    margin: 78px 0 0 545px !important;
}

/* mobile fixes */
@media only screen and (max-width: 500px) {
    img {
    vertical-align: middle;
    max-width: 100%;
}

.karimexArguments img { width: 100% !important }

.widget.js-widget.widget--landing.widget--achievement {
padding-bottom: 50px;  }

.gosubmit__title, #serviseID {     display: none !important;}
#serviseID {    width: 100% !important;}
}

/* DESIGN VARIANT NEW  END */

.partnersHistory img:hover {
    filter: grayscale(0);
    transition: 0.2s;
    transform: scale(1.1);
}

.partnersHistory img {
    filter: grayscale(1);
    width: 17% !important;
    height: auto !important;
}

.partnersHistory {
    text-align: center;
   
}

.site__title{

color:#040449  !important;
}

p {
    color: #463b21;
}

header#headerPage {
    background: unset !important;
}

@media (min-width: 1200px)

{
	 
	.widget--achievement {
	 	    background-size: 100% !important;
	}


.slider__img img {
        width: auto !important;
    height: auto !important;
}
}


.serv img, img.serv {opacity: 0.5;
    max-width: 120px;
    max-height: 120px;}

.widget__header > h1 {
   font-size: 48px !important;
    color: #0f1d2f !important;
    font-weight: bold !important;
    /* text-transform: uppercase; */
   
}


/* BRANDET COLORS */

.copyrights_txt {
    color: #ffffffa1;
}
.widget--landing .widget__title,  .feature__item-title, .feature__title {
   
    color: #161616 !important;}


    .achievement__name, .achievement__counter {color: white !important;}

    .widget--footer .widget__title, .footer a, .footer p, .footer span {color: #fff !important; font-weight: bold !important;} 


.gosubmit__btn {
    
    color: #070f0a !important;
}


.scrollup:before {
  
    color: white;
}

.scrollup {
    background: var(--hover-bg-color) !important;
   
}


 

.notindexclass {
    background: #fff !important;
}



.button__more.hover, .button__more:hover {
    border-color: #4072b3 !important;
    color: #4072b3 !important;
}

 
.form__submit {
    border-bottom: 4px solid #082549 !important;
}

.widget__more.active, .widget__more:active {
 
    border-color: #4072b3 !important;
    background: #4072b3  !important;
    color: #fff !important;
}


.karimexArguments {
    width: 100% !important; 
    text-align: center;
    height: auto !important;
}



.article__more {
      border: 2px solid var(--main-bg-color) !important; 
    color: var(--main-bg-color) !important;}

    .achievement__icon, .achievement__item--animate-end .achievement__name {
    
    font-weight: bolder;
}

.header__phone {
    color: #fff !important;}


.header, .navbar__wrap--init {
    background:   #000000  !important;
    background-size: 400% 400%;

    -webkit-animation: AnimationName 0s ease infinite !important;
    -moz-animation: AnimationName 0s ease infinite !important ;
    -o-animation: AnimationName 0s ease infinite !important;
    animation: AnimationName 0s ease infinite !important;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}


.achievement__icon {
    fill: #ffffff;

}



.lastNews {
  
	  background-image: url(../img/bg-footer.png) !important;
  
    background-size: auto 100% !important;
}


.widget__more, .article__more, .gosubmit__btn {
 
    /* transform: skewX(-8deg); */
    transition: .3s;
}

li.navbar__item {
    margin: 0 2px 0 2px;
    padding: 0px 25px 0px 25px;
    /* transform: skewX(-8deg); */
    transition: .3s;
}

:not(.index_page_nav) li.navbar__item:hover {
    /* background: #473c20; */
    /* filter: invert(); */
    background: #00ff00 !important;
}



.index_page_nav li.navbar__item:hover {
    background: #fff;
    color: #473c20;
}

.index_page_nav li.navbar__item:hover a {
    color: #473c20 !important;
}


li.navbar__item:hover a {
    color: #333033 !important;
}

li.navbar__item a {
    /* transform: skewX(8deg); */
}

#tiles-big .services-b-btton {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 9;
}

#tiles-big .services-b-btton > a {
    color: #ffffff !important;
    font-size: 21px !important;
    border-bottom: 2px solid #ffffff !important;
    padding-bottom: 3px !important;
    font-weight: bolder !important;

    text-transform: uppercase;
}

#tiles-big .timeline-year {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 30px;
}

#tiles-big .timeline-panel { background-image: 
  -webkit-linear-gradient(-90deg, rgb(2 2 2 / 79%) 0%, rgb(160 163 150 / 72%) 58%, rgba(255, 94, 20, 0.01) 100%, #6c6c6c 100%);
    height: 480px;
    padding: 40px;  }

    #tiles-big .timeline-panel:hover { background-image:
     -webkit-linear-gradient(-90deg, rgb(161 198 17) 0%, rgb(44 69 79 / 43%) 58%, rgba(255, 94, 20, 0.01) 100%, #1b1a17 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(31 38 0 / 80%) 0%, rgb(40 48 10 / 44%) 58%, rgba(255, 94, 20, 0.01) 100%, #00ff00 100%);
      }


@media (max-width: 1199px)
{
.gosubmit__title {
 
    width: auto !important;
 
}

}
#tiles-big .timeline-year::before {
    height: 4px;
    width: 51px;
    background: #00ff00;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.3s;
}

#tiles-big {
    padding-bottom: 20px;
}

#tiles-big > .row > div {
    padding-top: 20px;
}

.flip {
    transform: rotate(180deg) scaleY(-1);
}

.navbar--overlay.header-fixed {
    background: #161616  !important;
}

/*
.site__title {
    text-shadow: 2px 2px 0px #000;
}*/

@media (min-width: 1300px)
{
.slider__img img {
    width: 100% !important;
}
}


/* NOVI IZISKVANIA */

.worker__name, .banner--slider .banner__subtitle, .banner--slider .banner__title, .feature__title, .feature__item-content h3.feature__item-title, .widget--landing .widget__title, .widget--footer .widget__title .widget--landing .widget__title, body h2.widget__title,  .site__title, article, aside, details, figcaption, figure,  hgroup,    .site__main h2,  .site__main h3, .article.article--grid a,
.achievement__item--animate-end .achievement__icon, .achievement__item--animate-end .achievement__name, .gosubmit__title__option, .gosubmit__btn, 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .timeline-panel .timeline-date, .achievement__counter, .title-thin    

{
    font-family:   'Russo One',   'Abel', sans-serif !important;

}


.timeline-panel .timeline-date, .banner__title ,.widget__header > h1, .achievement__icon, .achievement__item--animate-end .achievement__name, .feature__title, 
.widget--landing .widget__title , .feature__content, .feature__header p, .widget--landing .widget__title {
   
   
    font-weight: normal !important;
    
}

.gosubmit {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #4c4c4c45;
}

.feature__text {
    margin-top: 17px;
    color: #161616;
}

.banner--slider .banner__subtitle {

  font-family: arial;

}

 


body a.navbar__sublink.js-navbar-sub-sublink {
   color: rgb(56 212 48)   !important;
}

.navbar__dropdown {
    background: transparent;
}

ul.navbar__subnav {
    background: rgb(0 0 0 / 81%) !important;
}
  div#notIndex {
 
    background-repeat: no-repeat !important;
       
}

nav#header-nav.blackOne {
    background: black;
}


.navbar__link {
 
    color: #eaeaea;
}


@media only screen and (max-width: 1664px) {
 div#notIndex {
  background-position: center center !important;
    background-size: auto !important;
}
}