.row{width:100%; height:100%; clear:both; max-width:1200px; margin:20px auto;}
        .img-cont{width:100%; height:100%; border:1px solid #ccc; overflow:hidden;}
		.img-cont:hover{box-shadow:0px 5px 15px #ccc; cursor: pointer;}
        .img-cont img{clear:both; width:100%; outline:none; border-bottom:1px solid #ccc;}
        .title-cont{color: #295faf; font-family: Georgia;}
        .txt-cont{width:90%; height:67px; padding:10px 5%; background:#fff; color:#666; line-height:1.7; text-align:left; font-weight:500;}
        .txt-cont a{text-decoration:none;}
		
        
    
	/*masonry*/
	.grid-container {
	  max-width: 1200px;
	  margin: 0 auto;
	}

	.cols {
	  margin: 0 auto;
	  max-width: 1200px;
	}

	.col {
	  width: 25%;
	  height: 250px;
	  float: left;
	  margin: 0;
	 
	}
	

	.col img {
	  display: block;
	  position: relative;
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  object-position: center;
	  /*opacity: 0.8;*/
	}
	.col img:hover{opacity: 0.8; cursor:pointer;}

	.col h2 {
	  font-weight: 900;
	  color: #fff;
	  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}

	.grid-1 {
	  width: 50%;
	}

	.grid-3 {
	  float: right;
	  height: 500px;
	}

	.grid-5 {
	  display: table;
	}

	.grid-5 > * {
	  display: table-cell;
	}

	.grid-5 > .text-container {
	  text-align: center;
	  vertical-align: middle;
	  width: 50%;
	}
     .text-container a{text-deocration:none; color:#333; font-weight:bold;}
	.grid-5 img {
	  object-position: right;
	}

	.grid-7 {
	  width: 50%;
	}

	@supports (display: grid) or (display: -ms-grid) {
	  .grid-area {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		grid-auto-rows: 250px;
		justify-content: center;
	  }
	  .col {
		width: 100%;
		height: 100%;
		float: none;
	  }
	  
	  .grid-1 {
		grid-column-end: span 2;
	  }
	  .grid-3 {
		grid-row-end: span 2;
	  }
	  .grid-5 {
		grid-column-end: span 2;
	  }
	  .grid-7 {
		grid-column-end: span 2;
	  }
	}

	/* Media queries for other screen widths */
	@media screen and (max-width: 450px) {
	  .col {
		grid-row-end: unset;
		grid-column-end: unset;
		height: 250px;
	  }
	  .grid-area {
		display: flex;
		flex-direction: column;
	  }
	  .grid-3 {
		order: -1;
		height: 500px;
	  }
	}

	@media screen and (max-width: 768px) {
	  .grid-2 {
		display: none;
	  }
	}

	/************ Hover effect styles *************/

	figure {
	  position: relative;
	  overflow: hidden;
	  text-align: center;
	  cursor: pointer;
	}

	figure figcaption {
	  color: #fff;
	  backface-visibility: hidden;
	}

	figure figcaption::before,
	figure figcaption::after {
	  pointer-events: none;
	}

	figure figcaption,
	figure figcaption > a {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}

	/* Anchor will cover the whole item by default */

	/* For some effects it will show as a button */

	figure figcaption > a {
	  z-index: 1000;
	  text-indent: 200%;
	  white-space: nowrap;
	  font-size: 0;
	  opacity: 0;
	}

	figure h2 {
	  word-spacing: -0.15em;
	  font-weight: 300;
	}

	figure h2 span {
	  font-weight: 800;
	}

	figure h2,
	figure p {
	  margin: 0;
	}

	figure button.rww_grid_button {
	  background-color: transparent;
	  border: 2px solid #fff;
	  border-radius: 5px;
	  margin: 0 auto;
	  padding: 0.5rem;
	  font-weight: bold;
	  font-size: smaller;
	  color: #fff;
	  text-transform: uppercase;
	  transition: all 0.3s;
	}

	figure p {
	  letter-spacing: 1px;
	  font-size: smaller;
	}

	figure figcaption::before {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: linear-gradient(
		to bottom,
		rgba(72, 76, 97, 0) 0%,
		rgba(72, 76, 97, 0.8) 75%
	  );
	  content: "";
	  opacity: 0;
	  transform: translate3d(0, 50%, 0);
	}

	figure h2 {
	  position: absolute;
	  top: 50%;
	  left: 0;
	  width: 100%;
	  color: #484c61;
	  transition: all 0.35s;
	  transform: translate3d(0, -50%, 0);
	}

	figure figcaption::before,
	figure p,
	figure .grid-button-wrapper {
	  transition: all 0.35s;
	}

	figure .grid-button-wrapper {
	  position: absolute;
	  bottom: 35%;
	  left: 0;
	  right: 0;
	  width: 100%;
	  opacity: 0;
	  transform: translate3d(0, 20px, 0);
	}

	figure p {
	  position: absolute;
	  bottom: 10px;
	  left: 0;
	  right: 0;
	  padding-bottom: 3rem;
	  width: 100%;
	  opacity: 0;
	  transform: translate3d(0, 10px, 0);
	}

	figure:hover h2 {
	  background: none;
	  color: #fff;
	  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
	}

	figure:hover figcaption::before,
	figure:hover p,
	figure:hover .grid-button-wrapper {
	  opacity: 1;
	  transform: translate3d(0, 0, 0);
	}

		
	/*masonry*/
	
	
	

	/*equal box sizing*/	
	.paddingBlock {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}

	.paddingBlock {
		padding: 10px 0;
	}

	.eqWrap {
		display: flex;
	}

	.eq {
		padding: 0px;
	}

	.eq:nth-of-type(odd) {
		background: #fff;
	}

	.eq:nth-of-type(even) {
		background: #fff;
	}

	.equalHW {
		flex: 1;
	}

	.equalHMWrap {
		justify-content: space-between;
	}

	.equalHM {
		width: 23.3%;
	}

	.equalHMRWrap {
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.equalHMR {
		width: 32%;
		margin-bottom: 2%;
	}

	.equalHMVWrap {
		flex-wrap: wrap;
	}

	.equalHMV {
		width: 32%;
		margin: 1%;	
	}

	.equalHMV:nth-of-type(3n) {
		margin-right: 0;	
	}

	.equalHMV:nth-of-type(3n+1) {
		margin-left: 0;	
	}
	.txt-cont a{ color: #333; text-decoration:none;	}

	.txt-cont a:hover {
	 text-decoration:none;	
	  color:#34495E;
	}
	/*equal box sizing*/	
	
	
	
	/*menu*/
	.menu-cont{width:100%; height:100%;  margin:0 auto; padding:0; background:#283747; z-index:1000;}
	
	/*menu*/
	
	/*banner*/
	.banner{width:80%; height:100%; clear:both; overflow:hidden; max-width:100%; margin:20px auto; max-width:1200px;}
	.banner-inner{width:90%; height:auto; margin:20px auto;}
	.banner-inner img{width:100%;}
	 
	@media screen and (min-width: 1200px) {
	.banner{width:90%; height:100%; }
	}
	.banner-cont{width:50%; height:500px;  max-height:500px;  float:left; overflow:hidden;}
	.banner-cont img{ width:100%; height:500px;}
	.banner-cont-txt{width:60%; height:77%;  float:left; padding:9.5% 20%; background:#f1e0c8;	line-height:1.8;}
	.banner-cont-txt h2{font-size:1.8em; margin:10px 0; color:#2E4053; font-family:'RobotoSlab';}
	.banner-cont-txt p{ font-size:1.1em; padding:10px 0; color:#666;}
	.banner-cont-txt a{text-decoration:none; color:#666; line-height:1.6;}
	.overview a {
	  background-color:#34495E;
	  box-shadow: 0 3px 0 #1b262f ;
	  color: #fff;
	  padding: .5em 1.5em;
	  position: relative;
	  text-decoration: none;
	  text-transform: uppercase;
	  margin:5px 0px;
	  letter-spacing:.08em;
	  border-radius:30px;
	}

	.overview a:hover {
	  background-color: #1b262f;
	  cursor: pointer;
	  color:#fff;
	}

	.overview a:active {
	  box-shadow: none;
	  top: 5px;
	}
	/*banner*/
	


	
	/*Gallery List menu*/
        .vertical-menu {
		  width: 100%;
		}

		.vertical-menu a {
		  background-color:#f9f9f9;
		  color: black;
		  display: block;
		  padding: 12px 12px;
		  text-decoration: none;
		  border-bottom:1px solid #efefef;
		}

		.vertical-menu a:hover {
		  background-color: #efefef;
		}

		.vertical-menu a.active {
		  background-color:#34495E;
		  color: white;
		}
      

    /*Opening menu item*/
	.opening{text-align:center; margin:0 auto; padding:30px 0;}
	.opening h3{ margin:0px auto; padding:0px 0; font-size:1.5em; color:#34495E; font-family:RobotoSlab;}
	.opening a {
	  background-color: none;
	  /*box-shadow: 0 5px 0 #283747;*/
	  border:2px solid #283747;
	  color: #283747;
	  padding: 1em 1em;
	  position: relative;
	  text-decoration: none;
	  text-transform: uppercase;
	  margin:0 10px;
	  /*letter-spacing:.08em;*/
	  border-radius:5px;
	}

	.opening a:hover {
	  border:2px solid #1C2833;
	  cursor: pointer;
	  color:#fff;
	  background-color:#283747;
	  moz-transition: all 0.8s ease-in-out;
	  -o-transition: all 0.8s ease-in-out;
	  transition: all 0.8s ease-in-out;
	   -webkit-transition: all 0.8s ease-in-out;
	}

	.opening a:active {
	  box-shadow: none;
	  top: 5px;
	}
	.opening Button{
	  background-color: none;
	  box-shadow: 0 3px 0 #283747;
	  border:2px solid #283747;
	  color: #283747;
	  padding: .5em .5em;
	  position: relative;
	  text-decoration: none;
	  text-transform: uppercase;
	  margin:0 10px;
	  /*letter-spacing:.08em;*/
	  border-radius:2px;
	}

	.opening Button:hover {
	  border:2px solid #1C2833;
	  cursor: pointer;
	  color:#fff;
	  background-color:#283747;
	  moz-transition: all 0.8s ease-in-out;
	  -o-transition: all 0.8s ease-in-out;
	  transition: all 0.8s ease-in-out;
	   -webkit-transition: all 0.8s ease-in-out;
	}

		
	
	.mid-cont-txt{ width:600px; height:auto; padding:30px; margin:20px auto; text-align:center; font-family:'RobotoSlab'; color:#666; line-height:1.8;}
	.mid-cont-txt h2{font-size:1.5em;}
	
	.apply-now{margin:30px auto; width:500px; height:100%; text-align:center;}
	
	
    .button {
    background-color: none;
    /* box-shadow: 0 5px 0 #283747; */
    border: 2px solid #283747;
    color: #283747;
    padding: 1em 1em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 10px;
    /* letter-spacing: .08em; */
    border-radius: 5px;
}
     
     .button:hover {
      border:2px solid #1C2833;
	  cursor: pointer;
	  color:#fff;
	  background-color:#283747;
	  moz-transition: all 0.8s ease-in-out;
	  -o-transition: all 0.8s ease-in-out;
	  transition: all 0.8s ease-in-out;
	   -webkit-transition: all 0.8s ease-in-out;
    }
    
    .masonry-grid{width:100%; height:100%; margin:20px auto;}
    .masonry-grid-1{width:30%; height:200px; float:left;}
    .masonry-grid-2{width:69%; height:200px; float:left;}