#email-input {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.main-container { background-color: #fff; margin:0px;}

/*ХЕДЕР*/

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

.logo {
/*    background-color: #FFC;*/
    
    display: flex;
    justify-content: center;
    align-items: center;
    left: 100px;
    top: 10px;
}

.logo img {
	margin-top:20px;
	margin-bottom:30px;
    margin-left: 15px;
	width:105%;
}


.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.7;filter:alpha(opacity=70)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#0b0b0b}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;-ms-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:0.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}







.slogan {
	padding-top:5px;
    padding-left: 30px;

}

.alcenter {
   
    display: flex;
    justify-content: center;
}
.alcenter2 {
    display: flex;
    align-self: center;

}

.slogan img {
	width:100%;
}

.slogan p {
	color:#000;
    margin: 8px 0px;
    font-size: 14px;
    font-weight: bold;
	text-align:center;	
	line-height:26px;
    font-family: 'Montserrat', sans-serif;
}

.slogan p span {		
	font-style:normal;	
	color:#666;
	font-size:18px;
	font-weight:bold;
    font-family: 'Montserrat', sans-serif;
}


 

.table-header {
     font-family: 'Montserrat', sans-serif;
    width: 130%;
    
}

.table-header td {
 font-family: 'Montserrat', sans-serif;
}


.table-header td p{
    color:#000;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
}

.table-header p {
    text-align: center;
   font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    margin: 10px;
}

.table-header p span {
    color: #000;
 font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.table-header p a {
    color:#000;
      font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}
.table-header p a:hover {
	text-decoration:none;
      font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.lang-link { margin-top:20px; }
.lang-link p { text-align:center;}
.lang-link a { font-size:12px; font-weight:bold; border:1px solid #CCC; padding:5px 10px; color:#999;}
.lang-link a:hover { color:#666;}

.line { border:4px solid #CCC;}

/*ЛІВИЙ БЛОК МЕНЮ*/

.block-left {
    margin-top: 20px;
	margin-bottom:20px;
}

.block-left ul li {
    list-style-type: none;
}

.link-title a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    background-color:#333;
    font-size: 16px;
    color: white;
    text-decoration: none;
    margin-bottom: 2px;
	font-weight:bold;    
}

.link-title a:hover {
    text-decoration: underline;
	color:#FFF;
}

.block-link a {
    display: block;
/*    height: 50px;*/

    padding:15px 20px;
    background-color: #f3f3f3;
    font-size: 15px;
	font-weight:bold;
    color:#333;
    text-decoration: none;
    margin-bottom: 2px;
    
}

.block-link a:hover {
    text-decoration: underline;
	color:#333;
	
}


/*КОНТЕНТ*/

.block-content { margin-top: 20px; }
.content h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:600; color:#333; padding:14px 20px; border:1px solid #FFF; background-color:#EFEFEF; -webkit-box-shadow: 0 0 5px #CCC; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CCC,direction=125,strength=5)"; box-shadow: 0 0 5px #CCC;}
.content h1 a {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:600; color:#333;}
.content h1 a:hover { text-decoration:none;}
.content h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; color:#333; padding:14px 20px; border:1px solid #FFF; background-color:#EFEFEF; -webkit-box-shadow: 0 0 5px #CCC; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CCC,direction=125,strength=5)"; box-shadow: 0 0 5px #CCC; margin-bottom:20px;}
.content h2 a { color:#333;}
.content h3 { font-size:18px; }
.content p { font-size: 16px; text-align: justify; color: gray; }
.content p a { font-size: 16px; text-align: justify; color: gray; text-decoration:underline; font-style:italic; }
.content p a:hover { text-decoration:none;}
.content ul { margin-left:20px; }

/*Кнопка магазину*/
.button-shop { margin:0px 0px 20px 0px; display:inline-block; background:#ab8835; background-size:cover; width:100%; height:54px; border:none; border-radius:0px; padding:14px 18px 18px 18px; text-decoration:none; box-shadow:3px 2px 8px rgba(71,66,66,0.22); text-align:center; outline:none;}
.button-shop span {font-family:Verdana,Arial,sans-serif; font-weight:bold; font-size:16px; color:#ffffff; line-height:18px; vertical-align:middle;}
.button-shop a:hover { color:#FFFFFF;}
.button-tel { margin:10px 0px 20px 0px;  border:2px solid #F3F3F3; display:inline-block;  width:100%;  padding:14px 18px 8px 18px; text-align:center; outline:none;}
.button-tel p { background:url(../images/telefon.png) no-repeat; padding-left:40px;}
.button-tel p a { font-size:20px; text-decoration:none; color:#ab8835;}
.button-tel p a:hover { color:#666;}

/*АКЦІЯ*/
.action { border:2px solid #F30; padding:20px;}
.action p { font-size:24px; color:#F30; text-align:center; margin: 0;}

/*ОГОЛОШЕННЯ*/
.ogo { border: 2px solid #F3F3F3; padding:10px 20px; margin-bottom:20px;}
.ogo p { font-size:18px;}
.ogo p a { font-size:18px;}

/*КНОПКА ГОЛОВНА*/
.button-link { margin:10px 0px 5px 0px;}

/*КНОПКА З ЛІНКОМ НА КАТЕГОРІЮ*/
.cat-link { border: 2px solid #F3F3F3; padding:10px 20px 0px 20px;}
.cat-link a { color:#393; margin-left:10px;}
.cat-link a:hover {  color:#393; text-decoration:underline;}

/*БЛОК ІЗ ЦІНАМИ*/
.price {}
.price p { color:#F30; font-size:22px;}
.price p span { color:#C30; padding:5px 0px; font-size:22px;}

/*НАВІГАЦІЯ ПРОДУКТ*/
.nav-prod { margin:20px 0px 0px 0px; background-color:#fcfcfc; border-top:1px solid #EFEFEF;  border-bottom:1px solid #EFEFEF;}
.nav-prod td { padding:20px;}

/*ЛІНКИ ПРОДУКТ*/
.product-link p { border: 2px solid #f9f9f9; padding:6px 15px 10px 15px;}
.product-link p a { padding-left:15px; color:#999; font-style:normal; background:url(../images/marker.jpg) no-repeat; background-position:left;}

/*БЛОК ЗАМОВЛЕННЯ*/
.zam { border:2px solid #EFEFEF; padding:0px 10px; margin-bottom:20px;}
.zam h3 { text-align:center; line-height:32px; margin:0px;}
.zam h3 a { color:#393;}
.zam h3 a:hover { color:#393; text-decoration:underline;}
.zam h4 { color:#666; text-align:center; line-height:32px; margin:0px;}


/*КОНТАКТИ*/
.contact p {
    color:#069;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    

}
.contact p span {
    color: #C00;
}

.contact p a {
    color:#069;
}


/*ФУТЕР*/

.footer {
	margin-top:20px;
    background-color:#1D3447;
    padding: 15px 0px;
	margin-bottom:15px;
}

.footer p {
    font-size: 16px;
    color: #ffd230;
    text-align: center;
}
.footer p a {
    color:#ffd230;
}

.developed-by a {
        font-weight: 700;
    }
 .w-product-media{
        width: 600px;
    }





.caption h3 { margin-top:0px;}
.caption span { color:#F33;}

    .thumbnail-item{
        text-align: center;
    }
    .thumbnail-item p{
        text-align: center;
    }
    .thumbnail-item img {
		margin:10px 0px;
    }
    .thumbnail-item .img-item {
/*        max-height: 320px !important;*/
padding:0px 10px;
    }
	
	

    .thumbnail-item .btn-danger {
        border-color: #060;
        background-color: #393;
		font-weight:bold;
    }
    .title-page{
        text-align: center;
        margin-bottom: 30px;
        color: brown;
    }

    .caret_a {
          float: right;
        }
        .dropdown-toggle-disabled {
          float: left;
          clear: both;
        }
		
		
.desc-product { margin-bottom:30px;}
.desc-product p strong { border:2px solid #EFEFEF; padding:5px 10px;}	
.desc-product p span { color:#F30;}	
		
		
		
		/*НАВІГАЦІЯ*/
.nav-link { width:100%; border: 2px solid #ffd230; padding:10px 20px 6px 20px; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#C00;}
.nav-link li { color:#999; list-style:none; display:inline-block;}
.nav-link span { color:#ffd230; margin:0px 5px; font-size:11px; font-weight:bold;}
.nav-link a { font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#999; text-decoration:underline;}
.nav-link a:hover { color:#ffd230; text-decoration:none;}

.statystyka { border:2px solid #EFEFEF; margin:20px 0px; padding:10px;}


  .dropdown_m {display: none !important;}
  @media only screen and (max-width: 780px) {
  .dropdown_m {
    display: block !important;
  }
  .dropdown_d {
    display: none !important;
  }
      .table-header {
     font-family: 'Montserrat', sans-serif;
    width: 100%;
    
}

#bg_popup{
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
  
#popup {
background: #fff;
    color: #000;
width: 320px;
margin: 15% auto;
padding: 5px 20px 13px 20px;
border: 2px solid #1D3447;
position: relative;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.textp {
 color: #000;
}
  
.close{
display:block;
position:absolute;
top:-12px;
right:10px;
width:25px;
height:25px;
line-height:28px;
color:#fff;
background:#c1c1c1;
cursor:pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color:#000;
} 
      
      
}
.menu_navbar {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    color: #FFD230;
    text-align: center;
}
.popup-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: none;
}

.popup {
    position: absolute;
    background: #ffffff;
    width: 400px;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
    padding: 30px;
    padding-top: 60px;
    @media only screen and (max-width: 780px)
}

.popup form {
    display: flex;
    flex-direction: column;
    @media only screen and (max-width: 780px)
}

.popup form input {
    margin-bottom: 30px;
    height: 50px;
    font-size: 20px;
    border: 2px solid #000000;
    @media only screen and (max-width: 780px)
}

.popup form input[type="submit"] {
    background: #000000;
    color: #ffffff;
    font-size: 24px;
    @media only screen and (max-width: 780px)
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    @media only screen and (max-width: 780px)
}

.no-scroll {
    overflow-y: hidden;
    @media only screen and (max-width: 780px)
}

.btn-primaryr {
  color: #fff;
  background-color:#666;
  border-color:#333;
  width: 65%;
        height: 10%;
  margin: 0px 0px 10px 0px;
        position: absolute;
       
}

 @font-face {
    font-family: Montserrat; /* Гарнитура шрифта */
    src: url(fonts/Montserrat-VariableFont_wght.ttf); /* Для IE5-8 */
         src: local(Montserrat), url(fonts/Montserrat-VariableFont_wght.ttf);} /* Для остальных браузеров */
    font-family:Montserrat; /* Гарнитура шрифта */
    src: url(fonts/Montserrat-VariableFont_wght.ttf); /* Для IE5-8 */
         src: local(Montserrat), url(fonts/Montserrat-VariableFont_wght.ttf);} /* Для остальных браузеров */
         
    
    
    h1 {
        font-family: Montserrat;
        color: #ffd230;
    }
     h2 {
        font-family: Montserrat;
         color: #ffd230;
    }
     h3 {
        font-family: Montserrat;
         color: #ffd230;
    }
    h4 {
        font-family: Montserrat;
        color: #ffd230;
    }
    h5 {
        font-family: Montserrat;
        color: #ffd230;
    }
    h6 {
        font-family: Montserrat;
        color: #ffd230;
    }
    p {
        font-family: Montserrat;
        color: #ffd230;
    }
    .li {
        font-family: Montserrat;
        color: #ffd230;
    }

 .navbar.navbar-inverse.navbar-static-top {
        background: #1D3447;
        color: #ffd700;
    }
    .navbar-header {
        color: #FFD230;
    }
.btn.btn-primary {
    background: #1d3447;
    color: #ffd230;
}

.w-product-media{margin-bottom:1rem;padding:1.5rem;padding-bottom:0}.w-product-media a{display:block}.w-product-media img{width:100%}.w-product-sku{padding:0 2rem;font-size:2rem;color:#000;margin-bottom:1rem}.w-product-title{padding:0 2rem;margin-bottom:1.7rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-family:"Merriweather",serif;font-size:1.6rem;font-weight:700;color:#414141;text-transform:uppercase}.w-product-title a{color:#414141}.ie10 .w-product-title,.ie11 .w-product-title{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.w-product-price{padding:0 2rem;font-size:2.4rem;color:#913153;margin-bottom:1.5rem}.w-product-price_old{display:block;font-size:1.8rem;color:#9a9898;text-decoration:line-through;margin-bottom:.3rem}.w-product-button{padding:0 2rem}.product-single .w-product-sku,.product-single .w-product-title,.product-single .w-product-price,.product-single .w-product-button{padding:0}.product-single .w-product-price{font-size:3.2rem;margin-bottom:3.5rem}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#0b0b0b}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){
    #bg_popup{
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
  
#popup {
background: #fff;
    color: #000;

margin: 15% auto;
padding: 5px 20px 13px 20px;
border: 2px solid #1D3447;
position: relative;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.textp {
 color: #000;
}
  
.close{
display:block;
position:absolute;
top:-12px;
right:10px;
width:25px;
height:25px;
line-height:28px;
color:#fff;
background:#c1c1c1;
cursor:pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color:#000;
} 
    
    
    
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}

.row-gallery-desc{
    display: flex;
}

@media all and (max-width: 900px){
   .mfp-arrow{-webkit-transform:scale(0.75);
        -ms-transform:scale(0.75);
        transform:scale(0.75)}
    .mfp-arrow-left{-webkit-transform-origin:0;
        -ms-transform-origin:0;
        transform-origin:0}
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        -ms-transform-origin:100%;
        transform-origin:100%}
    .mfp-container{padding-left:6px;
        padding-right:6px}
.row-gallery-desc{
        display: flex;
        flex-direction: column;
    }
    
    #bg_popup{
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
  
#popup {
background: #fff;
    color: #000;

margin: 15% auto;
padding: 5px 20px 13px 20px;
border: 2px solid #1D3447;
position: relative;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.textp {
 color: #000;
}
  
.close{
display:block;
position:absolute;
top:-12px;
right:10px;
width:25px;
height:25px;
line-height:28px;
color:#fff;
background:#c1c1c1;
cursor:pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color:#000;
} 
    
}
   
    #bg_popup{
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
  
#popup {
background: #fff;
margin: 25% auto;
padding: 5px 10px 10px 10px;
border: 2px solid #ffd700;
position: relative;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
  
.close{
display:block;
position:absolute;
top:-12px;
right:10px;
width:25px;
height:25px;
line-height:28px;
color:#fff;
background:#c1c1c1;
cursor:pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color:#000;
} 

}
    
    
    .mfp-arrow{-webkit-transform:scale(0.75);
        -ms-transform:scale(0.75);
        transform:scale(0.75)}
    .mfp-arrow-left{-webkit-transform-origin:0;
        -ms-transform-origin:0;
        transform-origin:0}
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        -ms-transform-origin:100%;
        transform-origin:100%}
    .mfp-container{padding-left:6px;
        padding-right:6px}


#bg_popup{
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
  

.textp {
 color: #000;
}
  
.close{
display:block;
position:absolute;
top:-12px;
right:10px;
width:25px;
height:25px;
line-height:28px;
color:#fff;
background:#c1c1c1;
cursor:pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color:#000;
} 

    
     
   
}