@charset:'utf-8';

/*css document*/

/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	font-family: 'Roboto', sans-serif;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*Container style*/

h1, h2, h3, h4, h5, h6{

	font-family: 'Roboto', sans-serif;

	font-weight: 500;

	color: #333;

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 0; 

}

a, li, p, tr, td, span,{

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	color: #333;

	line-height: 1.5rem;

}

*:focus {

    outline: 0;

}

body{

	background: url(../images/brushed.png) left top repeat;

}

body.bg{

	background: #F5F5F5;

}



.grid, footer, header, .midcontainer{

	position: relative;

	float: left;

	width: 100%;

	height: auto;

}



header{

	border-bottom: 1px solid #1C9A5B;

	/*margin-left: -8px;

    width: 101.4%;*/

    background-color:rgba(255,255,255,1);

}

body.bg header{

	 border-bottom: 0;

}

form.search{

	position: relative;

	display: block;

	float: right;

	background-color: #1C9A5B;

	padding: 15px 0 15px 0;

}

form.search label#search-triger{

	display: inline-block;

	float: left;

	margin: 0;

	padding: 0;

	cursor: pointer;

}

form.search label .fa{

	color: #fff;

	padding: 15px;

}

form.search label.closed .fa{

	color: #60D89C;

}

form.search .form-control{

	height: 46px;

	font-size: 14px;

	color: #fff;

	border: 1px solid #137544;

	background-color: transparent;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

}

form.search span.kuppi{

	display: block;

	float: left;

	width: 280px;

	height: auto;

	position: relative;

	padding-right: 15px;

	display: none;

}

form.search .btn-default{

	background-color: #137544;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	border:0;

	color: #fff;

	height: 46px;

	

}

form.search .form-control::-webkit-input-placeholder {

   color: #60D89C;

}



form.search .form-control:-moz-placeholder { /* Firefox 18- */

   color: #60D89C;  

}



form.search .form-control::-moz-placeholder {  /* Firefox 19+ */

   color: #60D89C;  

}



form.search .form-control:-ms-input-placeholder {  

   color: #60D89C;  

}

nav.menu li a{

	display: block;

	font-size: 0 !important;

	color: #fff;

}

/*++++++++++++++++ Search ++++++++++++++++++*/

.padding-none{

	padding-left: 0;

	padding-right: 0;

}



a.brand{

	margin: 15px 0;

	padding: 0;

	display: block;

}

a.brand img{

	display: block;

	max-width: 100%;

}

body.bg .slider{

	margin-left: -8px;

    width: 101.4%;

}

body.bg .slider img{

	display: block;

	max-width: 100%;

	z-index: -1;

}

.offer-box{

	display: block;

	padding: 15px 25px 20px;

	background-color: rgba(0,0,0,.7);

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

	border-radius: 15px;

	margin-top: -100%;

	margin-bottom: 0;

	border:1px solid rgba(0,0,0,.8);

	z-index: 1;

}

.offer-box h2{

	font-size: 1.8rem;

	color: #fff;

	text-align: left;

	margin-bottom: 15px;

	padding: 0;

	font-weight: 300;

	margin-bottom: 15px;

}

.offer-box .offer-thump img{

	display: block;

	max-width: 100%;

	height: auto !important;

	width: auto !important;

	z-index: 2 !important;

}

.offer-box p{

	color: #fff;

	line-height: 1.5rem;

	font-size: .9rem;

	margin-top: 0;

}

.offer-box h4{

	font-size: .8rem;

	font-weight: 500;

	color:rgb(204, 53, 6);

	line-height: 1.5rem;

	margin-bottom: 10px;

}



/*++++++++++++++ Offer Box +++++++++++++++*/

.review-slider{

	padding: 0	 0 25px;
	overflow: hidden;

}

#review-slider{

	display: block;

	float: left;

}

#review-slider .item img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



/* inner pages*/

.page-head{

	padding: 25px 0;

}

.page-head img{

	display: inline-block;

	vertical-align:sub;

	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	-ms-border-radius: 100px;

	-o-border-radius: 100px;

	border-radius: 100px;

	max-width: 5%;

	margin-right: 25px;

}

.page-head h1{

	font-size: 30px;

	display: inline-block;

}

.page-head ul.bread{

	display: block;

	margin: 0;

	padding: 0;

}

ul.bread li{

	display: inline-block;

	font-size: 13px;

	color: #666;

}

ul.bread li:last-child:after{

	display: none;

}

ul.bread li:after{

	content: '/';

	margin-left: 6px;

	color: #999;

}

ul.bread li a{

	font-size: 13px;

	color: #1c9a5b;

}

div.thumbnail{

	display: block;

	padding: 8px;

	background-color: #fff;

	border:1px solid #DEDEDE;

	margin: 0 30px 30px 0;

}

div.thumbnail .icon{

	display: block;

	max-width: 100%;

	height: auto;

	overflow: hidden;

}

div.thumbnail img{

	display: block;

	width: 100%;

	height: auto;

	margin: 0 auto;

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}

div.thumbnail h3{

	display: block;

	background-color: #1c9a5b;

	color:#fff;

	text-align: center;

	padding: 8px 0;

	font-size: 13px;

	text-transform: uppercase;

	margin-top: 8px;  

}

div.thumbnail a{

	text-decoration: none;

	overflow: hidden;

}

div.thumbnail a:hover img{

	-webkit-transform:scale(1.3);

transform:scale(1.3);

}

div.thumbnail a:hover h3{

	background-color: #333;

}

.owl-theme .owl-controls .owl-buttons div{

	-webkit-border-radius: 0 !important;

	-moz-border-radius: 0 !important;

	-ms-border-radius: 0 !important;

	-o-border-radius: 0 !important;

	border-radius: 0 !important;

	padding-top: 10px !important;

	padding-bottom: 10px !important;

}

.owl-item .item{

	padding: 25px 25px 5px;

}

.owl-item .item img{

	border: 5px solid #DCDBDB;

}

.breadcrumb li a{

	color: #1c9a5b;

}

.maincate{

		display: block;

	padding: 8px;

	background-color: #fff;

	border:1px solid #DEDEDE;

	margin-bottom:18px;

}

.maincate img{

	display: block;

	max-width: 100%;

	height: auto;

	padding: 2px;

	border:1px solid #DEDEDE;

	margin: 7px auto;

	max-height: auto;

}

.maincate h3{

	color:#1c9a5b;

	font-size: 18px;

	margin-bottom: 8px; 

}

.maincate table{

	padding: 0;

	margin: 0;

}

.maincate table td{

	padding: 5px;

	font-size: 13px;

	color: #333;

}

.maincate table td:first-child{

	padding-left: 0;

}

.maincate .btn{

	padding: 5px;

	margin-top: 8px;

	font-size: 12px;

}

.maincate h4{

	font-size: 14px;

	color: #333;

	margin: 5px 0; 

}

.maincate p{

	font-size: 13px;

	line-height: 1.5rem;

	color: #333;

}

.maincate ol{

	display: block;

	margin: 5px 0;

	padding: 0;

}

.maincate ol li{

	display: list-item;

	font-size: 13px;

	margin-bottom: 5px;

	list-style-type: decimal;

	list-style-position: inside;

	text-align: left;

}

.contact{

	display: block;

	margin-top: 20px;

}

.contact label{

	display: block;

	margin-bottom: 10px;

}

.contact .form-control{

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	border:1px solid #1c9a5b;

	background-color: transparent;

	min-height: 40px;

}

address{

	font-family: inherit;

	margin: 0 0 15px;padding: 0;

}

address p{

	font-size: 13px;

	font-weight: 400;

	line-height: 1.5rem;

	color: #333;

}

.map{

	display: block;

	margin-top: 15px;

	margin-bottom: 15px;

	width: 100%;

	height: 210px;

}

.map iframe{

	display: block;

	border:0;

	width: 100%;

	height: 210px;

}

form.search-hood{

	display: block;

	padding: 10px;

	background-color: #1C9A5B;

	margin-top: 0;

	margin-bottom: 25px;

	

}

form.search-hood .form-control{

	height: 35px;

	font-size: 14px;

	color: #fff;

	border: 1px solid #137544;

	background-color: transparent;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

}

form.search-hood .btn-default{

	background-color: #137544;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	border:0;

	color: #fff;

	height: 35px;

	

}

form.search-hood .form-control::-webkit-input-placeholder {

   color: #60D89C;

}



form.search-hood .form-control:-moz-placeholder { /* Firefox 18- */

   color: #60D89C;  

}



form.search-hood .form-control::-moz-placeholder {  /* Firefox 19+ */

   color: #60D89C;  

}



form.search-hood .form-control:-ms-input-placeholder {  

   color: #60D89C;  

}

#portfolio div.thumbnail{

	margin-right: 0;

}
.filter-options{
	table-layout: auto;
}

.filter-options .btn-default:active, .filter-options .btn-default.active, .filter-options .btn-default:hover{

	background-color: #137544 !important;

	border-color: #005229 !important;

	color: #fff;

}

ul#grid li{
	list-style-type: none;
}

a.folio{

	display: block;

	padding: 8px;

	background-color: #fff;

	border:1px solid #DEDEDE;

	margin: 0 0 30px 0;

	overflow: hidden;

}

a.folio img{

	display: block;

	width: 100%;

	height: auto;

	margin: 0 auto;

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}

/*a.folio h3{

	display: block;

	background-color: #1c9a5b;

	color:#fff;

	text-align: center;

	padding: 8px 0;

	font-size: 13px;

	text-transform: uppercase;

	margin-top: 8px;  

}*/

a.folio:hover img{

	-webkit-transform:scale(1.1);

transform:scale(1.1);

}

footer{

	background-color: #f3f3f3;

	padding: 0 0 0;
}

body.bg footer{

	background-color: #DCDBDB;

}

a.powered{

	display: inline-block;

	float: right;

	margin-top: 8px;

	margin-bottom: 8px;

}

a.powered:before{

	content: 'Powered By';

	margin-right: 8px;

	font-size: 13px;

	color: #999;

	vertical-align: middle;

}

a.powered:hover{

	text-decoration: none;

}

a.powered img{

	display: inline-block;

	max-width: 30%;

	vertical-align: middle;

}

/*------------------------*/

#main-container, .top-container, #mid-container, .item-grid{
	width:100%;
	height: auto;
}

#mainslider{
	width:100%;
}

#main-container .welcome{
	width:100%;
	height:100%;
	padding:25px;
	background:#d67575;
}

#main-container .welcome h1, #main-container .welcome p{
font-family: "Roboto";
font-size: 25px;	
color:#f4f5f5;
text-align: left;
font-weight: 100;
}


.welcome p{
margin-top:15px;	
font-size:16px !important;
line-height: 28px;
}

.item-box{
position:relative;
	width:100%;
	height: 245px;
	margin-top:15px;
	display:block;
	overflow: hidden;
	text-align: center;
  
}
.item-box h2{
    text-transform: uppercase;
    font-size: 14px;
}

.item-grid{
	position:relative;
	width:100%;
	height:245px;
	margin:0;
	padding-top:25px;
	text-align: center;
	display: block;
	background-position:center;
	transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.item-grid-1{
background:#19191C url(../images/tile-grid/tile1.jpg) center no-repeat;
}

.item-grid-2{
background:url(../images/tile-grid/tile2.jpg) center no-repeat;
}

.item-grid-3{
background:url(../images/tile-grid/tile3.jpg) center no-repeat;
}

.item-grid-4{
padding:8px 15px 10px;
background:url(../images/tile-grid/tile4.jpg) center no-repeat;
}

.item-grid-5{
background:url(../images/tile-grid/tile5.jpg) center no-repeat;
}

.item-grid-6{
background:url(../images/tile-grid/tile6.jpg) center no-repeat;
}

.item-grid-7{
background:url(../images/tile-grid/tile7.jpg) center no-repeat;
}

.item-grid-8{
background:url(../images/tile-grid/tile8.jpg) center no-repeat;
}

.item-grid-9{
background:url(../images/tile-grid/tile9.jpg) center no-repeat;
}

.item-grid-10{
background:url(../images/tile-grid/tile10.jpg) center no-repeat;
}

.item-grid-11{
background:url(../images/tile-grid/tile11.jpg) center no-repeat;
}

.item-grid-12{
background:url(../images/tile-grid/tile12.jpg) center no-repeat;
}


.item-grid-1:hover, .item-grid-2:hover, .item-grid-3:hover, .item-grid-5:hover, .item-grid-6:hover, .item-grid-7:hover, .item-grid-8:hover, .item-grid-9:hover, .item-grid-10:hover, .item-grid-11:hover{
 transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1) /* IE 9 */
  -ms-fi1ter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
}




.item-grid-4 h2, .item-grid h4{
	font-size:15px;
	color:#252326;
	font-family: "Roboto";
}

.item-grid-4 h2:hover{
	text-decoration: none;
}

.item-grid-tile{
	width:100%;
	padding:0;
}

.item-grid-tile .item img{
	border:none;
	}

.item-grid h4{
position:absolute;
bottom:0;
background:rgba(0, 0, 0, 0.5);
height:auto;
margin:0;
padding:5px 10px;
color:#FFF;
z-index: 999;
font:14px/1.4em "Open Sans";

}

#mid-container{
float:left;
margin-top: 12px;
}

.logo{
	position: relative;
    display: block;
    margin: 0 auto;
    max-width: 60%;
	}

.logo1{

	margin-top:15px;
}

.text-grid{
	position:absolute;
	width:100%;
	height:50%;
	padding:5px 15px;
	bottom:0;
	background-color: rgba(0,0,0,0.5);
}

.text-grid h2, .text-grid h3, .text-grid p{
	font:normal 14px/1.4em "Open Sans";
	color:#FFF;
	opacity:.9 !important;
	}

.text-grid p{
	font-size:11px;
}

.item-grid-4 .txt, .item-grid-4 .txtarea{
width:100%;
border:solid 1px #b6a39e;
margin:3px 0;
padding:5px 10px;
color:#848383;
font:normal 11px Helvetica, Arial, sans-serif;
border-radius: 3px;

}

.item-grid-4 .txtarea{
	resize:none;
	height:40px;
}

.submit{
	background:#d26362;
	font:normal 11px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color:#FFF;
	padding:5px 10px;
	border:solid 1px #b86564;
	text-align: right;
	margin-top:3px;
}

::-webkit-input-placeholder {
font:normal 12px Helvetica, Arial, sans-serif;
color:#989595;
}

:-moz-placeholder { /* Firefox 18- */
   font:normal 12px Helvetica, Arial, sans-serif;
color:#989595;
}

::-moz-placeholder {  /* Firefox 19+ */
   font:normal 12px Helvetica, Arial, sans-serif;
color:#989595;
}

:-ms-input-placeholder {  
   font:normal 12px Helvetica, Arial, sans-serif;
color:#989595;
}

.footer{
	position:relative;
	float:left;
width:100%;
min-height:400px;
margin-top:20px;
padding:30px 20px;
background:#1f1d1c url(../images/footer.jpg) top left no-repeat;
background-size:cover;
}

.footer ul.nav-f li{
display: block;
margin:8px 0;
padding:0;
color:#989595;
line-height: 1.5em;
}

.footer ul li a, .footer h6{
	font:normal 14px/1.5em Helvetica, Arial, sans-serif;
	color:#989595;
	text-align: left;
}

.footer ul.nav-f li a:hover{
text-decoration: none;
color:#cac8c8;	
}

.footer ul.nav-ad li{
	margin:15px 0;
	padding:5px 0 5px 40px;
	}

.footer ul.nav-social li{
	float:left;
	margin:15px 10px 15px 0;
	vertical-align: baseline;
}

.footer p{
	width:100%;
	display:inline-block;
	margin-top:30px;
	color:#5a5a5a;
	font:normal 14px/1.5em Helvetica, Arial, sans-serif;
	text-align: center;
}

.footer p span{
	color:#ec4d3e;
}

.cnt-icon{
	margin-top: 25%;
}


@media (max-width: 767px) {

#main-container .welcome{
	padding:20px;
}

#main-container .welcome h1{

	font-size:18px;
	line-height: 1.3em;
}

#main-container .welcome p{

	line-height: 22px;
}

.text-grid h3{
font-size:13px;

}	

.footer ul.nav-f li{

	margin:5px 0;
}

.footer ul.nav-f{

	margin-bottom:25px;
}	
}