body  {
      /*margin:  0px !important;*/
	  background-color: #ECEAEB;
	  background-image:url(images/bg-3.gif);
    /*font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/

	/*background-color:#fff;*/
	margin:0px auto 20px auto;
	/*padding:50px 0px 0px 0px;*/
	/*width:980px;*/
	width:1250px;
	box-shadow: 0px 0px 10px 3px #a6a6a6;
	-webkit-box-shadow: 0px 0px 10px 3px #a6a6a6;
	  }	
	    
.tot   { 
       /*width: 970px;*/
	    /*width:!important;1000px;*/
	   height:auto;
       text-align: justify;
	   font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
	   /*font-size-adjust:inherit;*/

       margin:  0px auto;
       background-color:#FFFFFF; /*#ECEAEB;*/
        }

.nfa {
       font-size:24px;
	   font-weight: bold;
	   /*color: #FFFFFF;*/	
       color: #06C;
	   text-shadow:#6F6;
	   text-underline-offset: auto;
     font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif


	   /*vertical-align:middle;*/
        }
.markText {
       font-size:inherit;
	   font-weight:normal;
       color: #000;
	  /* background-color:#E8E8E8*/
	   /*vertical-align:middle;*/
        }		
		
.header {
       font-size:22px;
	   font-weight:normal;	   
       color: #809EC2;
       font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
	   /*vertical-align:middle;*/
        }
		
.meniu  { 
	font-family: 
	color: #FFF;
	background-image: url(images/menu.jpg);
	/*height: 32px;	 */  
	/*padding:0px;*/
	}
		
.meniu a:active {color: #777; text-decoration: none; font-size: smaller; font-weight:bold}		
.meniu a:link {color: #777; text-decoration: none; font-size: smaller;}
.meniu a:hover {color: #777; text-decoration: none; font-size: smaller;}
.meniu a:visited {color: #777;}

.content { 
    font-size:15px;
    font-weight:bold;	 
	  min-height:970px; 
	  margin:  11px !important;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
	  }
	  
.imagine-num {
  /* width: 294px;
  height: 294px; */
  cursor: pointer;
  /*width: 180px;
	height:100px;
	background-image:url(images/poarta4.jpg);*/
	float:right;
    background-repeat:no-repeat;
	margin:0px 5px 0px 30px; /*TRBL*/
}
.imagine-sopr {
  /* width: 440px;
  height: 375px; */
  cursor: pointer;
  /*width: 180px;
	height:100px;
	background-image:url(images/poarta4.jpg);*/
	float:right;
  background-repeat:no-repeat;
	margin:0px 5px 0px 30px; /*TRBL*/
}

.open-modal-slider-sopr {
  transition: all 0.6s ease;
}

.open-modal-slider-sopr:hover {
    transform: scale(1.05);
}

.open-modal-slider-num{
    transition: all 0.6s ease;

}

.open-modal-slider-num:hover{
    transform: scale(1.05);
}

.applet  {
    width: 245px;
	height:1420px;
    float:right;
	margin:253px 0px 0px 0px ;/*TRBL*/
}

.footer {
	background-image:url(images/footer.jpg);
	height:32px;		
	text-align:right;	
	color:#667;
	padding-left:6px; 
	padding-right:10px;
	
/* ========== для видеоплеера PLUR */
.container {
	margin: 50px auto;
	max-width: 500px;
}
/* ========== для видеоплеера PLUR */


	
/*	margin: 0px auto;*/
/*   	display: inline;*/
/*	padding: 6px;	*/
/*	vertical-align:!important;*/
/*	margin-top:auto;
	margin-bottom:auto;*/
}


/* modal-slider starts */
.overlay-num {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3;

  animation: modal 0.4s alternate ease;
}
.overlay-sopr {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3;

  animation: modal 0.4s alternate ease;
}

.overlay-sopr.is-active {
  display: block;
  animation: modal 0.4s alternate ease;
}

.overlay-num.is-active {
  display: block;
  animation: modal 0.4s alternate ease;
}

@keyframes modal {
    0% {opacity: 0;};
    100% {opacity: 1;};
}

.overlay-num .popup {
  position: fixed;
  z-index: 4;
  left: 50%;
  top: 0;
  /* width: 752px; */
  /* min-width: 80vw; */
  /* height: 75vh; */
  /* max-width: 90vw;
  max-height: 90vh; */
  /* overflow-y: scroll;
  overflow-x: hidden; */
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.overlay-sopr .popup {
  position: fixed;
  z-index: 4;
  left: 50%;
  top: 0;
  /* width: 752px; */
  /* min-width: 80vw; */
  /* height: 75vh; */
  /* max-width: 90vw;
  max-height: 90vh;
  overflow-y: scroll;
  overflow-x: hidden; */
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.overlay-num .popup::-webkit-scrollbar {
  display: none;
  /* opacity: 0; */

  transition: all 0.3s ease;
}
.overlay-sopr .popup::-webkit-scrollbar {
  display: none;
  /* opacity: 0; */
  transition: all 0.3s ease;
}

.slider {
  /* margin-top: 50px; */
  position: relative;
}
.slider-title {
  font-size: 32px;
  color: #c78030;
}
.slider-title:after {
  content: '';
  display: block;
  width: 10%;
  height: 1px;
  background-color: #c78030;
  margin-top: 4px;
}
.slider .wrap {
  /* max-width: 100%;
  max-height: 100vh; */
  position: relative;
}
.slider .wrap .slider-item-num {
  /* width: 80%; */
  /* margin: 0 auto; */
  margin-top: 50px;
  position: relative;
  /* object-fit: contain; */
}
.slider .wrap .slider-item-sopr {
  /* width: 80%;
  margin: 0 auto; */
  margin-top: 50px;
  position: relative;
}
.slider .wrap .slider-item-num img {
  /* width: 100%;
  min-height: 100%; */
  max-width: 90vw;
  max-height: 85vh;
}
.slider .wrap .slider-item-sopr img {
  /* width: 100%;
  min-height: 100%; */
  max-width: 90vw;
  max-height: 85vh;
}
.slider .wrap .prev-num {
  position: absolute;
  cursor: pointer;
  top: 0;
  width: 90px;
  /* left: 10%; */
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s;
          transition: 0.3s;
  height: 100%;
}
.slider .wrap .prev-sopr {
  position: absolute;
  cursor: pointer;
  top: 0;
  width: 90px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s;
          transition: 0.3s;
  height: 100%;
}
.slider .wrap .prev-num:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.slider .wrap .prev-sopr:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.slider .wrap .prev-num:hover .arrow-left {
  opacity: 1;
}
.slider .wrap .prev-sopr:hover .arrow-left {
  opacity: 1;
}
.slider .wrap .prev-num .arrow-left {
  width: 30px;
  height: 30px;
  background: url(./icons/left-arrow.svg) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  opacity: 0.7;
  -webkit-transition: 1s;
          transition: 1s;
}
.slider .wrap .prev-sopr .arrow-left {
  width: 30px;
  height: 30px;
  background: url(./icons/left-arrow.svg) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  opacity: 0.7;
  -webkit-transition: 1s;
          transition: 1s;
}
.slider .wrap .next-num {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  /* right: 10%; */
  width: 90px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s;
          transition: 0.3s;
  height: 100%;
}
.slider .wrap .next-sopr {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 90px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s;
          transition: 0.3s;
  height: 100%;
}
.slider .wrap .next-num:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.slider .wrap .next-sopr:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
 .slider .wrap .next-num:hover .arrow-right {
  opacity: 1;
}
 .slider .wrap .next-sopr:hover .arrow-right {
  opacity: 1;
}
 .slider .wrap .next-num:hover .arrow-right {
  opacity: 1;
}
 .slider .wrap .next-sopr:hover .arrow-right {
  opacity: 1;
}
.slider .wrap .next-num .arrow-right {
  width: 30px;
  height: 30px;
  background: url(./icons/right-arrow.svg) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  opacity: 0.7;
  -webkit-transition: 1s;
          transition: 1s;
}
.slider .wrap .next-sopr .arrow-right {
  width: 30px;
  height: 30px;
  background: url(./icons/right-arrow.svg) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  opacity: 0.7;
  -webkit-transition: 1s;
          transition: 1s;
}
/* modal-slider ends */