.workarea-content {margin:0 auto;width:100%; max-width: 1400px;}
.workarea-content 
/*---------------------workarea---------------------------*/
.workarea  {}
.workarea .rec {
    position: relative;
    margin: auto;
	width: 100%;
    min-height: 630px;
    text-align: left;
    margin-bottom: 70px;
}

.workarea .rec h3.areaname {margin:auto;padding:0;font-size:31px;line-height:1.2;font-weight: 300; margin-bottom: 26px;}
.workarea .rec h3.areaname::after {position: absolute; content: '\00a0'; border-top:2px #bc243c solid; display: block; margin-top: 8px; width: 74px;}
.workarea .rec div.descr {margin:0;padding:0;font-size:16px;line-height:1.3;}
.workarea .rec div.descr a {display: block; margin-top: 10px;}
.workarea .rec div.descr h3 {margin-top: 40px;}

.workarea .photo {position: absolute; width: calc(100% + 130px); overflow: hidden; max-height: 100%;}
.workarea .photo img {width: 100%; margin-left: auto; margin-right: auto;}
.workarea .photo {right:-160px;}


/*---------------------work area properties---------------------------*/
.offers {}

.offers .owl-cards {max-width: 100%;}
.offers .cards-carousel {margin: 0 auto; padding: 0;}
.offers .cards-carousel .card { padding-top: 30px; background-color: transparent; border:0;}

.owl-cards .owl-nav {  
    position: absolute;  top: -70px;  right: 30px;
	margin-top: 0;  text-align: center;
    -webkit-tap-highlight-color: transparent;
	 color: #557682; font-size: 50px; margin: 0; padding: 0;
	outline: none;   display: inline-block;  cursor: pointer;
    border-radius: 0; border:0;}
.owl-cards .owl-nav:hover,
.owl-cards .owl-nav.active{
      color: #1b7b9f;
      text-decoration: none; }
.owl-cards .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-cards .owl-next { margin-left: 10px;}
.owl-cards .owl-next:focus,  .offers .owl-cards .owl-prev:focus {outline: none;}

/*---------------------Photo Album Collage--------------------------*/
.workarea-content .Collage{padding:0px;}
.workarea-content .Collage img{border:30px solid #fff; cursor: pointer;}



@media  (max-width:1430px)  {
.workarea-content {padding: 40px 40px;}
.workarea .rec {
    min-height: 100px;
}
.workarea .rec .photo {position: relative;  width: calc(100% + 30px);}
.workarea .rec .photo {right:-30px;}
  
}

@media (max-width:991px)
{
.workarea-content {
margin: auto;    
width: 96%;    
padding: 30px 15px; 
}
      
.workarea .rec .photo {position: relative;  width:auto; height: auto; margin-bottom: 20px;}
.workarea .rec .photo img {width: auto; margin-left: auto; margin-right: auto;}    
.workarea .rec .photo {right:auto; left:auto;}
 
}