
.pop-cant-sctn {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;    
}

.pop-cant-lftsctn {
    width: 40%;    
} 

.pop-cant-rgtsctn {
    width: 50%;
    padding-left: 10%;      
} 

.logo-heading {
    width: 100%;
    display: flex;
    flex-wrap: nowrap; 
}

.cont-img {
    margin-right:20px;
}

.cont-head {
    text-align: left;
}

.show-modal {

    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
    visibility: hidden;
    transform: rotateY(180deg);
    transition: 0.6s;
	transform-style: preserve-3d;  
}

.fullwidth {
	width: 100%;
}

/* ------------------------------------------------------------------------------------- */


 #wrapper {
	 display:flex;
	 flex-wrap:nowrap;
	 width: 100%;
	 margin: 0 auto;
	 padding: 20px;

	 text-align: center;
}
 .button {
	 font-family: Helvetica, Arial, sans-serif;
	 font-size: 13px;
	 padding: 5px 10px;
	 color: #666;
	 text-decoration: none;
	 cursor: pointer;
	 transition: all 0.2s ease-out;
}

/*.button:hover {
	 border-color: #999;

}
 .button:active {
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
}
*/

 .overlay {
	 width:100%;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 /*background: rgba(0, 0, 0, 0.5);*/
	 transition: opacity 200ms;
	 visibility: hidden;
	 opacity: 0;
	 overflow:auto;
}
 .overlay.light {
	 background: rgba(255, 255, 255, 0.5);
}
 .overlay .cancel {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 cursor: default;
}
 .overlay:target {
	 overflow:auto;
	 visibility: visible;
	 opacity: 1;	 
	 transform: rotateY(180deg);
    transition: 0.6s;
	transform-style: preserve-3d;  
}

.show-cont {
	transform: rotateY(180deg);
}

 .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ebebeb;
    padding: 5rem 5rem;
    width: 90rem;
    border-radius: 0rem;
    border: 1px solid #c7c7c7;

}

/*.popup {
	 margin: 75px auto;
	 padding: 20px;
	 background: #fff;
	 border: 1px solid #666;
	 width: 300px;
	 box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	 position: relative;
}*/



 .light .popup {
	 border-color: #aaa;
	 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

 .popup .close {
	position: absolute;
    color: #fff;
    left: 0;
    top: 0;
    width: 3.5rem;
    font-size: 4rem;
    line-height: 3.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    text-decoration: auto;
    background-color: #333;
}
 .popup .close:hover {
	 opacity: 1;
}
 .popup .content {
	 overflow: hidden;
}

 .popup p {
	 margin: 0 0 1em;
}
 .popup p:last-child {
	 margin: 0;
}
 
/* ------------------------------------------------------------------ */

@media screen and (max-width: 1600px) {
    .popup{
		width: 70rem;
	    padding: 5rem 5rem;
	}
}

@media screen and (max-width: 1440px) {
	.popup{
		width: 70rem;
		padding: 5rem 5rem;
	}
}