@charset "utf-8";
@import url('reset.css');
@import url('fonts.css');

/*1000px*/

/*—————–General————–*/



.poptyccont {
    width: 50%;
    margin: 0% 25%;
    position: relative;
    /* float: left; */
    padding: 24px;
    border-radius: 16px;
    background: #214780;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-flow: column;
    align-items: center;
}

.closepoptyc {
    position: absolute;
    right: 16px;
    top: 16px;
    padding: 16px;
    border-radius: 16px;
    background: #fff;
    width: 16px;
}

.closepoptyc img {
    position: relative;
    float: left;
    width: 16px;
    height: 16px;
    filter: invert(20%) sepia(96%) saturate(1035%) hue-rotate(194deg) brightness(88%) contrast(88%);
}

.contptyc {
    position: relative;
    float: left;
    width: 80%;
    padding: 42px;
    border-radius: 24px;
    background: #fff;
    height: 286px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 64px 0px 16px;
}

.contptyc p {
    position: relative;
    float: left;
    width: 100%;
    font-family: BrownLL;
    font-size: 20px;
    color: #666;
    line-height: 110%;
}

.tycacepto {
    position: relative;
    float: left;
    padding: 16px;
    color: #214780;
    background: #fff;
    font-family: BrownLL;
    font-size: 18px;
    width: 100px;
    text-align: center;
    border-radius: 16px;
	
}
.tycmasinfo{
	color: beige;
    font-weight: 700;
    text-decoration: revert;
}

/*------Responsive-------*/

/*mobiles*/

@media only screen and (min-width: 0px) and (max-width: 760px) and (orientation: landscape) {

 
    
     .poptyccont {
        width: 100%;
    }

    .contptyc {
        padding: 24px;
        width: calc(100% - 24px);
        height: 50%;
        
        max-height:150px;
    }

}

@media only screen and (min-width: 0px) and (max-width: 760px) and (orientation: portrait) {


    .poptyccont {
        width: 80% !important;
        margin: 4% 0px;
    }

    .contptyc {
        padding: 24px;
        width: calc(100% - 24px);
        height: 80%;
        max-height: 630px;
        overflow-y: auto;
    }

}
@media (min-width: 320px) {
	.modalpoptyc {
		display: none;
		position: fixed;
		z-index: 9999;
		Width: 100%;
		height: 100%;
		align-content: center;
		justify-content: center;
		flex-flow: wrap;
		background: rgba(0, 0, 0, 0.6);
	}
}
@media (min-width: 900px) {
	.modalpoptyc {
		display: none;
		position: fixed;
		z-index: 9999;
		top: 0px;
		left: 0px;
		width: 104%;
		height: 100%;
		align-content: center;
		justify-content: center;
		flex-flow: wrap;
		background: rgba(0, 0, 0, 0.6);
	}
}