/*
* ------------------------------------------------------------------
*
* Project: BC Farm
* Version: 1.0
* Created : 12/05/2018
* Template URI: 
* Author Name: Shelley C Antony
* Author URI: http://www.shellinecorporation.com/
* Description: BC Farm
* Developer: Fsh Design;
*
*
* -------------------------------------------------------------------
*/

@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?12913623');
      src: url('./font/fontello.eot?12913623#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?12913623') format('woff'),
           url('./font/fontello.ttf?12913623') format('truetype'),
           url('./font/fontello.svg?12913623#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

/******sticky here****/
.navigation .short-menu {
	background-color: #008f38;
	min-height: 47px;
	padding-top:10px;
}
.short-menu .email-phone{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#fff;
	text-align:right;
	}
	.short-menu .email-phone a{color:#fff;}
.navigation .branding-section {
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	padding-top:15px;
	background-color:#fff;
}
.navbar-brand {
	float: left;
	height: auto !important;
	line-height: 20px;
	padding-top: 0px !important;
	padding-right: 15px !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
}
.main-nav {
    background-color:#5F5C5C;
    height:40px;
}
.navbar {
    min-height: 85px !important;
}
/******sticky here****/


/*****navbar******/
.searchbardiv{
	display: block;
	position: relative;
	right: 0px;
	z-index: 1001;
	width: 100%;
	max-width: 100%;
border-radius: 5px;
    padding: 5px;
	margin: 0px;
	background-color: #008F38;
}
.buttonsearch{
	margin-top:15px;
	float: right;
	right: 0px;
	margin-right: 10px;
	background-color: transparent;
	border: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.buttonsearch:hover{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px;

}
.buttonsearch:focus{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px;

}
#formsearch{
	display: none;
}
#searchbox {
	
	box-shadow: none;
	padding: 8px 14px;
	height:34px;
	border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
}
#searchbox:hover {
	box-shadow: none;
}

.form-control:focus {
	border-color: #ccc;
	}




.navbar-toggle {
	margin-right: 35px;
	border: none;
	background: transparent !important;
}
.navbar-toggle:hover {
	background: transparent !important;
}
.navbar-toggle .icon-bar {
	width: 22px;
	transition: all 0.2s;
	    background-color: #000;
}
.navbar-toggle .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
	opacity: 0;
}
.navbar-toggle .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
	transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
	transform: rotate(0);
}
/*****navbar******/
/*parallax*/
.parallax-section{
	position:relative;
	padding:90px 0px;
	color:#ffffff;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
}


.parallax-section:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;

	z-index:0;	
}

.parallax-section .auto-container{
	position:relative;
	z-index:5;
}

.parallax-section h2{
	position:relative;
	font-size:32px;
	font-weight:300;
	margin-bottom:30px;
}

.parallax-section strong{
	font-weight:700;	
}

.parallax-section h3{
	position:relative;
	font-size:24px;
	margin-bottom:30px;
}

.parallax-section.style-two h3{
	margin-bottom:0px;
}

.parallax-section .line{
	position:relative;
	width:100px;
	height:3px;
	background:#ffffff;
	margin:0px auto 40px;	
}

.parallax-section.style-two .text{
	position:relative;
	padding-right:150px;	
}

.parallax-section .theme-btn{
	margin:0px 12px 10px;
	padding:12px 30px;
	color:rgba(255,255,255,0.80);
	border-radius:25px;
	display:inline-block;
}

.parallax-section .normal-btn{
	border-color:#ffffff ;
	background:#ffffff;
	color:#1c1c1c !important;	
}

.parallax-section .theme-btn:hover{
	border-color:#1c1c1c !important;
	background:#ffffff;
	color:#1c1c1c !important;	
}
.parallax-section .heading-one{
	font-family: 'Raleway', sans-serif;
	font-size:64px;
	color:#fff;
	}
.parallax-section .text-one{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	color:#69c5f4;
}
.parallax-section .text-two{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	color:#f3cb65;
}
.roundedAd{
	background-color:#18171a;
	width:186px;
	height:186px;
	text-align:center;
		font-family: 'Raleway', sans-serif;
		padding-top:8%;
	}
	.roundedAd .price{
		font-size:28px;
		color:#69c5f4;
		}
	.roundedAd .term{
		font-size:11px;
		color:#595625;
		}
	.roundedAd .red-button{
	background-color: #f46c81;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	padding: 5px;
		}
	.roundedAd .red-buttonLink{
	color: #f46c81;
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	padding: 5px;
		}
		.roundedAd2{
	background-color:#18171a;
	width:186px;
	height:186px;
	text-align:center;
		font-family: 'Raleway', sans-serif;
		padding-top:8%;
	}
	.roundedAd2 .price{
		font-size:28px;
		color:#f3cb65;
		}
	.roundedAd2 .term{
		font-size:11px;
		color:#6fcfef;
		}
	.roundedAd2 .red-button{
	background-color: #6fcfef;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	padding: 5px;
		}
	.roundedAd2 .red-buttonLink{
	color: #6fcfef;
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	padding: 5px;
		}
/*parallax*/
.top{
	padding-top: 200px;
}
.btn-top{
	padding-top:30px;
	}
.btn-green-Big{
	padding-top: 20px;
	background-color: #008f38;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-radius:5px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	text-transform:uppercase;
	}
	.btn-green-Big:hover, .btn-green-Big:active, .btn-green-Big:focus{
	padding-top: 20px;
	background-color: #fff;
	border-radius:5px;
	color: #008f38;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	border: 1px solid #008F38;
	}
	.btn-green-small{
	padding-top: 10px;
	background-color: #008f38;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-radius: 5px;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	}
	.btn-green-small:hover{
	padding-top: 10px;
	background-color: #fff;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-radius: 5px;
	color: #008f38 !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #008F38;
	}
	.btn-black-Big{
	padding-top: 10px;
	background-color: #363636;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-radius: 5px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	}
	.btn-black-Big:hover{
	padding-top: 10px;
	background-color: #fff;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-radius: 5px;
	color: #008f38;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #008F38;
	}
	.btn-green-small-invert{
	background-color: #f5f5f5;
	border-radius: 5px;
	color: #d7d7d7;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	padding: 3px;
	}
	.btn-green-small-invert:hover{
	background-color: #008f38;
	padding: 3px;
	border-radius:5px;
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #008F38;
	}
	.btn-reply{
	background-color: #fff;
	border-radius: 5px;
	color: #666666;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	border: 1px solid #CCC;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	}
	.btn-reply:hover{
	background-color: #008f38;
	border-radius: 5px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	border: 1px solid #CCC;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	}
	.btn-green-small-round{
	background-color: #f5f5f5;
	border-radius: 20px;
	color: #959595;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #ebebeb;
	margin-bottom: 5px;
	}
	.btn-green-small-round:hover{
	background-color: #008f38;
	padding: 5px;
	border-radius:20px;
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-decoration: none !important;
	border: 1px solid #008f38;
	}

	.calBtn{
	padding-top: 5px;
	background-color: #008f38;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-size:36px;
	display:inline-block;
	border: 2px solid #fff;
	}
	.calBtn:hover{
	padding-top: 5px;
	background-color: #fff;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	color: #008f38;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	text-decoration: none;
	border: 2px solid #008F38;
	display:inline-block;
	}
	.call-to-text{
		font-family: 'Raleway', sans-serif;
		font-size:29px;
		color:#333333;
		font-weight:600;
		vertical-align:middle;
		word-wrap:break-word;
		}
		
		/*----------------------------------------------------
	6. Work Section
------------------------------------------------------*/
 
 .work-section {
     padding-top: 70px;
     padding-bottom: 0px;
     background: #F6F8FA;
 }
.work-section .more-link {
    margin-top: 50px;
    background: #FFD526;
    color: #fff;
    margin-bottom: 50px;
}
.work-section .more-link:hover, .work-section .more-link:focus, .work-section .more-link:active {
    background: #fff;
    color: #333;
}
.work-section .text-center {
    width: 100%;
    background: #038FD6;
}
 /* Work items
------------------*/
 .port-image
{
    width: 100%;
}



.each-item
{
    position:relative;
    overflow:hidden;
}

.each-item:hover .cap2, .each-item:hover .cap1
{
    left:0px;
}

.cap1
{
    position:absolute;
    width:100%;
    height:70%;
    background:rgba(255, 255, 255, 0.5);
    top:0px;
    left:-100%;
    padding:10px;
    
    transition: all .5s;
}

.cap2
{
    position:absolute;
    width:100%;
    height:30%;
    background:rgba(0, 178, 255, 0.5);
    bottom:0px;
    left:100%;
    padding:10px;
    
    transition: all .5s;
}
.info-icon{
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 33px;
	width: 10%;
	float:left;
	display:block;
	
}
.infoButton{
		background-image: url(../images/info.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 33px;
	width: 90%;
	float:left;
	display:block;
	}
	
/*search area*/	
	.searchBorderT{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	}
	.searchBorderB{
		-webkit-border-bottom-right-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px!important;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px!important;
border-bottom-left-radius: 5px!important;
	}
	.searchHeading{
		font-family: 'Lato', sans-serif;
		font-size:28px;
		color:#fff;
		}
		.searchPrefBtn{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #008f38;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	margin-left: 35px;
	margin-right: 35px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom:15px;
		}
		.searchmainBtn{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #008f38;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	margin-left: 35px;
	margin-right: 35px;
	text-decoration: none;
	padding-top: 13px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
	margin-bottom: 15px;
	border: 1px solid #008f38;
	text-align:center;
			}
					.searchmainBtn:hover{
	color: #fff;
	background-color: #008f38;
	border: 1px solid #008f38;

			}
			.searchmainBtn:focus{
	color: #fff;
	background-color: #008f38;
	border: 1px solid #008f38;
	outline:none;

			}
		.search-padding{
	margin-top: 5px;
	margin-bottom: 5px;
}
.searchShadow{
-webkit-box-shadow: 1px 1px 102px 5px #C4C4C4;
box-shadow: 1px 1px 102px 5px #C4C4C4;
}
.searchLine{
	background-color: #dadada;
	height: 1px;
	width: 100%;
}
select {
    font-size:14px;
  /* styling */
  background-color: #f8f8f6;
  border: thin solid #f8f8f6;
  border-radius: 4px;
  display: inline-block;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

}


/* arrows */

select.classic {
	background-image: url(../images/select-icon.png);
	background-position: 100%;
	background-repeat: no-repeat;
	height:53px;
	  margin-bottom:5px;
	  width:100%;
}


select.classic:focus {
	background-image: url(../images/select-icon-hover.png);
	background-position: 100%;
	background-repeat: no-repeat;
}
.search-text{
	height: 53px;
    background-color: #f8f8f6;
    border: 1px solid #f8f8f6;
    color: #000;
	padding-left:15px;
	padding-right:15px;
	width:100%;
	  border-radius: 4px;
	  font-size:14px;
	  font-family: 'Raleway', sans-serif;
	  margin-bottom:5px;
	  margin-top: 3px;
}
.search-text::placeholder{
	    color: #000;
			  font-family: 'Raleway', sans-serif;
	}




select.classic-green {
    font-size:13px;
  /* styling */
  background-color: #008f38;
  border: 1px solid #008f38;
  border-radius: 4px;
  display: inline-block;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  	color:#fff;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

}


/* arrows */

select.classic-green {
	background-image: url(../images/select-icon-white.png);
	background-position: 100%;
	background-repeat: no-repeat;
	height:53px;
	  margin-bottom:5px;
	  /*width:100%;*/
	  margin-top:3px;
}


select.classic-green:focus {
	background-image: url(../images/select-icon-white-hover.png);
	background-position: 100%;
	background-repeat: no-repeat;
}

select.classic-white {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	/* styling */
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	border-radius: 0px;
	display: inline-block;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	color: #666666;
	/* reset */

	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}


/* arrows */

select.classic-white {
	background-image: url(../images/select-icon.png);
	background-position: 100%;
	background-repeat: no-repeat;
	height:53px;
	  margin-bottom:5px;
	  width:100%;
}


select.classic-white:focus {
	background-image: url(../images/select-icon-hover.png);
	background-position: 100%;
	background-repeat: no-repeat;
}

/*search area*/	

/*carousel team*/
.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}

/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
.carousel-control.left {
	background-image: url(../img/slide-left.png) !important;
	background-repeat: no-repeat;
	background-position: left center;
}
.carousel-control.right {
	background-image: url(../img/slide-right.png) !important;
	background-repeat: no-repeat;
	background-position: right center;
	}
	.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: transparent !important;
    text-align: center !important; 
    text-shadow: none!important;
    background-color:none!important;
    filter: alpha(opacity=50);
    opacity: none !important;
}
.thumbnail-team {
    position:relative;
    overflow:hidden;
}
.caption-team-img{
	width:100%;
}
 
.caption-team {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 2%;
	display: none;
	color: #fff !important;
	z-index: 2;
	background-image: url(../images/team/team-hover.png);
	padding-top:35%;
}

.carousel-inner {
    width: 85% !important;
    margin-left: auto;
    margin-right: auto;
}
.teamnameBig{
	    font-size: 20px;
    margin-top: 15px;
	font-family: 'Lato', sans-serif;
	color:#000;
	font-weight:bolder;
	text-align:center;
	text-transform:uppercase;
	}
.teamnameBig a{
	font-size: 20px;
    margin-top: 15px;
	font-family: 'Lato', sans-serif;
	color:#c0c0c0;
	font-weight:bolder;
	text-align:center;
	text-transform:uppercase;
	}	
.teamName{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#fff;
	word-wrap:break-word;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	}
	.teamName a{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	}
		.teamName a:hover {
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	}
	.social-team{
				width:80%;
	margin-left:auto;
	margin-right:auto;
	
	margin-bottom:10px;
		}
	.social-team a{
		color:#fff;
		font-size:18px;

	}
	.social-team a:focus, .social-team a:hover {
    color: #ade2c2;
    text-decoration: none !important;
}
	.teamDeatils{
		font-family: 'Open Sans', sans-serif;
		font-size:10px;
		
		color:#fff;
		width:80%;
	margin-left:auto;
	margin-right:auto;
	word-wrap:break-word;
	margin-bottom:10px;
		}
		.team-heading-main{
			font-size:40px;
			font-family: 'Raleway', sans-serif;
			font-weight:700;
			font-weight:bolder;
			color:#008f38;
			text-align:center;
			padding-top:60px;
			padding-bottom:60px;
			}
/*carousel team*/
.wrapper{
	width:100%;
}
.searcharea{

	margin-left:auto;
	margin-right:auto;
	}
	
	
	/*about*/
	.about-area h1{
		font-family: 'Lato', sans-serif;
		font-size:30px;
		color:#008f38;
		}
	.about-area .offlayer  {
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		color:#959595;
		}
		.offlayer-line{
	height: 2px;
	width: 100px;
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
}
.onlayer h2{
	font-size:24px;
	color:#000;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
	}
	.onlayer p{
	color:#959595;
	}
	/*about*/
	
	
	/*contact*/
	.contact-us sup{
	color: #F00;
	}
	.contactBg{
		background-color:#f0eeee;
		}
		.contact-us  label{
			color:#333333;
			font-family: 'Open Sans', sans-serif;
			font-weight:200;
			    margin-left: 0px;
			}
	/*contact*/
	
	/*search listing*/
	.searchListing{
		margin-bottom:15px;
		}
	.searchListing .header{
		font-family: 'Raleway', sans-serif;
		font-weight:600;
		color:#fff;
		background-color:#008f38;
		padding:7px;
		font-size:16px;
		text-align:center;
		}
		.searchListing .propertyImage{
			
			background-color: #fafafa;
    height:196px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden!important;
			}
			.propertysold{
	height: 150px;
    width: 150px;
    position: absolute;
    z-index: 1000;
}
.propertysold_thumb{
	height: 100px;
    width: 100px;
    position: absolute;
    z-index: 1000;
}
			.propertydetail{
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color:#fafafa;
			}
			.propertydetail .head{
				font-family: 'Raleway', sans-serif;
				font-weight:600;
		color:#363636;
		font-size:20px;
				}
				.propertydetail .price{
				font-family: 'Roboto', sans-serif;
		color:#cccccc;
		font-size:12px;
				}
				.propertydetail p{
	font-family: 'Roboto', sans-serif;
	color: #959595;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
					}
	/*search listing*/
	
	/*team*/
	.team-area h1{
		color:#363636;
		font-size:30px;
		font-family: 'Raleway', sans-serif;
		}
		.team-area .line{
	height: 2px;
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
}
.team-area p{
	color:#959595;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
	}
	.teamMemberdeatil{
		font-family: 'Open Sans', sans-serif;
		color:#008f38;
		font-weight:bold;
		}
	/*team*/
	
	/****masonry Page****/


.masonry{
  display: block;
-webkit-column-gap: 2.25rem;
-moz-column-gap: 2.25rem;
column-gap: 8.25rem;
}

/* 5 columns */
.masonry.masonry-columns-5{
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
@media(max-width: 1170px){
  .masonry.masonry-columns-5{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}


/*-4 columns------*/
.masonry.masonry-columns-4{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}

/*-3 columns------*/
.masonry.masonry-columns-3{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

/*-2 columns------*/
.masonry.masonry-columns-2{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

/*-1 columns------*/
.masonry.masonry-columns-1{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}


/*--------Responsive---------*/
@media(max-width: 991px){
  .masonry.masonry-columns-4, 
  .masonry.masonry-columns-5{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}

@media(max-width: 767px){
  .masonry.masonry-columns-4, 
  .masonry.masonry-columns-5,
  .masonry.masonry-columns-3{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}

@media(max-width: 540px){
  .masonry.masonry-columns-4, 
  .masonry.masonry-columns-5,
  .masonry.masonry-columns-3,
  .masonry.masonry-columns-2{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

.masonry .masonry-item{
display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    display: block;
    /* padding: 3px; */
    background-color: #fafafa;
    /* border: 1px solid #e5e5e5; */
	border:none;
    border-radius: .25rem;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-bottom: 2.25rem !important;
}

.masonry .masonry-item {
        display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    /* padding: 10px; */
    /* border: 1px solid transparent; */
    transition: all 0.4s ease-in-out; }
    .masonry .masonry-item:hover {
      /*border: 1px solid #f0f0f0;*/
	  	border:none; }
    .masonry .masonry-item .post-title {
      font-size: 20px; }
    .masonry .masonry-item .post-info {
      color: #cccccc;
	  font-family: 'Roboto', sans-serif;
	  font-size:12px;
	  	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
     }
    .masonry .masonry-item p {
            color: #959595;
	  font-family: 'Roboto', sans-serif;
	  font-size:14px;
	  	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	}
    .masonry .masonry-item .read-more {
      padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
	  }
	  .masonry .masonry-item .line{
	background-color: #333;
	height: 2px;
	width: 65px;
	margin-left:20px;
	margin-top:15px
}
	  .masonry .masonry-item a {
		  color:#363636;
		  	  font-family: 'Roboto', sans-serif;
	  font-size:14px;
	  }
    .masonry .masonry-item .tag-comment {
      border-top: 1px solid #f0f0f0;
      margin-top: 10px;
      padding: 5px 0;
      color: #999; 
	  }
	  .masonry-item .media{
		  width:100%;
	  }

/*=====  End of masonry Page  ======*/

/****blog****/
.post-title {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #363636;
	font-size: 20px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

/****blog****/

/**blog hover****/
.blogimg-hov {
  position: relative;
  width: 100%;
  max-width: 400px;
}

/* Make the image to responsive */
.blogimg-hov .image {
  width: 100%;
  height: auto;
}

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;

}

/* When you mouse over the container, fade in the overlay icon*/
.blogimg-hov:hover .overlay {
  opacity: 1;
}

/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.icon-media {
  color: white;
  font-size: 35px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;

}
.icon-media a{  color:#fff;}
.icon-media a:hover {  color:#fff;}
.media .heading-media{
	font-family: 'Raleway', sans-serif;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	}
	.media .heading-media span{
	font-family: 'Raleway', sans-serif;
				font-weight:700;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	}
	.media-text-centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	font-size: 25px;
	padding-top: 25%;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
.media-text-center-img{
	    position: relative;
    text-align: center;
    color: white;}
/* When you move the mouse over the icon, change color */
/****blog hover****/

/**blog hover2****/



/* The overlay effect (full height and width) - lays on top of the container and over the image */


/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.icon-media-circle {
  color: white;
  font-size: 18px !important;
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-color:#000;
  width:65px;
  height:65px;
  line-height:65px;
  border-radius:50px;
  float:left;
 
}

.icon-media-circle2 {
  color: white;
  font-size: 18px !important;
  position: absolute;
  top: 50%;
  left: 65%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-color:#008f38;
  width:65px;
  height:65px;
  line-height:65px;
  border-radius:50px;
  float:left;
 
}
.icon-media-circle a{  color:#fff; background-color:#008f38;
}
.icon-media-circle a:hover {  color:#fff;}
.media .heading-media{
	font-family: 'Raleway', sans-serif;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	}
	.media .heading-media span{
	font-family: 'Raleway', sans-serif;
	text-align:center;
	font-size:20px;
	font-weight:700;
	}
	.media-text-centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	font-size: 25px;
	padding-top: 25%;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
.media-text-center-img{
	    position: relative;
    text-align: center;
    color: white;}
/* When you move the mouse over the icon, change color */
/****blog hover2****/

/*****blog detail*****/
/*********************
****blog page css*****
**********************/

.widget {
	margin-bottom: 60px;
	padding-left: 0;
}
.single_comments {
	margin-bottom: 20px;
}
.single_comments img {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
.single_comments p {
	margin-bottom: 0;
}
.widget .entry-meta span {
	display: inline-block;
	margin-right: 10px;
}
.widget h3 {
	color: #000;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.blog_category {
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog_category li {
	float: none;
	margin-bottom: 20px;
}
.blog_category li a {
	background: #f5f5f5;
	border-radius: 4px;
	color: #888;
	display: inline-block;
	padding: 5px 15px;
}
.blog_category li a:hover {
	background: #5584ff;
	color: #fff;
}
.badge:before {
	border-color: transparent transparent transparent #5584ff;
	border-style: solid;
	border-width: 10px;
	bottom: -8px;
	content: "";
	height: 0;
	left: 5px;
	position: absolute;
	z-index: -99999;
}
.badge {
	background-color: #5584ff;
	border-radius: 5px;
	color: #fff;
	padding: 8px;
	position: relative;
	left: 60px;
	top: -18px;
	font-weight: normal;
}
.tag {
	background-color: #5584ff;
	border-radius: 5px;
	color: #fff;
	padding: 8px;
	position: relative;
	left: 60px;
	font-weight: normal;
		border-radius: 20px
}
.tag-outline {
	color: #959595;
	padding: 8px;
	position: relative;
	left: 60px;
	font-weight: normal;
	border-radius: 20px;
	border: 1px solid #959595;
}
.blog_archieve {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.blog_archieve li {
	padding: 10px 0;
	border-bottom: 1px solid #f5f5f5;
}
.blog_archieve li:first-child {
	padding-top: 0;
}
ul.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.gallery li {
	display: block;
	width: 60px;
	padding: 0;
	margin: 0 4px 4px 0;
	float: left;
}
ul.faq {
	list-style: none;
	margin: 0;
}
ul.faq li {
	margin-top: 30px;
}
ul.faq li:first-child {
	margin-top: 0;
}
ul.faq li span.number {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #34495e;
	color: #fff;
	font-size: 24px;
}
ul.faq li > div {
	margin-left: 70px;
}
ul.faq li > div h3 {
	margin-top: 0;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.blog-item {
	border-radius: 0;
	overflow: hidden;
	margin-bottom: 50px;
}
.blog .blog-item .img-blog {
	border-radius: 5px;
	margin-bottom: 45px;
}
.blog .blog-item .blog-content {
	padding-bottom: 25px;
}
.blog .blog-item .blog-content h2 {
	margin-top: 0;
	font-size: 30px;
}
.readmore {
	margin-top: 0;
}
.blog .blog-item .blog-content h3 {
	color: #858586;
	margin-bottom: 40px;
/* font-weight: 300 */}
.blog .blog-item .blog-content h4 {
	font-size: 14px;
}
.post-tags {
}
.blog .blog-item .entry-meta {
	border-radius: 5px;
	overflow: hidden;
}
.blog .blog-item .entry-meta > span {
	background: #f5f5f5;
	border-top: 1px solid #fff;
	display: block;
	font-size: 12px;
	overflow: hidden;
	padding: 5px;
	text-align: left;
}
#publish_date {
	background: #5584ff;
	border-bottom: 5px solid #4e4e4e;
	color: #fff;
	padding: 5px 0;
	text-align: center;
}
.blog .blog-item .entry-meta > span {
	color: #ccc;
}
.blog .blog-item .entry-meta > span a {
	font-size: 12px;
	margin-left: 3px;
	font-weight: 300;
	color: #888;
}
ul.pagination > li > a {
	border: 1px solid #F1F1F1;
	margin-right: 5px;
	border-radius: 5px;
	font-size: 16px;
	padding: 5px 14px;
}
ul.pagination > li > a i {
	margin-left: 5px;
	margin-right: 5px;
}
ul.pagination > li.active > a {
	background-color: #008F38 !important;
	border-color: #008F38 !important;
	color: #fff;
}
ul.pagination > li:hover > a {
	background-color: #008F38 !important;
	border-color: #008F38 !important;
	color: #fff;
}
.form-control:focus {
	box-shadow: none;
	outline: 0 none;
}
ul.tag-cloud, ul.sidebar-gallery {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tag-cloud li {
	display: inline-block;
	margin-bottom: 3px;
}
.tag-cloud li a {
	background: #f5f5f5;
	color: #888;
	border: 0;
	border-radius: 4px;
	padding: 8px 15px;
}
.tag-cloud li a:hover {
	background: #5584ff;
	color: #fff;
}
.sidebar-gallery li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.sidebar-gallery li a {
	border-radius: 4px;
	display: inline-block;
}
/**********************
**blog single page css*
**********************/

.reply_section {
	background: #f5f5f5;
	border-radius: 5px;
}
.post_reply {
	margin-left: 10px;
	margin-top: 45px;
}
.post_reply img {
	width: 85px;
	height: 85px;
	border: 5px solid #D5D8DD;
}
.post_reply ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}
.post_reply ul li {
	float: left;
}
.post_reply ul li a {
	display: block;
}
.post_reply ul li a i {
	border: 1px solid #DDDDDD;
	border-radius: 39px;
	color: #FFFFFF;
	font-size: 20px;
	height: 30px;
	margin-right: 3px;
	padding-top: 7px;
	text-align: center;
	width: 30px;
}
.post_reply ul li a i.fa-facebook {
	background: #0182C4;
}
.post_reply ul li a i.fa-twitter {
	background: none repeat scroll 0 0 #3FC1FE;
}
.post_reply ul li a i.fa-google-plus {
	background: none repeat scroll 0 0 #D34836;
}
.post_reply ul li a i:hover {
	opacity: .5;
}
.post_reply_content {
	margin: 30px;
}
.post_reply_content h1 a:hover {
	color: #FFC800;
}
.post_reply_content h4 {
	margin-bottom: 50px;
}
.reply_section .media-body {
	display: inherit;
}
.comment_section .media-body {
	display: inherit;
}
#comments_title {
	color: #4e4e4e;
	font-weight: 700px;
	font-size: 20px;
	margin-top: 60px;
	margin-bottom: 40px;
}
.comment_section {
	margin-top: 30px;
	position: relative;
}
.post_comments img {
	width: 85px;
	height: 85px;
	margin-top: 35px;
}
.post_reply_comments {
	background: #f5f5f5;
	border-radius: 4px;
	padding: 30px;
}
.post_reply_comments:before {
	border-color: transparent #F0F0F0 transparent transparent;
	border-style: solid;
	border-width: 15px;
	content: " ";
	height: 0;
	left: 75px;
	position: absolute;
	top: 20px;
}
.post_reply_comments h3, .post_reply_content h3 {
	margin-top: 0;
}
.post_reply_comments h1 a:hover {
	color: #5584ff;
}
.post_reply_comments h4 {
	color: #c4c4c5;
	font-weight: 400;
}
.post_reply_comments p {
	padding-bottom: 30px;
}
.post_reply_comments a {
	bottom: 15px;
	position: absolute;
	right: 30px;
	background: #5584ff;
	color: #fff;
	border-radius: 5px;
	padding: 8px 20px;
}
.post_reply_comments a:before {
	border-color: #c52d2f transparent transparent;
	border-style: solid;
	border-width: 16px;
	bottom: -11px;
	content: "";
	height: 0;
	left: -12px;
	position: absolute;
	z-index: 99999;
}
.post_reply_comments h2 a {
}
.message_heading {
	margin-bottom: 50px;
	margin-top: 60px;
}
/*********blog detail**/
/**blog search*/
#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 6px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px ;
		border: 1px solid #ddd;
    }
 
    #custom-search-input button {
	border: 0;
	background: none;
	/* belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px ;
	color: #999999;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }
		.nxtButton{
	margin-top: -10px;
	width: 10%;
	height: 25px;
	float: left;
	color: #999;
}
		.nxtButton:hover{
	margin-top: -10px;
	width: 10%;
	height: 25px;
	float: left;
	color: #008F38;
}
	.nxtPrev{
     width:90%;
	height:25px;
	float:left;
		color: #999;
}
	.nxtPrev:hover{
     width:90%;
	height:25px;
	float:left;
	color: #008F38;
}

	.nxtButton2{
	margin-top: -10px;
	width:10%;
	height:25px;
	float:right;
		margin-right: -137px;
			color: #999;
}
	.nxtButton2:hover{
	margin-top: -10px;
	width:10%;
	height:25px;
	float:right;
		margin-right: -137px;
	color: #008F38;
}
	.nxtPrev2{
	width: 90%;
	height: 25px;
	float: right;
	color: #999;
}
	.nxtPrev2:hover{
	width: 90%;
	height: 25px;
	float: right;
	color: #008F38;
}
.blog-item a:hover {
color:#5584ff !important;
}



	.blogdtBg{
		background:url(../images/blog/slide-x.jpg) no-repeat;
background-size:100%;
display:block;
padding:0 !important;
margin:0;
margin-top:118px;
}
.blogdtBg h1{
font-size:70px;
padding-top:80px;
	color: #FFF;
	}
.blogdtBg h2{
font-size:50px;
padding-top:10px;
	color: #FFF;
	
	}
.blogdtBg h2 span{
	font-size: 50px;
	font-weight: bolder;
	color: #FFF;
}
.line-blog{
	margin-bottom:10%;
	height: 2px;
	width: 170px;
	background-color: #018f39;
	margin-right: auto;
	margin-left: auto;
	}
.social {
	text-align: left;
}
#bottom .social-share {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}
#bottom ul.social-share li {
	display: inline-block;
}
.social-share {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.social-share li {
	display: inline-block;
}
ul.social-share li a {
	display: inline-block;
	color: #FFFFFF;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 2px;
	background-color: #CCCCCC;
}
ul.social-share li a:hover {
	background: #008f38;
	color: #fff;
}

.blog-detail p a{
	color: #cccccc!important;
	text-decoration:none;
}
	.blog-detail p a:hover{
	color: #008f38!important;
	text-decoration:none;
    }


	

	.blog-detail {
	back-ground-color: #E1E1E1 !important;
	}
	.form-control:focus {
	border: 1px solid #018f39 !important;
}
      
	  .commentGrey{
	background-color: #f5f5f5;
}


.btn-default.focus, .btn-default:focus {
	color: #fff;
	background-color: #008F38;
	border-color: #fff;
}
.btn-default:hover {
	color: #fff;
	background-color: #008F38;
	border-color: #fff;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
	color: #fff;
	background-color: #5584FF;
	border-color: #fff;
}
.border-left{
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #5584FF;
}
.widgetHead{
	background-color:#f5f5f5;
	color:#363636;
	font-family: 'Roboto', sans-serif;
	}
	.widgetContain{
		background-color:#fafafa;
		}
	



	
.sideblog{
	padding: 5px;
}
.sideblog a{
	color: #636363;
	font-family: 'Roboto', sans-serif;
}
.sideblog a:hover{
	color: #008f38;
	text-decoration:none;
}
/*accordion*/
.content {
  width: 100%;

}

.centerplease {
  margin: 0 auto;
  max-width: 270px;
  font-size: 40px;
}

.question {
	position: relative;
	/* background: #8FBC8F; */
	margin: 0;
	padding: 0px 10px 10px 38px;
	display: block;
	width: 100%;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #636363;
	font-weight: normal;
}
.sideblogBorder{
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;}
.question:hover {
	color: #5584FF;
}

.answers {
	height: 0;
	overflow: hidden;
	z-index: -1;
	opacity: 0;
	-webkit-transition: .7s ease;
	-moz-transition: .7s ease;
	-o-transition: .7s ease;
	transition: .7s ease;
	color: #959595;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}

.questions:checked ~ .answers{
  height: auto;
  opacity: 1;
  padding: 15px;
}

.plus {
  position: absolute;
  color:#999;

  z-index: 5;
  font-size:1.5em;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
.plus:hover {
	color: #5584FF;
}

.questions:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.questions {
  display: none;
}
/**blog search*/
#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 6px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px ;
		border: 1px solid #ddd;
    }
 
    #custom-search-input button {
	border: 0;
	background: none;
	/* belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px ;
	color: #999999;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }


	.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
	padding-right: 30px;
	border-radius: 2px;
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #fff;	
}
.right-inner-addon textarea {
	padding-right: 30px;
	border-radius: 2px;
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #fff;	
	
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
	color:#e1e1e1;

}


.stylish-input-group .input-group-addon {
	background: #171717;
!important;
	border: 1px solid #171717;
}
.stylish-input-group .form-control {
	border-right: 0;
	box-shadow: 0 0 0;
	border-color: #ccc;
	border: 1px solid #171717;
	font-size: 12px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.stylish-input-group button {
	border: 0;
	background: transparent;
}
.call-to-text span{
	font-size:32px;
	color:#fff;
	font-weight:700;
	}
	.call-to-text span p{
	font-size:20px;
	color:#fff;
	}


/****blog audio****/
.aligned { 
	text-align: center; 
	padding-bottom:28%; 
}
.aligned_input { 
	text-align: center; 
	padding-bottom:-10%; 
}
.aligned_text { 
	text-align: center; 
	font-size: 88%;
}
.no:hover {
	background:none;
} .no:active {
	background: none;
}
#seconds {
	font-size:10px;
}
.btn-custom {
	background-color: black;
	color:white;
	transition-property: background, opacity;
	transition-duration: 0.5s;
} .btn-custom:hover, .btn-custom:active, .btn-custom:focus {
	cursor: pointer;
	opacity:0.5;
	color:white;
	//background-color:white;
} 
.audio-player{
	height: 35px;
	background-color: #000;
	width:100%;
	}
/****blog audio****/
/****blog caro****/
	.carousel-inner2 {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.carousel-inner2 {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner2>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}
.carousel-inner2>.item>a>img, .carousel-inner>.item>img {
	line-height: 1
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner2>.item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.carousel-inner2>.item.active.right, .carousel-inner>.item.next {
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
.carousel-inner2>.item.active.left, .carousel-inner>.item.prev {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
.carousel-inner2>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.carousel-inner2>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}
.carousel-inner2>.active {
	left: 0
}
.carousel-inner2>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner2>.next {
	left: 100%
}
.carousel-inner2>.prev {
	left: -100%
}
.carousel-inner2>.next.left, .carousel-inner>.prev.right {
	left: 0
}
.carousel-inner2>.active.left {
	left: -100%
}
.carousel-inner2>.active.right {
	left: 100%
}

/****blog caro****/

	
	/*property detail*/


/*carousel property*/
.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}

/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
.carousel-control.left {
	background-image: url(../img/slide-left.png) !important;
	background-repeat: no-repeat;
	background-position: left center;
}
.carousel-control.right {
	background-image: url(../img/slide-right.png) !important;
	background-repeat: no-repeat;
	background-position: right center;
	}
	.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: transparent !important;
    text-align: center !important; 
    text-shadow: none!important;
    background-color:none!important;
    filter: alpha(opacity=50);
    opacity: none !important;
}
.thumbnail-team {
   position: relative;
    overflow: hidden;
    width: 250px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    overflow: hidden;
    background-size: 100%;
    background-position: top center;
    border-radius: 50%;
}
 
.
.carousel-inner {
    width: 85% !important;
    margin-left: auto;
    margin-right: auto;
}

	
/*carousel property*/


/***propeerty detail***/
.detail-head{
	font-family: 'Raleway', sans-serif;
	font-size:24px;
	color:#363636;
	margin-bottom:20px;
	}
	
	.deatil-subhead{
		color:#008f38;
				font-family: 'Lato', sans-serif;
		font-size:14px;
		text-transform:uppercase;
		font-weight:600;
		}
	.detail-cont{
		color:#959595;
		font-family: 'Lato', sans-serif;
		font-size:14px;
		}
		.detail-price{
			color:#008f38;
			font-size:24px;
			font-weight:bold;
			text-align:right;
			margin-bottom:20px;
			}
			.detail-info{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #363636;
	padding-bottom: 5px;
	display: block;
				}
			.detail-line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom:5px;
}
.detail-descr{
		font-family: 'Raleway', sans-serif;
	font-size:24px;
	color:#363636;
	margin-bottom:20px;
	}
	.detail-sesc-price{
					color:#008f38;
			font-size:24px;
			font-weight:bold;
			margin-bottom:20px;
		}
		.detail-desc-info{
			color:#363636;
			font-size:14px;
				font-family: 'Roboto', sans-serif;
			}
					.detail-desc-info a{
			color:#363636;
			font-size:14px;
				font-family: 'Roboto', sans-serif;
				text-decoration:none;
			}
			.detail-desc-info a:hover{
	color: #008F38;
}
.detail-descr-line{
	width: 100%;
	background-color: #EAEAEA;
	height: 1px;
	margin-top: 10px;
}
.detail-desc-box{
	margin-top: 15px;
}
/*login*/
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}
/*login*/



/*pagination*/
.pagination{
    padding: 2px;
}
.pagination ul{
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
}
.pagination li{
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #1A9936;
	text-decoration: none;
	color: #1A9936;
}
.pagination a:hover, .pagination a:active{
	border: 1px solid #1A9936;
	color: #FFF;
	background-color: #1A9936;
}
.pagination a.prevnext{
    font-weight: bold;
}
.page_number {
    border: 1px solid #1A9936;
    color: #2e6ab1;
    padding:5px;
    text-align: center;
    width: 20px;
}
.pagination li {
  display:inline-block;
  padding:5px;  
}
ul li{
	  list-style:none;
	}
/*pagination*/

/*multi select*/
.multiselect {
  width: 100%;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  border: 0px #f8f8f6 solid;
    padding: 2px;
	margin-bottom: 5px;
	display:none;
}


#checkboxes label {
  display: block;
  font-size:16px;
  font-weight:normal;
  line-height:16px;
  border: none;
  background-color:none;
}


#checkboxes label:hover {
	background-color: #FFFFFF;
}


/*multiselect*/

/*radio button*/
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
	font-weight: 100;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #008f38;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
  height: 20px;
    padding: 2px;
  margin-right: 10px;
    text-align: center;
	outline:none;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
	box-shadow: inset 0px 0px 0px 4px #fff;
	background-color: #008F38;
}

.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #008f38;
    box-shadow: inset 0px 0px 0px 4px #fff;
}


.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid transparent; /* focus style */
}

/***radio button*/
.property-sub{
	text-align: right;
}
.popup-bg{
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5);
  height: 100%;
  width: 100%;
}

.popup{
  background-color: white;

  padding: 1px;
  width: 100%;
  z-index: 122;
  position:absolute;
}

.close-btn{
	background-color: black;
	color: white;
	position: relative;
	top: 4px;
	left: 0px;
	border-radius: 55%;
	height: 30px;
	width: 30px;
	z-index: 1500;
	position: absolute;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}

video-res{
  margin:0 auto;
    height:100vh;
  text-align:center;
  overflow:hidden;
    max-width:300vh;
}
iframe {
    max-height: 560px;
    width: 100%;
}
/**detailbox**/

/****detail box check box****/
/* Hide the browser's default checkbox */
.checks input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checks:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checks input:checked ~ .checkmark {
	background-color: #008F38;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checks input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checks .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checks, label {
    margin-left: 25px;
}
/****detail box check box****/



.team-area ul li {
    list-style: disc;
}

/*faq*/
.faq_section{
	margin:40px auto;
}
.FaQ_Each{
	padding-bottom: 10px;
}
.boxd  {
  /*background: rgba(246, 246, 246, 1);*/
  color: #666666;
  padding-top: 15px;
  padding-bottom:15px;
  padding-left: 20px;
  font-size: 13px;
  text-transform: uppercase;
  cursor:pointer;
  border: 1px solid #d9d9d9;
}
.draw {
  display: none;
  background: #ffffff;
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #000000;
  padding-left:30px;
}
#other{
	display: none;
}
.edit-prop {
    font-size: 11px;
}
select .select .edit-prop {
    font-size: 11px; }
/*faq*/

.searchPrefBtn  input[type="radio"] {
    margin: 11px 0px 1px 9px !important;
	z-index:20000;
}

/*hover for blog*/
figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
/*  margin: 10px;
  min-width: 220px;
  max-width: 310px;
  max-height: 220px;*/
  width: 100%;
  background: #000000;
  text-align: left;
}
figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 44px 0em;
  width: 100%;
  height: 100%;
}
figure.snip0016 figcaption::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;

  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 h2,
figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h2 {
  word-spacing: -0.15em;
  font-family: 'Raleway', sans-serif; 
    font-weight: 600;
    color: #fff;
    font-size: 20px;
	padding-top:10px;
	text-align:center;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0016 h2 span {
  font-weight: 800;
}
figure.snip0016 p {
  font-family: 'Raleway', sans-serif; 
    font-weight: 600;
    color: #fff;
    font-size: 20px;
	padding-top:10px;
	text-align:center;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0016:hover img {
  opacity: 0.3;
}
figure.snip0016:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
figure.snip0016:hover figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016:hover figcaption::before {
  background-color: rgba(0, 143, 56, 0.5);
  left: 0px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}


/*hover for blog*/
.knowBox h5 {
    font-weight: bold;
}
.knowBox {
    border: solid 1px #ffffff;
    background-color: #d6d6ce;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
} 
.access_page
{
	border: solid 2px  #029042 !important;
	background-color: #029042 !important;
	color:#FFF !important;
	font-weight:bold !important;
	font-size:16px !important;
	letter-spacing: 10px !important;
}
@media all and (max-width:30em){
.btn-top{
	padding-top:1px;
	}
.btn-green-Big{
	padding-top: 1px;
	background-color: #008f38;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	border-radius: 1px;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 7px;
	}
	.btn-green-Big:hover, .btn-green-Big:active, .btn-green-Big:focus{
	padding-top: 1px;
	background-color: #fff;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	border-radius: 1px;
	color: #008f38 !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 7px;
	text-decoration: none;
	border: 1px solid #008F38;
	}
}