/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400i,700&subset=latin-ext');*/


@font-face {
    font-family: 'Roboto Condensed';
    src: url('font/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('font/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: bold;
}




@font-face {
    font-family: 'Roboto Condensed';
    src: url('font/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('font/robotocondensed-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}




@font-face {
    font-family: 'Roboto Condensed';
    src: url('font/robotocondensed-light-webfont.woff2') format('woff2'),
         url('font/robotocondensed-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}




@font-face {
    font-family: 'Roboto Condensed';
    src: url('font/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('font/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


html,
body {
    height: 100%;
}

body {
    padding-top: 10px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: 'Roboto Condensed', sans-serif;
    color: #414141;
    overflow-x: hidden;
    min-width: 320px;
    font-size: 1.6em;
}

/*.navbar {
    display: none !important;
}
*/
header {
    padding-bottom: 34px;
    padding-top: 20px;
}

a {
    color: #E40057;
    text-decoration: none;
}

h6 {
    font-size: 19px;
    margin-bottom: 2px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: 300;
  color: #e4e4e4;
}
::-moz-placeholder { /* Firefox 19+ */
  font-weight: 300;
  color: #e4e4e4;
}
:-ms-input-placeholder { /* IE 10+ */
  font-weight: 300;
  color: #e4e4e4;
}
:-moz-placeholder { /* Firefox 18- */
  font-weight: 300;
  color: #e4e4e4;
}

input.form-control:-moz-read-only { /* For Firefox */
    background-color: #FFF;
}

input.form-control:read-only { 
    background-color: #FFF;
}
.form-control[readonly]
{
    background-color: #FFF;
    cursor: pointer;
}

#address2,#address2_2 {
      max-height: 100px !important;
}

.header-1 {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
}

.header-2 {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
}

.header-3 {
    font-size: 20px;
    text-transform: uppercase;
}

.header-4 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
}


.header-5 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 18px;
}


@media all and (max-width: 768px) {
    .header-1, .header-2 {
        font-size: 30px;
    }
}



.registration {
    margin-top: 40px;
    margin-bottom: 100px;
}
.bold {
    font-weight: 700;
}

.brand {
    max-width: 430px;
    display: block;
}

.brand img {
    width: auto;
}

.brand-toggle {
    display: none;
}

.hotline a {
    font-weight: 700;
    font-size: 18px;
}

.navbar {
    margin-bottom: 0px;
    border-bottom: 3px #e40057 solid;
}

.navbar-toggle .icon-bar {
    background-color: black;
}


.color-1 {
    color: #FFF;
}
.color-2 {
    color: #000;
}
.color-3 {
    color: #E40057 !important;
}
.color-4 {
    color: #A5CE43;
}

.bg-color-1 {
    background-color: #F5F5F5; /*#EAEAEA*/
}
.bg-color-2 {
    background-color: #E40057;
}
.bg-color-3 {
    background-color: #A5CE43;
}
.bg-color-3-1 {
    background-color: #B5D764;
}
.bg-color-3-2 {
    background-color: #8BB42E;
}

.padding-10 {
    padding: 10px;
}
.padding-top-30 {
    padding-top: 30px;
}
.padding-top-40 {
    padding-top: 40px;
}

.item {
    position: relative;
}

.carousel-caption {
    background-color: rgba(228,0,87,0.7);
    padding: 30px;
    padding-bottom: 40px;
    max-width: 48%;
    color: #fff;
    position: absolute;
    left: 0px;
    right: auto;
    bottom: 0px;
    text-align: left;
    z-index: 10;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 300;
}
.carousel-caption h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 54px;
    font-weight: 700;
}

.carousel-indicators {
    text-align: left;
    padding-left: 30px;
    bottom: 10px;
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}

.carousel-control:hover {
    font-size: 50px;
    color: #A5CE43;
    text-shadow: none;
}




.carousel-showsixmoveone .item [class*="col-"] a {
  display: block;
  height: 100px;
}

.carousel-showsixmoveone .item [class*="col-"] a img {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



.carousel-showsixmoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showsixmoveone .carousel-control.left {
  margin-left: 15px;
}
.carousel-showsixmoveone .carousel-control.right {
  margin-right: 15px;
}
/*.carousel-showsixmoveone .cloneditem-1,*/
.carousel-showsixmoveone .cloneditem-2,
.carousel-showsixmoveone .cloneditem-3,
.carousel-showsixmoveone .cloneditem-4,
.carousel-showsixmoveone .cloneditem-5 {
  display: none;
}


@media all and (min-width: 768px) {
  .carousel-showsixmoveone .carousel-inner .cloneditem-1,
  .carousel-showsixmoveone .carousel-inner .cloneditem-2 {
    display: block;
  }
}
@media all and (min-width: 992px) {
  .carousel-showsixmoveone .carousel-inner .cloneditem-3,
  .carousel-showsixmoveone .carousel-inner .cloneditem-4,
  .carousel-showsixmoveone .carousel-inner .cloneditem-5 {
    display: block;
  }
}


.typo_standard {
    padding-top: 50px;
}




.btn {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-outline-more {
    background-color: transparent;
    border: 1px rgba(0,0,0,0.5) solid;
    color: rgba(0,0,0,0.5);
    text-transform: uppercase;
}


.btn-outline-more-white {
    background-color: #FFF;
    border: 1px #FFF solid;
    color: #e40057;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.btn-outline-more-white:hover {
    background-color: transparent;
    border: 1px #FFF solid;
    color: #FFF;
}


.btn_arrow::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #000;
    content: " ";
    font-family: "FontAwesome";
    font-size: 18px;
    left: 50%;
    line-height: 27px;
    margin-left: -11px;
    padding-left: 11px;
    padding-right: 11px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
}
.btn_arrow {
    margin-top: 0px;
    position: relative;
    transition: all 0.3s ease 0s;
    display: block;
    margin-bottom: 24px;
    width: 100%;
}


.btn_arrow_small::before {
    background: #414141 none repeat scroll 0 0;
    border-radius: 50%;
    color: #FFF;
    content: " ";
    font-family: "FontAwesome";
    font-size: 12px;
    right: 0px;
    margin-right: -20px;
    line-height: 13px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    position: absolute;
    top: 3px;
    transition: all 0.3s ease 0s;
}
.btn_arrow_small {
    color: #414141;
    font-size: 16px;
    position: relative;
    font-weight: 700;
    transition: all 0.3s ease 0s;
}
.btn_arrow_small:hover {
    color: #e40057;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.btn_arrow_small:hover::before {
    background: #e40057;
    margin-right: -24px;
    transition: all 0.3s ease 0s;
}

.btn-order {
    background-color: #e40057;
    border: 1px #e40057 solid;
    color: #FFF;
    text-transform: uppercase;
    font-size: 34px;
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;    
}

.btn-order:hover, .btn-order-medium:hover {
    background-color: transparent;
    border: 1px #e40057 solid;
    color: #e40057;
}

.btn-order-medium {
    background-color: #e40057;
    border: 1px #e40057 solid;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;    
}

.btn-small {
    font-size: 15px;
    padding: 6px;
    padding-left: 12px;
    padding-right: 12px;
}


.btn-green {
    background-color: #A5CE43;
    border-color: #A5CE43;
    color: #FFF;
}

.btn-green:hover {
    color: #A5CE43;
    border-color: #A5CE43;
    background-color: transparent;
}


.btn-more {
    background-color: #e40057;
    border: 1px #e40057 solid;
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;    
    margin-top: 20px;
    margin-bottom: 40px;
}

.btn-more:hover {
    background-color: transparent;
    border: 1px #FFF solid;
    color: #FFF;
}


.btn-order-form {
    background-color: transparent;
    border: 2px #A5CE43 solid;
    color: #A5CE43;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-right: 6px;
    margin-bottom: 9px;  
}

.btn-order-form:hover {
    background-color: #A5CE43;
    border: 2px #A5CE43 solid;
    color: #FFF;
}


.btn-order-form.btn-gray {
    border-color: #808080;
    color: #808080;
}

.btn-order-form.btn-gray:hover {
    background-color: #808080;
    border-color: #808080;
    color: #fff;
}


.nav li {
    margin-right: 20px;
}

.nav li a {
    font-size: 15px;
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
    color: #414141;
}

.nav li a.active {
    background-color: #E40057;
    color: #FFF;
}

/* .nav li.last > a {
    background-color: #b0ca2b;
    color: #FFF;
} */

.nav li:nth-child(8) > A {
    background-color: #b0ca2b;
    color: #FFF;
}


/* .nav li li.last > a {
    background-color: #FFF;
    color: #414141;
} */


.nav > li > a:hover,
.nav > li > a:focus {
     background-color: #E40057;
    color: #FFF;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
     background-color: #A5CE43;
    color: #FFF;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 240px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 500;
    border-top: 3px #e40057 solid;
}

.dropdown-content li {
    margin: 0px;
    padding: 0px;
}

.dropdown-content li a {
    font-size: 14px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}





.carousel-control {
    opacity: 0;
    width: 6% !important;
}

.carousel-show {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 250px;
    margin-bottom: 20px;
}

.carousel-show P {
    margin-bottom: 0px;
}

.carousel-control-show {
    opacity: 0.5;
    color: #000;
    width: 6% !important;
    position: relative;

}

.carousel-inner-show .item IMG {
    margin: auto !important;
}



.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.logofooter {
    max-width: 250px;
    width: 100%;
}

.nopadding {
    padding: 0px; 
}

#map {
/*    background-repeat: no-repeat;
    background-image: url('../image/mapy.jpg');
    background-position: center center;*/
    height: 500px;
    display: block;
}

#map.height-300 {
    height: 496px;
}

.iframe  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe iframe {
position: absolute;
top: 0;
left: 0;
margin-left: 15px;
margin-right: 15px;
width: 100%;
height: 500px;
}

.open_hours  {
    background-color: #A5CE43;
    color: #FFF;
    font-size: 18px;
    margin-top: 10px;
    padding: 10px;
    padding-right: 14px;
    padding-left: 14px;
}

.open_hours b {
    font-size: 18px;
    width: 26px;
    display: inline-block;
}

.open_hours i {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 6px;
    display: block;
}

.open_hours a {
    position: absolute;
    margin-top: -8px;
    margin-left: -2px;
}

.open_hours span {
    display: block;
    padding-top: 6px;
}

.open_hours .fa {
    display: inline-block;
    margin-right: 0px !important;
    width: 14px !important;
    font-size: 14px !important;
}

.employee {
    font-size: 16px;
}

.employee h4 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 18px;
    margin-bottom: 4px;
}

.gallery {
    margin-top: 25px;
}

.gallery a {
    display: inline-block;
    margin-bottom: 25px;
}

.office h3 {
    font-size: 40px;
    font-weight: 400;
}

.office p {
    font-size: 26px;
    font-weight: 400;
}

.partners {
    background-color: #F4F5F7;
}

.news .col-xs-3 {
    border-right: 1px solid #cecece;
}

.news .news_block {
    margin-bottom: 40px;
}

.news .news_block .day {
    color: #a5ce43;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
}

.news .news_block .month {
    color: #a5ce43;
    font-size: 20px;
    line-height: 16px;
    font-weight: 700;
}

.news .news_block .headline_news {
    color: #a5ce43;
    font-size: 16px;
    line-height: 22px;
    padding-top: 8px;
    padding-left: 4px;
}

.news .news_block p {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid #cecece;
    color: #a4a4a5;
    display: block;
}


.offer {
    padding-top: 40px;
    padding-bottom: 40px;
}

.offer p {
    padding-top: 4px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px;
}

.offer .color-1 [class*="col-"] {
  /*cursor: pointer;*/
  transition: all .4s ease-in-out;
  padding: 0px;
  padding-bottom: 20px;
}

.offer .color-1 [class*="col-"]:hover {
  z-index: 10;
  background-color: #e40057;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 0px 4px 1px rgba(0,0,0,0.4);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 0px 4px 1px rgba(0,0,0,0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.offer A:hover {
    text-decoration: none;
}

.offer h3 {
    font-weight: 300;
    font-size: 24px;
    color: #FFF;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;  
}

.offer .fa {
    font-size: 58px;
}



.registrace {
    padding: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.registrace  hr {
    border: 0;
    height: 0;
    margin-top: 10px;
    margin-bottom: 18px;
}

.registrace a {
    color: #808080;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}

.registrace a.show_more:after {
    content: " ";
    width: 20px;
    height: 10px;
    display: block;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 24 24'><path fill='grey' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 98% 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: -20px;
    top: 6px;
}

.registrace  .collapse.in {
    padding-top: 30px;
}

.bg-color-1-light {
    background-color: rgba(0,0,0,0.05);
    border: 1px rgba(0,0,0,0.1) solid;
}

.bg-color-3-light {
    background-color: rgba(228,0,87,0.05);
    border: 1px rgba(228,0,87,0.3) solid;
}

.bg-color-4-light {
    background-color: rgba(165,206,67,0.1);
    border: 1px rgba(165,206,67,0.3) solid;
}

.bg-color-1-light hr {
    border-top: 1px solid rgba(0,0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.bg-color-3-light hr {
    border-top: 1px solid rgba(228,0,87,0);
    border-bottom: 1px solid rgba(228,0,87,0.4);
}

.bg-color-4-light hr {
    border-top: 1px solid rgba(165,206,67,0);
    border-bottom: 1px solid rgba(165,206,67,0.4);
}

.registrace.bg-color-3-light  .form-control {
    border-color: rgba(228,0,87,0.3);
}

.registrace.bg-color-4-light  .form-control {
    border-color: rgba(165,206,67,0.4);
}
.registrace .title-form {
  padding-bottom: 10px;
  display: inline-block;
}
.registrace  a.title-form {
  padding-bottom: 0px;
}
.registrace .title-form.big {
  font-size: 18px;
}
.registrace.bg-color-4-light  .title-form {
  color: rgba(165,206,67,1);
}
.registrace.bg-color-4-light  a.title-form {
  color: rgba(165,206,67,0.8);
}
.registrace.bg-color-1-light  .title-form {
  color: rgba(0,0,0,1);
}
.registrace.bg-color-1-light  a.title-form {
  color: rgba(0,0,0,0.8);
}
.registrace a:hover {
    color: #000 !important;
}   

#step_indikator {
    margin: 0px;
    margin-top: 80px;
    padding: 0px;
    padding-bottom: 90px;
    list-style: none;
}

#step_indikator li {
    display: inline-block;
    text-align: center;
    color: rgba(165,206,67,1);
    font-size: 16px;
}

#step_indikator li span.step {
    position: absolute;
    display: block;
    border: 2px rgba(165,206,67,1) solid;
    background-color: #FFF;
    color: rgba(165,206,67,1);
    font-size: 24px;
    line-height: 47px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: -60px;
    left: 50%;
    margin-left: -25px;
    z-index: 1;
}

#step_indikator li:nth-child(2) span.step {
    line-height: 49px;
}

#step_indikator li.active span.step {
    background-color: rgba(165,206,67,1);
    color: #FFF;
}

#step_indikator li b {
    position: absolute;
    display: block;
    color: rgba(228,0,87,0.6);
    font-size: 12px;
    right: 0px;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Safari */
    transform: rotate(-15deg);
}

#step_line {
    position: absolute;
    display: block;
    width: 66%;
    margin-left: -34%;
    top: 44px;
    left: 50%;
    height: 4px;
    background-color: rgba(165,206,67,1);
    z-index: 0;
}

#step_line.small_SL {
    width: 56%;
    margin-left: -27%;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 24 24'><path fill='grey' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>") #fff;
  background-position: 98% 50%;
  background-repeat: no-repeat;
}

.form-control, select {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.select-cross select {
    display: none;
}

.select-cross .checkbox_div {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px rgba(0,0,0,0.4) solid;
    cursor: pointer;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    position: relative;
}

.select-cross .checkbox_div i {
    display: none;
    position: absolute;
    width: 30px;
    padding-top: 1px;
    text-align: center;
    left: 50%;
    margin-left: -15px;
}

.select-cross .checkbox_div:hover i,.select-cross .checkbox_div.active i{
    display: inline-block;
}

.select-cross .row:hover label {
    color: #e40057;
}

.registrace .rotate90 {
    height: 80px;
}

.registrace .rotate90 span {
    position: absolute;
    height: 23px;
    width: 100%;
    top: 30px;
    left: -2px;
    line-height: 12px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.duplicate {
    position: absolute;
    right: 22px;
    top: 32px;
}
.duplicate i {
    color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.duplicate i:hover {
    color: rgba(165, 206, 67, 1);
}

.registrace .rotatebox .col-xs-2:nth-child(-n+2) span {
    left: 3px;
}

.xs-padding-small .col-xs-2 {
    padding-left: 10px;
    padding-right: 10px;
}


#form_second, #form_third {
    display: none;
}

.mandatory {
    border-bottom: 2px #E40057 solid !important;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 70%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#modal_error span {
    color: #E40057;
}

#modal_error h5 {
    font-size: 20px;
}

/*
    ***********************
    ******** menu *******
    ***********************
*/

.show_top_menu {
    position: fixed !important;
    top: 0px;
    z-index: 10000;
    width: 100%;
    background-color: rgba(255,255,255,0.8);

}


/*
    ***********************
    ******** effect *******
    ***********************
*/
.invisible_wp {
     opacity:0;
}
.visible_wp {
     opacity:1;
}

.duration_long {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.delay_1 {
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}


.effect-img-hover-magnify {
    width: auto;
    height: 170px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.effect-img-hover-magnify img {
    width: 100%;
    min-height: 170px;
    position: absolute;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.effect-img-hover-magnify img:hover {
    transform: scale(1.3,1.3);
}

/*.trigger_effect:hover .effect-img-hover-magnify img {
    transform: scale(1.3,1.3);
}*/

/*.parallax { 
    background-image: url("../img/bayergarden_bg-min.jpg");
    height: 50vh; 
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 72vh;
}*/


/*
    ***********************
    ****** END effect *****
    ***********************
*/




.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.flex > [class*='col-'] {
    flex-direction: column;
}

.flex_height {
  flex: 1;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* Home Page Carousel */

section.carousel {
    height: 50%;
    min-height: 400px;
}

section.carousel .item,
section.carousel .item.active,
section.carousel .carousel-inner {
    height: 100%;
}

section.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

section.carousel .item .fill {
    -webkit-box-shadow: inset 0px 10px 12px -19px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0px 10px 12px -19px rgba(0,0,0,0.8);
    box-shadow: inset 0px 10px 12px -19px rgba(0,0,0,0.8);    
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


  #up {
    position: fixed;
    /*position: absolute;*/
    top:330px;
    right: 0px;
    width: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    z-index: 100000;
  }

  #up a {
    display: block;
  }

  #up img {
    width: 50px;
  }

.branch_href h3 {
    color: #A5CE43;
    margin-top: 10px;
    font-weight: 700;
}

.branch_href a {
    color: #414141;
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
    transition: all 0.3s ease 0s;
}

.branch_href a H3 {
    font-size: 18px;
}

.branch_href p {
    font-size: 16px;
    margin-bottom: 20px;
}

.branch_href .fa {
    width: 24px;
    display: inline-block;
    text-align: center;
    margin-right: 4px !important;
}

.detail_branch .branch_href .fa {
    font-size: 20px;
    color: #a5ce43;
}

.detail_branch .branch_href .fa.fa-envelope-o {
    margin-right: 9px !important;
}

.branch_href p {
    font-size: 16px;
    padding-bottom: 6px;
}

.branch_href img {
    transition: all 0.3s ease 0s;
}

.branch_href a:hover, .branch_href a:hover h3 {
    color: #E40057;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.branch_href a:hover img {
    opacity: 0.8;
}


@media(max-width:767px) {
    .branch_href--desktop {
        display: none;
    }
}

@media(min-width:767px) {
    .branch_href--mobil {
        display: none;
    }
}




/* Footer Styles */

footer {
    background-color:#E2E6E9;
    min-height:350px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #646464;
}

footer h6 {
    color: #646464;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

footer a {
    color: #646464;
    text-transform: uppercase;
    font-weight: 300;
}

footer p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.chat {
    margin-left: 150px;
    margin-top: -44px;
    position: absolute;
    right: 0;
}

.footerleft { margin-top:50px; padding:0 36px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#646464; font-weight:700;}

.footerleft p { color:#646464; font-size:12px !important; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}



.eu-cookies {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: #FFF;
    background-color: #000;
    z-index: 1000;
    padding: 10px;
    padding-bottom: 4px;
    font-size: 11px;
    text-align: center;
}

.eu-cookies p {
    display: inline-block;
}

.eu-cookies a {
    color: #808080;
}

.eu-cookies a {
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    border: 1px #A5CE43 solid;
    background-color: #000;
    color: #FFF;
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    cursor: pointer;     
}

.eu-cookies a:hover {
    color: #fff;
    border: 1px #C5C5C5 solid;
    background-color: #000;
}


.eu-cookies #butteucookies {
    border: 1px #A5CE43 solid;
    background-color: #A5CE43;
    color: #FFF;    
}

.eu-cookies #butteucookies:hover {
    color: #FFF;
    border: 1px #A5CE43 solid;
    background-color: #000;
}



.paddingtop-bottom {  margin-top:50px;}

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 
 

 
 .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
 .icon-ul li { line-height:75px; width:100%; float:left;}
 .icon { float:left; margin-right:5px;}
 
 
/* .copyright { min-height:40px; background-color:#000000;}*/
 .copyright p { text-align:left; color:#646464; padding:10px 0; margin-bottom:0px;}
 .heading7 { font-size:21px; font-weight:700; color:#646464; margin-bottom:22px;}
 .post p { font-size:12px; color:#646464; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}


    .navbar-form {
        width: 37px;
    }
    .navbar-form.active {
        text-align: right;
        width: 390px;
    }
    .input-group-btn {
        width: auto;
    }

    .navbar-form .input-group {
        width: 350px;
    }
    .navbar-collapse {
        position: relative;        
    }
    .navbar-collapse form[role="search"] {
        position: absolute;
        top: 0px;
        right: 15px;
        padding: 0px;
        margin: 0px;
        z-index: 0;
    }
    .navbar-collapse form[role="search"] button,
    .navbar-collapse form[role="search"] input {
        padding: 8px 12px;
        border-radius: 0px;
        border-width: 0px;
        color: #FFF;
        background-color: #A5CE43;
        border-color: rgb(231, 231, 231);
        box-shadow: none;
        outline: none;
    }
    .navbar-collapse form[role="search"] input {
        font-size: 14px;
        color: #FFF;
        box-shadow: none;
        text-align: left !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .navbar-form *::-webkit-input-placeholder {
        color: #FFF !important;
    }
    .navbar-form *:-moz-placeholder {
        /* FF 4-18 */
        color: #FFF !important;
    }
    .navbar-form *::-moz-placeholder {
        /* FF 19+ */
        color: #FFF !important;
    }
    .navbar-form *:-ms-input-placeholder {
        /* IE 10+ */
        color: #FFF !important;
    }


    @media (min-width: 768px) {
        .navbar-collapse {
            padding-top: 0px !important;
            padding-right: 38px !important;
        }
        .container > .navbar-header {
            margin-right: 0px;
            margin-left: 0px;
        }
        .navbar-collapse form[role="search"] button,
        .navbar-collapse form[role="search"] input {
            padding: 15px 12px;
        }
        .navbar-collapse form[role="search"] input {
            font-size: 18px;
            opacity: 0;
            display: none;
        }
        .navbar-collapse form[role="search"].active button,
        .navbar-collapse form[role="search"].active input {
            opacity: 1;
            display: table-cell;
        }

        .navbar-collapse form[role="search"].active input {
            width: 340px;
            text-align: right;
            background-color: #a5ce43;
            display: block;
            height: 50px;
        }        
        .navbar-collapse form[role="search"].active button[type="submit"] {
            background-color: rgb(231, 231, 231);
        }
    }


@media(max-width:1200px) {
    .offer h3 {
        font-size: 23px; 
    }
}

/* Responsive Styles */
    
@media(max-width:991px) {

    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    .row {
      display: block;
    }


    .brand {
        margin-left: auto;
        margin-right: auto;
    }
    .hotline {
        text-align: center;
        padding-top: 14px;
    }

    .nav li {
        margin-right: 0px;
    }

    .nav li a {
        padding-left: 16px;
        padding-right: 16px;
    }

    .btn_arrow_small {
        float: right;
        margin-right: 30px;
    }
    .news .news_block  {
        margin-bottom: 70px;
    }
    .btn-order {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .registration {
        margin-bottom: 80px;
    }    
}

@media(max-width:767px) {
    body {
        margin-top: 50px;
    }

    section.carousel {
        max-height: 400px;
    }

    .branch_href .padding-top-30 {
        padding-top: 4px;
    }

        .typo_standard {
            padding-top: 0px;
        }

        .hotline {
            padding-top: 0px;
        }


        header {
            padding-bottom: 20px;
            border-bottom: 1px #f5f5f5 solid;
            margin-bottom: 20px;
        }

        header h6 {
            margin-top: 0px;
        }

    .navbar-collapse form[role="search"] {
        display: none;
    }

    .navbar {
        margin-bottom: 0px;
        top: 0px;
        position: absolute;
        width: 100%;
        z-index: 1000;
    }
    .navbar .navbar-nav {
        background-color: rgba(255,255,255,0.8);
    }        

    .show_top_menu .brand-toggle {
        display: block;
        float: left;
        width: 150px;
        padding-top: 6px;
    }
    .img-portfolio {
        margin-bottom: 15px;
    }

    section.carousel .carousel {
        height: 70%;
    }


    .carousel-caption {
        padding: 30px;
        padding-bottom: 40px;
        max-width: 70%;
        font-size: 26px;
    }
    .carousel-caption h2 {
        font-size: 34px;
    }

    .office h3 {
        font-size: 30px;
    }

    .office p {
        font-size: 20px;
    }

    .registration {
        margin-top: 0px;
        margin-bottom: 60px;
    }
    #map {
        height: 300px;      
    }
    .footerleft {
        padding-left: 15px;
    }
    .offer {
        padding-bottom: 0px;
    }
    footer {
        padding-bottom: 60px;
    }
    footer .text-right {
        text-align: left;
    }
}

@media(max-width:576px) {
    #up {
        display: none;
    }

    .carousel-caption {
        max-width: none;
        width: 100%;
    }

    .btn-order {
        font-size: 20px;
    }
    .carousel-caption {
        text-align: center;
    }
    .carousel-caption h2 {
        font-size: 30px;
    }
    .carousel-caption p {
        font-size: 16px;
    }
    .carousel-indicators {
        text-align: center;
        padding-left: 0px;
        bottom: 10px;
    }
}


.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #ED1161; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    display: none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


    .faqHeader {
        font-size: 27px;
        margin: 20px;
    }

    .panel-heading a {
        display: block;
    }

    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'FontAwesome';
        content: "\f04b"; /* "play" icon */
        float: right;
        color: #a5ce43;
        font-size: 12px;
        line-height: 18px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #808080;
    }

.articles A:hover {
    text-decoration: none !important;
    color: #A5CE43;
}

.articles H2 {
    margin-top: 10px;
    margin-bottom: 14px;
    font-size: 22px;
    height: 50px;
    overflow: hidden;
}
.articles ARTICLE {
		border: 1px #A5CE43 solid;
		border-radius: 3px;
		padding: 10px 10px;
		margin: 6px;
}


.no-gutters {
  margin-right: 0;
  margin-left: 0;
}


  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }


@media(max-width:768px) {
    .articles H2 {
        height: auto;
    }
}


@media(min-width:768px) {
    .row-eq-height {
        display: flex;
        flex-wrap: wrap;
    }
}