/********************************************** 
partPopup-3 
**********************************************/

/* configuration */
.popupCustomContainer                                               {width: 100%; max-width: 680px; background-color: #fff; padding:40px; padding-bottom: 10px;}

/* set color close button icon */
.partPopup .popupCloseButton svg                                    {fill: #AE9031; width: 20px; height: 20px; } 
.partPopup .popupCloseButton:hover svg                              {fill: rgba(255, 255, 255, 1);}

/* set color close button icon inside popupContainer */
.partPopup.popupCloseButtonInside .popupCustomContainer             {padding-top: 60px;}
.partPopup.popupCloseButtonInside .popupCloseButton svg             {fill: #AE9031; transition: fill 0.3s;} 
.partPopup.popupCloseButtonInside .popupCloseButton:hover svg       {fill: #004B5E;}

/* fundementals */
body.partPopupActive                {overflow: hidden;}
    .partPopup                          {cursor: zoom-out; position: fixed; overflow-y: auto; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; text-align: center; white-space: nowrap; font-size: 0;}
    .partPopup:before                   {content: ""; display: inline-block; height: 100%; vertical-align: middle;}
    
    .partPopup .popupContainer          {cursor: auto; vertical-align: middle; display: inline-block; white-space: normal; font-size: 16px; text-align: left;}

    /* close button */
    .partPopup .popupCloseButton                                        {position: absolute; top: 30px; right: 30px; cursor: pointer; z-index: 1; opacity: 0; visibility: hidden; animation: fade-opacity .4s ease-in-out;}
    .partPopup .popupCloseButton.active                                 {opacity: 1; visibility: visible;}

    /* close button inside popupContainer  */
    .partPopup.popupCloseButtonInside .popupContainer                   {position:relative;}
        
    /* content */
    .partPopup .popupContent                                            {position:relative; animation: scale-popup 0.15s ease-out; display: flex; justify-content: center; align-items: center; flex-direction: column;}
      /* image */
      .partPopup .popupContent img                                          {max-height: calc(100vh - 150px); max-width: 100%; pointer-events: none; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    
      /* description */
      .partPopup .popupContent .popupDescription                            {position: absolute; top:calc(100% + 10px);  max-width: 900px; text-align: center; line-height: 1.4em; background-color: rgba(0,0,0,0.8); font-size: 14px; color: #fff; font-weight: 400; padding:10px 15px;}

    /* counter */
    .partPopup .popupCounter                                            {position: absolute; top: 30px; left: 30px; z-index: 1; color: rgba(255, 255, 255, 0.8); font-weight: 700;}

     /* arrows */
    .partPopup .popupArrow                                              {position: absolute; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; top: 50%; transform: perspective(1px) translateY(-50%); background-color: rgba(0,0,0,0.4); transition: background-color 0.3s; cursor: pointer; text-align: center; z-index: 2; }
    .partPopup .popupArrow:hover                                        {background-color: rgba(0,0,0,0.6);}
    .partPopup .popupArrowLeft                                          {left: 10px;}
    .partPopup .popupArrowRight                                         {right: 10px;} 
        .partPopup .popupArrow svg                                          {width: 15px; height: 24px; fill: #fff; transition: fill 0.3s; }
    
     /* overlay */
    .partPopupActive .partPopupOverlay                                  {z-index: 9998; animation: fade-opacity 0.2s ease-in-out; background-image: linear-gradient(90deg, #011214 0%, #011214 30%, rgba(1,27,30,0.90) 100%); overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

    /* video */
    .partPopup .partContentVideo 										{margin-bottom: 0px; width: 100%; max-width: 95vw;}
    .partPopup .partContentVideo .contentVideoContainer 				{}


/* responsive */
@media screen and (max-width: 667px) {
	.partPopup 								{-webkit-overflow-scrolling: touch;}
	


  .partPopup .popupContent, .partPopupActive .partPopupOverlay, .partPopup .popupCloseButton   {animation-duration: initial; /* prevent iOS scrolling bug */}

	body.partPopupActive                  	{overflow-y: hidden;} 
    .partPopup .popupArrow                	{width: 30px; height: 30px;}
    .partPopup .popupArrow svg            	{width: 10px; height: 16px;}
}

/* animations */
@keyframes scale-popup {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes fade-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.85;
  }
}