/*
	Theme Name: Thème de base
	Theme URI: http://ericturcotteprogrammeurweb.com/
	Author: Eric Turcotte
	Author URI: http://ericturcotteprogrammeurweb.com/
	Description: Thème de base
	Version: 1
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

-------------------------------------------------------------------------

	1.	Browser Reset + Font Face
	2.	Globally Applied Styles
	3.	Header + Search Bar Styles
	4.	Plugin Related Styles
	5.	Page + Custom Page Layout Styles
	6.	Nectar Shortcode Styles
	7.  Footer Styles
	8.	Sidebar Styles
	9.  Blog + Pagination Styles
	10.	Comment Styles
	11.	General Form Styles

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


/*-------------------------------------------------------------------------*/
/*	1.	Browser Reset + Font Face
/*-------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

:focus {
	outline: 0;
}

input[type=submit] {
   -webkit-appearance: none;
}

html,
body {
	max-width: 100%;
	overflow-x: hidden;
	margin:0 auto;
}

body {
	color: #777;
	position: relative;
}

ol, ul {
	list-style: none;
}

input[type=text]::-ms-clear {
    display: none;
}

sup {
	font-size: 10px;
	vertical-align: super;
}

sub {
	font-size: 10px;
	vertical-align: sub;
}

p:empty {
	display: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

/*-------------------------------------------------------------------------*/
/*	2. Globally Applied Styles
/*-------------------------------------------------------------------------*/

body {
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f5f5f5;
	line-height: 21px;
}
#nous-ecrire{
color:#000;
}
.alignleft {
  float: left;
  margin-right: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
}

.aligncenter {
	display: block;
	margin:15px auto;
}
.wp-smiley {
	margin-bottom: 0px!important;
}

dd {
	padding-left: 20px;
}

table {
  font-size: 12px;
  margin-bottom: 20px;
}

em {font-style: italic;}

caption, th, td {
		font-weight: normal;
		text-align: left;
}

.clear {
	clear:both;	
}

.subheader {
    color: #6F6F6F;
 	margin-bottom:15px;
}

a {
	text-decoration: none;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

a:hover {
	color: inherit;
}

strong, b {
	font-weight: bold;
}

h1 { font-size: 30px; line-height: 40px; margin-bottom: 15px; }

h2 { font-size: 22px; line-height: 35px; margin-bottom: 12px;}

h3 { font-size: 19px; line-height: 33px; margin-bottom: 7px; }

h4 { font-size: 18px; line-height: 28px; margin-bottom: 7px; }

h5 { font-size: 16px; line-height: 26px; margin-bottom: 7px; }

h6 { font-size: 14px; line-height: 24px; margin-bottom: 7px;  }

h1,h2,h3,h4,h5,h6 {
	color: #444;
}

.text-align-center {
	text-align: center;
}

p {
	padding-bottom: 15px;
}
    
.row .col p:last-child {
	padding-bottom: 0px;	
}

.container .row:last-child {
	padding-bottom: 0px;
}

blockquote {
	line-height: 30px;
	font-size: 22px;
	padding-left: 50px;
	letter-spacing: -0.5px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: left 3px;
	background-image: url(img/icons/quotes.png);
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	blockquote {
		background-size: 30px 25px;
		background-image: url(img/icons/quotes@2x.png);
	}
}

.main-content ul, .main-content ol {
	margin-left: 30px;
	margin-bottom: 30px;
}

.main-content ul li {
	list-style: disc;
	list-style-position: inside;
}

.main-content ol li {
	list-style: decimal;
	list-style-position: inside;
}

.main-content img {
	max-width: 100%;	
	height: auto;
}

object, object embed {
	display: block;
	height: auto;
	max-width: 100%!important;	
}

code {
	display: block;
	clear: both;
    overflow: auto;
    padding: 10px 20px 20px 20px;
    white-space: pre;
    background-color: #ebebeb;
    font: 12px "Andale Mono",Courier,"Courier New",monospace;
}

#error-404 {
	text-align: center;
	margin-bottom: 45px;
}
body #error-404 h1 {
	font-size: 250px!important;
	line-height: 250px!important;
}
body #error-404 h2 {
	text-transform: uppercase;
	font-size: 70px;
}
body #error-404 p {
	font-size: 20px;
}

/*-------------------------------------------------------------------------*/
/*	3.	Header
/*-------------------------------------------------------------------------*/

header#top {
	position: relative;
	width: 100%;
	height: 100px;
	z-index: 10;
	height:125px;
}
header#top .container .row {
	padding: 15px 0;
	width: 100%;
}

header#top #logo {
	width: auto;
	max-width: none;
	display: block;
	line-height: 70px;
	font-size: 30px;
	letter-spacing: -1.6px;
	color: white;
}
header#top #logo img {
	max-height: 100px;
	max-width: none;
	width: auto;
	float: left;
	margin-bottom: 0px;
	display: block;
}

header#top nav > ul {
	float: right;
	overflow: visible!important;
}
header#top nav ul li {
	float: right;
}

header#top nav > ul > li {
	float: left;
	padding: 27px 0;
	padding-left: 20px;
}
header#top nav > ul > li:before {
	content: "\b7";
	padding-right: 20px;
}
header#top nav > ul > li:first-child:before {
	content: "";
}
header#top nav > ul > li > a {
	/*padding: 0px 10px 0px 10px;*/
	display: inline-block;
	color: #555;
	font-size: 17px;
	line-height: 16px;
	-webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}

header#top .menu-item-language .iclflag {
	top: 1px;
	position: relative;
	margin-right: 4px;
}

header#top #toggle-nav {
	display: none;
	width: 36px;
	height: 28px;
	text-align: right;
}
header#top #toggle-nav i {
	background-color: transparent!important;
	color: #000;
	line-height: 34px;
	font-size: 18px;
}

.row .col h3 {
	line-height: 22px;
	margin-bottom: 12px;
}

.row .col img {
	/*margin-bottom: 15px;*/
	max-width: 100%;
	width: auto;
	height: auto;
}

#mobile-menu {
	position: relative;
	top: -30px;
	display: none;
	background-color: #1F1F1F;
 	padding: 0px;
    z-index: 100000;
}

#mobile-menu .container > ul > li:first-child {
	padding-top: 10px;	
}
#mobile-menu .container > ul > li:last-child {
	padding-bottom: 10px;
}
#mobile-menu .container > ul > li:last-child a {
	border-bottom: 0px;
}
#mobile-menu ul li a {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    display: block;
    position: relative;
    padding: 16px 0 !important;
}

#mobile-menu ul li ul {
	display: none;
	margin-left: 20px;
}

#mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="fa-"], #mobile-menu li.open > a {
	color: #fff;
}

body #mobile-menu li.open > a [class^="fa-"] {
	color: #27CFC3; 
}

/*-------------------------------------------------------------------------*/
/*	3.	Main Content
/*-------------------------------------------------------------------------*/

.divider {
	height: 20px;
}

.divider-border {
	margin: 35px 0px 35px 0px;
	border-bottom: 1px solid #ddd;
}

.divider-thick-border {
	margin: 25px auto 25px auto;
	width: 20%;
	border-bottom: 1px solid #ddd;
}

.light .divider-thick-border {
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.col.boxed {
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background-color: #fff;
	padding: 25px 15px 15px 15px;
	position: relative;
	-webkit-transition: top 0.2s linear,-webkit-box-shadow 0.2s linear;
    -moz-transition: top 0.2s linear,-moz-box-shadow 0.2s linear;
    -o-transition: top 0.2s linear,-o-box-shadow 0.2s linear;
    transition: top 0.2s linear,box-shadow 0.2s linear;
    text-align: center;
}

.col.boxed span.bottom-line {
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 2px;
	left: 0px;
	background-color: #E8E8E8;
}

.col.boxed img {
	padding: 0px 15px;
}

.col.boxed:hover {
	top: -4px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}

.centered-text {
	text-align: center;
}

/*****************Nectar Button ******************/

.ab6-button {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    color: #FFFFFF!important;
    font-size: 12px;
    letter-spacing: 1.5px;
    padding: 13px 18px;
    position: relative;
    text-transform: uppercase;
    top: -3px;
    margin-bottom: 10px;
    opacity: 0.75;
    background-color: #27CFC3;
    display: inline-block;
}
.ab6-button.small {
    border-radius: 2px 2px 2px 2px;
    font-size: 9px;
    padding: 5px 8px;
    letter-spacing: 1px;
    color: #FFFFFF!important;
    box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
}
.ab6-button.medium {
    border-radius: 3px 3px 3px 3px;
    padding: 10px 15px;
    font-size: 12px;
    letter-spacing: 1.3px;
    color: #FFFFFF!important;
    box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset;
}
.ab6-button.large {
    font-size: 13px;
    padding: 15px 22px;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
}
.ab6-button:hover{
	 opacity: 1;
}

/*-------------------------------------------------------------------------*/
/*	4.	Plugin Related Styles
/*-------------------------------------------------------------------------*/

/***************** Superfish ******************/

.sf-menu {
    line-height: 1;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit;
}
.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em;
    z-index: 99;
}

header#top .sf-menu > li:hover > ul, header#top .sf-menu > li.sfHover > ul {
	 top: 60px;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 10.8em;
    top: -10px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}
.sub-menu {
    z-index: 3;
}

.sf-menu {
    float: left;
    margin-bottom: 30px;
}

.sf-menu li li a, .sf-menu li li a:visited {
    padding-left: 1.25em;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0 none;
}

.sf-menu ul li a {
    margin: 0;
    padding: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.1); 
}

.sf-sub-indicator {
	display: inline-block;
	width: 10px;
	position: relative;
	left: 8px;
	height: 10px;
}

.sf-sub-indicator [class^="fa-"], .sf-sub-indicator [class*=" fa-"] {
	color: #888;
	font-size: 12px;
	line-height: 16px;
	height: auto;
	background-color: transparent!important;
}

.sf-menu ul a:focus ,
.sf-menu ul a:hover ,
.sf-menu ul a:active ,
.sf-menu ul li:hover > a ,
.sf-menu ul li.sfHover > a  {
	color: #27CFC3;	
}

.sf-shadow ul.sf-shadow-off {
    background: none repeat scroll 0 0 transparent;
}
.sf-vertical, .sf-vertical li {
    width: 100%;
}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    left: 100%;
    top: 0;
}

.sf-menu, .sf-menu * {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index: 10;
}
.sf-menu {
    line-height: 1;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 15em;
}
.sf-menu ul li, .sf-menu ul li li {
    font-size: 12px;
    width: 100%;
}
.sf-menu ul li:last-child a {
    border-bottom: medium none;
}
.sf-menu li:hover {
    visibility: inherit;
}
.sf-menu li {
    float: left;
    line-height: 12px!important;
    font-size: 12px!important;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 32px;
    z-index: 999;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 15em;
    top: 0px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 15em;
    top: 0;
}
.sf-menu a.sf-with-ul {
    min-width: 1px;
    padding-right: 16px!important;
}

header#top .sf-menu li ul li a {
	font-size: 12px;
	line-height: 13px;
	color: #bbb;
	transition: none;
	background-color: #1F1F1F;	
}

.sf-menu li ul li a:hover, .sf-menu li ul li.sfHover > a { 
	color: #27CFC3;
	background-color: #2D3032!important;	
}

.sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="fa-"] {
	color: #27CFC3;
}

.sf-menu li ul li .sf-sub-indicator {
	right: 14px;
	left: auto;
	top: 14px;
	display: block;
	position: absolute;
}

.sf-menu li ul, .sf-menu li li ul {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.sf-menu li li ul {
	left: 15em!important;
}

.sf-menu {
    float: right;
}
.sf-menu a {
    margin: 0 1px;
    /*padding: 0.75em 1em 32px;*/
    text-decoration: none;
}
.sf-menu ul li {
    font-weight: normal;
}
.sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a {
    box-shadow: none;
}
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active {
    border-radius: 0 0 0 0;
    box-shadow: none;
    text-shadow: none;
}

 
/***************** Flexslider ******************/
.flex-gallery  {margin: 0; padding: 0;}
.flex-gallery .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flex-gallery .slides img {width: 99.8%; display: block;} 
.flex-pauseplay span {text-transform: capitalize;}
 

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}


.flex-gallery  {margin: 0 0 15px; position: relative; zoom: 1; background-color: transparent;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flex-gallery .slides {zoom: 1;}

.flex-gallery ul {
	position: relative;
	z-index: 1000;
	margin: 0px;
}

.flex-gallery ul.flex-direction-nav {
	margin: 0 !important;
    position: absolute !important;
    top: 8px;	
}

.flex-gallery ul li {
	list-style: none;
}

.flex-gallery ul li img {
	margin-bottom: 0px!important;
}

.carousel li {margin-right: 0px;  margin-left: 0px;}


.flex-control-nav {
	display: none;	
}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	display: block;
	position: relative;
	background-color: #27CFC3;
    height: 25px;
    width: 25px;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 1px 1px 1px 1px;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    -o-border-radius: 1px 1px 1px 1px;
}

.flex-direction-nav a i {
	line-height: 29px;
	background-color: transparent!important;
}

.flex-direction-nav a.flex-next {
	padding-left: 2px;
}

.flex-direction-nav a.flex-prev {
	padding-right: 2px;
}

.flex-direction-nav li{
	float: left;
	margin-left: 7px;
}

.flex-direction-nav {
	margin: -32px 0px 0px 0px!important;
}

.flex-direction-nav a:hover {
	background-color: #333333!important;
}

.flex-direction-nav .flex-next span {background-image: url("img/icons/slider-arrows-small.png")!important; background-position: right top; top: 9px; right: 9px; position: absolute; display: block; height:15px; width:15px; z-index: 100;}
.flex-direction-nav .flex-prev span {background-image: url("img/icons/slider-arrows-small.png")!important; background-position: left top; top: 9px; left: 9px;  position: absolute; display: block; height:15px; width:15px; z-index: 100;}

/***************** Prettyphoto ******************/

div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:fixed;top:0;width:100%;z-index:95000; opacity: 0.85!important; }
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:100000; }
.pp_content{min-width:40px; height:auto!important; }
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%; }
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin: 0px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:100000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}

.ppt {
    left: 20px;
    position: relative;
}

.pp_loaderIcon{background:url(img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; background-color: transparent; display:block;height:24px;left:50%;top:50%; position:fixed; width:100px; margin-left: -63px; height: 9px; z-index:98000;}
div.dark_rounded {padding-top:17px}
div.dark_rounded iframe { overflow-y: hidden;}
div.dark_rounded .pp_details { display: none; }

a.pp_close{position:absolute;right:20px;top:10px;display:block;line-height:22px;text-indent:-10000px; width: 14px; height: 17px; background-image: url(img/prettyPhoto/dark_rounded/close.png);}

#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{ display: none;}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

.pp_left, .pp_right  { height: 100%; }
.pp_inline iframe {
	width: 100%;
}

/***************** Contact ******************/

#contact-map {
	width: 100%;
	height: 370px;
	margin-top: -30px;
	margin-bottom: 0;
}

#contact-map div {
	box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	-webkit-box-sizing: content-box!important;
}

.contact-info {
	padding-left: 20px;
}

#contact-form {
	margin-bottom: 40px;
}

#error-messages {
	border: 1px solid #cd0a0a;
	color: #cd0a0a;
	padding: 5px 10px;
	margin: 0 0 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f3d8d8;
}
#success-messages {
	border: 1px solid #8cce3b;
	color: #030303;
	padding: 5px 10px;
	margin: 0 0 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f1fbe5;
}
#error-messages li,
#success-messages li {
	line-height: 22px;
}

/*-------------------------------------------------------------------------*/
/*	6.	Nectar Shortcode Styles
/*-------------------------------------------------------------------------*/

/***************** Icons ******************/
[class^="fa-"],[class*=" fa-"] {
    border-radius: 999px 999px 999px 999px;
    -moz-border-radius: 999px 999px 999px 999px;
    -webkit-border-radius: 999px 999px 999px 999px;
    -o-border-radius: 999px 999px 999px 999px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    max-width: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 32px;
    top: -2px;
    word-spacing: 1px;
}

.col:not(#post-area):not(.span_12):hover [class^="fa-"].fa-3x.alt-style, .col:not(#post-area):not(.span_12):hover [class*=" fa-"].fa-3x.alt-style {
	background-color: rgba(0,0,0,0.035)!important;
}

[class^="fa-"].fa-3x,[class*=" fa-"].fa-3x, .fa-circle-border {
    border-radius: 999px 999px 999px 999px;
    -moz-border-radius: 999px 999px 999px 999px;
    -webkit-border-radius: 999px 999px 999px 999px;
    -o-border-radius: 999px 999px 999px 999px;
    color: #27CFC3;
    display: inline-block;
    font-size: 38px;
    height: 85px;
    line-height: 90px;
    max-width: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 85px;
    word-spacing: 1px;
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

[class^="fa-"].fa-3x, [class*=" fa-"].fa-3x {
	margin-bottom: 27px;
}

body [class^="fa-"].fa-tiny {
	line-height: 15px!important;
	height: 13px; 
	width: 15px;
	margin-right: 5px;
	font-size: 13px!important;
	color: #888!important;
	background-color: transparent!important;
}

.col:not(#post-area):not(.span_12):hover .fa-circle-border {
	/*border: 1px solid #27CFC3;*/
    transform: scale(1.18);
	top: -1px;
	-webkit-transform: scale(1.18);
    -moz-transform: scale(1.18);
    -o-transform: scale(1.18);
    transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
}

/*.col:not(#post-area):not(.span_12):hover [class^="fa-"].fa-3x, .col:not(#post-area):not(.span_12):hover [class*=" fa-"].fa-3x {
	color: #fff!important;
	background-color: #27CFC3;
}*/

.fa-circle-border {
	background: none repeat scroll 0 0 transparent;
    border: 1px solid #B5D76B;
    height: 88px;
    left: 0px;
    position: absolute;
    top: 0px;
    transition-duration: 225ms;
    -moz-transition-duration: 225ms;
    -webkit-duration: 225ms;
    -o-transition-duration: 225ms;
    transition-property: all;
    -moz-transition-property: all; 
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
    -moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
    -o-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
    -webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
    width: 88px;
}

.widget {
	margin-bottom: 10px;
}
.widget h4 {
	color: #777;
	font-size: 12px;
    letter-spacing: 1.5px; 
    text-transform: uppercase;
	margin-bottom: 5px;
}

.full-width-image,
.full-width-section {
	position: relative;
	width: 100%;
	box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	-webkit-box-sizing: content-box!important;
}

.full-width-image {
	height: 275px;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	display: table;
	width: 100%;
	max-height: 400px;
}
#boxed .full-width-image {
	padding: 0 50px;
	margin-left: -50px;
}

.full-width-section {
	padding: 40px 0;
	visibility: visible;
	margin: 0 auto;
}
/*.full-width-section:before,
.full-width-section:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9999px;
}
.full-width-section:before {
	right: 100%; 
}
.full-width-section:after {
	left: 100%;
}
#boxed .full-width-section:before,
#boxed .full-width-section:after {
	width: 50px;
}*/

.citation-section h2 {
	text-align: center;
	font-size: 30px;
	margin: 0;
}

/*-------------------------------------------------------------------------*/
/*	7. Footer Styles
/*-------------------------------------------------------------------------*/

#footer-outer {
	color: #ccc;
	position: relative; 
	z-index: 10;
	background-color: #2d3032;
}

#footer-outer .row {
	padding: 40px 0px;
	margin-bottom: 0px;
}

#footer-outer .widget h4 {
	margin-bottom: 10px;
}

#footer-outer a {
	color: #ccc;
}

#footer-outer a:hover {
	color: white;
}

#footer-outer .widget ul li {
	margin-bottom: 7px;
}

#footer-outer #footer-widgets {
	border-bottom: 1px solid #212121;
}

#footer-outer #footer-widgets hr {
	border: none;
	border-bottom: 1px solid #444;
}

#footer-contact {
	line-height: 18px;
}
#footer-contact .contact-name {
	display: inline-block;
	margin-bottom: 10px;
}

#footer-menu {
	text-align: right;
}
#footer-menu li {
	display: inline-block;
	border-bottom: none;
	padding-left: 30px;
}
#footer-menu li:first-child {
	padding-left: 0!important;
}
#footer-menu li:before {
	content: "-";
	padding-right: 30px;
}
#footer-menu li:first-child:before {
	content: "";
	padding-right: 0;
}

#footer-outer  #social {
	height: 23px;
	float: right;
	padding-top: 20px;
}

#footer-outer #social li {
	float: left;
	padding-top: 0!important;
	margin-left: 20px;
	border: none;
}

#footer-outer #social li a {
	display: block;
	height: 24px; 
	position: relative;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	background-position: center top;
}

#footer-outer #social li a i {
	color: #666666;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#footer-outer #social li a i:hover {
	color: #27CFC3;
}

#footer-outer #social li a.vimeo, #footer-outer #social li a.behance {
	background-color: #666;
}

#footer-outer #social li a.vimeo:hover, #footer-outer #social li a.behance:hover {
	background-color: #27CFC3;
}

#footer-outer #copyright {
	padding: 15px 0px;
	font-size: 12px;
	background-color: #1f1f1f;
	border-top: 1px solid #3a3a3a;
	color: #777;
}

#footer-outer #copyright p {
	margin: 0;
	line-height: 20px;
}

#powered-by {
	text-align: right;
}

#footer-outer li a.facebook { width: 12px;}
#footer-outer li a.twitter { width: 20px;}
#footer-outer li a.dribbble { width: 24px;}
#footer-outer li a.google-plus { width: 20px;}
#footer-outer li a.pinterest { width: 17px;}
#footer-outer li a.rss { width: 18px;}
#footer-outer li a.vimeo { width: 20px; text-indent: -9999px;}
#footer-outer li a.tumblr { width: 21px;}
#footer-outer li a.youtube { width: 21px;}
#footer-outer li a.linkedin { width: 19px;}
#footer-outer li a.behance { width: 27px; text-indent: -9999px;}
#footer-outer li a.instagram { width: 20px;}

#footer-outer #social .facebook, #footer-outer #social .facebook span { background-image: url(img/icons/social/facebook.png); }
#footer-outer #social .twitter, #footer-outer #social .twitter span { background-image: url(img/icons/social/twitter.png); }
#footer-outer #social .vimeo, #footer-outer #social .vimeo span { background-image: url(img/icons/social/vimeo.png); }
#footer-outer #social .dribbble, #footer-outer #social .dribbble span { background-image: url(img/icons/social/dribbble.png); }
#footer-outer #social .rss, #footer-outer #social .rss span { background-image: url(img/icons/social/rss.png); }
#footer-outer #social .skype, #footer-outer #social .skype span { background-image: url(img/icons/social/skype.png); }
#footer-outer #social .pinterest, #footer-outer #social .pinterest span { background-image: url(img/icons/social/pinterest.png); }
#footer-outer #social .google-plus, #footer-outer #social .google-plus span { background-image: url(img/icons/social/google-plus.png); }
#footer-outer #social .tumblr, #footer-outer #social .tumblr span { background-image: url(img/icons/social/tumblr.png); }
#footer-outer #social .youtube, #footer-outer #social .youtube span { background-image: url(img/icons/social/youtube.png); }
#footer-outer #social .linkedin, #footer-outer #social .linkedin span { background-image: url(img/icons/social/linked-in.png);  }
#footer-outer #social .behance, #footer-outer #social .behance span { background-image: url(img/icons/social/behance.png);  }
#footer-outer #social .instagram, #footer-outer #social .instagram span { background-image: url(img/icons/social/instagram.png);  }

/* retina supprot for any social icons not in font awesome yet */
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	#footer-outer #social .behance, #footer-outer #social .behance span { background-size:27px 28px; background-image: url(img/icons/social/behance@2x.png)!important;  }
	#footer-outer #social .vimeo, #footer-outer #social .vimeo span { background-size:20px 24px; background-image: url(img/icons/social/vimeo@2x.png)!important; }
}

#footer-outer i {
	font-size: 20px;
	width: auto;
	background-color: transparent!important;
}

/*#footer-outer .col li {
	padding: 8px 0px;
	list-style: none;
	margin-bottom: 0px;
	border-bottom: 1px solid #444;
}*/

#footer-outer #footer-widgets .col ul li:first-child {
	padding-top: 0px!important;
}

#footer-outer #footer-widgets .col ul li:last-child {
	margin-bottom: 0px;
}

#footer-outer #footer-widgets .col p {
	padding-bottom: 20px;
}

#footer-outer #footer-widgets .col p:last-child {
	padding-bottom: 0px;
}

/*-------------------------------------------------------------------------*/
/*	Blog + Pagination Styles
/*-------------------------------------------------------------------------*/
header h1 {
	line-height: 35px;
	margin-bottom: 10px;
}

header hr {
	margin-top: 35px;
}

#post-area #pagination {
	padding-left: 95px;
}

#post-area {
	padding-right: 20px;	
	margin-top: 4px;
}
 
#post-area.col_last {
	padding-left: 20px;	
	padding-right: 0px!important;	
}

#post-area.col_last.span_12 {
	padding-left: 0px;	
}

#post-area > article:last-child .content-inner {
	margin-bottom: 0px;	
	border-bottom: 0px;
}

article.post {
	margin-bottom: 20px;
}

article.post .more-link,
.blog-recent .more-link  {
	display: block;
	margin-top: 25px;
	cursor: default;
	color: #fff;
}

article.post .content-inner {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

article.post .more-link span, .blog-recent .more-link span {
	background-color: #333;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	width: auto;
	cursor: pointer;
	padding: 6px 10px;
	font-size: 11px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
}

article.post .more-link span:hover, .blog-recent .more-link span:hover {
	background-color: #27CFC3;
}

article.post .post-meta {
	position: absolute;
	left: 0px;
	top: 0px;	
}

.recent-posts article.post .post-header a {
	color: #999;
}

.recent-posts-title {
	font-size: 12px!important;
	letter-spacing: 1.5px!important;
	margin-bottom: 7px!important;
}

.post-header, #single-below-header {
	margin-bottom: 12px;
	font-size: 11px;
	color: #999;
}

.recent-posts .post-header a {
	color: #999;
}

.recent-posts .post-header a:hover {
	color: #27CFC3;
}

.recent-posts .post-header .title {
	margin-bottom: 1px;	
}

.recent-posts .post-header .title a {
	color: #27CFC3;
}

.recent-posts .post-header .title a:hover {
	color: inherit;
}

article.post .post-header h1, article.post .post-header h2 {
	font-size: 26px;
    line-height: 30px;
}

article.post .post-header h2 a {
	color: #27CFC3;
}

article.post .post-header h2 a:hover {
	color: inherit!important;
}

article.post .post-header a, article.result a, #single-below-header a {
	color: inherit!important;
}

#single-below-header a:hover {
	color: #27CFC3;
}

article.post .post-content {
	position: relative;
	min-height: 98px;
}

.post-tags h4 {
	float: left;
	margin-top: 8px;
	margin-bottom: 15px;
	margin-right: 25px;
}

.post-tags .clear {
	padding-bottom: 0px;
}

.single .post-content {
	padding-left: 0px;
}

.single #single-meta {
	position: absolute;
	top: 21px; 
	right: 0px;
	height: 21px;
}

.single #single-meta ul {
	margin-bottom: 0px;
}

.single #single-meta {
	margin-top: 4px;
}

.single #single-meta ul li {
	float: left;
	list-style: none;
	padding: 0px!important;
	border-bottom: 0px!important;
}

.single #single-below-header {
	margin-top: 6px;
	margin-bottom: 0px;
}

.section-title {
	padding-top: 30px;
}

.single.single-post .section-title h1 {
	max-width: 800px;
}

.post-content {
	padding-left: 95px;
}

article.post .content-inner {
	position: relative;	
}

article.post.quote .post-content .quote-inner, article.post.link .post-content .link-inner, article.format-status .post-content .status-inner, article.post.format-aside .aside-inner {
	background-color: #27CFC3;
	position: relative;
	padding: 15px;
	color: #fff;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}

article.post.quote .content-inner .quote-inner .whole-link {
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}


article.post.format-aside .aside-inner p {
	margin-bottom: 15px;
}

article.post.format-aside .aside-inner .post-header {
	margin-bottom: 0px;
}

article.post.format-chat .content-inner dt {
	margin-top: 15px;
}

article.post.quote .quote-inner a, article.post.format-aside .aside-inner a, article.post.format-aside .aside-inner a:hover {
	color: #fff!important;
}

article.post.format-aside .aside-inner p, article.post.format-aside .aside-inner .post-header {
	color: #fff!important;
}

article.post.quote .quote-inner .title, article.post.quote .quote-inner .author, article.post.quote .quote-inner .title, article.post.quote .quote-inner .icon  {
	position: relative;
	z-index: 100;
}

article.post.quote .content-inner .whole-link {
	position: absolute;
	z-index: 10;
	display: block;
	background-color: #27CFC3;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;	
}

article.post.quote .content-inner .quote-inner:hover .whole-link {
	background-color: #333333!important;
}

article.post.quote figure {
	margin: 0 auto!important;
}

article.post.quote blockquote {
	background-image: none!important;
	padding: 0px!important;
	color: #fff!important;
	font-family: inherit!important;
	margin: 0 auto!important;
}

article.post.quote .post-content .quote-inner span.icon {
 	bottom: 17px;
	height: 17px;
	width: 19px;
	display: block;
	background-image: url(img/icons/quote.png);
	position: absolute;
	right: 20px;
}

article.post.link .post-content .link-inner span.icon {
	bottom: 17px;
	height: 20px;
	width: 18px;
	display: block;
	background-image: url(img/icons/link.png);
	position: absolute;
	right: 20px;
}

article.post.format-status .post-content .status-inner span.icon {
	bottom: 17px;
	height: 16px;
	width: 18px;
	display: block;
	background-image: url(img/icons/status.png);
	position: absolute;
	right: 20px;
}

article.post.format-aside .post-content .aside-inner span.icon {
	bottom: 17px;
	height: 16px;
	width: 18px;
	display: block;
	background-image: url(img/icons/aside.png);
	position: absolute;
	right: 20px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	article.post.quote .post-content .quote-inner span.icon {
		background-size: 19px 17px;
		background-image: url(img/icons/quote@2x.png)!important;
	}
	
	article.post.link .post-content .link-inner span.icon {
		background-size: 18px 20px;
		background-image: url(img/icons/link@2x.png)!important;
	}
	
	article.post.format-status .post-content .status-inner span.icon {
		background-size: 19px 17px;
		background-image: url(img/icons/status@2x.png)!important;
	}
	
	article.post.format-aside .post-content .aside-inner span.icon {
		background-size: 19px 17px;
		background-image: url(img/icons/aside@2x.png)!important;
	}
}



article.post .post-content.quote a, article.post .post-content.link a {
    display: block;
    z-index: 10;
}

article.post.quote .post-content h2, article.post.link .post-content h2, article.post.format-status .post-content h2 {
	color: #fff;
	font-size: 26px;
    line-height: 30px;
    display: block;
    margin-bottom: 15px;
}

article.format-status .post-content h2 a {
	color: #fff!important;
}

article.post.quote .post-content a:hover .quote-inner, article.post.link .post-content a:hover .link-inner, article.format-status .post-content:hover .status-inner {
	background-color: #333333!important;
}


article.post .post-meta a {
	color: #888888;
}

#post-area:not(.masonry) article.post .post-content .post-meta a.nectar-love {
	left: -2px;
	position: relative;
}

article.post .post-meta a:hover {
	color: #27CFC3;
}

article.post h2.title {
	margin-bottom: 2px;
}


article.post .post-meta {
	display: block;
	margin-bottom: 20px;
	border-right: 1px solid #E6E6E6;
}

article.post .post-meta.no-img {
	top: 6px;
}

article.post .content-inner .post-featured-img img {
	max-width: none;
	width: 100%;
}

article.post .post-meta .date {
    padding-bottom: 2px;
    margin-bottom: 12px;
    position: relative;
    transition: all 0.2s linear 0s;
}

article.post .post-meta .month, article.post .post-meta .year {
	display: block;
	font-size: 17px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 4px;
	padding: 0px;
	font-family: 'OpenSansSemiBold';
}

article.post .post-meta .year {
	margin-top: 5px;
}

article.post .post-meta .day {
	display: block;
	font-size: 30px;
	line-height: 29px;
	text-align: center;
	padding: 0px 12px 0px 12px;
	font-family: 'OpenSansBold';
	text-transform: uppercase;
}

article.post .post-meta .date {
	padding-bottom: 17px;
	border-bottom: 1px solid #E6E6E6;
}

article.post.video .video-wrap, .single-portfolio .video-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin-bottom: 15px;
}

article.post.video .video-wrap iframe, .single-portfolio .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

article.post.video .mejs-container {
	margin-bottom: 15px;	
}

article.post.audio .audio-wrap, .main-content .audio-wrap {
	margin-bottom: 15px;
}

article.post .gallery-slider .gallery,  article.post .gallery-slider .jetpack-slideshow {
	display: none;
}

article.post table {
	width: 100%;
}

article.post table td, article.post table th {
	text-align: center;
}

article.post table tbody td {
	padding: 5px;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	color: #666;
}

article.post table tbody tr td:first-child {
	border-left: 1px solid #E6E6E6;
}

article.post table th {
	border-bottom: 1px solid #E6E6E6;
	color: #666;
}


article.post table #prev {
	text-align: left;
	position: relative; 
	z-index: 2;
}

article.post table #next {
	text-align: right;
	position: relative; 
	z-index: 2;
}

.article.post caption {
	position: absolute;
	bottom: 0px;
	z-index: 1;
	width: 100%;
	text-align: center;
}

p > a > i.fa-3x {
	margin-bottom: 0px!important;
}

#pagination {
	position: relative;
	padding-bottom: 10px;	
	width: 100%;
}

.page-template-page-portfolio-php #pagination {
	margin-bottom: 30px;
}

#pagination span,
#pagination a,
#pagination .next.inactive,
#pagination .prev.inactive {
	background-color: #333333!important;
    background-repeat: no-repeat;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    padding: 11px 13px 10px 13px!important;
    background-position: -21px center;
    position: relative;
    text-transform: capitalize;
    transition: all 0.2s linear 0s;
    border-radius: 2px 2px 2px 2px;
    font-family: 'OpenSansSemibold';
}

#pagination a,
#pagination span {
	display: block;
	float: left;
	margin-left: 5px;
}

#pagination a:first-child,
#pagination span:first-child {
	margin-left: 0px;
}


#pagination .next a,
#pagination .next.inactive,
#pagination .page-numbers.next {
	text-indent: -9999px;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat!important;
}

#pagination .prev a,
#pagination .prev.inactive,
#pagination .page-numbers.prev {
	text-indent: -9999px;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat!important;
}

#pagination a.page-numbers,
#pagination span.page-numbers {
	font-size: 12px;
	line-height: 11px;
	margin-top: 0;
	margin-bottom: 3px;
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
}

#pagination span.page-numbers {
	cursor: default;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 0;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);
}

#pagination .next a:hover,
#pagination .prev a:hover,
#pagination a.page-numbers:hover,
#pagination span.page-numbers.current {
	background-color: #27CFC3;
	margin-top: 3px;
	margin-bottom: 0;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);
}

#pagination .next.inactive, #pagination .prev.inactive  {
	background-color: #eae8e5;
	cursor: default!important;
	height: 32px;
	width: 32px;
	margin: 0px 5px 0px 0px;
}

#pagination .next a,
#pagination .next.inactive,
#pagination .page-numbers.next {
	background-image: url("img/icons/portfolio-arrows.png");
	background-position: -20px 12px;
}

#pagination .prev a,
#pagination .prev.inactive,
#pagination .page-numbers.prev {
    background-image: url("img/icons/portfolio-arrows.png");
	background-position: 13px 12px;
}

#pagination a.prev:hover {
	background-position: 8px 12px;
}
#pagination a.next:hover {
	background-position: -15px 12px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	#pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next {
		background-image: url("img/icons/portfolio-arrows@2x.png")!important;
		background-size: 40px 9px!important;
	}
	
	#pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev {
	    background-image: url("img/icons/portfolio-arrows@2x.png")!important;
	    background-size: 40px 9px!important;
	}
}

#author-bio {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #DDDDDD;	
}

#author-bio #author-info {
	float: right;
  	width: 694px;
}

#author-bio img {
	width: 80px;
	height: 80px;
	margin-bottom: 0px;
	float: left;
}

#author-bio .clear {
	padding-bottom: 0px;
}

.single #post-area.span_12 #author-info {
	width: 992px;
}


/*-------------------------------------------------------------------------*/
/*	Comment Styles
/*-------------------------------------------------------------------------*/

#respond {
	background-color: transparent!important;
	box-shadow: none!important;
	padding: 0px!important;
}
	
#respond > p, #respond p.comment-notes, p.logged-in-as {
	margin-bottom: 10px;
}

p.logged-in-as {
	padding-bottom: 0px;	
}

.comment-list {
	margin-bottom: 40px!important;
	margin-left: 0px!important;	
}

.comment-list li {
	list-style: none!important;
}

.comment-list li.comment > div {
	background-color: #ffffff;
    margin: 0;
    overflow: hidden;
    padding: 25px;
    margin-top: 2em;
    position: relative;
    padding-left: 116px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.comment-list .children {
	margin-left: 0px!important;
	padding-left: 40px;
	border-left: 1px solid #ddd;
	background-repeat: no-repeat;
	background-position: left 20px;
	background-image: url(img/icons/comment-children-line.jpg);
}

.comment-list li.comment > div img.avatar {
	position: absolute;
	left: 29px;
	top: 29px;
}

.comment-list .reply {
	position: absolute;
	top: 29px; 
	right: 29px;	
}

.comment-list .reply a {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #FFFFFF;
    cursor: pointer;
    padding: 3px 7px;
    font-size: 11px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: auto;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	background-color: #333333;
}

.comment-list .comment-author {
	color: #333;
	font-family: 'OpenSansSemibold';
}
.comment-list .comment-meta {
	font-size: 11px;
	line-height: 15px;
}

.comment-list .comment-meta a {
	color: #999;
}

.comment-list .comment-meta a:hover {
	color: #27CFC3;
}

.comment-list .reply a:hover {
	background-color: #27CFC3;
}

.comment-list li.comment > div p {
	padding-bottom: 0px;
	margin-top: 10px;
}

#respond h3 .cancel-comment-reply, #respond #cancel-comment-reply-link {
	display: inline-block;	
	margin-left: 10px;
	padding-left: 10px;
	position: relative;
	border-left: 1px solid #dddddd;
}

.comment-author a {
	color: inherit;
}

/*-------------------------------------------------------------------------*/
/*	11.	General Form Styles
/*-------------------------------------------------------------------------*/

input[type=tel],input[type=text], textarea, input[type=email], input[type=password] {
	padding: 10px!important;
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #fff;
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color: #ebebeb; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

input[type=tel]:focus ,input[type=text]:focus, textarea:focus, input[type=email]:focus {
	background-color: #e1e1e1;
}

input[type=submit] {
    padding: 7px 11px;
    border: none;
    color: white;
	background: #0c0712;
    cursor: pointer;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: auto;
    font-size: 12px; 
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
}

select {
	padding: 10px!important;
	width: 100%;
	border: 0px!important;
	border: 1px solid #eaeaea!Important; 
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

textarea {
	max-width: 100%;	
}

label span {
	color: #27CFC3;
}
#contact h1,.container h1 {
padding-top: 30px;
}
.container h1.fullimage {
padding-top: 0px;
vertical-align: middle;
display: table-cell;
}
article.post .post-meta .date{
color: #d89c51 !important;
}
section #huge_it_gallery{
background:none !important;
box-shadow:none !important;
}
#huge_it_gallery li img{
border:none !important;
}
.main-content td{
padding:5px;
border: 1px solid #000 !important;
}

[class^='fa-']:before,[class*=' fa-']:before{
    display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0, 0)
}

.fa-stack-2x,.fa-stack-1x{
	position: absolute!important;
	left: 0px;
	width:100%;
	height:100%;
}

[class^='fa-']:before,[class*=' fa-']:before{
    display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0, 0)
}

.fa-stack-2x,.fa-stack-1x{
	position: absolute!important;
	left: 0px;
}

.fa-circle-border{
    transform: scale(0.8);
}

@media all and (max-width:1281px) and (min-width:768px){
    header#top nav > ul > li > a{
       font-size:13px!important;
    }
}

#contact-form input, #contact-form textarea{
    margin-bottom: 10px;
}

.home .span_4 h2{
    text-align: center;
	margin-top: -25px;
}

.fa-circle-border {
	border: 1px solid #F59342;
}