/*

	THANK YOU FOR PURCHASING SLIEPNIR
	IF YOU NEED SUPPORT FEEL FREE TO CONTACT ME ON MY PROFILE
	REMEMBER TO RATE!


	TABLE OF CONTENTS
	BASE STYLES	
	SOCIAL
	BREAKOUT
	TOPHEADER
	SLIDER
	TOGGLEBOX
	ACCORDION
	ALERT
	DIVIDER
	TABS
	PROGRESS
	BUTTONS
	TABLE
	PRICETABLE
	SORT
	404
	CONTENT BLOCK
	PORTFOLIO
	PAGINATION
	TEAM MEMBER
	BOOTSTRAP CHANGES
	MAP
	PROJECT DETAILS
	BLOG
		SIDEBAR
		SHARE
		COMMENTS
	CALLOUTBOX
	FOOTER
	MEDIA QUERIES
	MISCELLANEOUS
*/


/* BASE STYLES */
*{
	font-family: 'Montserrat', sans-serif;
}
body{
	font-size:0;
}
a:hover{
	text-decoration: none;
}
h1{
	font-size:24px;
	font-weight: bold;
	color:#232323;
	margin-bottom:30px;
}
h2{
	font-weight: bold;
	font-size:24px;
}
h3{
	font-size:22px;
	color:#232323;
	font-weight: bold;
}
p,address{
	font-size:14px;
	color:#000;
	margin: 0 0 24px 0;
}
p.big{
	font-size: 18px;
}

input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"]{
	height: 46px;
	padding-left:14px;
	outline:none;
}
textarea{
	padding-left:14px;
	padding-top:14px;
	height: 180px;
	outline: none;
}
input.full, textarea.full{
	width:100%;
	margin-bottom:10px;
}

blockquote.testimonial{
	border:1px solid #ededed;
	position: relative;	
	padding:40px 45px;
	border-radius: 5px;
	font-size: 14px;
}
blockquote.testimonial:before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 40px;
	border-width: 20px 20px 0 0;
	border-style: solid;
	border-color: #ededed transparent transparent transparent;
	display: block;
	width: 0;
}
blockquote.testimonial:after{
	content: "";
	position: absolute;
	bottom: -18px;
	left: 41px;
	border-width: 19px 19px 0 0;
	border-style: solid;
	border-color: #FFFFFF transparent transparent transparent;
	display: block;
	width: 0;
}
blockquote.testimonial .from{
	font-size:14px;
	color:#808080;
	position:absolute;
	bottom:-25px;
	left:65px;
}

ul{
	padding:0;
	list-style-type: none;
}
ul.extrapadding li{
	padding: 15px 0;
}
ul.extrapadding li:first-child{
	padding: 0 0 15px 0;
}
ul.extrapadding.custom-tick-boxes li:first-child{
	padding: 0 0 15px 55px
}
ul.custom-tick-boxes li{
	padding-left: 55px;
	position: relative;
}
ul.custom-tick-boxes li:after{
	content:'\f00c';
	font-family: FontAwesome;
	position: absolute;
	background: #232323;
	border-radius: 3px;
	left:0;
	top:9px;
	padding:6px 8px;
	color:white;
}
ul.custom-tick-boxes li:first-child:after{
	top:-5px;
}

/* END OF BASE STYLES */
.listam2m li{
padding:5px 5px 5px 15px; margin: 5px;
}
.listam2m li a{
color:#000;
}

.listam2m li a:hover{
color:#82c442;
}


ul.lista{
		margin-left: 25px;
}
.lista li{
	padding:5px;
	margin: 5px;
	list-style-type:square;
}

ul.lista2{
		margin-left: 25px;
}
.lista2 li{
	padding:3px 5px;
	margin: 2px 5px;
	list-style-type:square;
}


/* SOCIAL */
.social{
	text-align: right;
}
.social ul{
	padding:0;
	margin: 0;
	list-style-type: none;
}
.social ul li{
	height:68px;
	display:inline-block;
	vertical-align: top;
}
.social ul li a{
	display:block;
	width:43px;
	height:100%;
	color:#808080;
	text-decoration: none;
	text-align: center;
	padding-top:22px;
	cursor: pointer;
	font-size: 18px;
}
.social ul li a.skype:hover{
	background: #00B0F6;
	color:white;
}
.social ul li a.skype:after{
	font-family: FontAwesome;
	content: "\f17e";
}
.social ul li a.youtube:hover{
	background: #C4302B;
	color:white;
}
.social ul li a.youtube:after{
	font-family: FontAwesome;
	content: "\f16a";
}
.social ul li a.dribbble:hover{
	background: #E14C86;
	color:white;
}
.social ul li a.dribbble:after{
	font-family: FontAwesome;
	content: "\f17d";
}
.social ul li a.twitter:hover{
	background: #32CCFE;
	color:white;
}
.social ul li a.twitter:after{
	font-family: FontAwesome;
	content: "\f099";
}
.social ul li a.facebook:hover{
	background: #3C599B;
	color:white;
}
.social ul li a.facebook:after{
	font-family: FontAwesome;
	content: "\f09a";
}


/* BREAKOUT */
.breakout{
	padding-top:20px; padding-bottom:20px;
	background:#f2f2f2;
	border-top:1px solid #e5e3e3;
}
.breakout.top{
	margin-bottom:40px;
	border-top:0;
}
.breakout.nopadding{
	padding:0;
	background:#fff;
}
.breakout.nomargin{
	margin: 0;
	background:#fff;
}
.breakout #map-canvas{
	height:348px;
}
.breakout input, .breakout textarea{
	border: none;
}
header.callout h1{
	font-size:26px;
	color:#232323;
	font-weight: bold;
	margin-bottom:0;
	margin-top:2px;
}
header.callout h2{
	margin-top:3px;
	font-size:18px;
	color:#808080;
	font-weight: normal;
	margin-bottom:5px;
}
header.callout.big h1{
	font-size:38px;
	margin-bottom: 0;
}
header.callout.big h2{
	font-size:22px;
	margin-top:5px;
}
.breakout.top h1{
	font-size:26px;
	margin-bottom: 5px;
}
.breakout.top h2{
	font-size:18px;
	color:#808080;
	margin-top:0;
}
.breakout h1{
	font-size:26px;
	margin-bottom: 5px;
}
.breakout h2{
	font-size:18px;
	color:#808080;
	margin-top:0;
}

.breakout.bottom{
	margin-bottom:-70px;
}
.breakout.colored{
	padding-top:60px; padding-bottom:60px;
	background: url("../images/breakoutcoloured.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.breakout.colored header{
	text-align: center;
}
.breakout.colored header h1{
	font-size:29px;
	color:white;
	text-transform: uppercase;
}
.breakout.colored header h2{
	font-size:22px;
	color:white;
}
.breakout.colored .contentblock{
	background: white;
	border:none;
}
.breakout.colored blockquote{
	color:#808080;
	background: white;
	font-size:16px;
	line-height: 28px;
	padding:50px 80px;
}
.breakout.colored blockquote .from{
	color:white;
	font-size:16px;
}
.breakout.colored blockquote:before{
	bottom: -30px;
	border-width: 30px 30px 0 0;
	left:79px;
}
.breakout.colored blockquote:after{
	bottom: -28px;
	border-width: 29px 29px 0 0;
	left:79px;
}
.breakout.colored blockquote .from{
	bottom:-35px;
	left:115px;
}
.breakout.colored blockquote .iconcircle{
	position: absolute;
	left:-40px;
	right:100%;
	background: #82c442;
	text-align: center;
	padding-top: 18px;
}
/* END OF BREAKOUT */





/* TOP HEADER */


.topheader .logo h1{
	font-size:38px;
	text-transform: uppercase;
	margin-top: 46px;
}
.topheader nav{
	text-align: right;
}
.topheader nav ul{
	padding:0;
	margin:0;
	list-style-type: none;
}
.topheader nav ul li{
	height:120px;
	display:inline-block;
	margin-left:-4px;
	position: relative;
}
.topheader nav ul li.search input{
	position: absolute;
	left:-170px;
	top:95px;
	bottom:0;
	width:250px;
	margin: auto;
	z-index: 999;
	display:none;
}
.topheader nav ul li.search:before{
	content: "";
	position: absolute;
	left: 22px;
	border-style: solid;
	border-width: 0 7px 14px 7px;
	border-color: transparent transparent #000000 transparent;
	display: block;
	width: 0;
	top: 100px;
	display:none;
}
.topheader nav ul li.search:after{
	content: "";
	position: absolute;
	left: 22px;
	border-style: solid;
	border-width: 0 7px 14px 7px;
	border-color: transparent transparent #FFFFFF transparent;
	display: block;
	width: 0;
	top: 101px;
	z-index: 999;
	display:none;
}
.topheader nav ul li.search.showinput input, .topheader nav ul li.search.showinput:after, .topheader nav ul li.search.showinput:before{
	display:block;
}
.topheader nav ul li a{
	display:block;
	height:100%;
	font-size:14px;
	font-weight: bold;
	border-width: 7px 0px;
	border-style: solid;
	border-color:transparent;
	padding-top:45px;
	padding:40px 20px 0;
	color:#232323;
	text-transform: uppercase;
}
.topheader nav ul li a.active{
	border-color:#82c442;
	color: #82c442;
}
.topheader nav ul li a:hover{
	color:#82c442;
	border-color:#82c442;
}
.topheader nav ul li:hover > ul{
	display: block;
}
.topheader nav ul li ul{
	display:none;
	position: absolute;
	z-index:999;
	background: #232323;
	min-width: 300px;
	overflow: hidden;
}
.topheader nav ul li ul li{
	display: block;
	height: auto;
	text-align: left;
	padding-left: 20px;
	border-bottom: 1px dotted #3B3B3B;
	padding: 5px 0 5px 20px;
}
.topheader nav ul li ul li a{
	color:white;
	font-size:14px;
	font-weight: normal;
	padding: 0;
	text-transform: none;
}

	
.topheader nav select{
	display:none;
	width:100%;
	height: 30px;
	margin-bottom: 10px;
}
.mobileSearch{
	display:none;
}
/* END OF TOP HEADER */





/* SLIDER */
.sliderwrapper{
	position: relative;
}
.bx-pager{
	display:none;
}
.bx-wrapper img{
    display:block; max-width: 100%;
}
.bx-prev{
	left:45px;
}
.bx-prev:before{
	content: "\f053";	
	display:block; position:relative; top:28px;	bottom:0;
	width:14px; height: 50px; margin:auto;
	font-family: FontAwesome;
}
.bx-next{
	right:45px;
}
.bx-next:before{
	content: "\f054";	
	display:block; position:relative; top:28px;	bottom:0;
	width:14px; height: 50px; margin:auto;
	font-family: FontAwesome;
}
.bx-prev, .bx-next{
	display: block; position: absolute; top: 45%;
	border-radius: 5px;
	width: 80px; height: 80px;
	background: #232323;
	-webkit-transition: all linear 0.5s;
	-moz-transition: all linear 0.5s;
	-o-transition: all linear 0.5s;
	transition: all linear 0.5s;
	color: white;
	font-size: 20px;
}
.bx-prev:hover, .bx-next:hover{
	background: #82c442;
	color: white;
}
/* ABOVE ARROWS */
.abovearrows .bx-prev, .abovearrows .bx-next{
	top:-58px;
	width:30px;
	height:30px;
	background: #e1e0e0;
	cursor: white;
	font-size: 10px;
	text-align: center;
}
.abovearrows .bx-next{
	right:0px;
}
.abovearrows .bx-prev{
	right:40px;
	left:inherit;
}
.abovearrows .bx-next:before, .abovearrows .bx-prev:before{
	height: 30px;
	width:30px;
	font-size: 10px;
	top: 9px;
}
.abovearrows .bx-prev:hover, .abovearrows .bx-next:hover{
	background: #82c442;
}

.smallarrows .bx-prev, .smallarrows .bx-next{
	width:40px;
	height:40px;
}
.smallarrows .bx-prev{
	left:15px;
}
.smallarrows .bx-next{
	right:15px;
}
.smallarrows .bx-prev:before{
	top:12px;
	font-size:14px;
}
.smallarrows .bx-next:before{
	top:12px;
	font-size:14px;
}

/* IF MOBILE */
.mobile .bx-prev, .mobile .bx-next{
	display:none;
}

	/* HOME SLIDER */
	.homeslider{
		max-height:766px;
		text-align: center;
	}
	.homeslider .slide{
		height:766px; padding-top:240px;
		text-align: left;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.homeslider .slide img{
		margin: auto;
	}
	.homeslider .slide h1{
		margin-bottom: 0;
		font-size:34px; color:white;
		padding:10px;
		background: #82c442;
		float: left; 
    	clear: left; 
	}
	.homeslider .slide h2{
		font-size:24px; color:white;
		padding:10px;
		background: #82c442;
		float: left; 
   		clear: left; 
   		margin-top:5px;
   		margin-bottom:30px;
	}
	.homeslider .slide a{
		float: left; 
   		clear: left; 
	}
	.homeslider .content{
		width: 70%;
	}

	.homeslider .slide1{
		background: url("../images/homeslider/slide3.JPG"); background-position:top center; background-repeat:no-repeat;
	}
	.homeslider .slide2{
		background: url("../images/homeslider/slide2.jpg"); background-position:top center; background-repeat:no-repeat;
	}
	.homeslider .slide3{
		background: url("../images/homeslider/slide1.jpg"); background-position:top center; background-repeat:no-repeat;
	}
	.homeslider .slide4{
		background: url("../images/homeslider/slide4.jpg"); background-position:top center; background-repeat:no-repeat;
	}
	/* END OF HOME SLIDER */
/* END OF SLIDER */





/* TOGGLEBOX */
.togglebox{
	border: 1px solid #ededed;
	box-shadow: 0px 1px 3px #EEE;
	position: relative;
	padding:0 30px;
	margin-bottom: 9px;
}
.togglebox h2{
	color: #82c442;
	font-size:14px;
	margin:30px 0;
}
.togglebox .showtogglebox.collapsed{
	background: #e1e0e0;
}
.showtogglebox.collapsed+h2{
	color: #808080;
}
.togglebox .showtogglebox{
	position: absolute;
	top:26px;
	right:30px;
	background: #82c442;
	display:block;
	width:29px;
	height:29px;
	cursor: pointer;
	border-radius: 3px;
	border-bottom: 0px solid #7D7D7D;
	padding: 4px 8px;
}
.togglebox .showtogglebox:after{
	content: "\f067";
	font-family: FontAwesome;
	color:white;
}
/* END OF TOGGLEBOX */





/* ACCORDION */
.panel-default>.panel-heading{
	background: transparent;
}
.panel{
	border: 1px solid #ededed;
	position: relative;
	padding:0 30px;
}
.panel-heading{
	padding: 0;
}
.panel-group .panel+.panel{
	margin-top: 0;
}
.panel:last-child{
	box-shadow: 0px 1px 3px #EEE;
}
.panel h2{
	color: #82c442;
	font-size:14px;
	margin:30px 0;
}
.panel .showtogglebox.collapsed{
	background: #e1e0e0;
}
.panel.collapsed+h2{
	color: #808080;
}
.panel .showtogglebox{
	position: absolute;
	top:26px;
	right:30px;
	background: #82c442;
	display:block;
	width:29px;
	height:29px;
	cursor: pointer;
	border-radius: 3px;
	border-bottom: 1px solid #7d7d7d;
	padding: 4px 8px;
}
.panel .showtogglebox:after{
	content: "\f067";
	font-family: FontAwesome;
	color:white;
}
.panel-group .panel-heading+.panel-collapse .panel-body{
	border-top: none;
}
/* END OF ACCORDION*/





/* ALERT */
.alert{
	font-size:14px;
	text-align: center;
	padding:24px;
	border-radius: 5px;
	margin-bottom:10px;
}
.alert-danger{
	background:#fee9e9;
	color: #d15e5e;
	border:1px solid #ffd5d5;
}
/* END OF ALERT */





/* DIVIDER */
.divider{
	height:50px;
	width:100%;
}
.divider.small{
	height:25px;
}
.divider.large{
	height:100px;
}
/* END OF DIVIDER */



/* TABS */
.nav-tabs{
	border-bottom:0;
}
.nav-tabs>li{
	background: #fcfbfb;
	border: 1px solid #f2f2f2;
	border-radius: 4px 4px 0 0;
}
.nav-tabs>li>a{
	color: #919090;
	margin-right:0px;
	border-radius: 0;
	border:0;
}
.tab-pane{
	padding:20px;
	border: 1px solid #f2f2f2;
}
.nav-tabs>li.active{
	border-bottom:1px solid white;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border:none;
	color:#82c442;
}
/* END OF TABS */





/* PROGRESS BARS */
.progress{
	position: relative;
	height:40px;
}
.progress .contrastpercentage{
	text-align: left;
	position: absolute;
	left:20px;
	font-size:14px;
	z-index:0;
	padding:10px 0;
}
.progress-bar{
	z-index:20;
	overflow: hidden;
	position: absolute;
	background: #82c442;
}
.progress-bar span{
	z-index:30;
	text-align: left;
	display:inline-block;
	font-size:14px;
	width:100%;
	position: absolute;
	padding:10px 0;
	left:20px;
	white-space: nowrap;
  	overflow: hidden;
}
/* END OF PROGRESS BARS */





/* BUTTONS */
.btn{
	background:#232323;
	padding: 16px 42px;
	box-shadow: 0px 1px 0px 0px #7d7d7d;
	margin-bottom: 30px;
	margin-right:6px;
	color:white;
	font-size:14px;
	text-transform: uppercase;
}
.btn.tiny{
	padding:10px 19px;
	text-transform: none;
	font-size:12px;
}
.btn.small{
	padding: 12px 36px;
}
.btn.large{
	padding:20px 50px;
	font-size:18px;
}
.btn:hover{
	color:white;
}
.btn.green{
	background: #82c442;
}
.btn.grey{
	background: #c2c2c2;
}
/* END OF BUTTONS */

.botonverde{ background: #82c442; border-radius: 4px; padding:5px 15px; color:#fff; text-decoration:none; }
.botonverde:hover{ background: #808080;	color:#fff; text-decoration:none}

/* formulario*/
.columnaD { width:49%; float:left;text-align:left;  }
.columnaI { width:49%; float:left; text-align:left; }

/* titulares*/
.titulares {color:#fff; font-size: 18px; background:#fff url('../images/bktitulos.gif') repeat-y top left;  padding: 5px 8px; 
display:block; margin:10px 0px 20px 0px}
.titulares a{color:#fff; }

.bordesGrisC { border: 1px solid #ccc; border-spacing:5px; border-collapse:separate;}
.ttitulo{ margin-left:5px; padding:2px; color:#82c442; border-bottom: 1px dotted #000;}



/* TABLE */
table{
	color:black;
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{
	padding:20px;
}
.table-hoverable td:hover{
	background:#82c442 !important;
	color:white;
	cursor:pointer;
}
/* END OF TABLE */





/* PRICETABLE */
.pricetablewrapper{
	padding:0 12px;
}
.pricetablewrapper .pricetable{
	margin:0px;
	text-align: center;
}
.pricetable{
	border: 1px solid #ebeaea;
}
.pricetable h1{
	font-size:22px;
	font-weight:bold;
	color:#82c442;
	border-bottom: 1px solid #ebeaea;
	margin:0;
	line-height: 80px;
}
.pricetable .price{
	height:100px;
	padding-top:15px;
	font-size:38px;
	color: #82c442;
	border-bottom:1px solid #ebeaea;
}
.pricetable .price .currency{
	font-size:22px;
}
.pricetable .price .date{
	color:#808080;
	display:block;
	font-size:12px;
	margin-top:-10px;
}
.pricetable ul{
	padding:0;
	list-style-type: none;
	margin-bottom:28px;
}
.pricetable ul li{
	height:44px;
	padding-top:12px;
	border-bottom:1px dashed #cccccc;
}
.pricetable .btn{
	text-transform: uppercase;
	padding:17px 41px;
}
/* END OF PRICETABLE */





/* SORT */
.sort{
	width:237px;
	background: #82c442;
	border-radius: 5px;
	position: relative;
	margin-left: auto;
	margin-bottom: 60px;
	height: 54px;
	z-index: 999;
}
.sort.active{
	border-radius: 5px 5px 0 0;
}
.sort p:before{
	font-family: FontAwesome;
	content: "\f0dc";
	color: white;
	position: absolute;
	right: 10px;
	top: 17px;
}
.sort p{
	color:white;
	margin:0;
	cursor: pointer;
	padding:17px 10px;
}
.sortlist{
	display: none;
	padding:0;
	list-style-type: none;
	background: #82c442;
	border-radius: 0 0 5px 5px;
}
.sortlist li{
	font-size:14px;
	color: white;
	padding:17px 10px;
	border-top:1px dashed #aad67e;
	cursor: pointer;
}
.sortlist li:first-child{
	display:none;
}
.sortItem.disabled{
	display:none;
}
/* END OF SORT */





/* 404 */
.fourohfour{
	text-align: center;
	padding: 130px 0;
}
.fourohfour h1{
	font-size:180px;
	margin-bottom:0px;
}
.fourohfour p{
	margin-bottom: 40px;
}
/* END OF 404 */





/* CONTENT BLOCK */
.contentblock{
	padding:50px 45px 20px 45px;
	border:1px solid #ededed;
	border-radius: 3px;
	position: relative;
}
.contentblock .iconcircle{
	position: absolute;
}
.iconcircle{
	background: #d9d9d9;
	width:92px;
	height:92px;
	border-radius: 50%;
	
	top:-46px;
	margin: 0 auto;
	right:0;
	left:0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	border: 8px solid rgba(35, 35, 35, 0.05);
	font-size:40px;
	color:white;
	padding-top:10px;
}
.contentblock.smallpadding{
	padding: 10px 20px;
}
/* END OF CONTENT BLOCK */





/* PORTFOLIO */
.portfolioitem{
	margin-bottom:30px;
}
.portfolioimage{
	position: relative;
}
.portfolioimage:after{
	background: rgba(130, 196, 66, 0.95);
	content:'';
	width:90%;
	height: 90%;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	display:none;
}
.portfolioimage .look{
	width:54px;
	height:54px;
	position: absolute;
	display: block;
	background: #d9d9d9;
	z-index: 999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 64px;
	margin: auto;
	color:white;
	text-align: center;
	font-size: 21px;
	padding-top:12px;
	display:none;
}
.portfolioimage .link{
	width:54px;
	height:54px;
	position: absolute;
	display: block;
	background: #d9d9d9;
	z-index: 999;
	top: 0;
	bottom: 0;
	left: 64px;
	right: 0;
	margin: auto;
	color:white;
	text-align: center;
	font-size: 21px;
	padding-top:14px;
	display:none;
}
.portfolioimage .link:hover, .portfolioimage .look:hover{
	background: #232323;
}
.portfoliocontent{
	padding:37px 0;
	text-align: center;
	border-width: 7px 1px 1px 1px;
	border-style: solid;
	border-color: #cecece #eeeeee #eeeeee;
	border-radius: 0 0 5px 5px;
	background: white;
}
.portfoliocontent h4{
	font-size:18px;
	font-weight:bold;
	color: #232323;
	margin:0;
}
.portfoliocontent p{
	font-size:14px;
	font-weight:bold;
	color: #808080;
	margin:0;
}
.portfolioitem:hover .portfoliocontent, .portfolioitem:hover .portfolioimage:after, .portfolioitem:hover .portfolioimage .look, .portfolioitem:hover .portfolioimage .link{
	border-color: #82c442 #eeeeee #eeeeee;
	display:block;
}
/* END OF PORTFOLIO */





/* PAGINATION */
.pagination{
	padding: 0;
	list-style-type: none;
}
.pagination li{
	margin:0 0px;
	display:inline-block;
}
.pagination li a{
	padding:13px 20px;
	background: #e1e0e0;
	margin-bottom:0;
	margin-top: 30px;
	text-transform: none;
}
.pagination li a.btn.grey{
	background: #e1e0e0;
	color:#808080;
}
/* END OF PAGINATION */





/* TEAM MEMBER */
.teammember h2{
	margin-top:34px;
	font-size:22px;
	color: #808080;
	margin-bottom: 0;
}
.teammember h3{
	margin-top:10px;
	font-size:14px;
	color: #808080;
	margin-bottom: 34px;
}
.teammember p{
	padding:35px 0;
	border-width: 1px 0 1px 0;
	border-style: dashed;
	border-color: #cccccc;
}
.teammember .social{
	text-align: left;
	display:inline-block;
	border-radius: 5px;
}
.teammember .social ul{
	border: 1px solid #ebeaea;
	background: #fcfbfb;
	border-radius: 5px;
}
.teammember .social ul li:first-child a{
	border-radius: 5px 0 0 5px;
}
.teammember .social ul li:last-child a{
	border-radius: 0 5px 5px 0;
}
/* END OF TEAM MEMBER */





/* BOOTSTRAP CHANGES */
.panel-body {
	padding: 0 0 15px 0;
}
.panel-group .panel {
	border-radius: 0px;
}
.panel-group .panel:first-child {
	border-radius: 5px 5px 0 0;
}
.panel-group .panel:last-child {
	border-radius: 0 0 5px 5px;
}
/* END OF BOOTSTRAP CHANGES */





/* MAP */
#map-canvas{
	height:375px;
}
/* END OF MAP */





/* PROJECT DETAILS */
.projectdetails li{
	border-bottom: 1px dashed #a7a7a7;
	font-size:14px;
	padding:15px 0;
}
.projectdetails li:first-child{
	padding-top:0;
}
.projectdetails li:last-child{
	border-bottom: none;
}
/* END OF PROJECT DETAILS */





/* BLOG */
.blogpost{
	border-bottom:1px dashed #cccccc;
	padding-bottom:20px;
	margin-bottom:30px;
}
.blogdetails{
	width:76px;
	display: inline-block;
	vertical-align: top;
}
.blogdetails .date{
	background: #1d1d1d;
	width:59px;
	font-weight:bold;
	font-size:16px;
	color:white;
	text-align: center;
	border-bottom:4px solid #82c442;
	padding:24px 0;
	height: 87px;
}
.blogdetails .date .number{
	font-size:28px;
	display:block;
	line-height: 20px;
}
.blogdetails .post-type-post{
	background: #1d1d1d;
	width:59px;
	color:white;
	text-align: center;
	border-bottom:4px solid #82c442;
	padding:27px 0;
	height: 87px;
	margin-top:10px;
	padding:24px 0;
	font-size:21px;
}
.blogcontent{
	vertical-align: top;
	display:inline-block;
	width: calc(100% - 80px);
}
.blogcontent img{
	width:100%;
}
.blogcontent.quote{
	background: #232323;
	padding:45px 100px 20px 100px;
	border-radius: 5px;
	color:white;
}
.blogcontent.quote p{
	color:white;
}
.blogcontent.quote span{
	display:block;
	color: #808080;
	margin-top:30px;
}

.bloginfo{
	margin-bottom:30px;
	color:#969595;
	font-size:12px;
}
.bloginfo li{
	display:inline-block;
	background: #f4f4f4;
	border-radius: 3px;
	color:#969595;
	font-size:12px;
	padding:15px 15px 15px 35px;
	position: relative;
}
.bloginfo li.from:after{
	content: "\f007";
	font-family: FontAwesome;
	position: absolute;
	left:10px;
	font-size:16px;
}
.bloginfo li.comments:after{
	content: "\f075";
	font-family: FontAwesome;
	position: absolute;
	left:10px;
	font-size:16px;
}
.bloginfo li.tags:after{
	content: "\f02b";
	font-family: FontAwesome;
	position: absolute;
	left:10px;
	font-size:16px;
}
.blogimage{
	position: relative;
}
.blogimage:after{
	background: rgba(130, 196, 66, 0.95);
	content:'';
	width:95%;
	height: 90%;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	display:none;
}
.blogimage .look{
	width:54px;
	height:54px;
	position: absolute;
	display: block;
	background: #d9d9d9;
	z-index: 999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color:white;
	text-align: center;
	font-size: 21px;
	padding-top:12px;
	display:none;
}
.blogimage .link:hover, .blogimage .look:hover{
	background: #232323;
}
.blogimage:hover:after, .blogimage:hover .look{
	border-color: #82c442 #eeeeee #eeeeee;
	display:block;
}
.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.searchinput input{
	height:65px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #f2f2f2;
	font-size: 12px;
	width: calc(100% - 55px);
	padding-left:15px;
	outline:none;
}
.searchinput button{
	height:65px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #f2f2f2;
	width:55px;
	outline:none;
}
.smallblog{
	border-bottom:0;
}
.smallblog h1{
	margin-top:0;
	margin-bottom: 20px;
}
.smallblog li{
	padding:0 0 0 35px;
	background: 0;
}
.smallblog .bloginfo{
	margin-bottom:20px;
}
	/* BLOG SIDEBAR */
	.blogsidebar ul{
		padding:0;
		list-style-type: none;
	}
	.blogsidebar ul li{
		margin-bottom:10px;
	}
	.blogsidebar ul li:before{
		font-family: FontAwesome;
		content: "\f105";
	}
	.blogsidebar ul li a{
		color:#b1b1b1;
		padding-left:5px;
	}
	.blogsidebar ul li a:hover{
		color: #82c442;
	}
	.blogsidebar .tagcloud li{
		display:inline-block;
		margin-bottom:0;
	}
	.blogsidebar .tagcloud li:before{
		display: none;
	}
	.blogsidebar .tagcloud li a{
		color: white;
		padding:10px;
		margin-bottom:10px;
	}
	.blogsidebar .tagcloud li a:hover{
		color: white;
		background: #82c442;
	}
	/* END OF BLOG SIDEBAR */
	/* BLOG SOCIAL SHARE */
	.socialshare{
		border: 1px solid #f2f2f2;
		padding: 24px 0 24px 15px;
		position: relative;
		border-radius: 3px;
	}
	.socialshare .social{
		position:absolute;
		top:0;
		right:0;
	}
	.socialshare .social li a:last-child{
		border-radius: 0 3px 3px 0;
	}
	/* END OF SOCIAL SHARE */
	/* COMMENTS */
	.commentthumbnail{
		width:80px;
		height:80px;
		vertical-align:top;
		display:inline-block;
	}
	.comment{
		width: calc(100% - 126px);
		vertical-align:top;
		display:inline-block;
		margin-right:auto;
		border: 1px solid #f2f2f2;
		position: relative;
		margin-bottom:30px;
		padding:25px;
		margin-left:42px;
	}
	.comment h4{
		color:#232323;
		margin-top:0;
		margin-bottom: 0;
	}
	.comment span{
		margin-bottom:15px;
		display:block;
	}
	.comment .reply{
		position: absolute;
		top: 25px;
		right:25px;
		color:#808080;
	}
	.comment .reply:hover{
		color:#82c442;
	}
	.comment:before{
		content: "";
		position: absolute;
		top: 20px;
		left: -20px;
		border-style: solid;
		border-width: 10px 20px 10px 0;
		border-color: transparent #f2f2f2 transparent transparent;
		display: block;
		width: 0;
	}
	.comment:after{
		content: "";
		position: absolute;
		top:20px;
		left: -17px;
		border-style: solid;
		border-width: 10px 20px 10px 0;
		border-color: transparent #FFFFFF transparent transparent;
		display: block;
		width: 0;
	}

	.comments li ul{
		padding-left:126px;
	}
	/* END OF COMMENTS */
/* END OF BLOG */





/* CALLOUTBOX */
.calloutbox{
	padding:40px 50px;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	position: relative;
}
.calloutbox .calloutcontent{
	display:inline-block;
	width:70%;
	vertical-align: middle;
}
.calloutbox .calloutcontent h1{
	margin-bottom:0;
}
.calloutbox .calloutcontent h3{
	margin-top:0;
}
.calloutbox .calloutbutton{
	display:inline-block;
	right:10px;
	margin:auto;
	text-align:center;
	width:29%;
	height: 100%;
	vertical-align: middle;
}
.calloutbox .calloutbutton a{
	top: 0;
	bottom:0;
	margin:auto;
}
/* END OF CALLOUTBOX*/





/* FOOTER */
footer{
	background: #232323;
	padding-top: 65px;
	margin-top:70px;
	padding-bottom:30px;
}
footer h3{
	color:white;
	font-size:18px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 30px;
}
footer ul{
	padding:0;
	list-style-type: none;
}
footer ul li{
	margin-bottom:10px;
}
footer ul li:before{
	font-family: FontAwesome;
	content: "\f105";
}
footer ul li a{
	color:#b1b1b1;
	padding-left:5px;
}
footer ul li a:hover{
	color: #82c442;
}
footer input{
	background: #2d2d2d;
	border: none;
	width: 100%;
	height: 46px;
	padding-left:14px;
	margin-bottom:20px;
	border-color: #2d2d2d;
}
footer .btn{
	text-transform: uppercase;
	font-size:12px;
	font-weight: bold;
	padding: 11px 23px;
}
.bottomFooter{
	background: #2f2f2f;
}
.bottomFooter .copyright{
	height: 68px;
	padding-top: 25px;
}
.bottomFooter .social ul{
	margin-right:50px;
}
.bottomFooter .social{
	position: relative;
}
.bottomFooter .tothetop{
	width:40px;
	height:40px;
	background: #444444;
	display:block;
	position: absolute;
	top:14px;
	right:0px;
	text-align: center;
	padding-top:9px;
}
.bottomFooter .tothetop:hover{
	background: #333333;
}
.bottomFooter .tothetop:after{
	font-family: FontAwesome;
	content: "\f077";
	color:white;

}
	/* FLICKR */
	.flickr img{
		width:75px;
		height: 75px;
		margin-right: 19px;
		margin-bottom: 19px;
	}
/* END OF FOOTER */





/* MEDIA QUERIES */
@media only screen and (max-width : 1200px) { 
	/* SMALL DESKTOP OR IPAD */
	.topheader nav ul li a{
		font-size:14px;
	}
	img{
		width:100%;
	}
	#logo{
		width:50%;
	}
}
@media only screen and (max-width : 984px) { 
	/* MOBILE OR IPAD */
	.breadcrumb{
		text-align: center;
	}
	.social{
		text-align: center;
	}
	.topheader nav select{
		display:block;
	}
	.topheader nav ul{
		display:none;
	}
	.topheader .logo{
		text-align: center;
	}
	.mobileSearch{
		display:block;
		width: 100%;
	}
	.portfolioimage .look, .portfolioimage .link{
		display: block;
	}
	.homeslider .slide1{
		background: url("../images/homeslider/slide3b.JPG"); background-position:top center; background-repeat:no-repeat;	}
	.homeslider .slide2{
		background: url("../images/homeslider/slide2b.jpg"); background-position:top center; background-repeat:no-repeat;	}
	.homeslider .slide3{
		background: url("../images/homeslider/slide1b.jpg"); background-position:top center; background-repeat:no-repeat;	}
	.homeslider .slide4{
		background: url("../images/homeslider/slide4b.jpg"); background-position:top center; background-repeat:no-repeat;
	}
}

@media only screen and (max-width: 460px) {
.columnaD { width:99%; float:none}
.columnaI { width:99%; float:none}
.homeslider .slide1{background: url("../images/homeslider/slide3bb.JPG");	}
.homeslider .slide2{background: url("../images/homeslider/slide2bb.jpg");	}
.homeslider .slide3{background: url("../images/homeslider/slide1bb.jpg");	}
.homeslider .slide4{background: url("../images/homeslider/slide4bb.jpg");	}
}
/* END OF MEDIA QUERIES */




/* MISCELLANEOUS */
.highlight{
	color:#82c442;
}
.centered{
	text-align: center;
}
.inlinetext input[type="text"],.inlinetext input[type="email"]{
	width:28%;
	margin-right:5%;
	margin-bottom:5%;
	border:1px solid #d8d8d8;
}
.inlinetext textarea{
	width:95%;
	margin-bottom:5%;
	border:1px solid #d8d8d8;
}
.examplegrid div{
	margin-bottom:30px;
	margin-top:30px;
	border:1px solid #f2f2f2;
	text-align: center;
	padding:20px 0;
	background: #f8f8f8;
}

.contactinfo .social{
	text-align: left;
}
/* END OF MISCELLANEOUS */