﻿body,p { color: #6B6B6B; }    a { color: #a2c429; }

.home-image {
    width: 100%;
}

.bg-gradient-navy {
  background-image: linear-gradient(0deg, #3d382f 0%, #4f4940 50%, #3d382f 100%);
}
.bg-navy {
  background-color: #3d382f !important;
}

.bg-dark-navy {
  background-color: #2f2b23 !important;   /* #2f2b23 */
}
.green {
  color:#8cc343;
}

.bredcrumb { padding-bottom: 20px; padding-left:0px; padding-right:0px; margin-bottom: 20px;}
.bredcrumb ul li {  color: #6B6B6B;}
.bredcrumb ul a {  color: #6B6B6B; text-decoration: underline;}
.bredcrumb ul a:hover {  color: #8cc343;}
.bredcrumb ul a {padding: 7px 7px 7px 3px;}
.bredcrumb ul li:first-child a { padding-right: 9px;}

.bg-image:before { background-color: rgba(0,0,0,0.65);}
.countup-section.bg-image:before { background-color: rgba(0,0,0,0.65);}
h1 { color: #000000; line-height: 1.1;}
h1.clanok {
  font-size: 30px;
}

.blog-grid { padding-top: 0px;}

.sidlo { padding: 10px 20px; background: #EDEDED;}

.pricing { padding: 25px 25px 30px 25px; }
.pricing .circle { margin-top: 20px; margin-bottom: 20px;}
.pricing .circle .price { font-size: 30px; }


.objednavka input.form-control,.objednavka textarea.form-control,.objednavka select.form-control {
  padding: 0.5rem 0.75rem;
}



/* Postup */

.p { border: 2px solid #a2c429; border-radius: 50px; width: 30px; height: 30px; float: left; color: #a2c429; text-align: center; line-height: 26px;  font-size: 15px;
font-weight: bold; margin-right: 10px; margin-top: 10px; font-family: 'Montserrat', sans-serif;  }
.p { border-radius: 50px; width: 20px; height: 20px; float: left; color: white; text-align: center; line-height: 14px;  font-size: 15px;
font-weight: bold; margin-right: 10px; margin-top: 10px; font-family: 'Montserrat', sans-serif; background: #a2c429;  }

.postup h4 { color: #a2c429; margin-top: 9px; margin-bottom: 3px; font-size: 18px;  }
.postup {
  display: block; overflow: hidden;
}


.main-nav .navbar-brand img {
  max-width: 100%;
}
.copyright {
    margin-top: 25px;
}
@media (min-width: 992px) {
  .main-nav .navbar-brand {
    width: 380px;
  }
  .links {
    padding-top: 25px;
  }
}
/* Logo na mobile */
@media (max-width: 480px) {
  .main-nav .navbar-brand img {
    width: 240px;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
}


.footer-logo {
  width:260px;
}

@media (min-width: 768px) {
  .footer-logo {
    width: 180px;
  }
}
@media (min-width: 992px) {
  .footer-logo {
    width: 240px;
  }
}
@media (min-width: 1200px) {
  .footer-logo {
    width: 260px;
  }
}


/* Footer links header */
@media (min-width: 768px) {
  .links {
    padding-top: 25px;
  }
  .footer h3 {
    font-size:17px;
  }
  .footer .footer-text a .footer-logo {
      margin-bottom: 24px;
  }
}




@media (min-width: 992px) {
  .links {
    padding-top: 27px;
  }
  .links li a {
    margin-top:15px;
  }

  .footer h3 {
    font-size:25px;
  }
}
.main-nav .navbar-toggler .burger-menu {
  background: #a2c429;
}
.main-nav .nav-item a {
  text-transform: none;
}
/* bodky slidera */

.slick-dots li button {
  border: 2px solid #ffffff;
  opacity: 0.7;
  background: transparent;
  border-radius: 50%;
}
.slick-dots li.slick-active button {

   padding-top: 0px;
   border: none;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  font-size: 8px;
  line-height: 22px;
  color: #ffffff;
  content: '•';
}


.home-services {
  padding-top: 20px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .home-services {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.more-feature {
  padding-top: 50px;
  padding-bottom: 0px;
}
@media (min-width: 992px) {
   .more-feature {
    padding-top: 50px;
    padding-bottom: 0px;
  }
  .bredcrumb { padding-top: 90px;}
}

/* styl btn cennik */
.boxed-menu .topbar a.btn {
  padding: 0 !important;
  width: inherit;
}


.sidebar .list-group .list-group-item a:hover {
  color: #a2c429;
}




.priebeh li {
  float: unset;
  width: 100%;
}

.blog-sidebar h4 {
  margin-top: 0px;
}



/* list */

.vyhody li {
  display: block;
  float: unset;
  width: 100%;
}

.vyhody .media-icon { color: #a2c429; }

.vyhody .media-content {
  padding-left: 60px;
}



.styled_list i { color: #a2c429; }
.styled_list li { width: 100%; }
.blog-clanok .styled_list li a {
  color: #a2c429;
}

/* Ponuka sidla pri zalozeni */

.card.card-style2 .card-block {  padding-bottom: 15px; padding-left: 0px; padding-top: 0px;}
.card  .card-block > span { padding-left: 0px; font-style: italic;  }

/* Objednavkovy formular Newsletra */

 .newsletter form { display: block; }     /* zrusenie flexu */

 .newsletter form .sbHolder {          /* selectbox */
  background-color: #ffffff;
  font-size: 14px;
  color: #222222;
  margin-top: 0px;
  margin-bottom: 0px;
  box-shadow: 2px 3px 9px rgba(44, 40, 86, 0.1);
}
a.sbSelector { color: #404040;}
.selectOptions .sbOptions a {
  text-transform: none; font-size: 15px;
}

/* Cookies */
.eu-cookie { background: #EDEDED; color: #797979; margin-bottom: -2px; text-align: center; }
.eu-cookie p { margin-bottom: 0px; display: inline-block; /*vertical-align: middle;*/}
a#accept-cookie { font-family: "Arbutus Slab",serif; font-size: 11px; background: #8cc343; color: #f7f7f6; border-radius: 4px; display: inline-block; margin: 2px; padding: 2px 9px 0px;
    text-transform: uppercase; text-decoration: none; margin-right: 10px; } a#accept-cookie:hover { background: #98cd57; }

.infotel {  float: left;   font-family: serif;  font-size: 12px;     margin: 0px 0 10px; margin-left: 10px;
    padding: 6px 17px 4px; border: 1px solid #8cc343 ; color: #8cc343 ;  text-transform: uppercase;  line-height: 1em; } .infotel:hover { background: white;    }
.infotel div { margin-top: 4px; text-align: center; color: #666666; }

.home-form textarea  {
    background-color: transparent;
    font-size: 14px;
    color: #ffffff;
}
.home-form textarea:hover, .home-form textarea:active, .home-form textarea:focus {
  background-color: transparent;
  color: #ffffff;
}

.blog-clanok p,.blog-clanok h2, .blog-clanok ul  {
  margin-bottom:20px;
}
.blog-clanok h2 {
  font-size: 25px;
}
.blog-clanok h3 {
  font-size: 20px;
}

.btn-primary:focus,.btn-primary:active,.btn-primary.active  {
  color: #ffffff;
}

@media (min-width: 320px) {
  p {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (min-width: 768px) {
  p {
    font-size: 14px;
    line-height: 21px;
  }
}
.styled_list li {
    line-height: 24px;
}

.newsletter form textarea {
  background-color: #ffffff;
  font-size: 14px;
  color: #222222;
  margin-top: 0px;
  margin-bottom: 0px;
  box-shadow: 2px 3px 9px rgba(44, 40, 86, 0.1);
}

.newsletter form textarea::-webkit-input-placeholder {
  color: #848484;
}

.newsletter form textarea:-moz-placeholder {
  color: #848484;
}

.newsletter form textarea::-moz-placeholder {
  color: #848484;
}

.newsletter form textarea:-ms-input-placeholder {
  color: #848484;
}

.newsletter form textarea:hover, .newsletter form textarea:active, .newsletter form textarea:focus {
  background-color: #ffffff;
}
.input-icon textarea {
  padding-left: 40px;
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
    max-width: 1170px;
  }
}
@media (min-width: 1200px) {
  .boxed-menu .main-nav {
    max-width: 1140px;

  }

}

/* Cookies MODAL */
   #CybotCookiebotDialogPoweredbyImage {
      display:none;
    }
    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
      border-bottom: 1px solid #8cc343 !important;
      color: #8cc343 !important;
    }
    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
      color: #8cc343 !important;
    }
    #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
      border: 2px solid #8cc343 !important;
    }
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
        background-color: #8cc343 !important;
    }
    #CookiebotWidget-btn-change {
        background-color: #8cc343 !important;
        border-color: #709c35 !important;
    }
    #CookiebotWidget .CookiebotWidget-consent-details button {
      color: #709c35 !important;
    }
    #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
        fill: #8cc343 !important;
    }
    #CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
      background-color: #8cc343 !important;
    }
   #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {
      color: #8cc343 !important;
   }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:hover {
      color: #8cc343 !important;
  }
  #CybotCookiebotDialog label:hover, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover {
      color: #8cc343 !important;
  }


/* FORM zalozenie */
label.typ_zalozenia { border: 1px solid #D9D9D9; padding: 6px; background: #FAFAFA; border-radius: 5px;
 padding-left: 10px; text-align: left; white-space: normal; width: 100%; margin-bottom: 0px;}
.typ_zalozenia_head { font-family: "Arbutus Slab",serif; font-size: 16px; margin-bottom: 3px;  }
.active .typ_zalozenia_head {  color: #8cc343; }


table.objednavka { width: 100%; text-align: left;}
table.objednavka td { padding: 6px 0px; }
table.objednavka td.lab { text-align: right; padding-right: 10px; font-weight: 600; vertical-align: top; padding-top: 12px;}

table.riadky td { padding: 0px;}
table.riadky td.lab { text-align: right; font-weight: 600; vertical-align: top; padding-top: 1px; }


/* sidlo  */
.sidloframe { float: left; width: 20px; margin-top: 4px; }
.sidlobox { border: 2px solid #e7e7e7; width: 85%; float: left; padding: 1px; cursor: context-menu; background: #FAFAFA;  padding: 0px 7px;  } .sidlobox span { font-weight: 600; }
.sidlobox div { font-size: 13px;}  .activ { border: 2px solid #8cc343; }
.divider { clear: both; font-size: 1px; height: 1px; margin-bottom: 5px;}

input[name="companyweb"] {
    position: absolute;
    left: -999999999px;
}