/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face{
	font-family: Gotham;
	src: url(../fonts/GothamRnd-Book.otf);
}
@font-face{
	font-family: GothamBook;
	src: url(../fonts/Gotham-Bold.ttf);
}
@font-face{
	font-family: GothamLight;
	src: url(../fonts/Gotham-Light.ttf);
}


body #lol{
	background: url('../img/demo.png');
}

html { font-size: 62.5%; }
body { font-size: 0.56em;}

@media (max-width: 300px) {
    html { font-size: 70%; }
}

@media (min-width: 500px) {
    html { font-size: 120%; }
}

@media (min-width: 700px) {
    html { font-size: 160%; }
}

@media (min-width: 1200px) {
    html { font-size: 200%; }
}
@media (min-width: 1600px) {
    html { font-size: 250%; }
}
.block{
	width: 100%;
}
.contain{
	display: none;
}
.hidden{
	display: none;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;


}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
  height: 5rem;
  width: 500px !important;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 1;
  text-align: right;
  color: rgba(0, 0, 0, 0.19999999999999996);
}
#spinner {
   position: fixed;
   left: 0px;
   top: 0px;
   z-index: 9999;
   background: #FFFFFF;
   overflow:hidden;
   width: 100%;
   height: 100%;
   position: fixed;
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="", sizingMethod="scale");
   overflow: hidden;
   text-align: center;
}
.contain1{
   position: inherit;
   width: inherit;
   zoom: 45.5%;
   /* height: 500px; */
}


.contain1 .section2{
      display: inline-block;
   
      width: 441px;
}
.section2 img{
   width: 100%;
}




.box1{
	float: left;
}
.box2{
    float: right;
}
.box2 img{
    float: right;
}
img {
	
}

.scrollbox{
	width: 153px;

	margin: 0 auto;
	height: 44px;


	display: block;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;

	border: 1px solid #E0DABE;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

	border-radius: 15px;

top: 6px;
left: 6px;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
animation: play-pulse 2s infinite linear;
-webkit-animation: play-pulse 2s infinite linear;
-moz-animation: play-pulse 2s infinite linear;
-ms-animation: play-pulse 2s infinite linear;
-o-animation: play-pulse 2s infinite linear;
	margin-bottom: -39px;
	margin-top: -37px;
}
.active {
	-webkit-animation-duration: 20s;

	-webkit-animation-timing-function: infinite;
	-moz-animation-timing-function: infinite;
	-ms-animation-timing-function: infinite;
	-o-animation-timing-function: infinite;
	animation-timing-function: infinite;

	-webkit-animation-name: "rotate";
	-moz-animation-name: "rotate";
	-ms-animation-name: "rotate";
	-o-animation-name: "rotate";
	animation-name: "rotate";

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.ac {
	-webkit-animation-duration: 20s;

	-webkit-animation-timing-function: infinite;
	-moz-animation-timing-function: infinite;
	-ms-animation-timing-function: infinite;
	-o-animation-timing-function: infinite;
	animation-timing-function: infinite;

	-webkit-animation-name: "rotatee";
	-moz-animation-name: "rotatee";
	-ms-animation-name: "rotatee";
	-o-animation-name: "rotatee";
	animation-name: "rotatee";

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes rotate {
 0% {
    -webkit-transform: translate(0px, 0px);
   	-moz-transform: translate(0px, 0px);
   	-o-transform: translate(0px, 0px);
   	-ms-transform: translate(0px, 0px);
   	transform: translate(0px, 0px);
 }
 100% {
    -webkit-transform: translate(0px,-2400px);
   	-moz-transform: translate(0px,-2400px);
   	-o-transform: translate(0px,-2400px);
   	-ms-transform: translate(0px,-2400px);
   	transform: translate(0px,-2400px);
   	-webkit-filter: blur(1px) grayscale(1);
 }

}

@-moz-keyframes rotate {
 0% {
   -moz-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }
 100% {
   -moz-transform: translate(0px,-2400px);
   transform: translate(0px,-2400px);
 }

}

@-webkit-keyframes "rotate" {
 0% {
   -webkit-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }
 100% {
   -webkit-transform: translate(0px,-2400px);
   transform: translate(0px,-2400px);
   -webkit-filter: blur(1px) grayscale(1);
 }

}

@-ms-keyframes rotate {
 0% {
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }
 100% {
   -ms-transform: translate(0px,-2400px);
   transform: translate(0px,-2400px);
 }

}

@-o-keyframes "rotate" {
 0% {
   -o-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }
 100% {
   -o-transform: translate(0px,-2400px);
   transform: translate(0px,-2400px);
 }

}

@keyframes "rotatee" {
 0% {
    -webkit-transform: translate(0px, -2400px);
   	-moz-transform: translate(0px, -2400px);
   	-o-transform: translate(0px, -2400px);
   	-ms-transform: translate(0px, -2400px);
   	transform: translate(0px, -2400px);
 }
 100% {
    -webkit-transform: translate(0px, 0px);
   	-moz-transform: translate(0px, 0px);
   	-o-transform: translate(0px, 0px);
   	-ms-transform: translate(0px, 0px);
   	transform: translate(0px, 0px);
 }

}

@-moz-keyframes rotatee {
 0% {
   -moz-transform: translate(0px, -2400px);
   transform: translate(0px, -2400px);
 }
 100% {
   -moz-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }

}

@-webkit-keyframes rotatee {
 0% {
   -webkit-transform: translate(0px, -2400px);
   transform: translate(0px, -2400px);
 }
 100% {
   -webkit-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }

}

@-ms-keyframes rotatee {
 0% {
   -ms-transform: translate(0px, -2400px);
   transform: translate(0px, -2400px);
 }
 100% {
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }

}

@-o-keyframes "rotatee" {
 0% {
   -o-transform: translate(0px, -2400px);
   transform: translate(0px, -2400px);
 }
 100% {
   -o-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }

}




#intro{
	background-color: #F2EEDB;
}
.navmenu{
	width: 100%;
	height: 37px;
	background-color: #FCF8E4;
	border-top: 1px solid #79796A;
	border-bottom: 1px solid #79796A;
}
.nav-list ul{
	margin-top: -55px;
	/* padding-left: 0px; */
}
#menu{
	display: none;
}
.menu-mobile{
	display: none;
}
.nav-list ul li{
	display: inline-block;
	color: #6C6D71;
	margin-right: 60px;
}
.nav-list ul li:last-child{
	margin-right: 0px;
}
.nav-list ul li a{
	color: #6C6D71;
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 400; font-style: normal;
}
.nav-list ul li a:hover{
	color: #171718;
	text-decoration: none;
}

.jumbo{
	width: 62%;
	margin: 0 auto;
	margin-top: 90px;

}
.jumbo p{
	text-align: center;
	color: #6C6D71;
	font-size: 3.75em;
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 400; 
}
.scrolltext{
    text-align: center;

    margin-top: 44px;
}

.scrolltext a{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.25em;
	color: #6C6D71;
	border: 1px solid #6C6D71;
	padding: 8px 14px;
	border-radius: 15px;
}

.scrolltext a{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #6C6D71;
	border: 1px solid #6C6D71;
	padding: 7px 19px;
	border-radius: 15px;
	vertical-align: sub;
	background: #FCF8E4;
	z-index: 222;
	position: relative;
}

.scrolltext a:hover{
	color: #6C6D71;
	text-decoration: none;
}

.col1{
	background-color: #FCF8E4;
}
.col2{
	background-color: #F2EEDB;
}

#two{
}

.house-block{
    text-align: center;
    width: 15%;
    margin: 0 auto;
    position: relative;
    padding-top: 32px;
    padding-bottom: 22px;
    position: absolute;  z-index: 2;  width: 200px;  
    margin-left: -99px;  left: 50%;
}
.house-name{
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 700; font-style: normal; 
	border-top: 1px solid #6C6D71;
	border-bottom: 1px solid #6C6D71;
	font-size: 1.25em;
	color: #6C6C71;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.house-place{
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 400; 
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0;
	color: #6C6C71;
}

.house-wrap{
	height: 60%;
	display: table;
	position: relative;
	width:100%;
}
.house {
	text-align: center;
	display: table-cell;
	 margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  text-align:center;
  border: 0px;

		vertical-align: middle;
}
.house img{
	width: 70%;
	text-align: center;
	height: auto;
	border: 0px;
	webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
	margin-top: -1px;
}

#three{
	background-color: #F2EEDB;
}

.navmenuwrap{
    padding-top: 92px;
    z-index: 9;
	position: relative;
	
}
.share{
	/* text-align: center; */
	/* display: block; */
	/* position: relative; */
	/* position: absolute; */  
	/* width: 300px; */  margin: 0 auto;  
	/* margin-left: -144px; */  
	/* left: 50%; */  
	text-align: center;
}
.share .box{
	display: inline-block;
	vertical-align: top;
}
.img{
	background: url(../img/1.png)  top left no-repeat;;
	display: inline-block;
	width: 40px;
	height: 37px;
	width:41px; height:41px; background-position:-10px -10px;

}
.img:hover{
	background-position:-61px -10px;
}
.map{
	background: url(../img/2.png)  top left no-repeat;;
	display: inline-block;
	width: 40px;
	height: 37px;
	 width:42px; height:40px; background-position:-10px -10px; 
}
.map:hover{
	width:42px; height:40px; background-position:-62px -10px;
}
.like{
	background: url(../img/3.png)  top left no-repeat;;
	display: inline-block;
	width: 40px;
	height: 37px;
	width:42px; height:41px; background-position:-10px -10px;
}
.like:hover{
	width:42px; height:41px; background-position:-62px -10px;
}
.buy{
	color: #828282;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	border: 1px solid #828282;
	border-radius: 10px;
	padding: 6px 9px;
	vertical-align: sub;
	display: block;
}
.buy:hover{
	text-decoration: none;
	color: #DAD4D4;
background: #808182;
}
#h1 img{
	width: 55%;
}
#h2 img{
	width: 63%;
}
.social{
	display: none;
}
.slicknav_menu{
	display: none;
}

#b1 img{
    width: 68%;
}

#two img{
    width: 67%;
}
[data-id="Panjim-Inn"] img{
    width: 55%;
}

[data-id="Valeriano"] img{
	width: 59%; 
}

[data-id="Pillar-Sisters"]img{
    width: 65%;
	
}
#b13 img{
    width: 64%;
}


.block1{
	height: 100%;
}
.hou{
	height: 18%;
	display: table;
	text-align: center;
	width: 100%;
}
.soc > div{
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
}
.house-det{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
}
.house-det div{
   width: 300px;
    margin: 0 auto;
}
.soc{
	height: 20%;
	display: table;
	text-align: center;
	width: 100%;
}

.qwe{
	display: none;
}

.social{
	position: absolute;
	left: 50%;
	/*margin-left: -168px;*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.social ul {
    overflow: hidden;
    padding: 0;
    margin-top: 10px;
}
.social ul li{
	display: inline-block;
}
.social ul li.fb {
	position: relative;
	top: -6px;
}
/*.tweet{
	margin-right: -15px;
	margin-left: 10px;
}
.gplus{

}*/


@media (min-width: 1600px) {

	.jumbo {
		margin-top: 160px;
	}
	.nav-list ul li {
		margin-right: 45px;
	}
}

@media (max-width: 1200px) {

	.nav-list ul li {
		margin-right: 44px;
	}
}

@media (min-width:768px) and (max-width: 990px) { 

	.block{
		height: 536px !important;
	
		width: 100%;
}
	#one{
	}
	.jumbo{
		width: 77%;
	}
	.house-block{
		width: 20%;
	}
	.nav-list ul li {
		margin-right: 70px;
	}
	.share .box {
		font-size: 19px;
		vertical-align: text-top;
		margin-top: 3px;
	}


 }
 @media (max-width: 768px) { 
 	.menu-mobile{
		display: block;
	}
	.nav-list ul .menulink{
		display: none;
	}
	.nav-list{
		text-align: center;
	}
	.slicknav_menu{
		display: block;
		z-index: 99999;
	position: relative;
	}
	.jumbo{
		width: 70%;
	}
	#intro{
		height: 480px !important;
	}
	.jumbo p{
		font-size: 2.3em;
	}
	.scrolltext {
		margin-top: 60px;
		display:none;
	}
	.house-block{
		font-size: 1.3em;
		width: 29%;
	}
	.buy{
		font-size: 18px !important;
		display: block;
	}
	.nav-list ul li {
		margin-right: 43px;
	}


 }

     @media (max-width: 767px) {
     	.block{
     		height: auto !important;
		
     		width: 100%;
}
		.share{
			margin-top: 21px;
			padding-bottom: 30px;
		}
      }
  @media (max-width: 499px) { 
	.jumbo p{
		font-size: 4em;
	}
	.house-block{
		font-size: 2.4em;
		width: 48%;
	}
	.buy{
		font-size: 3.3em;
	}
	.block{
		height: 414px!important;
	}
	.house-det {
		font-size: 2.5em;
	}
	.all {
	width: 300px;
	height: 100%;
}
.contain1 .section2 {
	width: 329px;
}
#spinner{
	display: none;
}

.asd div {
	width: 160px;
	float: left;
}
#lol {
	background-size: 100%;
}
#two {
	background-size: 100%;
}


  }





@keyframes play-pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
60% {
    opacity: 1;
}
80% {
    opacity: 0;
}
100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
}@-moz-keyframes play-pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
60% {
    opacity: 1;
}
80% {
    opacity: 0;
}
100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
}@-webkit-keyframes play-pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
60% {
    opacity: 1;
}
80% {
    opacity: 0;
}
100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
}@-ms-keyframes play-pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
60% {
    opacity: 1;
}
80% {
    opacity: 0;
}
100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
}@-o-keyframes play-pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
60% {
    opacity: 1;
}
80% {
    opacity: 0;
}
100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

}
.bg-wrap{
}
.bg{
	background-image:url(../img/hog1.png);
	background-size: cover;
    background-position: center;
    -webkit-background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.bg1{
	background-image:url(../img/hog.png);
}
.bg-wrap .no{

}

.bg {

}

.bg.blurred-img {
  opacity: 0;
}

.all{
   width: 500px;
margin: auto;

   height: 100%;

   display: block;
overflow: hidden;
   top: 50%;
   bottom: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.as{
   height: 200px;
}
.asd{
    width:500px;
    height:250px;
}

.asd div{
    width:250px;
    float: left;
}
#lol {
   
   height: 1000px;
   background-repeat: no-repeat;

   -webkit-animation: play 20s infinite linear;
   -moz-animation: play 20s infinite linear;
   -ms-animation: play 20s infinite linear;
   -o-animation: play 20s infinite linear;
   animation: play 20s infinite linear;

   -webkit-animation-timing-function: ease-in-out;
   -moz-animation-timing-function: ease-in-out;
   -ms-animation-timing-function: ease-in-out;
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;

   -webkit-animation-fill-mode: forwards;
   -moz-animation-fill-mode: forwards;
   -ms-animation-fill-mode: forwards;
   -o-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

#two {
   background: url('../img/demo1.png');
   height: 1000px;
   background-position: 0px -4200px;
   background-repeat: no-repeat;

   -webkit-animation: play-pulse1 20s infinite linear;
   -moz-animation: play-pulse1 20s infinite linear;
   -ms-animation: play-pulse1 20s infinite linear;
   -o-animation: play-pulse1 20s infinite linear;
   animation: play-pulse1 20s infinite linear;

   -webkit-animation-timing-function: ease-in-out;
   -moz-animation-timing-function: ease-in-out;
   -ms-animation-timing-function: ease-in-out;
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;

   -webkit-animation-fill-mode: forwards;
   -moz-animation-fill-mode: forwards;
   -ms-animation-fill-mode: forwards;
   -o-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

@keyframes play {
 0% {
    background-position: 0px 1000px;
 }
 20% {
    background-position: 0px 250px;
 }

20.1% {
   background-position: 0px 250px;
}
 40% {
    background-position: 0px -850px;
 }

40.1% {
   background-position: 0px -850px;
}
 60% {
    background-position: 0px -1850px;
 }

60.1% {
   background-position: 0px -1850px;
}
 80% {
    background-position: 0px -2850px;
 }

80.1% {
   background-position: 0px -2850px;
}
 100% {
    background-position: 0px -3850px;
 }

}

@-moz-keyframes play {
 0% {
   background-position: 0px 1000px;
 }
 20% {
   background-position: 0px 250px;
 }

20.1% {
   background-position: 0px 250px;
}
 40% {
   background-position: 0px -850px;
 }

40.1% {
   background-position: 0px -850px;
}
 60% {
   background-position: 0px -1850px;
 }

60.1% {
   background-position: 0px -1850px;
}
 80% {
   background-position: 0px -2850px;
 }

80.1% {
   background-position: 0px -2850px;
}
 100% {
   background-position: 0px -3850px;
 }

}

@-webkit-keyframes play {
 0% {
   background-position: 0px 1000px;
 }
 20% {
   background-position: 0px 250px;
 }

20.1% {
   background-position: 0px 250px;
}
 40% {
   background-position: 0px -850px;
 }

40.1% {
   background-position: 0px -850px;
}
 60% {
   background-position: 0px -1850px;
 }

60.1% {
   background-position: 0px -1850px;
}
 80% {
   background-position: 0px -2850px;
 }

80.1% {
   background-position: 0px -2850px;
}
 100% {
   background-position: 0px -3850px;
 }

}

@-ms-keyframes play {
 0% {
   background-position: 0px 1000px;
 }
 20% {
   background-position: 0px 250px;
 }

20.1% {
   background-position: 0px 250px;
}
 40% {
   background-position: 0px -850px;
 }

40.1% {
   background-position: 0px -850px;
}
 60% {
   background-position: 0px -1850px;
 }

60.1% {
   background-position: 0px -1850px;
}
 80% {
   background-position: 0px -2850px;
 }

80.1% {
   background-position: 0px -2850px;
}
 100% {
   background-position: 0px -3850px;
 }

}

@-o-keyframes play {
 0% {
   background-position: 0px 1000px;
 }
 20% {
   background-position: 0px 250px;
 }

20.1% {
   background-position: 0px 250px;
}
 40% {
   background-position: 0px -850px;
 }

40.1% {
   background-position: 0px -850px;
}
 60% {
   background-position: 0px -1850px;
 }

60.1% {
   background-position: 0px -1850px;
}
 80% {
   background-position: 0px -2850px;
 }

80.1% {
   background-position: 0px -2850px;
}
 100% {
   background-position: 0px -3850px;
 }

}

@keyframes play-pulse1 {
 0% {
    background-position: 0px -4850px;
 }
 20% {
    background-position: 0px -3860px;
 }

20.1% {
   background-position: 0px -3860px;
}
 40% {
    background-position: 0px -2850px;
 }

40.1% {
   background-position: 0px -2850px;
}
 60% {
    background-position: 0px -1849px;
 }

60.1% {
   background-position: 0px -1849px;
}
 80% {
    background-position: 0px -847px;
 }

80.1% {
   background-position: 0px -847px;
}
 100% {
    background-position: 0px 155px;
 }

}

@-moz-keyframes play-pulse1 {
 0% {
   background-position: 0px -4850px;
 }
 20% {
   background-position: 0px -3860px;
 }

20.1% {
   background-position: 0px -3860px;
}
 40% {
   background-position: 0px -2850px;
 }

40.1% {
   background-position: 0px -2850px;
}
 60% {
   background-position: 0px -1849px;
 }

60.1% {
   background-position: 0px -1849px;
}
 80% {
   background-position: 0px -847px;
 }

80.1% {
   background-position: 0px -847px;
}
 100% {
   background-position: 0px 155px;
 }

}

@-webkit-keyframes play-pulse1 {
 0% {
   background-position: 0px -4850px;
 }
 20% {
   background-position: 0px -3860px;
 }

20.1% {
   background-position: 0px -3860px;
}
 40% {
   background-position: 0px -2850px;
 }

40.1% {
   background-position: 0px -2850px;
}
 60% {
   background-position: 0px -1849px;
 }

60.1% {
   background-position: 0px -1849px;
}
 80% {
   background-position: 0px -847px;
 }

80.1% {
   background-position: 0px -847px;
}
 100% {
   background-position: 0px 155px;
 }

}

@-ms-keyframes play-pulse1 {
 0% {
   background-position: 0px -4850px;
 }
 20% {
   background-position: 0px -3860px;
 }

20.1% {
   background-position: 0px -3860px;
}
 40% {
   background-position: 0px -2850px;
 }

40.1% {
   background-position: 0px -2850px;
}
 60% {
   background-position: 0px -1849px;
 }

60.1% {
   background-position: 0px -1849px;
}
 80% {
   background-position: 0px -847px;
 }

80.1% {
   background-position: 0px -847px;
}
 100% {
   background-position: 0px 155px;
 }

}

@-o-keyframes play-pulse1 {
 0% {
   background-position: 0px -4850px;
 }
 20% {
   background-position: 0px -3860px;
 }

20.1% {
   background-position: 0px -3860px;
}
 40% {
   background-position: 0px -2850px;
 }

40.1% {
   background-position: 0px -2850px;
}
 60% {
   background-position: 0px -1849px;
 }

60.1% {
   background-position: 0px -1849px;
}
 80% {
   background-position: 0px -847px;
 }

80.1% {
   background-position: 0px -847px;
}
 100% {
   background-position: 0px 155px;
 }

}







/*About Page*/
.intro-about {
	background-image: url('../img/intro.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
    background-position: center;
    -webkit-background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.abc .jumbo{
		opacity: 0;
		/*z-index: 99999;*/
	position: relative;
}
.abc .jumbo p{
	color: #FCF8E4;
}
.blurred-img{
	opacity: 0;
}
.intro-about p{
	color: #fff;
}
.text1{
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 600; font-style: italic;
	
	color: #3A2B27;
	font-size: 27px;
	width: 757px;
	margin: 0 auto;
	text-align: center;
}
.text1 a{
	color: #3A2B27;
}
.text1 a:hover{
	color: #3A2B27;
	text-decoration: none;
}
.about-houses{
	width: 950px;
	margin:0 auto;
	padding-bottom: 50px;
}
.abt-h{
	font-family: GothamBook;
	font-size: 30px;
	margin-bottom: 13px;
}
.abt-t{
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 400;
	font-size: 20px;
	text-align: left;
}
.abt-block{
	width: 741px;
}
.about-wrap{
	margin-top: 70px;
	margin-bottom: 70px;	
}
.text2{
    width: 100%;

    margin-top: 39px;
    text-align: left;
    margin-bottom: 56px;
}
.text2 span{
    width: 454px;
    display: block;
}
.text2 .text3{
    padding-top: 23px;
	
}
.text2 img{
    float: right;
	
}
.text2 .hut {
	float: right;
}
.intro1 {
	background-image: url(../img/26.jpg);
	width: 100%;
	height: 100%;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
}
.block2{
  position: relative;
}
.abt-scroll{
	font-family:MercuryItalic !important;
	font-size: 24px !important;
	color: #fff !important; 
}
.research{
	width: 950px;
	margin:0 auto;
	padding-top: 50px;
}

.rea-text{
	width: 770px;
	margin:0 auto;
}
.latika-box{
    width: 100%;

    margin-top: 21px;
}
.latika-box div{
	display: inline-block;
	height: 400px;
}
.latika-box span{
	display: inline-block;
}
.latika-box img{
    /* float: left; */

    width: auto;
    margin-top: auto;
    top: 0;
    vertical-align: super;
    display: block;
    margin-top: 22px;
    height: 373px;
}
.latika-box span{
	
    display: block;
    width: 475px;
    /* line-height: 24px; */
    font-size: 20px;
    padding-left: 42px;
}

.icn{
    margin-top: 60px;

    margin-bottom: 60px;
}
.icn ul{
	list-style: none;
	padding-left: 0;
}
.icn ul li{
    display: inline-block;

    margin-right: 59px;
}
.icn ul li:last-child{
    margin-right: 0;

}
.exploration{
    margin-top: 60px;

    margin-bottom: 0px;
}
.exploration ul{
	list-style: none;
	padding-left: 0px;
}
.exploration ul li{
    display: inline-block;

    margin-right: 29px;
    margin-bottom: 30px;
}
.exploration ul li .exp-img{
    width: 251px;
}

.exploration ul li:last-child{
	margin-right: 0;
}
.intro3{
    margin-top: 33px;
	
    margin-bottom: 33px;
}
#posterblock{
	background: #F1F0E5;
	display: table;
}
#video{
	margin-bottom: 60px;
}
.smalltxt{
	font-family: 'Mercury Display A', 'Mercury Display B';
	font-weight: 700;
	color: #333;
	font-size: 14px;
	text-align: right;
	font-style: italic;
}
.poster-wrap {
	width: 700px;
	margin:0 auto;
	width: 1000px;  margin: 0 auto;  display: table-cell;  text-align: center;  vertical-align: middle;
}
.poster-wrap .pos{
	display: inline-block;  width: 446px;  
	margin-right: 0;
	vertical-align: middle;
}
.text6{
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 600; font-style: italic;
	text-align: left;
	font-size: 36px;

}
.buyposter{
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #20ADB1;
	border: 2px solid #20ADB1;
	text-transform: uppercase;
	padding: 9px 22px;
	border-radius: 8px;
}
.buyposter:hover{
	text-decoration: none;
	color: #F1F0E5;
	background: #20ADB1;
}
.buy-btn{
	text-align: left;
}
#h5 img{
	width: 59%;
}
.other-text{
	font-family: GothamLight;
	font-size: 24px;
	color: #444444;
	text-align: center;
	margin-top: 100px;
}

.ventures{
    height: 200px;

    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-top: 60px;
    text-align: center;
}
.ventures ul{
	list-style: none;
	padding-top: 18px;
	padding-left: 0px;
}
.ventures ul li{
	display: inline-block;
	margin-right: 0px;
}

.ventures ul li:last-child{
	margin-right: 0px;
	padding-left: 30px;
}
.if-text{
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 400; font-style: italic;
	color: #333333;
	padding-top: 0px;
}

.text9{
    padding-top: 22px;
padding-left: 33px;
width: 300px;
}
.bottom{
	margin-top: 21px;
}
.footer{
	height: 40px;
	border-top: 1px solid #999999;
}
.made{
	font-family: GothamLight;
	text-align: center;
	color: #444444;
	font-size: 16px;
	padding-top: 8px;
}
.jumbo-mob{
		display: none;
}
.abt-con{
	margin-top: 400px;
}
.exploration ul li {
background: url(http://unsplash.wpengine.com/wp-content/themes/blogfolio/styles/light/bg_list.png) no-repeat;
}

.overlayy{
	background: url(http://unsplash.wpengine.com/wp-content/themes/blogfolio/images/bg_overlay.png) repeat;
	width: 250px;
	height: 167px;
	padding: 30px;
	font-size: 14px;
	color: #FFF;
	line-height: 18px;
	text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px;
	position: absolute;
	text-align: center;
	visibility: hidden;
	}
.exploration ul li:hover .overlayy {
	visibility: visible;
}

.t{
	color: #FFF;
	font-family: 'Mercury Display A', 'Mercury Display B';
	font-weight: 400;
	font-size: 24px;
	font-family: 'Mercury Display A', 'Mercury Display B';
	font-weight: 600;
	font-style: italic;
}
.t1{
	display: none;
	color: #FFF;
	font-family: 'Mercury Display A', 'Mercury Display B';
	font-weight: 400;
	font-size: 24px;
	font-family: 'Mercury Display A', 'Mercury Display B';
	font-weight: 600;
	font-style: italic;
	width: 284px;
	margin: 0 auto;
	margin-top: 15%;
	position: absolute;
	margin-left: 31%;
	}
.t2{
	display: none;
	width: 284px;
	margin: 0 auto;
	margin-top: 9%;
	position: absolute;
	margin-left: 48%;
}
.t3{
	display: none;
	width: 241px;
	margin: 0 auto;
	margin-top: 17%;
	position: absolute;
	margin-left: 66%;
}
.t4{
	display: none;
	width: 241px;
	margin: 0 auto;
	margin-top: 17%;
	position: absolute;
	margin-left: 48%;
	text-align: right;
}
.t5{
	display: none;
}
.abt-t a{
	color: #333;
}
.abt-t a:hover{
	color: #333;
	text-decoration: underline;
}
.modal{
	background: #333;
}
.modal-dialog{
	padding-top: 15%
}
 @media (min-width: 979px) and (max-width: 1200px) { 
 	.ventures{
 		height: 140px
 	}
 	.ventures ul{
 		text-align: center;
 	}
	.ventures ul li a img{
    	width: 139px;
		
	}
	.poster-wrap .pos {
		width: 422px;
	}

  }


@media (min-width: 320px) and (max-width: 979px) { 
	.text6 {
font-size: 24px;
padding-top: 6px;
}
	.overlayy{
		display: none;
	}
	.bottom{
		display: none;
	}
	#video iframe{
		width: 100% !important;
		height: 100% !important;
	}

	.text1 {
		width: 100%;
	
		font-size: 26px;
}
	.about-houses {
		width: 100%;
	}
	.text2 span {
		width: 100%;
	}.latika-box span {
		width: 100%;
	
		font-size: 18px;
}
	.latika-box div {
		width: 283px;
	}
	.latika-box div {
display: inline-block;
height: 341px;
}
	.research{
		width: 88%;
	}
	.rea-text {
	width: 700px;
	}
	.icn ul li img {
	    width: 118px;

	}
	.exploration ul {
		text-align: center;
	}
	.poster-wrap .pos {
	width: 250px;
	}
	.poster img{
		width: 100%;
	}
 	.ventures{
 		height: 140px
 	}
 	.ventures ul{
 		text-align: center;
 	}
	.ventures ul li a img{
    	width: 134px;
		
	}
	.abt-t{
		font-size: 18px;
	
		text-align: left;
}
	.intro3 img{
		width: 100%;
	}
	.latika-box img {
		width: 100%;
		height: auto;
		margin-bottom: 50px;
	}
}

@media (max-width: 767px) { 
	.about-wrap {
margin-top: 0px;
margin-bottom: 0px;
}
	.text2 img {
float: right;
width: 100%;
margin-bottom: 31px;
}
	.icn ul li {
margin-right: 14px;
margin-bottom: 29px;
}
	.exploration ul li {
margin-right: 0px;
}
	.block2{
		display: none;
	}
	.abt-con{
		margin-top: 80px;
	}
	.abc .jumbo {
opacity: 1;
z-index: 99999;
position: relative;
}
.scrolltext{
	display: none;
}
	.rea-text {
		width: 100%;
	
		text-align: left;
}
	.ventures{
		height: 322px;
		border-bottom: 0px;
	}
	.ventures ul li {
		margin-bottom: 14px;
	}
	.poster-wrap{
		width: 100%;
	}
	.poster-wrap .pos {
		margin-right: 0px;
	}
	#posterblock{
		height: 649px !important;
	}
	.abt-block {
		width: 100%;
	}
	.latika-box img {
		width: 100%;
	}
	.icn ul li {
		margin-right: 13px;
		margin-bottom: 29px;
	}
	.latika-box span {
		padding-left: 0px;
		height: 100%;
	}
	.jumbo-mob{
		display: block;
	}

}




.hidden {
    position: absolute;
    top: -9999999px;
}

#bottommark {
    position: absolute;
    bottom: 0;
}

#animation { 
background-repeat: no-repeat;
position : fixed; 
top: 0;
width: 980px;
margin: 0 auto;
}

.bodoni{
    width: 245px;
    margin-left: -35px;
    vertical-align: bottom;
}


.exp {
    position: absolute;
    background-position: center;
    -webkit-background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.exp blur{
  opacity: 0;
}

.bg-normal {
	z-index:10;
	background-image:url(../img/26.jpg);
}

.bg-blur {
	z-index:20;
	background-image:url(../img/26b.jpg);
	opacity:0;
}
.made a{
	color: #333;
}
.made a:hover{
	color: #333;
	text-decoration: none;
}
#intro{
	background: #F2EEDB;
}

.text9 a{
	color: #333;
}
.text9 a:hover{
	color: #333;
	text-decoration: none;
}
.s{
	text-transform: lowercase;
}

.contact{
text-align: center;
}

.hello{
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 700; 
	font-size: 40px;
	color: #fff;
}
.touch{
	font-size: 30px;
	font-family: 'Mercury Display A', 'Mercury Display B'; font-weight: 400;
	color: #fff;
}
.touch a{
	color: #fff;
	text-decoration: underline;
}
.touch a:hover{
	color: #fff;
	text-decoration: none;

}
.model-bg{
	background: #333;
	border-radius: 0px;
	border: 2px solid #FFF;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0px 0px rgba(0,0,0,0);
}

.t5-wrap{
	width: 513px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	height: 146px;
}