/*
Theme Name: Laurence Payot
Description: A theme for Laurence Payot
Version: 1.0
Author: John Wai
*/

/* #Set up
================================================== */
body,html{
	background:#ddd;
}
body{
	font-family: 'Quicksand', sans-serif;
	font-size:14px;
	color:#333;
}
a, a:visited{
	color:#888;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	text-decoration:none;
}
a:hover{
	color:#333;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	text-decoration:none;
}
img{
	display:block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
::-webkit-scrollbar{
	width:14px;
	height:12px;
}
::-webkit-scrollbar-track{
	background:#ddd;
	-webkit-box-shadow: none;
}
::-webkit-scrollbar-thumb{
	background:#fff;
	-webkit-box-shadow: none;
}
/* #Common
================================================== */
.pool{
	max-width:1500px;
}
.pool.centerpool{
	max-width:1500px;
}
#content{
	display:none;
	margin:0;
}
.share{
	padding:40px 0 0;
}
.share .items{
	color:#fff;
}
.single-menu{
	padding: 40px 0 0;
	margin: 0 20px;
	border-top: 2px solid #fff;
}
.single-menu li{
	padding:0;
	margin:0;
	font-size:24px;
	line-height:1em;
}
.single-menu .prev{
	float:left;
}
.single-menu .next{
	float:right;
}
#sticker{
	z-index:2;
	width:100%;
}
/* #Typography
================================================== */
h1,h2,h3,h4,h5,h6{
	font-family: 'Quicksand', sans-serif;
	font-weight:400;
}
blockquote {
	margin: 40px 0 40px 0px;
	padding: 40px 5%;
	border: none;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
blockquote, blockquote p {
	font-size: 32px;
	line-height: 1.2em;
	color: #333;
	text-align: left;
	font-style: normal;
}
blockquote p{
	margin: 0;
}
.entry-content{
	word-wrap:break-word;
}
.entry-content b,
.entry-content strong{
	
}
.entry-content i,
.entry-content em{
	
}
.entry-content a {
	
}
.entry-content a:hover {
	
}
.entry-content ul {
	margin-left: 30px;
	list-style: disc;
}
.entry-content .gallery a{

}
#pages .entry-content h1{
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #fff;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding: 0 0 10px 0;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	
}
/* #Navigation
================================================== */
#main-menu .menu-item{
	display:inline-block;
}
#main-menu .menu-item a{
	font-size:16px;
	color:#333;
	margin:0 15px;
	padding:11px 0;
	display: block;
	line-height:1em;
}
#main-menu .menu-item.current-menu-item a,
#mobile-menu .menu-item.current-menu-item a{
	color:#fff;
}
#main-menu .menu-item:hover a{
	color:#fff;
	text-decoration:none;
}
#main-menu ul{
	text-align: center;
}
#main-menu ul,
#main-menu li{
	margin:0;
	padding:0;
}
#mobile-menu{
	max-height:0;
	text-align:center;
	overflow:hidden;
	display:none;
	-webkit-transition: all 0.2s ease-in;  
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	background: #e6e6e6;
	position: fixed;
	top: 51px;
	width:100%;
	z-index: 9999;
}
#mobile-menu li a{
	display: block;
	text-decoration:none;
	color:#333;
	padding: 10px 20px;
}
#mobile-menu li{
	line-height: 1em;
	margin: 0;
	text-align: left;
	display:inline-block;
	font-size:16px;
	width:100%;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#mobile-menu ul{
	margin: 0;
	font-size: 0;
	padding: 20px 0;
}
#mobile-menu li:hover a{
	color:#fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.switch{
	display:none;
}
.switch,
.switch:hover{
	position: absolute;
	top: 14px;
	right: 20px;
	margin: 0;
	padding: 0;
	width: 28px;
	height: 25px;
	overflow: hidden;
	text-shadow:none;
	border: 0;
	outline: none;
	background: transparent;
}
.switch span {
	display: block;
	width: 100%;
	height: 2px;
	font-size: 0;
	background: #333;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.switch span:before,
.switch span:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	-webkit-transition-property: -webkit-transform, background;
	-moz-transition-property: -moz-transform, background;
	-o-transition-property: -o-transform, background;
	transition-property: transform, background;
	-webkit-transition-duration: 0.3s, 0.3s;
	-moz-transition-duration: 0.3s, 0.3s;
	-o-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
}
.switch span:before {
	-webkit-transform: translateY(-9px);
	-moz-transform: translateY(-9px);
	-ms-transform: translateY(-9px);
	-o-transform: translateY(-9px);
	transform: translateY(-9px);
}
.switch span:after {
	-webkit-transform: translateY(9px);
	-moz-transform: translateY(9px);
	-ms-transform: translateY(9px);
	-o-transform: translateY(9px);
	transform: translateY(9px);
}
.switch:hover span:before {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.switch:hover span:after {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}
.switch.active span{
	background-color: white;
	-webkit-transform: translateY(16px);
	-moz-transform: translateY(16px);
	-ms-transform: translateY(16px);
	-o-transform: translateY(16px);
	transform: translateY(16px);
}
.switch.active span:before{
	-webkit-transform: translateY(-16px) rotate(45deg);
	-moz-transform: translateY(-16px) rotate(45deg);
	-ms-transform: translateY(-16px) rotate(45deg);
	-o-transform: translateY(-16px) rotate(45deg);
	transform: translateY(-16px) rotate(45deg);
}
.switch.active span:after{
	-webkit-transform: translateY(-16px) rotate(-45deg);
	-moz-transform: translateY(-16px) rotate(-45deg);
	-ms-transform: translateY(-16px) rotate(-45deg);
	-o-transform: translateY(-16px) rotate(-45deg);
	transform: translateY(-16px) rotate(-45deg);
}
/* #Header
================================================== */
#header{
	position: relative;
	background:#E6E6E6;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.is-sticky #header{
	background:rgba(211,211,211,0.97);
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	/*
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	*/	
}
#header .inner{
	padding:20px 20px 14px;
}
#header #logo{
	margin:0 auto;
	float:left;
}
#header #logo img{
	display:inline;
	height: 36px;
	vertical-align: middle;
}
#header #logo:hover img{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
#header #main-menu{
	font-size:0;
	float:right;
}
/* #Footer
================================================== */
#footer{
	text-align: center;
	padding: 60px 20px 20px;
	font-size: 10px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#999;
}
/* #Homepage
================================================== */
#home .intro-quote{
	margin:60px 20px 0;
	font-size:32px;
	line-height:1.2em;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:40px 15%;
}
#home .intro-quoter{
	font-size:18px;
	line-height:1.2em;
	color:#666;
}
#home .flexslider{
	background: transparent;
	margin:40px 0;
}
#home .flexslider li p {
	line-height: 1.2em;
}
/* #Aboutpage
================================================== */
#pages.about .intro-quote{
	margin:0;
	font-size:24px;
	line-height:1.2em;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:40px 0;
	color:#fff;
}
#pages.about .intro-quoter{
	font-size:18px;
	line-height:1.2em;
	color:#fff;
}
#pages.about .flexslider{
	background: transparent;
	margin: 0 20px 0 30px;
}
#pages.about .flexslider li p {
	line-height: 1.2em;
}
#pages.about .flex-control-nav {
	position: relative;
	top: auto;
	padding: 40px 0 0;
}
/* #Works
================================================== */
#work-listing .entry-content{
	width:33.33%;
	display:inline-block;
	vertical-align:top;
	margin-right: -4px;
	position:relative;
}
#work-listing .entry-content .image-holder{
	overflow:hidden;
}
#work-listing .entry-content .image-holder:hover .info{
	opacity:0.99;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#work-listing .entry-content .image-holder:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
#work-listing .entry-content .image-holder img{
	height: auto;
	width: 100%;
}
#work-listing .entry-content .info{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:#F2F2F2;
	background:rgba(242,242,242,0.95);
	opacity:0.01;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
#work-listing .entry-content .info-wrapper{
	display:table;
	width:100%;
	height:100%;
}
#work-listing .entry-content .info-wrapper-inner{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#work-listing .entry-content .info .inner{
	padding: 4% 8%;
}
#work-listing .entry-content .info .post-title{
	font-size: 24px;
	margin: 0 0 6px;
	line-height: 1.2em;
}
#work-single .content{
	margin:60px 0;
}
#work-single .entry-content{
	padding:0 40px 0 20px;
	word-wrap:break-word;
}
#work-single .entry-subinfo{
	padding:0 20px 0 40px;
	word-wrap:break-word;
}
#work-single .post-title{
	font-size:24px;
	margin:0 0 30px;
	line-height:1em;
	padding:0 0 30px;
	border-bottom:2px solid #fff;
}
#work-single .post-info{
	padding: 15px 20px;
	margin: 0 0px 40px;
	background: #e6e6e6;
	line-height: 1.6em;
	font-size: 12px;
	display: inline-block;
}
#work-single .close{
	font-size:24px;
	margin:0 0 30px;
	line-height:1em;
	padding:0 0 30px;
	border-bottom:2px solid #fff;
	text-align:right;
}
#work-single .entry-subinfo{
	font-size:12px;
}
#work-single .gallery .image-holder{
	position: relative;
}
#work-single .gallery img{
	width:100%;
}
#work-single .caption{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	font-size:24px;
	color:#fff;
	text-align:center;
}
#work-single .caption .inner{
	display:table;
	height:100%;
	margin:0 auto;
}
#work-single .caption .inner-wrap{
	display:table-cell;
	vertical-align:middle;
}
#work-single .round-button{
	margin:40px 0;
}
#work-single .round-button a{
	background:#333;
	background:rgba(51,51,51,.75);
	background-image:url('./images/ui/icon_video.png');
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 26px 16px;
	-webkit-background-size: 26px 16px;
	-moz-background-size: 26px 16px;
	color:#fff;
	padding:20px 30px 20px 60px;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}
#work-single .round-button a:hover{
	color:#333;
	background:rgba(255,255,255,1);
	background-image:url('./images/ui/icon_video_over.png');
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 26px 16px;
	-webkit-background-size: 26px 16px;
	-moz-background-size: 26px 16px;
}
#work-single .round-button.website a{
	background-image:url('./images/ui/icon_link.png');
}
#work-single .round-button.website a:hover{
	background-image:url('./images/ui/icon_link_over.png');
}
/* #Side bar
================================================== */
.sidebar-area .widget{
	margin:0;
	font-size:14px;
	padding:0;
}
.sidebar-area .widget-title{
	font-size: 12px;
	color: #333;
	margin: 0 20px 10px;
	padding: 20px 0 6px;
	border-bottom: 2px solid #333;
	text-transform: uppercase;
	font-weight: 700;
}
.sidebar-area .menu{
	padding: 0;
	margin: 0 40px;
}
.sidebar-area ul ul,
.sidebar-area ul ol,
.sidebar-area ol ol,
.sidebar-area ol ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background:#fff;
}
.sidebar-area ul ul li,
.sidebar-area ul ol li,
.sidebar-area ol ol li,
.sidebar-area ol ul li {
	margin-bottom:0;
	padding:0;
	list-style: disc;
	color: #999;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.sidebar-area ul ul li a,
.sidebar-area ul ol li a,
.sidebar-area ol ol li a,
.sidebar-area ol ul li a{
	padding: 0;
	color: #333;
}
.sidebar-area ul ul li a:hover,
.sidebar-area ul ol li a:hover,
.sidebar-area ol ol li a:hover,
.sidebar-area ol ul li a:hover{
	text-decoration:underline;
}
.sidebar-area ul ul li:hover,
.sidebar-area ul ol li:hover,
.sidebar-area ol ol li:hover,
.sidebar-area ol ul li:hover {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.sidebar-area .widget_collapsarch .sym{
	display:none;
}
.sidebar-area .widget_collapsarch ul ul{
	margin: 0;
	padding: 0;
}
.sidebar-area .widget_collapsarch ul ul li a{
	padding: 6px 12px 6px 24px;
}
/* #News
================================================== */
#news-listing{
	padding:0 20px;
}
#news-listing #container {
  margin-bottom: 0px;
  margin-top: 0px;
  clear: both;
  opacity: 0.01;
}
#news-listing .listing {
  margin: 0px;
  width:320px;
  float: left;
  padding-bottom:0px;
}
#news-listing .entry-item{
	padding: 0 20px 20px;
}
#news-listing .entry-item .image-holder{
	position:relative;
	overflow:hidden;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
#news-listing .entry-item .image-holder:hover{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#news-listing .entry-item .image-holder:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
#news-listing .entry-item .image-holder img{
	width:100%;
}
#news-listing .circle{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
#news-listing .circle-inner{
	display:table;
	height:100%;
	width:100%;
}
#news-listing .circle-inner-wrap{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#news-listing .circle-bg{
	background:#fff;
	background:rgba(255,255,255,0.95);
	display: inline-block;
	padding:20px;
	height:100px;
	width:100px;
	overflow:hidden;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
}
#news-listing .circle-bg .post-time{
	margin-bottom:0;
	font-size:10px;
	letter-spacing:2px;
	margin-top: 42px;
}
#news-listing .entry-item .over{
	background:#ddd;
	position:relative;
}
#news-listing .entry-item .over-inner{
	padding:20px 0;
}
#news-listing .big-dot{
	text-align:center;
	color:#333;
	font-size:48px;
	padding: 20px;
}
#news-listing .post-title {
	font-size: 16px;
	line-height: 1.2em;
	margin-bottom: 15px;
}
#news-listing .post-title a{
	color:#333;
}
#news-listing .post-title a:hover{
	text-decoration:underline;
}
#news-listing .post-desc{
	line-height: 1.2em;
	word-wrap:break-word;
}
#news-listing .post-date,
#news-single .post-date{
	margin-bottom: 6px;
	line-height: 1em;
	font-size: 14px;
	color:#fff;
}
#news-listing .post-cat,
#news-single .post-cat{
	margin-bottom: 6px;
	line-height: 1em;
	font-size: 14px;
	color:#999;
}
#news-listing .post-cat a,
#news-single .post-cat a{
	color:#999;
}
#news-listing .post-cat a:hover,
#news-single .post-cat a:hover{
	color:#333;
}
#news-listing .news-pagetype{
	padding:20px 0;
}
#news-listing #page-nav{
	text-align:center;
	padding: 60px 0;
}
#news-listing #page-nav a{
	padding: 20px 40px;
	color: #333;
	background:#fff;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	line-height: 1.4em;
}
#news-listing #page-nav a:hover{
	background: #333;
	color: #fff;
}
#news-single{
	padding:60px 0 0;
}
#news-single .main{
	background:#eee;
	padding:40px;
	margin: 0 30px 0 20px;
}
#news-single .sidebar-area{
	background:#fff;
	margin: 0 20px 0 30px;
	padding: 0 0 20px;
}
#news-single .side-content{
	background:#fff;
	margin: 20px 20px 20px 30px;
	padding: 0 0 20px;
}
#news-single .side-content .list-title{
	font-size: 12px;
	color: #333;
	padding: 20px 0 6px;
	margin: 0 0 14px;
	border-bottom: 2px solid #333;
	text-transform: uppercase;
	font-weight: 700;
}
#news-single .side-content .list-item{
	margin: 0 20px;
}
#news-single .side-content .list-item .image-holder{
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	overflow:hidden;
}
#news-single .side-content .list-item .image-holder:hover{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#news-single .side-content .list-item .image-holder:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
#news-single .side-content .item-title{
	font-size:14px;
	line-height:1.2em;
	padding:10px 0 30px;
}
#news-single .side-content .item-title:hover{
	text-decoration:underline;
}
#news-single .post-title{
	font-size:24px;
	color:#333;
	line-height:1.2em;
	border-bottom:2px solid #fff;
	padding:10px 0 20px;
	margin:0 0 20px;
}
#news-single .single-nav {
	padding: 0;
	position: absolute;
	right: 10px;
	top: 0;
}
#news-single .main .inner-main .image-holder{
	padding-bottom:40px;
}
#news-single .side-content .list-item .image-holder img,
#news-single .main .inner-main .image-holder img{
	width:100%;
}
#news-single .entry-content .image-holder{
	margin-bottom:40px;
}
#news-single .entry-content .post-title {
	font-size: 18px;
	margin: 0;
	padding: 0 0 15px;
	text-align: center;
	line-height: 1em;
}
#news-single .single-menu{
	margin: 40px 20px 0;
}

.news-gallery #slider,
.news-gallery #carousel{
	-webkit-backface-visibility: hidden;
}
.news-gallery #slider.flexslider{
	margin-bottom: 0;
	background: #333;
}
.news-gallery #slider.flexslider .slides img {
	width:auto;
	max-height: 540px;
	max-width: 100%;
	margin: 0 auto;
}
.news-gallery #carousel.flexslider {
	margin: 0;
	background: transparent;
}
.news-gallery #carousel.flexslider .slides img {
	width:auto;
	max-height: 135px;
	max-width: 100%;
	margin: 0 auto;
}
.news-gallery #carousel.flexslider .flex-control-nav li{
	padding: 20px 0;
	vertical-align: top;
}
.news-gallery #carousel.flexslider .flex-viewport li{
	opacity:0.4;
}
.news-gallery #carousel.flexslider .flex-viewport li.flex-active-slide{
	opacity:1;
}
.news-gallery #carousel.flexslider .flex-viewport li:hover{
	cursor:pointer;
	opacity:1;
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}
.news-gallery .flexslider .slides{
	margin:0;
}
.news-gallery .flexslider .slides > li,
.news-gallery .flex-direction-nav li{
	margin-bottom: 0px;
}
.news-gallery .flex-direction-nav li a {
	top: 50%; 
}
.news-gallery .flex-control-nav {
	background: transparent;
	position: relative;
	top: auto;
}
.news-gallery .flex-control-paging li a {
	background: #333;
	background: rgba(51,51,51,0.25);
}
.news-gallery .flex-control-paging li a.flex-active,
.news-gallery .flex-control-paging li a:hover{
	background: #333;
	background: rgba(51,51,51,1);
}
.news-gallery{
	margin-bottom:40px;
}
/* #Pages
================================================== */
#pages{
	margin:60px 0 0;
}
#pages .entry-content{
	padding:0 30px 0 20px;
}
/* #Pagenation
================================================== */
#pagenation .wp-pagenavi{
	padding:0 10px 0 !important;
	display:block;
	font-size:0;
	float:none !important;
	text-align:center;
}
#pagenation .wp-pagenavi span.pages{
	display:none;
}
#pagenation .wp-pagenavi a,
#pagenation .wp-pagenavi a:link,
#pagenation .wp-pagenavi a:visited,
#pagenation .wp-pagenavi a:active,
#pagenation .wp-pagenavi span.extend{
	background: transparent !important;
	padding: 8px 15px !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	display: inline-block !important;
	margin: 0 !important;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #333 !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}
#pagenation .wp-pagenavi a:nth-child(even){
	background: transparent !important;
}
#pagenation .wp-pagenavi span.current{
	font-weight:normal;
	background: #453F98 !important;
	padding: 8px 15px !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	display: inline-block !important;
	margin: 0 !important;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #fff !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}
#pagenation .wp-pagenavi a:hover{
	background: #453F98 !important;
	color: #fff !important;
	text-decoration:none !important;
}
/* #Listing
================================================== */

.centered { 
	margin: 0 auto;
}
/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
	z-index: 99999;
	position: absolute;
	left: 50%;
	bottom: -116px;
	width: 145px;
	margin-left: -72px;
	padding: 15px 0;
	background: #333;
	opacity: 1;
	color: #fff;
	font-size: 14px;
	line-height: 1.0em;
}
#infscr-loading img{
	height: 24px;
	display:inline-block;
}
#infscr-loading div{
	display: none;
}
/* #Slider
================================================== */
.slider{
	margin:0 auto;
	width:100%;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {margin:0; position:initial !important; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

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

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; background: #fff; position:relative; zoom: 1;}
.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;}
.flexslider .slides {
	zoom: 1;
	max-height:1000px;
	overflow:hidden;
}
.carousel li {margin: 0}
.flexslider .caption{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	font-size:24px;
	font-weight:100;
	color:#fff;
	font-family:arial;
	text-align:center;
	letter-spacing:1px;
}
.flexslider .caption h6{
	font-family:geogria;
	font-size:96px;
	margin:0 0 10px;
	text-transform:lowercase;
	line-height:1em;
}
.flexslider .caption .info{
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	padding:60px 0;
}
.flexslider .caption .inner{
	display:table;
	height:100%;
	margin:0 auto;
}
.flexslider  .caption .inner-wrap{
	display:table-cell;
	vertical-align:middle;
}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav li{padding:0; margin:0;}
.flex-direction-nav a {
	width: 55px;
	height: 40px;
	display: block;
	font-size: 40px;
	text-align: center;
	margin: -20px 0 0;
	padding: 15px 0 0;
	position: absolute;
	top: 50%;
	text-decoration: none;
	color: #e6e6e6;
	background: rgba(230,230,230,0.1);
	cursor: pointer;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {right: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.flexslider .flex-next:hover,
.flexslider .flex-prev:hover{
	color: #333;
	background: #e6e6e6;
}
.flex-direction-nav .flex-disabled {display:none;}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	top: 20px;
	text-align: center;
}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
	width: 14px;
	height: 14px;
	display: block;
	background: #fff;
	background: rgba(255,255,255,0.25);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	/*
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.02);
	-moz-box-shadow:    0px 0px 0px 1px rgba(0, 0, 0, 0.02);
	box-shadow:         0px 0px 0px 1px rgba(0, 0, 0, 0.02);
	*/
}
.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,1); }
.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,1); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* #MQ
================================================== */
@media only screen and (max-width: 1499px){
	.pool.centerpool{
		max-width:90%;
	}
}
@media only screen and (max-width: 1279px){
	
}
@media only screen and (max-width: 1027px){
	.pool.centerpool{
		max-width:960px;
	}
}
@media only screen and (max-width: 978px){
	#news-single .main {
		margin: 0 10px 0 20px;
	}
	#news-single .sidebar-area{
		margin: 0 20px 0 10px;
	}
	#news-single .side-content{
		margin: 20px 20px 20px 10px;
	}
	#pages.about .intro-quote{
		font-size:18px;
	}
	#pages.about .intro-quoter{
		font-size:14px;
	}
}
@media only screen and (max-width: 767px){
	#header #main-menu{
		display:none;
	}
	#mobile-menu,
	.switch{
		display:block;
	}
	#mobile-menu.active{
		display:block;
		max-height:400px;
		background: #e6e6e6;
		-webkit-transition: all 0.4s ease-out;  
		-moz-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	.share {
		display:none;
	}
	.single-menu {
		padding: 30px 0 0;
	}
	.single-menu li {
		padding: 10px 0;
		font-size: 14px;
	}
	#work-listing .entry-content {
		width: 50%;
	}
	#work-listing .entry-content.randomdot{
		display:none;
	}
	#work-single .entry-content,
	#work-single .entry-subinfo{
		padding: 0 20px;
	}
	#work-single .close{
		display:none;
	}
	#news-listing{
		padding:0;
	}
	#news-listing .entry-item .more{
		position:relative;
		bottom:auto;
		right:auto;
	}
	#news-listing .journal-type {
		margin: 0 10px 10px;
	}
	#news-listing .entry-item .over-inner{
		padding: 20px;
		text-align: center;
	}
	#news-listing .twelve.fill{
		width:100%;
	}
	#news-listing .four.fill{
		width:100%;
	}
	#news-listing .news-pagetype{
		padding:20px;
	}
	#news-single {
		padding: 0;
	}
	#news-single .main {
		padding: 40px 20px;
		margin: 0 0 2px;
	}
	#news-single .sidebar-area {
		margin: 0;
	}
	#news-single .side-content {
		margin: 2px 0;
	}
	#news-single .side-content .list-title{
		margin: 0 10px 14px;
	}
	#news-single .side-content .list-item {
		font-size: 0;
		margin: 0 10px;
	}
	#news-single .side-content .item{
		display:inline-block;
		width:50%;
		vertical-align:top;
	}
	#news-single .side-content .item .item-inner{
		padding:0 10px;
	}
	#news-single .side-content .item .image-holder img{
		width:100%;
	}
	#pages .entry-content {
		padding: 0 20px;
	}
	#pages .mobilefill{
		display:none;
	}
	#header #logo a {
		display: block;
    height: 29px;
	}
	#header #logo img {
		height: 24px;
	}
	#header .inner {
		padding: 14px 20px 8px;
	}
	#work-listing .entry-content .info {
		position: absolute;
		width: auto;
		height: auto;
		left: 0;
		bottom: 0;
		top: auto;
		opacity: 0.99;
	}
	#work-listing .entry-content .info-wrapper {
		display: block;
		width: auto;
		height: auto;
	}
	#work-listing .entry-content .info-wrapper-inner {
		text-align: left;
		display: block;
	}
	#work-listing .entry-content .info .post-title {
		font-size: 12px;
		margin: 0;
		line-height: 1em;
	}
	#work-listing .entry-content .info .date{
		font-size: 12px;
	}
	#work-listing .entry-content .info .inner {
		padding: 6px 20px 4px;
	}
	#work-single .caption {
		font-size: 12px;
	}
	#work-single .round-button {
		margin: 0;
	}
	#work-single .round-button a {
		background-position: 10px center;
		background-size: 16px 10px;
		-webkit-background-size: 16px 10px;
		-moz-background-size: 16px 10px;
		padding: 10px 10px 10px 35px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
	}
	#work-single .round-button a:hover {
		background-position: 10px center;
		background-size: 16px 10px;
		-webkit-background-size: 16px 10px;
		-moz-background-size: 16px 10px;
	}
}
@media only screen and (max-width: 479px){
	#work-listing .entry-content {
		width: 100%;
	}
	#news-listing .entry-item {
		margin: 0;
		padding: 0;
	}
	#news-listing #container{
		width: 100% !important;
		height: auto !important;
	}
	#news-listing .listing {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
	}
	#news-single .single-nav{
		padding: 20px 0 20px;
		position: relative;
		right: auto;
		top: auto;
	}
	#pages.about .intro-quote,
	#home .intro-quote{
		font-size:20px;
		padding:40px 5%;
	}
	#pages.about .intro-quoter,
	#home .intro-quoter{
		font-size:14px;
	}
	blockquote, blockquote p {
		font-size: 24px;
	}
	.single-menu .prev span.title,
	.single-menu .next span.title{
		font-size:0;
	}
	.single-menu .prev span.title:after{
		content: "\2190";
		font-size:24px;
	}
	.single-menu .next span.title:after{
		content: "\2192";
		font-size:24px;
	}
}

