@charset "utf-8";
/* CSS Document */
* {
	box-sizing:border-box;
    font-family: 'Pavanam', sans-serif;

	letter-spacing:1px;
}


html{
	height:100%;
	width:100%;
}

body{
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background-color:#000;
	color:#fff;
}

h1{
    font-family: 'Pavanam', sans-serif;

	font-weight:100;
	font-size:36px;
	color:#EC268F;
	text-transform:uppercase;
}

h2{
    font-family: 'Pavanam', sans-serif;

	font-weight:500;
	font-size:24px;
	color:#d1d3d4;
}

h3{
    font-family: 'Pavanam', sans-serif;

	font-weight:400;
	font-size:14px;
	color:#d1d3d4;
}

h4{
    font-family: 'Pavanam', sans-serif;

	font-weight:500;
	font-size:56px;
	color:#fff;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#fff;
	transition:all 1s ease-in;
}

a:active {
	text-decoration:none;
	color:#fff;
}

a:visited {
	text-decoration:none;
	color:#fff;
}

a:hover {
	text-decoration:none;
	color:#fff;
}

#main{
	height:100%;
	width:100%;
}

#loader{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

.vertical{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#header{
	width:100%;
	text-align:left;
	padding:20px;
	overflow:auto;
}
	.logos{
		float:right;
		padding:10px;
		text-align:center;
	}
		.logos img{
			width:80px;
		}
		.logos:first-child img{
			width:480px;
		}
	
	.logos:nth-child(2n){
		float:right;
		padding:10px;
		text-align:center;
	}
	.links{
		float:right;
		padding:5px;
		text-align:center;
	}
	.links:nth-child(3){
		float:right;
		padding:5px;
		margin-right:0px;
		text-align:center;
	}
		.headlinks:hover > label{
			opacity:1;
		}
		
		.links label{
			display:block;
			opacity:0;
			text-align:center;
			width:65px;
			font-size:12px;
			margin-bottom:5px;
			transition:all 0.3s ease-out;
			-o-transition:all 0.3s ease-out;
			-moz-transition:all 0.3s ease-out;
			-webkit-transition:all 0.3s ease-out;
		}
		.linkdiv{
			width:40px;
			height:41px;
			background-repeat:no-repeat;
			background-size:40px;
			background-position:bottom center;
			margin:0 auto;
		}
		.headlinks:hover > .linkdiv{
			background-position:top;
		}


.mainscreentext2{
	float:right;
	
}

	.mainscreentext2 p{
		text-transform:uppercase;
		font-size:50px;
		line-height:70px;
		letter-spacing:1px;
    font-family: 'Pavanam', sans-serif;

		color:#d1d3d4;
	}

.section2{
	width:100%;
	height:100%;
	background-image:url(images/bg2.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top;
	background-position:top;
}

.screen{
	overflow:hidden;
	width:100%;
}

.sly{
	display:none;
		transition:all 0.3s ease-out;
		-o-transition:all 0.3s ease-out;
		-moz-transition:all 0.3s ease-out;
		-webkit-transition:all 0.3s ease-out;
}
.sly2{
	display:block !important;
	opacity:1;
}

	.screen p{
		color:#d1d3d4;
		font-size:18px;
		line-height:28px;
	}
	.box1{
		width:60%;
		float:left;
		background-color:#512c8c;
		display:block;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:bottom right;
	}
		.box1 span{
			padding:30px;
			display:block;
		}
	.box2{
		width:40%;
		float:left;
		background-color:#bcbdc1;
		overflow:hidden;
		display:block;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:bottom right;
	}
		.box2:last-child h1{
			color:#512c8c;
		}
		.box2:last-child p{
			color:#000;
		}
		.box2 span{
			padding:30px;
			display:block;
		}
	.box3{
	width:100%;
	float:left;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right bottom;
	display:block;
	text-align:center;
	clear:both;
	overflow:auto;
	padding:30px;
	background-color: #EC268F;
	}
		.box3 span{
			padding:30px;
			display:block;
		}
	.box4{
		width:50%;
		float:left;
		background-color:#222222;
		display:block;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:bottom right;
	}
		.box4 span{
			padding:60px;
			display:block;
		}
	.box5{
		width:50%;
		float:left;
		background-color:#1171c2;
		display:block;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:bottom right;
	}
		.box5 span{
			padding:60px;
			display:block;
		}

#footer{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:30px;
	padding-top:10px;
	display:block;
	clear:both;
	position:relative;
	border-top:1px solid #fff;
}

	#footer span{
		font-size:8px;
		display:block;
		position:absolute;
		bottom:1px;
		left:0;
		padding-left:0;
	}
	
	.top{
		font-size:10px;
		display:block;
		position:absolute;
		padding-right:0;
		bottom:30px;
		right:0px;
		text-align:right;
		width:30px;
		cursor:pointer;
	}
	
	#footer a{
		font-size:14px;
		background-color:transparent;
		color:#fff;
		padding:3px;
		transition:all 0.3s ease-out;
		-o-transition:all 0.3s ease-out;
		-moz-transition:all 0.3s ease-out;
		-webkit-transition:all 0.3s ease-out;
	}

	#footer a:nth-child(1){
		margin-left:50px;
	}

	#footer a:hover{
		background-color:#000000;
		color:#fff;
	}

.readmore
{
	position:absolute;
	bottom:0;
	right:0;
}
	.readmore img
	{
		width:50px;
	}
	
.bgsmart{
		background-image:url(../images/flatgraphic.png);
		background-repeat:no-repeat;
		background-size:50%;
		background-position:100% 10%;
}

.water1{
	float:left;
	width:30%;
	margin-top:30px;
}
	.water1 img{
		width:80%;
	}

.water2{
	float:left;
	width:60%;
	margin-bottom:30px;
}

.bottomleft{
	background-position:bottom left !important;
}
.right{
	float:right;
}
		#headermobile{
			position:fixed;
			top:0;
			left:0;
			width:100%;
			box-sizing:border-box;
			padding:10px 10px;
			color:#FFF;
			text-align:left;
			opacity:0 !important;
			z-index:-1 !important;
			transition:1s ease all;
		}
		.left{
			float:right;
		}

	@media only screen and (min-width: 1441px) 
	
	{

		.heightmaintain{
			min-height:500px;
		}

		h1{
    font-family: 'Pavanam', sans-serif;

			font-weight:100;
			font-size:72px;
			color:#30a4dd;
			text-transform:uppercase;
		}
		
		h2{
    font-family: 'Pavanam', sans-serif;

			font-weight:500;
			font-size:50px;
			color:#d1d3d4;
		}
		
		h3{
    font-family: 'Pavanam', sans-serif;

			font-weight:400;
			font-size:24px;
			color:#d1d3d4;
		}
		
		h4{
    font-family: 'Pavanam', sans-serif;

			font-weight:500;
			font-size:100px;
			color:#fff;
			margin:0;
			padding:0;
		}
		.screen p{
			color:#d1d3d4;
			font-size:30px;
			line-height:50px;
		}
		.readmore img
		{
			width:100px;
		}
		.mainscreentext2{
			float:right;
			margin-right:140px;
			margin-top:40px;
		}
		.mainscreentext2 p{
			text-transform:uppercase;
			font-size:60px;
			line-height:92px;
			letter-spacing:1px;
    font-family: 'Pavanam', sans-serif;

			color:#d1d3d4;
		}
		.links label{
			display:block;
			opacity:0;
			text-align:center;
			width:100px;
			font-size:18px;
			margin-bottom:5px;
			transition:all 0.3s ease-out;
			-o-transition:all 0.3s ease-out;
			-moz-transition:all 0.3s ease-out;
			-webkit-transition:all 0.3s ease-out;
		}
		.linkdiv{
			width:60px;
			height:62px;
			background-repeat:no-repeat;
			background-size:60px;
			background-position:bottom center;
			margin:0 auto;
		}
		.logos img{
			width:160px;
		}
		.logos:first-child img{
			width:240px;
		}
		.box1 span{
			padding:60px;
			display:block;
		}
		.box2 span{
			padding:60px;
			display:block;
		}
		.box3 span{
			padding:60px;
			display:block;
		}
	
		.bgsmart{
				background-image:url(../images/flatgraphic.png);
				background-repeat:no-repeat;
				background-size:40%;
				background-position:100% 10%;
				padding:60px;
		}

		.links:nth-child(3){
			float:right;
			padding:5px;
			margin-right:170px;
			text-align:center;
		}
	}

/* #Media Queries
================================================== */
	
	@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
	{
		 
		#header{
			display:none;
		}
		#footer{
			display:none;
		}
		#headermobile{
			position:fixed;
			top:0;
			left:0;
			width:100%;
			box-sizing:border-box;
			padding:10px 10px;
			color:#FFF;
			text-align:left;
			opacity:1 !important;
			z-index:999 !important;
			transition:1s ease all;
		}
		
		
		#headermobile a{
			font-size:14px;
			border-left-color:#a07e31;
			border-right-color:#a07e31;
			margin-top:5px;
		}
		#headermobile a:hover{
			color:#a07e31 !important;
			border-top-color:#a07e31;
			border-bottom-color:#a07e31;
			border-left-color:#a07e31;
			border-right-color:#a07e31;
		}
		.section{
			width:100%;
			height:70%;
			background-image:url(images/bg.png);
			background-repeat:no-repeat;
			background-size:contain;
			background-position:bottom left;
		}
		.mainscreentext2{
			float:right;
			margin-right:40px;
			margin-top:40px;
		}
		.bgsmart{
				background-image:url(../images/flatgraphic.png);
				background-repeat:no-repeat;
				background-size:50%;
				background-position:bottom right;
		}
		
		h4{
    font-family: 'Pavanam', sans-serif;

			font-weight:500;
			font-size:34px;
			color:#fff;
			margin:0;
			padding:0;
		}
		.box1{
			width:100%;
			float:left;
			background-color:#512c8c;
			display:block;
			position:relative;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:bottom right;
		}
	.box4{
		width:100%;
		float:left;
		background-color:#000;
		display:block;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:bottom right;
	}
		.box4 span{
			padding:60px;
			display:block;
		}
	.box5{
		width:100%;
		float:left;
		background-color:#30a4dd;
		display:block;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:bottom right;
	}
		.box5 span{
			padding:60px;
			display:block;
		}
		.box1 span{
			padding:30px;
			display:block;
		}
		.box2{
			width:100%;
			float:left;
			background-color:#bcbdc1;
			overflow:hidden;
			display:block;
			position:relative;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}
		.right{
			float:left;
		}

		.links label{
			display:block;
			opacity:0;
			text-align:center;
			width:0px;
			font-size:0px;
			margin-bottom:5px;
			transition:all 0.3s ease-out;
			-o-transition:all 0.3s ease-out;
			-moz-transition:all 0.3s ease-out;
			-webkit-transition:all 0.3s ease-out;
		}
		.linkdiv{
			width:40px;
			height:41px;
			background-repeat:no-repeat;
			background-size:40px;
			background-position:bottom center;
			margin:0 auto;
		}
		.bottomleft{
			background-position:center !important;
		}
	}
	
		@media only screen and (max-width: 767px)
	
	{
	.box4{
		width:100%;
		float:left;
		background-color:#000;
		display:block;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:bottom right;
	}
		.box4 span{
			padding:30px;
			display:block;
		}
	.box5{
		width:100%;
		float:left;
		background-color:#30a4dd;
		display:block;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:bottom right;
	}
		.box5 span{
			padding:30px;
			display:block;
		}
.mainscreentext2 p {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 34px;
  letter-spacing: 1px;
    font-family: 'Pavanam', sans-serif;
	margin:20px;
	padding:20px;

  color: #d1d3d4;
}
.water1{width:100%;}		 
.water2{width:100%;}		 
div.screen .heightmaintain{height:auto !important; min-height:200px;}
		#header{
			display:none;
		}
		#footer{
			display:block;
			padding-top:30px;
		}
		#headermobile{
			position:fixed;
			top:0;
			left:0;
			width:100%;
			box-sizing:border-box;
			padding:10px 10px;
			color:#FFF;
			text-align:left;
			opacity:1 !important;
			z-index:999 !important;
			transition:1s ease all;
		}
		
		
		#headermobile a{
			color:#fff !important;
			font-size:14px;
			border-left-color:#a07e31;
			border-right-color:#a07e31;
			margin-top:5px;
		}
		#headermobile a:hover{
			color:#fff !important;
			border-top-color:#a07e31;
			border-bottom-color:#a07e31;
			border-left-color:#a07e31;
			border-right-color:#a07e31;
		}
		
		.section{
			width:100%;
			height:100%;
			background-image:url(../images/bg.png);
			background-repeat:no-repeat;
			background-size:contain;
			background-position:bottom left;
		}
		.mainscreentext2{
			float:right;
			margin-right:0px;
			margin-top:80px;
			padding-left:20px;
		}
		.bgsmart{
				background-image:url(../images/flatgraphic.png);
				background-repeat:no-repeat;
				background-size:30%;
				background-position:center right;
		}
		
		h4{
    font-family: 'Pavanam', sans-serif;

			font-weight:500;
			font-size:34px;
			color:#fff;
			margin:0;
			padding:0;
		}
		.box1{
			width:100%;
			float:left;
			background-color:#512c8c;
			display:block;
			position:relative;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:bottom right;
		}
		.box1 span{
			padding:30px;
			display:block;
		}
		.box2{
			width:100%;
			float:left;
			background-color:#bcbdc1;
			overflow:hidden;
			display:block;
			position:relative;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}
		.right{
			float:left;
		}
		.left{
			float:right;
		}

		.links label{
			display:block;
			opacity:0;
			text-align:center;
			width:0px;
			font-size:0px;
			margin-bottom:5px;
			transition:all 0.3s ease-out;
			-o-transition:all 0.3s ease-out;
			-moz-transition:all 0.3s ease-out;
			-webkit-transition:all 0.3s ease-out;
		}
		.linkdiv{
			width:40px;
			height:41px;
			background-repeat:no-repeat;
			background-size:40px;
			background-position:bottom center;
			margin:0 auto;
		}
		.bottomleft{
			background-position:center !important;
		}
		.footertext{
			display:none;
		}
		.warr{
			display:none;
		}
		.hidemob{
			display:none;
		}
	}
	
.txt{
margin:25px;
padding:25px;
}
/*--about--*/
.about_top{
	padding:5em 0;
}
ul.breadcrumbs {
  padding: 0;
  list-style: none;
  margin: 2em 0 0 0;
  text-align: center;
}
ul.breadcrumbs li {
  display: inline-block;
  font-size:1.1em;
  color: #fff;
  text-transform:uppercase;
  font-weight: 700;
}
ul.breadcrumbs li a, a.test-url{
  color: #b8416f;
}
.row_1 p{
  color: #555;
  font-size: 1.3em;
  line-height: 1.8em;
  font-weight: 300;
}
.row_2 p{
	font-size:0.95em;
	line-height:1.5em;
	text-align: justify;
}
.row_2 p a{
	color:#555;
}
.row_2 p a:hover{
	text-decoration:none;
	color: #b8416f;
}
.row_2 h4{
	margin-top:1.5em;
	margin-bottom:0;
}
.but1{
	text-align:center;
	margin-top:4em;
}
.btn.btn-primary {font-family: 'Pavanam', sans-serif;
  font-size: 1.7em;
  font-weight: 300;
  font-style: normal;
  text-shadow: none;
  text-transform: uppercase;
  color: #FFF;
  padding: 10px 30px;
  position: relative;
  letter-spacing: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  border: none;
  outline: none;
  border-radius: 0;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
}
.btn-primary {
	color: #fff;
}
.btn.btn-primary:before {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	bottom: 0;
	right: 0;
	top: 0;
	z-index: -1;
	border-radius: 0;
	background:#b8416f;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.btn.btn-primary:hover:before {
	width: 100%;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn.btn-primary:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0;
	background:#6dd3d1;
	z-index: -2;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.view {
  	overflow: hidden;
   	position: relative;
   	text-align: center;
   	cursor: default;
}
.view .mask,.view .content {
	 width:255px;
	 height:280px;
	 overflow: hidden;
	 position: absolute;
	 top: 0;
	 left: 0;
	 cursor: pointer;
}
.view img {
   display: block;
   position: relative;
}
.info {
   display: inline-block;
   text-decoration: none;
   margin-top:7em;
   color: #fff;
   text-transform: uppercase;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.grid_3{
	padding:5em 0;
}
.about-grid p{
	color:#999;
	font-size:0.95em;
	line-height:1.8em;
	margin-bottom:1em;
}
a.btn_2{
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  line-height: 16px;
  font-size: 15px;
  font-weight: 600;
  text-shadow: none;
  text-transform: uppercase;
  text-decoration: none;
  color: #e05361;font-family: 'Pavanam', sans-serif;
}
a.btn_2:hover{
	color:#6dd3d1;
}
/*--services--*/
.service_box{
	margin-bottom:5em;
}
/*--404--*/
.error-404{
  min-height: 500px;
  margin-top: 5em;
}
.error-404 h1 {
  font-size: 12em;
  font-weight: 700;
  color:#6dd3d1;
  text-transform: uppercase;
}
.error-404 p {
  color: #4f4844;
  font-size: 1.2em;
  text-transform: uppercase;
}
a.b-home {
  background: #4f4844;
  padding: 0.8em 1.5em;
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  margin-top: 1em;
  -webkit-appearance: none;
}
a.b-home:hover{
	  background: #b8416f;
}
/*--contact--*/
.contact{
	padding:5em 0;
}
.living_middle {
  margin-bottom: 5em;
}
.map iframe {
	min-height:300px;
	width: 100%;
	border: none;
}
.address p {
	color: #000;
	font-size:1em;
	line-height:1.8em;
	margin: 0 0 16px;
	font-style: normal;
}
.address dd {
	color:#96a6a7;
	font-size:0.95em;
	line-height:1.8em;
}
.to {
	margin-bottom: 2em;
}
.to input[type="text"] {
	padding: 10px 0;
	width: 32.111%;
	font-size: 0.85em;
	margin: 10px 0;
	border: none;
	color:#96a6a7;
	background: none;
	float: left;
	outline: none;
	border-bottom: 2px solid #96a6a7;
	text-transform: uppercase;
	font-weight: 600;
}
.text input[type="text"], .text textarea {
	width:100%;
	font-size: 0.85em;
	margin: 10px 0;
	border: none;
	border-bottom: 2px solid #96a6a7;
	color:#96a6a7;
	background: none;
	outline: none;
	text-transform: uppercase;
	font-weight: 600;
	height: 54px;
	padding: 10px 0;
	resize: none;
}
.form-submit1{
	text-align:center;
	margin-top:2em;
}
.form-submit1 input[type="submit"] {
	color: #FFF;
	text-align:center;
	font-size: 0.95em;
	font-weight: normal;
	padding: 15px 30px;
	text-transform: uppercase;
	background:#6dd3d1;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-weight:500;
	border: none;
	cursor: pointer;
	outline:none;
}
.form-submit1 input[type="submit"]:hover {
	background: #b8416f;
}
/*--responsive design--*/
@media (max-width:1280px){
.logo {
  padding:3.1% 1%;
}	
.menu {
  width: 77%;
}
.menu1 {
  width: 61%;
}
.search1 {
  width: 20%;
  margin: 0 0 0 2%;
}
i.menu-border {
  top: 61px;
}
.slider-left {
  margin: 12% 0 0 0;
}
.wmuSliderPagination {
  left: 0;
}
}
@media (max-width:1024px){
.slider-left h1 {
  font-size: 7em;
}
.header {
  min-height:550px;
}
.view .mask, .view .content {
  width: 205px;
  height: 205px;
}
.info {
  margin-top: 4em;
}
.to input[type="text"] {
  width: 31.9%;
}  
.to input[type="text"] {
  width: 31.3%;
}
}
@media (max-width:920px){
.logo img{
	width:90%;

}
.logo {
  padding: 4.5% 1%;
  width: 20%;
  margin: 0 auto;
}
.menu1 {
  width: 100%;
}
i.menu-border {
  display: none;
}
.menu1 li a {
  padding: 0 10px;
}
.social {
  padding-left: 3%;
}
.menu {
  margin: 1% 0 1.5% 0;
}  
.search1 {
  width:75%;
}
.slider-left h1 {
  font-size: 5em;
}
span.m_2 {
  font-size: 35px;
}
.header {
  min-height: 450px;
}
.col_1 {
  margin-bottom: 2em;
}
.grid li {
  width: 30.8888%;
}
.col-md-4.footer_grid {
  margin-bottom: 3em;
}
.row_1 p {
  margin-top: 1em;
}
.tz-title-3, .tz-title-2, .about_top h1, .contact h1, .living_middle h2 {
  margin-bottom: 2em;
}  
.view .mask, .view .content {
  width: 150px;
  height: 150px;
}
.about {
  min-height:200px;
}
}
@media (max-width:640px){
.logo {
	padding: 10px;
	float: none;
	text-align: center;
	display:none;
}
h3.nav_right{
	display: block;
	float: left;
	color: #FFF;
	background: #b8416f;
	padding: 10px;
	margin-bottom: 0;
}
h3.nav_right a{
	text-decoration:none;
}
.navbar-default .navbar-toggle {
	border-color: #FFF;
	background:#373645;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #6E9BCA;
}
.social {
	margin-top: 0px;
	padding: 0 13px 10px;
	float: none;
}
.search2 input[type="submit"] {
	background: url('../images/search.png') no-repeat 9px 6px;
	top:0px;
	padding:6px 20px;
}
div#bs-example-navbar-collapse-1 {
	max-height:700px;
	text-align: center;
}
.navbar-default .navbar-form {
	border-color:#fff;
}
.search1 {
	width: 85%;
	padding: 0 10px 20px;
	margin: 0;
}
.menu {
	margin: 0;
	float: left;
	width: 100%;
}
.navbar-toggle {
  margin-top: 11px !important;
}  
.header {
  min-height: 400px;
}
.content_middle {
  text-align:center;
}
.col_2 img, .col_3 img, .col_4 img{
  display:inline-block;
}
.copy_right {
  float: none;
}
.footer_nav {
  float: none;
  margin-top: 1em;
}
.footer_bottom {
  text-align: center;
}
.view img {
  display: inline-block;
}
.col-sm-3.about-grid {
  text-align: center;
  margin-bottom:3em;
}
.to input[type="text"] {
  width: 30.9%;
}
}
@media (max-width:480px){
.slider-left h1 {
  font-size: 4em;
}	
span.m_2 {
  font-size: 24px;
}
h3.nav_right a img{
	width:130px;
}
h3.nav_right {
  padding: 15px 10px;
}  
.navbar-toggle {
  margin-top: 10px !important;
}
.slider-left h1 {
  font-size: 3em;
}
span.m_2 {
  font-size: 20px;
}
.header {
  min-height: 330px;
}
.tz-title-4 {
  padding: 40px 0 40px;
}  
.about {
  min-height: 160px;
}
.error-404 h1 {
  font-size: 6em;
}
.to input[type="text"] {
  width: 100%;
  margin-left:0 !important;
}
}
@media (max-width:320px){
h3.nav_right a img {
  width: 90px;
}
h3.nav_right {
  padding: 18px 10px;
}	
.header {
  min-height: 240px;
}
.slider-left h1 {
  font-size: 2em;
}
span.m_2 {
  font-size: 14px;
}
.container {
  padding:0 10px !important;
}
.col-md-4.col_1 {
  padding: 0;
}
.content_top {
  padding: 3em 0 1em;
}
.tz-title-4 {
  padding: 10px 0 20px;
}  
.content_bottom {
  padding: 2em 0;
}
.tz-title-3, .tz-title-2, .about_top h1, .contact h1, .living_middle h2 {
  margin-bottom: 1em;
}
.footer {
  padding: 3em 0;
}
.search input[type="text"] {
  width: 87.2%;
}  
.footer_top {
  padding-bottom:0;
}
ul.breadcrumbs {
  margin: 1em 0 0 0;
}  
.about {
  min-height: 130px;
}
.about_top {
  padding: 1em 0;
}
.col-md-6, .col-sm-3, .col-md-9, .col-md-3{
	padding:0;
}
.row_1 p {
  font-size: 1em;
}  
.but1 {
  margin: 3em 0;
}
.btn.btn-primary {
  font-size: 1.3em;
  padding: 10px 15px;
}  
.grid_3 {
  padding: 2em 0;
}
.view .mask, .view .content {
  width: 277px;
  height: 277px;
}
.contact {
  padding: 2em 0;
}  
}

.col-md1 img{
	margin: 0 auto;
}
.col-md1 h3 {
	font-size: 14px;
	line-height: 1.1em;
	font-family: 'Pavanam', sans-serif;
	text-align: center;
	margin: 0 0 0.7em;
	color: #000;
	font-weight: bold;
	text-transform: capitalize;
}
.col-md1 h3 a{
  	color: #000;
	text-decoration: none;
}
.price h5{
	float: left;
	color:#000;
	font-size: 1.5em;
	margin-top: 3px;
}
.price a {
    color: #FFF;
  font-size: 0.9em;
  display: block;
  float: right;
  background-color: #EC268F;
  padding: 0.3em 0.6em;
  border-radius: 3px;
  text-decoration: none;
  padding:5px;
  margin:5px;
  line-height:20px;
}
.content-top {
  padding: 4em 0;
}
.content-top1 {
  padding: 2em 0;
}
.col-md1 {
background:#FFFFFF;
	padding: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CACACA;
	border-right-color: #CACACA;
	border-bottom-color: #EC268F;
	border-left-color: #CACACA;
}
.col-md1:hover {
  border: 1px solid #000;
  border-bottom: 5px solid #000;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.col-md1:hover .price a {
  background-color: #000;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.top-link{
width:100%;
height: 50px;
display: block;
}