/*

-------------------------------------------------------------

MODAL

*/
.body-modal-open { overflow: hidden; }

.close { width: 40px; height: 40px; top: 30px; right: 30px; position: absolute; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: block;     -webkit-appearance: none;
    background: none;
    border: none;}

.close:hover:before, .close:hover:after { background: white; }

.close:before, .close:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; background: white; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal { -webkit-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.9); z-index: 400; opacity: 0; visibility: hidden; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.modal .content { width: 1000px; margin: 80px auto 0px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.modal .video-hold { -webkit-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); width: 85%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.modal .video-hold .close { position: absolute; left: 0px; top: -100px; width: 100%; text-align: center; }

.modal .video-hold iframe { width: 100%; height: 100%; }

.modal-active { -webkit-overflow-scrolling: touch; opacity: 1; visibility: visible; }

.modal-active .video-hold { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
/* AKR Production Units */      
.row{
    position: relative;
    display: inline-block;
    width: 100%;
}

.akr-units{
width: 33.33%;
float: left;
margin:1% 1% 0% 1%;
}
.akr-units1{
    width: 100%;
    margin: unset;
    height: 100%;
    position: relative;
    }
#production{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: #5252516e;
    padding: 1%;
    z-index: 9999;

}
.akr-units1  img{
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 16.5%;
    max-width: 70%;
}
#close{
    float: right;
    font-size: 25px;    
    color: #fff;  
    position: absolute;
    right: 10%;
    top: 6%;
    z-index: 99999;
}
#close2{
    float: right;
    font-size: 25px;    
    color: #fff;  
    position: absolute;
    right: 10%;
    top: 6%;
    z-index: 99999;
}
#close3{
    float: right;
    font-size: 25px;    
    color: #fff;  
    position: absolute;
    right: 10%;
    top: 6%;
    z-index: 99999;
}
#close4{
    float: right;
    font-size: 25px;    
    color: #fff;  
    position: absolute;
    right: 10%;
    top: 6%;
    z-index: 99999;
}
#production2{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: #5252516e;
    padding: 1%;
    z-index: 9999;


}
#production3{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: #5252516e;
    padding: 1%;
    z-index: 9999;

    
}
#production4{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: #5252516e;
    padding: 1%;
    z-index: 9999;


    
}