@media (min-width:1171px){.container {width: 90%} }

body {
    font-size: 20px;
    transform-origin:top center;
}

.wrap-all {
    overflow: hidden;
}

.wrap-slider {
    background: url('/images/Rectangle 50.svg');
    background-position: -4.167vw 9.375vw;
}

@media (max-width:1400px) {
    .wrap-slider {
        background-position: -9.167vw 9.375vw;
    }
}

.link-home {
   color: #000;
   margin: 10px 0 0 0;
   font: normal normal bold 1.004vw/3.125vw Lato;
}

.logo {
    position: absolute;
    top: 3.021vw;
}

.contact-button:focus,
.contact-button {
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    width: 6.354vw;
    height: 2.031vw;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 9px;
    color: #FFF;
    text-align: center;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    z-index: 12;
    position: relative;
    margin-left: auto;
    margin-top: 2.917vw;
}


.contact-button:hover {
    background: #608816;
    color: #FFF;
    text-decoration: none;
}


.slider .img-small-slider {
    filter: blur(3px);
    position: absolute;
    left: 14.583vw;
    top: 1.302vw;
}

.slider .slider-text {
    padding: 13.229vw 0 0 0;
}

.slider .slider-text .slider-header {
    text-align: left;
    font: normal normal bold 3.125vw/3.750vw Lato;
    letter-spacing: 0px;
    color: #000000;
    margin: 1.042vw 0 0 0;
}

.slider .slider-text .slider-subheader {
    text-align: left;
    font: normal normal normal 1.250vw/1.667vw Lato;
    letter-spacing: 0px;
    color: #000000;
}

.slider .slider-text .slider-dsc {
    text-align: left;
    font: normal normal normal 1.042vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000A6;
    margin: 2.083vw 0;
}

.slider .slider-text .button-green {
    width: 11.979vw;
    height: 2.865vw;
    background: #608816;
    color: #FFF;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    cursor: pointer;
}

.slider .slider-text .button-green:hover {
    background: #000;
}

.bottom-slider {
    position: relative;
    z-index: 99;
    top: 15vw;
}

.bottom-slider .read-more {
    text-align: left;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.bottom-slider .social-top a {
    display: inline-block;
    margin: 0 5px;
}

.right-slider {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 11;
    width: 62.240vw;
}

.right-slider img {
    max-width: 100%;
    height: auto;
}

.section-circle {
    background: #f9f9f9;
    padding: 17.250vw 0 0 0;
    position: relative;
}

.section-circle:before {

}

.section-circle:after {
    background: url('/images/bck_bottom.png');
    content: "";
    position: absolute;
    height: 12.135vw;
    width: 100%;
    z-index: -1;
}

.circle-box  {
    margin: -2.083vw 0 0vw 0;
    position: relative;
    z-index: 11;
}

.circle-box.mb-3 {
    margin: -2.083vw 0 9.250vw 0;
}

.section-circle .icon1,
.section-circle .icon2,
.section-circle .icon3,
.section-circle .icon4 {
    width: 7.042vw;
    height: 7.771vw;
    position: absolute;
    z-index: 13;
}

.section-circle .icon1 {
    left: 28.5vw;
    top: 7vw;
}

.section-circle .icon2 {
    left: 60.5vw;
    top: 4vw;
}

.section-circle .icon3 {
    left: 23.5vw;
    top: 31vw;
}

.section-circle .icon4 {
    left: 62.5vw;
    top: 31vw;
}


.circle-box .circle-title {
    text-align: left;
    font: normal normal bold 1.250vw/1.667vw Lato;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    border-bottom: 3px solid #608816;
    padding: 0 0 15px 0;
}


.circle-box .circle-text {
    text-align: left;
    font: normal normal normal 0.833vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000A6;
    padding: 15px;
}

.product-center {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-center .line-1 {
    background: #608816;
    width: 18.490vw;
    height: 18.490vw;
    position: absolute;
    margin: auto;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.product-center .line-2 {
    width: 26.406vw;
    height: 26.406vw;
    position: absolute;
    border: 3px solid #86a44e;
    border-radius: 50%;
}

.product-center .line-3 {
    width: 36.458vw;
    height: 36.458vw;
    position: absolute;
    border: 3px solid #b8c999;
    border-radius: 50%;
}

.product-center .line-4 {
    width: 47.760vw;
    height: 47.760vw;
    position: absolute;
    border: 2px solid #e5eadb;
    border-radius: 50%;
}

.product-center .line-5 {
    width: 61.771vw;
    height: 61.771vw;
    position: absolute;
    border: 2px solid #eef0e8;
    border-radius: 50%;
}

.product-center .line-6 {
    width: 80.833vw;
    height: 80.833vw;
    position: absolute;
    border: 1px solid #edf0e8;
    border-radius: 50%;
}

.product-center .line-7 {
    width: 107.396vw;
    height: 107.396vw;
    position: absolute;
    border: 1px solid #edf0e8;
    border-radius: 50%;
}

.product-center img {
    position: absolute;
    z-index: 2;
    max-width: 100%;
    margin: 3.646vw 0 0 0;
}

.product-section {
    margin: 11.094vw 0 0 0;
}

.product-section .hide {
    width: 100%;
    height: 0px;
    display: block!important;	
    overflow: hidden;
}

.product-wrap {
    margin: 1vw 0 0 0;
}

.product-wrap .black-button {
    display: none;
}

.product-wrap .product-subtitle {
    text-align: left;
    font: normal normal normal 0.833vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #00000080;
    text-transform: uppercase;
}

.product-wrap .product-title {
    text-align: left;
    font: normal normal bold 2.188vw/1.667vw Lato;
    letter-spacing: 0px;
    color: #000000;
    margin: 1.302vw 0;
}

.product-wrap .product-type {
    text-align: left;
    font: normal normal normal 0.938vw/.667vw Poppins;
    letter-spacing: 0px;
    color: #000000A6;
    text-transform: uppercase;
}

.product-wrap .image-box img {
    cursor: pointer;
}

.product-wrap .product-description  {
    text-align: left;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000A6;
}

.product-wrap .product-description > ul {
    margin: 0px;
    padding: 0px;
}

.product-wrap .product-description ul li {
    list-style: none;
    margin: 0 0 0.260vw 0.260vw;
}

.product-wrap .product-description .toggle-box .table,
.product-wrap .product-description .toggle-box table {
    visibility: hidden;
    width: 100%;
}

.product-wrap .product-description .toggle-box .open-text {
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000A6;
    cursor: pointer;
    margin: 0.5vw 0;
}


.product-wrap .product-description .toggle-box .table .header-first {
    width: 100%;
    height: 1.6vw;
    background: #608816;
    border-radius: 9px 9px 0px 0px;
    color: #FFF;
}

.product-wrap .product-description .toggle-box .table td {
    text-align: center;
    font: normal normal normal 0.729vw/1.667vw Poppins;
    padding: 0 0.521vw;
    border: 1px solid #E3E3E3;
}

.product-wrap .product-description .toggle-box .table .header-first td,
.product-wrap .product-description .toggle-box .table .header-last td {
    border: none;
}

.product-wrap .product-description .toggle-box .table .header-last td {
    font: normal normal normal 0.729vw/0.867vw Poppins;
    height: 2.604vw;
}

.product-wrap .product-description .toggle-box .table .header-last {
    width: 100%;
    height: 1.6vw;
    background: #608816;
    color: #FFF;
}


.product-wrap .product-description ul li::before {
    content: "";
    background: url("/images/li_img.png");
    width: 0.885vw;
    height: 0.573vw;
    display: inline-block;
    position: relative;
    top: -0.104vw;
    left: -0.260vw;
}

.product-wrap hr {
    height: 3px;
    background: #608816;
}

.img-left img {
    width: 13.333vw;
    height: 11.510vw;
    color: #608816;
    opacity: 1;
    filter: blur(3px);
    margin-left: -5.292vw;
}

.section-list {
    margin: 6.625vw 0 0 0;
}

.img-separator {
    width: 55.313vw;
    margin: auto;
}

.img-separator img {
    max-width: 100%;
}

.section-list .section-title {
    color: #000;
    font: normal normal bold 1.563vw/1.667vw Lato;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 1.198vw 0;
}

.section-list .section-subtitle {
    color: #000000A6;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    text-align: center;
    margin: 0 0 1.5vw 0;
}

.box-list {
    margin: 3.125vw 0 0 0;
}

.box-list article {
    margin: 0 0 1.563vw 0;
}

.box-list .header {
    text-align: left;
    font: normal normal bold 1.250vw/1.667vw Lato;
    text-transform: uppercase;
    margin: 0 0 1.302vw 0;
}

.box-list .icon-box img {
    max-width: 100%;
}

.box-list .text {
    font: normal normal normal 0.938vw/1.667vw Poppins;
    color: #000000A6;
    padding: 0 0.781vw 0 0;
}

.section-form {
    margin: 10.417vw 0 0 0;
}

.contact-form {
    background: #0000000D;
    position: relative;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    padding-right: 6.771vw;
}

.contact-form:before {
    position: absolute;
    left: -1.823vw;
    width: 1.823vw;
    top: 0px;
    height: 100%;
    background: #0000000D; 
    
}

/* .contact-form:after {
    position: absolute;
    right: -2000px;
    width: 2000px;
    top: 0px;
    height: 100%;
    background: #0000000D;
    content: "";
} */

.contact-form .contact-form-wrap {
    padding: 2.825vw 0 3.25vw 0;
}

.contact-form .contact-form-wrap .contact-form-title {
    font: normal normal bold 2.604vw/3.125vw Lato;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

.contact-form .contact-form-wrap .contact-form-dsc {
    text-align: left;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000A6;
    margin: 0.477vw 0 0.477vw 0;
}

.contact-form .form-subtitle {
    text-align: left;
    font: normal normal bold 0.938vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin: 1.063vw 0 0.8vw 0;
}

.contact-form  .form-group label {
    display: block;
    text-align: left;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000A6;
    margin: 0 0 0.260vw 0;
}

.contact-form  .form-group .info-form {
    font: normal normal normal 0.638vw/1.467vw Poppins;
    position: relative;
    top: -0.75vw;
}

.contact-form  .form-group input[type="phone"],
.contact-form  .form-group input[type="email"],
.contact-form  .form-group input[type="text"] {
    height: 3.125vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    color: #000000A6;
    border: none;
    width: 100%;
    text-indent: 1.458vw;
    font: normal normal normal 0.938vw/1.667vw Poppins;
}

.checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0.625vw;
    cursor: pointer;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    color: 000000A6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-wrap .text {
    position: relative;
    top: -0.208vw;
}

/* Hide the browser's default checkbox */
.checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.302vw;
    width: 1.302vw;
    background-color: #FFF;
    border: 1px solid #000000B2;
}

/* On mouse-over, add a grey background color */
.checkbox-wrap :hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-wrap  input:checked ~ .checkmark {
    background-color: #FFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-wrap input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-wrap  .checkmark:after {
    left: 0.521vw;
    top: 0.365vw;
    width: 0.260vw;
    height: 0.521vw;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contact-form .mt-2 {
    margin: 1.5vw 0 0 0;
}

.contact-form .info {
    text-align: left;
    font: normal normal normal 0.729vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #00000080;
    margin: 1vw 0;
    display: block;
}

.required-info {
    text-align: left;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    letter-spacing: 0px;
    color: #000000A6;
    margin: 1vw 0 0 0;
    display: block;
}

.black-button-top,
.black-button {
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 9px;
    width: 11.979vw;
    height: 2.813vw;
    line-height: 2.813vw;
    margin: 1.842vw 0 0 0;
    color: #FFF;
    border: none;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.black-button-top {
      margin: 1.042vw 0 0.8vw 0;
}

.black-button-top:hover,
.black-button:hover {
    background: #608816;
}

footer {
    background: #000;
    height: 9.115vw;
    margin: 7.813vw 0 0 0;
}

footer .logo-footer {
    height: 9.115vw;
    display: flex;
    align-items: center;
}

footer .rodo {
    display: block;
    font: normal normal normal 0.938vw/1vw Poppins;
    color: #FFF;
    position: absolute;
    bottom: 15px;
}

footer .social-box {
    height: 9.115vw;
    display: flex;
    align-items: center;
    float: right;
}

footer .social-box a {
    margin: 0 30px 0 0;
    display: block;
}

footer .contact-box {
    display: flex;
    color: #FFF;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    float: right;
    height: 9.115vw;
    align-items: center;
}

footer .contact-box img {
    margin: 0 15px 0 0;
}

footer .contact-box a {
    color: #FFF;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    display: block;
    margin: 0 0 0 60px;
}



/* karuzela */

/* .nav-container {
    margin: 0 0 0 25px;
} */

.slick-dots {
    position: absolute;
    top: 0px;
    width: 2px;
    height: 100%;
    left: 0px;
    margin: 0px;
}

.slick-dots li {
    background: #e6e6e6;
    width: 2px;
    display: block;
    height: 85px;
}

/* .slick-dots .slick-active {
    width: 4px;
    background: #818181;
    position: relative;
    left: -1px;
} */


/* .slick-slide .name {
    display: none;
}

.slick-current .name {
    display: block;
} */

.slick-dots button {
    display: none;
}

.nav-container {
    border-left: 2px solid #e6e6e6;
}

.nav-container .slick-slide img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.nav-container .slick-vertical .slick-slide {
    position: relative;
    top: 30px;
}

.nav-container .slick-vertical .slick-slide > div {
   border: none;
}

.nav-container .slick-vertical  .slick-current {
    top: 10px;
}

.nav-container,
.main-container .product-image {
    margin: 8vw 0 0 0;
    padding: 0 0 0 0.781vw;
}



.main-container .product-image img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.choice-box {
    position: relative;
    top: 5vw;
    text-align: left;
    font: normal normal normal  0.9vw/1.967vw Poppins;
    letter-spacing: 0px;
    color: #000;
    z-index: 111;
}

.choice-box .kal,
.choice-box .not {
    cursor: pointer;
    border-radius: 9px;
    width: auto;
    height: 1.813vw;
    display: inline-block;
    padding: 0 0.5vw;
    text-align: center;
    font: normal normal normal 0.9vw/1.967vw Poppins;
    color: #00000080;
}

.choice-box .text {
    margin: 0 15px 0 0;
}

.choice-box .kal:hover,
.choice-box .not:hover {
    color: #000;
}

.choice-box .active {
   background: #608816;
   color: #FFF;
}

.choice-box .active:hover {
   color: #FFF;
}

.nav-container .name {
    text-align: center;
    font: normal normal bold 0.729vw/1.042vw Poppins;
    letter-spacing: 0px;
    color: #00000080;
    visibility: hidden;
}

.nav-container .slick-current .name {
    visibility: visible;
}

.slick-arrow {
  position: absolute;
  display: none!important;
}



/* The container must be positioned relative: */
.custom-select {
     position: relative;
}

.custom-select select {
     display: none; /*hide original SELECT element: */
}

.select-selected {
     background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
     position: absolute;
     content: "";
     top: 1.329vw;
     right: 0.7291vw;
     width: 0;
     height: 0;
     border: 0.417vw solid transparent;
     border-color: #000 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
     border-color: transparent transparent #000 transparent;
     top: 0.7291vw;;
}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
    height: 3.125vw;
    line-height: 3.125vw;
    font: normal normal normal 0.938vw/1.667vw Poppins;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    color: #000000A6;
    border: none;
    width: 100%;
    text-indent: 1.458vw;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.select-items > div {
    border-bottom: 1px solid #000;
}

/* Style items (options): */
.select-items {
     position: absolute;
     background-color: DodgerBlue;
     top: 100%;
     left: 0;
     right: 0;
     z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
     display: none;
}

.select-items div:hover, .same-as-selected {
     background-color: #608816;
     color: #FFF;
}


@media (max-width:991px) {
    .container {
        width: 100%
    }

    .bottom-slider .read-more,
    .icon1,
    .icon2,
    .icon3,
    .icon4,
    .social-top,
    .img-small-slider,
    .line-1,
    .line-2,
    .line-3,
    .line-4,
    .line-5,
    .line-6,
    .line-7,
    .img-center,
    .contact-form:before,
    .img-form,
    .img-left,
    .right-slider {
        display: none;
    }

    .wrap-slider {
        background: none;
    }

    .contact-button {
        width: 100px;
        height: 40px;
        font: normal normal normal 16px/18px Poppins;
    }

    .slider .slider-text .slider-subheader {
        font: normal normal normal 15px/18px Lato;
    }

    .slider .slider-text .slider-header {
        font: normal normal normal 21px/24px Lato;
        margin: 15px 0;
    }

    .slider .slider-text .slider-dsc {
        font: normal normal normal 14px/18px Lato;
    }

    .slider .slider-text .button-green {
        height: 40px;
        width: 100%;
        font: normal normal normal 16px/18px Poppins;
        margin: 15px 0 15px 0;
    }

    .choice-box {
    	font: normal normal normal 16px/18px Poppins;
    }
    
    .choice-box .kal, .choice-box .not {
    	height: auto;
	padding: 5px 15px;
    }
    
    footer .rodo {
    	font: normal normal bold 18px/21px Lato;
    	position: unset;
    }
    
    .nav-container .name,
    .choice-box .kal, .choice-box .not,
    .circle-box .circle-title {
        font: normal normal bold 18px/21px Lato;
    }
    
    .product-wrap .product-description .toggle-box .table, 
    .product-wrap .product-description .toggle-box table {
    	visibility: visible;
    }

    .circle-box {
        margin: 0px 0 18px 0 ;
    }

    .section-circle {
        padding: 30px 0 0;
    }

    .circle-box.mb-3 {
        margin: 0px;
    }

    .circle-box .circle-text {
        font: normal normal normal 14px/28px Poppins;
    }

    .box-list .icon-box img {
        display: block;
        margin: auto;
    }

    .section-list .section-title,
    .box-list .header {
        font: normal normal bold 18px/21px Lato;
        margin: 15px 0;
        text-align: center;
    }

    .section-list .section-subtitle {
          font: normal normal bold 15px/18px Lato;
    }

    .box-list .text {
        font: normal normal normal 14px/28px Poppins;
    }

    .product-wrap .product-title {
        font: normal normal normal 21px/24px Lato;
    }

    .product-wrap .product-type {
        font: normal normal bold 15px/18px Lato;
    }

    .product-wrap .product-subtitle {
        font: normal normal bold 14px/18px Lato;
    }

    .product-wrap .product-description ul li {
        font: normal normal bold 13px/18px Lato;
        margin: 0 0 10px 0;
    }

    .product-wrap .product-description .toggle-box .open-text {
        font: normal normal bold 14px/18px Lato;
    }

    .product-wrap .product-description ul li::before {
        width: 17px;
        height: 11px;
    }

    .black-button-top,
    .black-button {
        width: 250px;
        height: 40px;
        font: normal normal bold 16px/18px Lato;
        margin: 15px auto;
    }

    .product-wrap .product-description .toggle-box .table .header-last td,
    .product-wrap .product-description .toggle-box .table td {
        font: normal normal bold 12px/16px Lato;
    }

    .product-wrap .product-description .toggle-box table {
        visibility: visible;
    }

    .product-description ul {
        margin: 0px;
        padding: 0px;
    }

    footer .contact-box,
    footer .logo-footer {
        height: 100%;
        justify-content: center;
        display: block;
        margin: 20px 0;
    }

    footer {
        padding: 20px 0;
        text-align: center;
        height: 100%;
    }

    footer .contact-box a {
        margin: 0px;
    }

    footer .contact-box a,
    footer .contact-box,
    footer .social-box {
        float: none;
        justify-content: center;
        font: normal normal normal 16px/20px Poppins;
    }

    .checkmark {
    	width: 20px;
    	height: 20px;
    }
    
    .contact-form {
        padding: 0px 15px;
        border-radius: 0px;
    }

    .contact-form .contact-form-wrap .contact-form-title {
        font: normal normal bold 28px/38px Lato;
        text-align: center;
    }

    .contact-form .info {
    	font: normal normal bold 16px/20px Lato;
    }
    
    .contact-form .contact-form-wrap .contact-form-dsc {
        font: normal normal bold 16px/20px Lato;
        text-align: center;
        margin: 30px 0;
    }

    .contact-form .form-group label {
        font: normal normal bold 16px/19px Lato;
        margin: 10px 0 10px 0;
    }

    .select-items div, .select-selected,
    .contact-form .form-group input[type="phone"],
    .contact-form .form-group input[type="email"],
    .contact-form .form-group input[type="text"] {
        height: 44px;
    }

}

    .img-popup {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(38, 40, 52, 0.9);
        text-align: center;
        display: none;
        z-index: 9999999999999;
        animation: pop-in;
        animation-duration: 0.5s;
        -webkit-animation: pop-in 0.5s;
        -moz-animation: pop-in 0.5s;
        -ms-animation: pop-in 0.5s;

    }

    .img-popup img {
        position: absolute;
        top: 50%;
        max-width: 80%;
        max-height: 80vh;
        display: inline-block;
        transform: translate(-50%, -50%);
    }

    .close-lightbox {
        position: absolute;
        top: 45px;
        right: 20%;
        height: 30px;
        width: 30px;
        color: #fff;
        font-size: 35px;
        border: 2px solid #fff;
        border-radius: 50%;
        z-index: 99;
        cursor: pointer;
    }

    .close-lightbox:after {
        content: "x";
        font-size: 20px;
        position: absolute;
        top: -3px;
        left: 8px;
    }

    .lightboxfadeout{
        animation: fadeout;
        animation-duration: 0.5s;
        -webkit-animation: fadeout 0.5s;
        -moz-animation: fadeout 0.5s;
        -ms-animation: fadeout 0.5s;
    }

    @keyframes pop-in {
        0% {
            opacity: 0;
            transform: scale(0.1);
        }
        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    @-webkit-keyframes pop-in {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.1);
        }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
        }
    }

    @-moz-keyframes pop-in {
        0% {
            opacity: 0;
            -moz-transform: scale(0.1);
        }
        100% {
            opacity: 1;
            -moz-transform: scale(1);
        }
    }


    @keyframes fadeout {
        100% {
            opacity: 0;
            transform: scale(0.1);
        }
        0% {
            opacity: 1;
            transform: scale(1);
        }
    }

    @-webkit-keyframes fadeout {
        100% {
            opacity: 0;
            -webkit-transform: scale(0.1);
        }
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
        }
    }

    @-moz-keyframes fadeout {
        100% {
            opacity: 0;
            -moz-transform: scale(0.1);
        }
        0% {
            opacity: 1;
            -moz-transform: scale(1);
        }
    }