.opage {position: relative; width:96%; max-width: 1720px; margin: 0 auto;  padding: 0 40px;
    min-height: 500px; margin-top: 64px; margin-bottom: 100px; 
}

.opage .thetitle {padding-top: 30px; margin-bottom: 22px; text-align: center; display: block;}
.opage .thetitle  h2 {/*font-size: 54px;*/	font-size: 52px; font-style: italic;  font-weight: 700; letter-spacing: -1px; color:#1b7b9f;	text-align: center;  margin: auto;  display: inline-block;}

.opage .thetitle  h2 span {color: #1b7b9f; font-size:20px; font-style: normal; font-weight: 400; display: block; line-height: 1.2; margin-bottom: 0; letter-spacing: normal;}
.opage .thetitle  h2 span::before,
.opage .thetitle  h2 span::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #1b7b9f;
    width: 20px;
    margin: 0 7px;
    transform: translateY(-5px);
}
.opage .thetitle::before {content: url("../img/icons/neon-naxos-realty-icon.png"); display: block; margin-bottom: 8px;}

.opage .thetext {line-height: 1.3;}

.opage h4 {margin-bottom: 15px; margin-top: 40px;}
.opage .theimg {margin: auto;}
.opage .content-a {padding-left: 20px; padding-right: 100px;}
.opage .content-b {position: absolute; top:20.4%; left:9.4%; background: #fff; padding: 20px 65px 60px 65px; max-width: 665px;}
.opage .content-b .thetitle {}


/*----------------------media---------------------------*/

@media (max-width:1199px)
{	
.opage .content-b {position: relative; top:auto; left:auto; max-width: 100%;}    
}
@media (max-width:991px)
{	
.opage {width:96%;  padding: 0;}    
.opage .content-a {padding: 20px 40px;} 
.opage .content-b {padding: 20px 40px;}        
}