/*
Theme Name: pi
Theme URI: http://themelead.com
Author: themelead
Author URI: http://themelead.com
Description: Multi-Purpose Wordpress Theme
Version: 1.0
Text Domain: srol

/* IMPORTING
---------------------------------------------------------------------------------------- */
	@import url('css/normalize.css');
	@import url('css/bootstrap.min.css');
	@import url('css/font-awesome.min.css');
	@import url('css/icomoon.css');
	@import url('css/magnific-popup.css');
	@import url('css/flexslider.css');
	@import url('css/animate.css');
	@import url('css/portfolio.css');
	
/* GENERAL
---------------------------------------------------------------------------------------- */
*, *:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
html {
	margin:0;
	padding:0;
	overflow-y:scroll;
	}
body {
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	line-height:1.7;
	font-weight:400;
	color:#515151;
	word-wrap:break-word;
	}
.container {
	width:1100px;
	max-width:100%;
	}
h1, h2, h3, h4, h5, h6, dl, dt {
	color:#414141;
	font-family: 'PT Sans', sans-serif;
	line-height:1.4;
	font-weight:normal;
	margin:0 0 24px;
	}
h1 {
    font-size: 40px
    }

h2 {
    font-size: 32px
    }

h3 {
    font-size: 26px
    }

h4 {
    font-size: 20px
    }
h5 {
	font-size:16px;
	}
h6 {
    font-size: 14px
    }
p {
	margin:0 0 24px;
	}		
a, a:hover {
	color:#4D98AD;
	}
a:focus {
	text-decoration:none;
	}
a:focus, input:focus, select:focus, textarea:focus, button:focus {
    outline: none !important;
    }	
ul {
    list-style: disc
    }
ol {
    list-style:decimal;
    }
ul, ol {
    margin-bottom: 30px
    }
li {
	line-height:1.7;
    }
input, textarea, select {
    font-family: 'Open Sans', sans-serif;
	color:#333;
    font-size:13px;
	max-width:100%;
    }
code {
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	}	
pre,
.srol-pre {
	display: block;
	font-size: 14px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #f1f1f1;
	border: 1px solid #e5e5e5;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0 0 30px;
	line-height: 1.4;
	padding: 16px;
	font-family: "Courier New", Courier, monospace;
	letter-spacing:0;
	color:inherit;
	}
cite {
	color: #333;
	}
del {
	color:red;
	}
ins {
	text-decoration:underline;
	}
code, kbd, pre, samp {
	font-family: monospace, serif;
	}
/* blockquote */
blockquote {
	padding-left:30px;
	border:none;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
	}
blockquote:before {
	position:absolute;
	top:0;
	left:0;
	width:5px;
	height:100%;
	background:#4D98AD;
	content:"";
	opacity:0.4;
	}	
blockquote p {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:22px;
	line-height:1.6;
	margin-bottom:16px;
	}	
blockquote cite,
blockquote em {
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	color: #4D98AD;
	font-style:normal;
	margin-left:2%;
	}
blockquote cite:before,
blockquote em:before {
	content:"\2014";
	margin-right:6px;
	}
	
	/* table */
table {
	width:100%;
	margin: 0 0 30px;
	border:1px solid #c5c5c5;
	box-shadow:1px 1px 3px rgba(0,0,0,.1);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,.1);
	}
table td,
table th {
	border:1px solid #c5c5c5;
	padding:8px 12px;
	vertical-align:middle;
	text-align:left;
	}
table th {
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	border:1px solid #ccc;
	background:#f1f1f1;
	}
	
	/* media */
.wp-media{
	width: 100% !important;
}
.media-container {
    margin: 0 0 30px;
	max-width:100%;
    }
.media-container iframe {
    max-width: 100%
    }
	/* description of video */
.media-container p {
	color:#ddd;
	}	
.mejs-container,
.wp-video-shortcode,
.mejs-video {
	margin-bottom:30px;
	}
.media-container .mejs-container,
.media-container .wp-video-shortcode,
.media-container .mejs-video {
	margin-bottom:0;
	}
video, audio {
	max-width:100%;
	}

/* image */
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}	
.alignnone,
a img.alignnone {
    margin: 5px 20px 20px 0;
	}	
.alignright,
a img.alignright {
    margin: 5px 0 20px 20px;
    float: right
    }
.alignleft,
a img.alignleft {
	margin:5px 20px 20px 0;
	float:left;
	}
.aligncenter,
a img.aligncenter {
	display:block;
	margin:5px auto 20px;
	}
.wp-caption {
	border: 1px solid #e5e5e5;
	box-shadow:0px 2px 5px rgba(0,0,0,.05);
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,.05);
	-moz-box-shadow:0px 2px 5px rgba(0,0,0,.05);
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	padding: 8px;
	background:#fff;
	max-width: 100%; /* Image does not overflow the content area */
	text-align: center;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	}
.wp-caption:hover {
	border-color:#d5d5d5;
	box-shadow: 0px 2px 6px rgba(0,0,0,.22);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.22);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,.22);
	}	
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
	}	
.wp-caption.alignleft{
	margin: 5px 20px 15px 0;
	}
.wp-caption.alignright {
	margin: 5px 0 15px 20px;
	}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
	margin-bottom:4px;
    max-width:100%;
    padding: 0;
    width: auto;
	}	
.wp-caption-text,
.gallery-caption {
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	line-height:1.2;
	font-family: "Open Sans" sans-serif;
	margin-top: 6px;
	text-align:left;
	}
.gallery img {
	border:none !important;
}
.gallery-icon {
	padding:0 10px;
}
.gallery-caption {
	padding-left:10px;
	margin-top:5px;
	font-size:11px;
	line-height:1.4;
}

	/* COLUMN SYSTEM */
.col-1-2 {
	width:50%;
	}
.col-1-3 {
	width:33.33%;
	}
.col-2-3 {
	width:66.66%;
	}	
.col-1-4 {
	width:25%;
	}
.col-3-4 {
	width:75%;
	}
.col-1-5 {
	width:20%;
	}
.col-2-5 {
	width:40%;
	}
.col-3-5 {
	width:60%;
	}		
.col-4-5 {
	width:80%;
	}
.col-1-6 {
	width:16.66%;
	}
.col-5-6 {
	width:83.33%;
	}	

	/* TEXT WHITE */
.text-white,
.text-white a,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white ul,
.text-white ol,
.text-white li,
.text-white p,
.text-white blockquote{
	color:#fff;
	color:rgba(255,255,255,.95);
	}
		
.hide {
	display:none;
	}
.show {
	display:block;
	}
.text-align-right {
	text-align:right;
	}	
.text-align-center {
	text-align:center;
	}
	
	/* button */
.srol-btn {
	position:relative;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	background:#4D98AD;
	display:inline-block;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	text-align:center;
	height:44px;
	line-height:44px;
	padding:0 22px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	overflow:hidden;
	box-shadow:0 -3px 0 rgba(0,0,0,.1) inset;
	-webkit-box-shadow:0 -3px 0 rgba(0,0,0,.1) inset;
	-moz-box-shadow:0 -3px 0 rgba(0,0,0,.1) inset;
	}
.srol-btn span {
	}	
.srol-btn .button-mask {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	display:block;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	opacity:0;
	background:#fff;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	}	
.srol-btn:hover {
	text-decoration:none;
	color:#fff;
	}
.srol-btn:hover .button-mask {
	opacity:0.2;
	}
.srol-btn:active {
	top:3px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
	
	/* icons */	
.srol-btn i {
	margin-left:11px;
	font-size:95%;
	}
.srol-btn.btn-icon-left i{
	margin-right:11px;
	margin-left:0;
	}	
.srol-btn.btn-no-content i:first-child {
	margin-left:0;
	}
.srol-btn.btn-no-content.btn-icon-right i:last-child {
	margin-right:0;
	}
	
	/* sizes */
.srol-btn.btn-large {
	height:54px;
	line-height:54px;
	padding:0 26px;
	font-size:18px;
	}
.srol-btn.btn-small {
	height:34px;
	line-height:34px;
	padding:0 16px;
	font-size:14px;
	}
.srol-btn.btn-tiny {
	height:28px;
	line-height:28px;
	padding:0 14px;
	font-size:13px;
	}	
	
	/* button pill */
.srol-btn.btn-pill {
	border-radius:88px;
	-webkit-border-radius:88px;
	-moz-border-radius:88px;
	}
.srol-btn.btn-pill.btn-large {
	border-radius:108px;
	-webkit-border-radius:108px;
	-moz-border-radius:108px;
	}
.srol-btn.btn-pill.btn-small {
	border-radius:68px;
	-webkit-border-radius:68px;
	-moz-border-radius:68px;
	}
.srol-btn.btn-pill.btn-no-content {
	padding:0 15px;
	}
.srol-btn.btn-pill.btn-large.btn-no-content {
	padding:0 19px;
	}
.srol-btn.btn-pill.btn-small.btn-no-content {
	padding:0 11px;
	}						
	
	/* button transparent */
.srol-btn.btn-transparent {
	line-height:40px;
	background:none;
	border:2px solid #fff;
	border-color:rgba(255,255,255,.6);
	color:#fff;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-btn.btn-transparent .button-mask {
	display:none;
	}	
.srol-btn.btn-transparent:hover {
	border-color:#fff;
	}
.srol-btn.btn-transparent:hover span,
.srol-btn.btn-transparent:hover i {
	color:#fff;
	}
.srol-btn.btn-transparent.btn-large {
	line-height:50px;
	}
.srol-btn.btn-transparent.btn-small {
	line-height:30px;
	}
.srol-btn.btn-transparent.btn-tiny {
	line-height:24px;
	}			

	/* block */
.srol-btn.block {
	display:block;
	}
	
	/* button with subtitle */
.srol-btn.btn-has-subtitle {
	height:auto;
	line-height:inherit;
	text-align:left;
	padding:8px 22px 11px;
	}
.srol-btn.btn-has-subtitle .button-text {
	display:block;
	}	
.srol-btn.btn-has-subtitle .button-icon {
	display:block;
	float:right;
	margin-left:16px;
	margin-top:8px;
	width:40px;
	height:40px;
	text-align:center;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	background:#fff;
	color:#4D98AD;
	}
.srol-btn.btn-has-subtitle.btn-icon-left .button-icon {
	float:left;
	display: inline-block;
	margin-left:auto;
	margin-right:16px;
	}	
.srol-btn.btn-has-subtitle .button-icon i {
	line-height:40px;
	margin:0;
	}	
.srol-btn.btn-has-subtitle .text {
	overflow: hidden;
	display: inline-block;
	float: left;
	}	
.srol-btn.btn-has-subtitle .button-main,
.srol-btn.btn-has-subtitle .button-subtitle {
	display:block;
	}
.srol-btn.btn-has-subtitle .button-main {
	font-size:22px;
	}
.srol-btn.btn-has-subtitle .button-subtitle {
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	}
.srol-btn.btn-has-subtitle.btn-pill {
	border-radius:52px;
	-webkit-border-radius:52px;
	-moz-border-radius:52px;
	padding-left:36px;
	padding-right:36px;
	}

/* FLEXSLIDER
---------------------------------------------------------------------------------------- */
.flexslider,
.flexslider .slides {
	margin:0;
	padding:0;
	outline:none;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
.srol-flexslider .flex-direction-nav a {
	width: 60px;
	height: 60px;
	margin-top:-30px;
	opacity:0.3;
	background-size:100%;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-position:center center;
	}
.srol-flexslider .flex-direction-nav .flex-prev {
	background-image: url(images/prev-arrow.png);
	left:-90px;
	opacity:0.3;
	}
.srol-flexslider .flex-direction-nav .flex-next {
	background-image: url(images/next-arrow.png);
	right:-90px;
	opacity:0.3;
	}
.srol-flexslider .flex-direction-nav .flex-prev:hover,
.srol-flexslider .flex-direction-nav .flex-next:hover {
	opacity:1;
	}	

/* ANIMATION
---------------------------------------------------------------------------------------- */
.srol-animation-element {
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	opacity:0;
	}	
	
	/* default animation: fadeIn */
.srol-animation-element.run_animation {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	}
.srol-animation-element.run_animation.animation-bounce { -webkit-animation-name:bounce; animation-name:bounce; }
.srol-animation-element.run_animation.animation-flash { -webkit-animation-name:flash; animation-name:flash; }
.srol-animation-element.run_animation.animation-pulse { -webkit-animation-name:pulse; animation-name:pulse; }
.srol-animation-element.run_animation.animation-rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand; }
.srol-animation-element.run_animation.animation-shake { -webkit-animation-name:shake; animation-name:shake; }
.srol-animation-element.run_animation.animation-swing { -webkit-animation-name:swing; animation-name:swing; }
.srol-animation-element.run_animation.animation-tada { -webkit-animation-name:tada; animation-name:tada; }
.srol-animation-element.run_animation.animation-wobble { -webkit-animation-name:wobble; animation-name:wobble; }
.srol-animation-element.run_animation.animation-bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn; }
.srol-animation-element.run_animation.animation-bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown; }
.srol-animation-element.run_animation.animation-bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft; }
.srol-animation-element.run_animation.animation-bounceInRight { -webkit-animation-name:bounceInRight; animation-name:bounceInRight; }
.srol-animation-element.run_animation.animation-bounceInUp { -webkit-animation-name:bounceInUp; animation-name:bounceInUp; }
.srol-animation-element.run_animation.animation-bounceOut { -webkit-animation-name:bounceOut; animation-name:bounceOut; }
.srol-animation-element.run_animation.animation-bounceOutDown { -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown; }
.srol-animation-element.run_animation.animation-bounceOutLeft { -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft; }
.srol-animation-element.run_animation.animation-bounceOutRight { -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight; }
.srol-animation-element.run_animation.animation-bounceOutUp { -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp; }
.srol-animation-element.run_animation.animation-fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn; }
.srol-animation-element.run_animation.animation-fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown; }
.srol-animation-element.run_animation.animation-fadeInDownBig { -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig; }
.srol-animation-element.run_animation.animation-fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; }
.srol-animation-element.run_animation.animation-fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig; }
.srol-animation-element.run_animation.animation-fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight; }
.srol-animation-element.run_animation.animation-fadeInRightBig { -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig; }
.srol-animation-element.run_animation.animation-fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp; }
.srol-animation-element.run_animation.animation-fadeInUpBig { -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig; }
.srol-animation-element.run_animation.animation-fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut; }
.srol-animation-element.run_animation.animation-fadeOutDown { -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown; }
.srol-animation-element.run_animation.animation-fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig; }
.srol-animation-element.run_animation.animation-fadeOutLeft { -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft; }
.srol-animation-element.run_animation.animation-fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig; }
.srol-animation-element.run_animation.animation-fadeOutRight { -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight; }
.srol-animation-element.run_animation.animation-fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig; }
.srol-animation-element.run_animation.animation-fadeOutUp { -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp; }
.srol-animation-element.run_animation.animation-fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig; }
.srol-animation-element.run_animation.animation-flip { -webkit-animation-name:flip; animation-name:flip; }
.srol-animation-element.run_animation.animation-flipInX { -webkit-animation-name:flipInX; animation-name:flipInX; }
.srol-animation-element.run_animation.animation-flipInY { -webkit-animation-name:flipInY; animation-name:flipInY; }
.srol-animation-element.run_animation.animation-flipOutX { -webkit-animation-name:flipOutX; animation-name:flipOutX; }
.srol-animation-element.run_animation.animation-flipOutY { -webkit-animation-name:flipOutY; animation-name:flipOutY; }
.srol-animation-element.run_animation.animation-lightSpeedIn { -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; }
.srol-animation-element.run_animation.animation-lightSpeedOut { -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; }
.srol-animation-element.run_animation.animation-rotateIn { -webkit-animation-name:rotateIn; animation-name:rotateIn; }
.srol-animation-element.run_animation.animation-rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft; }
.srol-animation-element.run_animation.animation-rotateInDownRight { -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight; }
.srol-animation-element.run_animation.animation-rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft; }
.srol-animation-element.run_animation.animation-rotateInUpRight { -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight; }
.srol-animation-element.run_animation.animation-rotateOut { -webkit-animation-name:rotateOut; animation-name:rotateOut; }
.srol-animation-element.run_animation.animation-rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft; }
.srol-animation-element.run_animation.animation-rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight; }
.srol-animation-element.run_animation.animation-rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft; }
.srol-animation-element.run_animation.animation-rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight; }
.srol-animation-element.run_animation.animation-hinge { -webkit-animation-name:hinge; animation-name:hinge; }
.srol-animation-element.run_animation.animation-rollIn { -webkit-animation-name:rollIn; animation-name:rollIn; }
.srol-animation-element.run_animation.animation-rollOut { -webkit-animation-name:rollOut; animation-name:rollOut; }
.srol-animation-element.run_animation.animation-zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn; }
.srol-animation-element.run_animation.animation-zoomInDown { -webkit-animation-name:zoomInDown; animation-name:zoomInDown; }
.srol-animation-element.run_animation.animation-zoomInLeft { -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft; }
.srol-animation-element.run_animation.animation-zoomInRight { -webkit-animation-name:zoomInRight; animation-name:zoomInRight; }
.srol-animation-element.run_animation.animation-zoomInUp { -webkit-animation-name:zoomInUp; animation-name:zoomInUp; }
.srol-animation-element.run_animation.animation-zoomOut { -webkit-animation-name:zoomOut; animation-name:zoomOut; }
.srol-animation-element.run_animation.animation-zoomOutDown { -webkit-animation-name:zoomOutDown; animation-name:zoomOutDown; }
.srol-animation-element.run_animation.animation-zoomOutLeft { -webkit-animation-name:zoomOutLeft; animation-name:zoomOutLeft; }
.srol-animation-element.run_animation.animation-zoomOutRight { -webkit-animation-name:zoomOutRight; animation-name:zoomOutRight; }
.srol-animation-element.run_animation.animation-zoomOutUp { -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp; }
	

/* LOADING
---------------------------------------------------------------------------------------- */
.bubblingG {
text-align: center;
width:64px;
height:40px;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
margin: 20px auto;
background: #4D98AD;
-moz-border-radius: 40px;
-moz-animation: bubblingG 0.9s infinite alternate;
-webkit-border-radius: 40px;
-webkit-animation: bubblingG 0.9s infinite alternate;
-ms-border-radius: 40px;
-ms-animation: bubblingG 0.9s infinite alternate;
-o-border-radius: 40px;
-o-animation: bubblingG 0.9s infinite alternate;
border-radius: 40px;
animation: bubblingG 0.9s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

#bubblingG_2 {
-moz-animation-delay: 0.27s;
-webkit-animation-delay: 0.27s;
-ms-animation-delay: 0.27s;
-o-animation-delay: 0.27s;
animation-delay: 0.27s;
}

#bubblingG_3 {
-moz-animation-delay: 0.54s;
-webkit-animation-delay: 0.54s;
-ms-animation-delay: 0.54s;
-o-animation-delay: 0.54s;
animation-delay: 0.54s;
}

@-moz-keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4D98AD;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
transform: translateY(-17px);
-webkit-transform: translateY(-17px);
-moz-transform: translateY(-17px);
}

}

@-webkit-keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4D98AD;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
transform: translateY(-17px);
-webkit-transform: translateY(-17px);
-moz-transform: translateY(-17px);
}

}

@-ms-keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4D98AD;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
transform: translateY(-17px);
-webkit-transform: translateY(-17px);
-moz-transform: translateY(-17px);
-ms-transform: translateY(-17px);
}

}

@-o-keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4D98AD;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
transform: translateY(-17px);
-webkit-transform: translateY(-17px);
-o-transform: translateY(-17px);
}

}

@keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4D98AD;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
transform: translateY(-17px);
-webkit-transform: translateY(-17px);
-moz-transform: translateY(-17px);
}

}

.circleG_container {
	width:46.666666666666664px;
	}
.circleG {
	background-color:#4D98AD;
	float:left;
	height:10px;
	width:10px;
	margin-left:5px;
	-moz-animation-name:bounce_circleG;
	-moz-animation-duration:1.9500000000000002s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-border-radius:7px;
	-webkit-animation-name:bounce_circleG;
	-webkit-animation-duration:1.9500000000000002s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-border-radius:7px;
	-ms-animation-name:bounce_circleG;
	-ms-animation-duration:1.9500000000000002s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-border-radius:7px;
	-o-animation-name:bounce_circleG;
	-o-animation-duration:1.9500000000000002s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-border-radius:7px;
	animation-name:bounce_circleG;
	animation-duration:1.9500000000000002s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	border-radius:7px;
	}

.circleG_1{
	-moz-animation-delay:0.39s;
	-webkit-animation-delay:0.39s;
	-ms-animation-delay:0.39s;
	-o-animation-delay:0.39s;
	animation-delay:0.39s;
	}

.circleG_2{
	-moz-animation-delay:0.9099999999999999s;
	-webkit-animation-delay:0.9099999999999999s;
	-ms-animation-delay:0.9099999999999999s;
	-o-animation-delay:0.9099999999999999s;
	animation-delay:0.9099999999999999s;
	}

.circleG_3{
	-moz-animation-delay:1.1700000000000002s;
	-webkit-animation-delay:1.1700000000000002s;
	-ms-animation-delay:1.1700000000000002s;
	-o-animation-delay:1.1700000000000002s;
	animation-delay:1.1700000000000002s;
	}

@-moz-keyframes bounce_circleG{
0%{
}

50%{
background-color:#ffffff}

100%{
}

}

@-webkit-keyframes bounce_circleG{
0%{
}

50%{
background-color:#ffffff}

100%{
}

}

@-ms-keyframes bounce_circleG{
0%{
}

50%{
background-color:#ffffff}

100%{
}

}

@-o-keyframes bounce_circleG{
0%{
}

50%{
background-color:#ffffff}

100%{
}

}

@keyframes bounce_circleG{
0%{
}

50%{
background-color:#ffffff}

100%{
}

}

/* TIPSY
---------------------------------------------------------------------------------------- */
.tipsy { 
	position: absolute; 
	padding: 5px 6px; 
	z-index: 100000;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	-webkit-animation: tipsyzoom 0.2s ease-out;
    -moz-animation: tipsyzoom 0.2s ease-out;
    animation: tipsyzoom 0.2s ease-out
	}
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 1px; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 1px; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

@-webkit-keyframes tipsyzoom {
0% {
    transform:scale(0.7);
	-moz-transform:scale(0.7);
	-webkit-transform:scale(0.7);
    }
60% {
   transform:scale(1.1);
   -moz-transform:scale(1.1);
   -webkit-transform:scale(1.1);
    }
	
100% {
   transform:scale(1);
   -moz-transform:scale(1);
   -webkit-transform:scale(1);
    }
}
@-moz-keyframes tipsyzoom {
from {
	transform:scale(0.7);
    }
to {
    transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
    }
}
@keyframes tipsyzoom {
    from {
        transform:scale(0.7);
        } to {
       transform:scale(1);
	   -webkit-transform:scale(1);
	   -moz-transform:scale(1);
        }
}	
.tipsy-inner {
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	padding: 6px 9px 5px 9px;
	background:#4D98AD;
	}
.tipsy .tipsy-arrow { border-style:solid;}	
.tipsy-n .tipsy-arrow {
	border-width: 5px 0 0 5px;
	border-color: transparent transparent transparent #4D98AD;
	margin-left:-3px;
	}
.tipsy-s .tipsy-arrow {
	border-width: 5px 5px 0 0;
	border-color: #4D98AD transparent transparent transparent;
	margin-left:-3px;
	}
.tipsy-w .tipsy-arrow {
	border-width: 0 5px 5px 0;
	border-color: transparent #4D98AD transparent transparent;
	margin-top:-3px;
	}
.tipsy-e .tipsy-arrow {
	border-width: 5px 5px 0 0;
	border-color: #4D98AD transparent transparent transparent;
	margin-top:-3px;
	}


/* TOOLTIPSTER
---------------------------------------------------------------------------------------- */
/* This is the base styling required to make all Tooltipsters work */
.srol-tooltipster .tooltipster-markup {
	display:none;
	}
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
	}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
	line-height:1.7;
	font-size:14px;
	}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}

	/* CUSTOM CONTENT FROM THEME */
.tooltipster-default {
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border:none;
	background:#f9f9f9;
	border:1px solid #d5d5d5;
	box-shadow:5px 5px 35px rgba(0,0,0,.3);
	-webkit-box-shadow:5px 5px 35px rgba(0,0,0,.3);
	-moz-box-shadow:5px 5px 35px rgba(0,0,0,.3);
	}	
.tooltipster-default .tooltipster-content {
	}	
.tooltipster-image {
	display:block;
	text-align:center;
	}
.tooltipster-header {
	position:relative;
	margin:0 15px;
	padding:8px 0 13px;
	}	
.tooltipster-header:after {
	content:"";
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
	height:5px;
	border-top:1px solid;
	border-bottom:1px solid;
	opacity:0.3;
	}
.tooltipster-header h1,
.tooltipster-header h2,
.tooltipster-header h3,
.tooltipster-header h4,
.tooltipster-header h5,
.tooltipster-header h6 {
	margin-bottom:0;
	}
.tooltipster-desc {
	display:block;
	overflow:hidden;
	padding:15px;
	}
.tooltipster-desc p {
	margin-bottom:0;
	display:block;
	line-height:inherit;
	}
	
	
	/* THEME DARK */
.tooltipster-dark {
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	background:#111;
	color:#fff;
	border:none;
	}	
.tooltipster-dark h1,
.tooltipster-dark h2,
.tooltipster-dark h3,
.tooltipster-dark h4,
.tooltipster-dark h5,
.tooltipster-dark h6 {
	color:#fff;
	}
	
	
	/* THEME COLOR */
.tooltipster-color {
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	background:#4D98AD;
	color:#fff;
	border:none;
	}	
.tooltipster-color h1,
.tooltipster-color h2,
.tooltipster-color h3,
.tooltipster-color h4,
.tooltipster-color h5,
.tooltipster-color h6 {
	color:#fff;
	}



/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-popup {
	opacity:0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;	
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-popup-show {
	opacity:1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 0.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-slide {
	margin-top:15px;
	-webkit-transition-property:margin-top, opacity;
	-moz-transition-property: margin-bottom;
	-o-transition-property: margin-bottom;
	-ms-transition-property: margin-bottom;
	transition-property:margin-top, opacity;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
	margin-top:0;
	opacity:1;
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property:margin-top, opacity;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
	
/* ISOTOPE LAYOUT
---------------------------------------------------------------------------------------- */
.fullwidth .srol-isotope-wrapper .srol-content {
	padding:0;
	padding-top:3.5%;
	}
.has-sidebar .srol-isotope-wrapper .srol-content {
	}
.isotope-free .srol-isotope-wrapper .srol-content,
.srol-isotope-wrapper.isotope-no-padding .srol-content  {
	padding-top:0;
	}
.srol-portfolio-shortcode .srol-isotope-wrapper.isotope-no-padding .srol-page-topnav {
	margin-bottom:0;
	}	
.isotope-free .srol-pagination {
	margin-top:0;
	border:none;
	background:#ddd;
	text-align:center;
	}
.isotope-free .srol-pagination .page-numbers {
	display:inline-block;
	}	
	
	/* layout */
.srol-isotope-container {
	position:relative;
	overflow:hidden;
	}
.srol-isotope-container .bubblingG {
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-32px;
	transition:all .1s ease-out;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	}
.srol-isotope-container .isotope-selector .article-inner {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .55s;
	-moz-animation-duration: .55s;
	-ms-animation-duration: .55s;
	-o-animation-duration:.55s;
	animation-duration: .55s;
	opacity: 0;
	}
		
		/* loaded */
.srol-isotope-container.loaded {
	}	
.srol-isotope-container.loaded .bubblingG {
	visibility:hidden;
	opacity:0;
	}	
.srol-isotope-container.loaded .isotope-selector .article-inner.run_animation {
	opacity: 1;
	-webkit-animation-name: srol_popup;
	-moz-animation-name: srol_popup;
	-o-animation-name: srol_popup;
	animation-name: srol_popup;
	}	
@-webkit-keyframes srol_popup {
	0%{opacity:0;transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8);}
	50%{opacity:0.5;transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
	100%{opacity:1;transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
}
@keyframes srol_popup{
	0%{opacity:0;transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8);}
	50%{opacity:0.5;transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
	100%{opacity:1;transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
}
	
.srol-isotope-container .isotope-selector {
	width:31%;
	margin:0 0 3.5% 0;
	}
.srol-isotope-container .gutter-sizer {
	width:3.5%;
	}
	
	/* elements */
.srol-isotope-container .isotope-selector .article-inner {
	box-shadow:1px 1px 4px rgba(0,0,0,.04);
	-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.04);
	-moz-box-shadow:1px 1px 4px rgba(0,0,0,.04);
	transition:all .3s cubic-bezier(.1,.97,.12,.96);
	-webkit-transition:all .3s cubic-bezier(.1,.97,.12,.96);
	-moz-transition:all .3s cubic-bezier(.1,.97,.12,.96);
	}
.srol-isotope-container .isotope-selector .article-inner:hover {
	box-shadow:0px 2px 8px rgba(0,0,0,.14);
	-webkit-box-shadow:0px 2px 8px rgba(0,0,0,.14);
	-moz-box-shadow:0px 2px 8px rgba(0,0,0,.14);
	}		
.srol-isotope-container .isotope-selector .post-thumbnail {
	margin-bottom:0;
	overflow:hidden;
	}
.srol-isotope-container .isotope-selector .post-thumbnail img {
	width:100%;
	display:block;
	transition:all 1s cubic-bezier(.1,.97,.12,.96);
	-webkit-transition:all 1s cubic-bezier(.1,.97,.12,.96);
	-moz-transition:all 1s cubic-bezier(.1,.97,.12,.96);
	}
.srol-isotope-container .isotope-selector .post-thumbnail:hover img {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	}
.srol-isotope-container .isotope-selector .thumbnail-gallery:hover img {
	transform:none;
	-moz-transform:none;
	-webkit-transform:none;
	}
.article.isotope-selector .post-text {
	border:1px solid #e5e5e5;
	border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	border-top:none;
	background:#fff;
	}
.article.isotope-selector.no-post-thumbnail .post-text {
	border-top:1px solid #e5e5e5;
	}
.article.isotope-selector .post-text .title-meta {
	padding:18px;
	border-bottom:1px solid #e5e5e5;
	margin:0;
	}
.article.isotope-selector .post-meta {
	border:none;
	padding:0;
	}	
.isotope-selector .post-meta .ele {
	letter-spacing:0;
	font-size:10px;
	}
.article.isotope-selector .title {
	font-size:22px;
	}
.article.isotope-selector .excerpt {
	padding:18px 18px 0;
	}	
.article.isotope-selector .readmore {
	padding:0 18px;
	}
.article.isotope-selector .tags-share {
	border-top:1px solid #e5e5e5;
	padding:18px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.article.isotope-selector .tags-share:hover {
	background:#fafafa;
	}
.article.isotope-selector .tags-share .tags {
	float:none;
	}	
.article.isotope-selector .tags-share .srol-social-share {
	float:none;
	display:block;
	clear:both;
	}
	/* project meta */
.project-meta ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:15px;
	}		
.project-meta ul li {
	}
	
	
	/* 4 COLUMNS 
	--------------------------------------------------- */
.isotope-4-columns .srol-isotope-container .isotope-selector {
	width:22.75%;
	margin:0 0 3% 0;
	}
.isotope-4-columns .srol-isotope-container .gutter-sizer {
	width:3%;
	}
.isotope-4-columns .article.isotope-selector .post-text .title-meta {
	padding:14px;
	}
.isotope-4-columns .isotope-selector .post-meta .ele:after {
	margin-left:2px;
	margin-right:2px;
	opacity:0.3;
	}
.isotope-4-columns .article.isotope-selector .title {
	font-size:20px;
	}
.isotope-4-columns .article.isotope-selector .excerpt {
	padding:14px 14px 0;
	}	
.isotope-4-columns .article.isotope-selector .readmore {
	padding:0 14px;
	}
.isotope-4-columns .article.isotope-selector .tags-share {
	padding:14px;
	margin-top:16px;
	}
.isotope-4-columns .isotope-selector.has-hover .thumbnail-image .hover-element {
	height:28px;
	line-height:28px;
	}	
.isotope-4-columns .isotope-selector.has-hover .thumbnail-image .hover-element a {
	padding-left:12px;
	padding-right:12px;
	height:28px;
	line-height:28px;
	}	
		
		/* 4 columns in a container */
		.isotope-4-columns .container .isotope-selector {
			width:23.5%;
			margin:0 0 2% 0;
			}
		.isotope-4-columns .container .gutter-sizer {
			width:2%;
			}
		.isotope-4-columns .container .article.isotope-selector .title {
			font-size:18px;
			}
		
	
	/* 5 COLUMNS 
	--------------------------------------------------- */	
.isotope-5-columns .srol-isotope-container .isotope-selector {
	width:18.4%;
	margin:0 0 2% 0;
	}
.isotope-5-columns .srol-isotope-container .gutter-sizer {
	width:2%;
	}
.isotope-5-columns .article.isotope-selector .post-text .title-meta {
	padding:14px;
	}
.isotope-5-columns .isotope-selector .post-meta .ele:after {
	margin-left:2px;
	margin-right:2px;
	opacity:0.3;
	}
.isotope-5-columns .article.isotope-selector .title {
	font-size:16px;
	}
.isotope-5-columns .article.isotope-selector .excerpt {
	padding:12px 12px 0;
	}	
.isotope-5-columns .article.isotope-selector .readmore {
	padding:0 12px;
	}
.isotope-5-columns .article.isotope-selector .tags-share {
	padding:12px;
	margin-top:14px;
	}
.isotope-5-columns .isotope-selector.has-hover .thumbnail-image .hover-element {
	height:28px;
	line-height:28px;
	}	
.isotope-5-columns .isotope-selector.has-hover .thumbnail-image .hover-element a {
	padding-left:10px;
	padding-right:10px;
	height:28px;
	line-height:28px;
	}		
			
	/* 2 COLUMNS 
	--------------------------------------------------- */
.isotope-2-columns .srol-isotope-container .isotope-selector {
	width:47%;
	margin:0 0 6% 0;
	}
.isotope-2-columns .srol-isotope-container .gutter-sizer {
	width:6%;
	}
	
	/* FORMAT QUOTE
	--------------------------------------------------- */
.article.isotope-selector.format-quote .excerpt {
	padding:0;
	}
.article.isotope-selector.format-quote blockquote {
	margin-bottom:0;
	}
.article.isotope-selector.format-quote blockquote p {
	font-size:21px;
	}	
.article.isotope-selector.format-quote blockquote:before {
	display:none;
	}
.article.isotope-selector.format-quote .post-text {
	border:none;
	}	
.article.isotope-selector.format-quote .tags-share {
	border:1px solid #e5e5e5;
	border-top:none;
	margin:0;
	}
	
	
	/* ISOTOPE GRID
	--------------------------------------------------- */
.isotope-grid .isotope-selector {
	width:33.33%;
	padding:0 1.75%;
	}	
.isotope-4-columns.isotope-grid .isotope-selector {
	width:25%;
	padding:0 1%;
	margin-bottom:2%;
	}
.isotope-5-columns.isotope-grid .isotope-selector {
	width:20%;
	padding:0 1%;
	margin-bottom:2%;
	}
.isotope-2-columns.isotope-grid .isotope-selector {
	width:50%;
	padding:0 3%;
	}
	
		
		/* Grid 4 columns in a container */
		.isotope-4-columns.isotope-grid .container .isotope-selector {
			width:25%;
			margin:0 0 2% 0;
			}
	
	/* HOVER
	--------------------------------------------------- */
.isotope-selector.has-hover .post-thumbnail {
	position:relative;
	background:#4D98AD;
	}	
.isotope-selector.has-hover .thumbnail-image img {
	transition:all 1s cubic-bezier(.1,.97,.12,.96);
	-webkit-transition:all 1s cubic-bezier(.1,.97,.12,.96);
	-moz-transition:all 1s cubic-bezier(.1,.97,.12,.96);
	position:relative;
	z-index:10;
	}
.isotope-selector.has-hover .thumbnail-image:hover img {
	opacity:0.1;
	}
.isotope-selector.has-hover .thumbnail-image .hover-element {
	position:absolute;
	z-index:15;
	top:50%;
	left:0;
	width:100%;
	height:34px;
	line-height:34px;
	margin-top:-17px;
	display:none;
	z-index:30;
	text-align:center;
	}
.isotope-selector.has-hover .thumbnail-image:hover .hover-element {
	display:block;
	}
.isotope-selector.has-hover .thumbnail-image .hover-element a {
	display:inline-block;
	margin:5px;
	height:100%;
	background:#fff;
	color:#333;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:0 20px;
	font-family:"PT Sans",sans-serif;
	font-size:15px;
	text-decoration:none;
	}
	
	
	/* GALLERY LAYOUT
	--------------------------------------------------- */
.isotope-gallery .gutter-sizer,
.isotope-2-columns.isotope-gallery .gutter-sizer,
.isotope-3-columns.isotope-gallery .gutter-sizer,
.isotope-4-columns.isotope-gallery .gutter-sizer,
.isotope-4-columns.isotope-gallery .container .gutter-sizer,
.isotope-5-columns.isotope-gallery .gutter-sizer {
	width:0; /* no gutter to ease layout */
	}
.isotope-gallery .isotope-selector {
	width:33.33%;
	padding:0.5%;
	margin:0;
	}

.isotope-4-columns.isotope-gallery .isotope-selector,
.isotope-4-columns.isotope-gallery .container .isotope-selector {
	width:25%;
	padding:0.47%;
	margin:0;
	}	
.isotope-5-columns.isotope-gallery .isotope-selector {
	width:20%;
	padding:0.4%;
	margin:0
	}
.isotope-2-columns.isotope-gallery .isotope-selector {
	width:50%;
	padding:0.75%;
	margin:0
	}

.isotope-gallery.isotope-no-padding	.isotope-selector {
	padding:0;
	}
	
	/* GALLERY STYLE
	--------------------------------------------------- */	
.isotope-selector .infobox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	vertical-align:middle;
	z-index:20;
	display:none;
	}
.isotope-selector .post-thumbnail:hover .infobox {
	display:block;
	}
.isotope-selector .infobox .layer-table {
	display:table;
	width:100%;
	height:100%;
	vertical-align:middle;
	}	
.isotope-selector .infobox .layer-cell {
	display:table-cell;
	vertical-align:middle;
	}	
.isotope-selector .infobox,
.isotope-selector .infobox .title {
	color:#fff;
	}	
.isotope-selector .infobox .desc p {
	margin-bottom:0;
	}
	
	/* FREE STYLE
	--------------------------------------------------- */
.isotope-selector.width-2 {
	width:66.66%;
	}	
.isotope-4-columns.isotope-gallery .isotope-selector.width-2,
.isotope-4-columns.isotope-gallery .container .isotope-selector.width-2 {
	width:50%;
	}

	
/* ISOTOPE
---------------------------------------------------------------------------------------- */
.srol-isotope-container {
	width:100%;
	}
/**** Isotope Filtering ****/		
.isotope-item {
  z-index: 2;
	}		
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
	}		
	/* isotope setup */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
	}		
.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
	}		
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:      -o-transform, opacity;
		  transition-property:         transform, opacity;
	}		
/**** disabling Isotope CSS3 transitions ****/		
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
	}	

/* SWIPER SLIDER
---------------------------------------------------------------------------------------- */
.srol-swiper-slider .swiper-container {
	}
.srol-swiper-slider,
.srol-swiper-slider-inner,
.srol-swiper-slider-inner-deeper {
	display:block;
	position:relative;
	}
		
	/* navigation */
.srol-swiper-navi ul {
	list-style:none;
	margin:0;
	padding:0;
	}	
.srol-swiper-navi a {
	display:block;
	width:50px;
	height:50px;
	margin-top:-25px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	background:rgba(0,0,0,.3);
	color:#fff;
	z-index:20;
	cursor:pointer;
	font-size:16px;
	text-align:center;
	position:absolute;
	top:50%;
	text-decoration:none;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-swiper-navi a:hover {
	background:rgba(0,0,0,.6);
	color:#fff;
	}	
.srol-swiper-navi a.prev {
	left:10px;
	}
.srol-swiper-navi a.next {
	right:10px;
	}
.srol-swiper-navi a i {
	line-height:50px;
	}
	
	/* navigation style 2 */	
.srol-swiper-slider.navi-square .srol-swiper-navi a {
	width:40px;
	height:60px;
	line-height:60px;
	margin-top:-30px;
	font-size:20px;
	text-align:center;
	border:none;
	color:#fff;
	background-color:#d5d5d5;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	}
.srol-swiper-slider.navi-square .srol-swiper-navi a:hover {
	background-color:#4D98AD;
	}	
.srol-swiper-slider.navi-square .srol-swiper-navi a.next i {
	display:inline-block;
	position:relative;
	margin-bottom:-1px;
	margin-right:-2px;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 10px;
	border-color:transparent transparent transparent #fff;
	}
.srol-swiper-slider.navi-square .srol-swiper-navi a.next {
	right:0;
	border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	}
.srol-swiper-slider.navi-square .srol-swiper-navi a.prev i {
	display:inline-block;
	position:relative;
	margin-bottom:-1px;
	margin-right:2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 10px 6px 0;
	border-color: transparent #fff transparent transparent;
	}
.srol-swiper-slider.navi-square .srol-swiper-navi a.prev {
	left:0;
	border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	}		
	
	/* pagination */
.srol-swiper-slider .pagination {
	z-index:30;
	text-align:center;
	overflow:hidden;
	margin:17px 0 0;
	}	
.srol-swiper-slider .pagination > a {
	display:inline-block;
	position:relative;
	margin:0 5px;
	width:14px;
	height:14px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	cursor:pointer;
	background:#fff;
	border:3px solid #ddd;
	border-color:rgba(0,0,0,.1);
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-swiper-slider .pagination > a:hover {
	}		
.srol-swiper-slider .pagination .swiper-active-switch {
	background:#4D98AD;
	border-color:transparent;
	}

/* AWESOME SLIDER
---------------------------------------------------------------------------------------- */
.srol-awesome-slider {
	background:#000;
	}
.srol-awesome-slider .swiper-slide {
	opacity:0.7;
	transform:scale(0.85);
	-webkit-transform:scale(0.85);
	-moz-transform:scale(0.85);
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	}
.srol-awesome-slider .swiper-slide-active	{
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	}
.srol-awesome-slider .pagination {
	padding-bottom:12px;
	}
.srol-awesome-slider .pagination > a {
	border:none;
	width:10px;
	height:10px;
	}

/* 3D SLIDER
---------------------------------------------------------------------------------------- */
.swiper-container, .swiper-wrapper, .swiper-slide {
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
.swiper-container {	
	-webkit-perspective:1200px;
	-moz-perspective:1200px;
	-o-perspective:1200px;
	perspective:1200px;
}
.swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective:1200px;
}

.swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
}
.swiper-slide-shadow-left {	
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */
	
}
.swiper-slide-shadow-right {	
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */	
}
.swiper-slide-shadow-top {	
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-slide-shadow-bottom {	
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */
}


.srol-3d-slider {
	background:#000;	
	}
	
/*	
.srol-awesome-slider .swiper-slide img {
	opacity:0.3;
	-webkit-transform:scale(0.85);
	transition:all .2s;
	}
.srol-awesome-slider .swiper-slide-active img {
	opacity:1;
	-webkit-transform:scale(1);
	}
*/	
.srol-3d-slider .srol-swiper-navi a {
	color:#fff;
	background:none;
	border:2px solid;
	margin-top:-26px;
	font-size:16px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-3d-slider .srol-swiper-navi a i {
	line-height:50px;
	}
.srol-3d-slider .srol-swiper-navi a.next {
	right:50px;
	}
.srol-3d-slider .srol-swiper-navi a.prev {
	left:50px;
	}		
.srol-3d-slider .srol-swiper-navi a:hover {
	}
.srol-3d-slider .srol-swiper-slider-inner {
	overflow:hidden;
	}	
.srol-3d-slider .pagination {
	margin:20px auto;
	}
.srol-3d-slider .pagination > a {
	background:#fff;
	background: rgba(255,255,255,.7);
	background:none;
	border:2px solid rgba(255,255,255,.8);
	width:12px;
	height:12px;
	}		
.srol-3d-slider .pagination > .swiper-active-switch {
	background:#fff;
	border:none;
	}

/* TOP FLEXSLIDER
---------------------------------------------------------------------------------------- */
#srol-header-slider .srol-flexslider .flex-direction-nav .flex-prev {
	left:30px;
	}
#srol-header-slider .srol-flexslider .flex-direction-nav .flex-next {
	right:30px;	
	}
#srol-header-slider .srol-swiper-slider img {
	width:100%;
	}	
#srol-header-slider .pagination {
	position: absolute;
	bottom: 10px;
	width: 100%;
	}


/* TOPBAR
---------------------------------------------------------------------------------------- */
.srol-topbar {
	height:28px;
	line-height:28px;
	background:#f1f1f1;
	border-bottom:1px solid #e1e1e1;
	color:#999;
	font-family:"Open Sans", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	}
.topbar-text p {
	margin:0;
	}
.srol-topbar .topbar-left {
	float:left;
	}
.srol-topbar .topbar-right {
	float:right;
	}
	
	/* TOPBAR MENU */
.topbar-menu ul.menu {
	list-style:none;
	margin:0;
	padding:0;
	}
.topbar-menu ul.menu > li {
	display:block;
	float:left;
	padding-left:26px;
	position:relative;
	}
.topbar-menu ul.menu > li:first-child {
	padding-left:0;
	}
.topbar-menu ul.menu > li:before {
	position:absolute;
	left:13px;
	top:50%;
	width:1px;
	height:10px;
	margin-top:-5px;
	background:#999;
	background:rgba(0,0,0,.2);
	content:"";
	}
.topbar-menu ul.menu > li:first-child:before {
	display:none;
	}				
.topbar-menu ul.menu > li > a {
	display:block;
	color:#999;
	height:28px;
	line-height:28px;
	}
.topbar-menu ul.menu > li > a:hover {
	text-decoration:underline;
	color:#999;
	}
		/* sub */
.topbar-menu ul.menu > li > ul {
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:100%;
	left:0;
	z-index:101111;
	width:120px;
	background:#fff;
	border:1px solid #e9e9e9;
	border-top:none;
	box-shadow:0px 4px 6px rgba(0,0,0,.1);
	-webkit-box-shadow:0px 4px 6px rgba(0,0,0,.1);
	-moz-box-shadow:0px 4px 6px rgba(0,0,0,.1);
	}
.topbar-menu ul.menu > li:hover > ul {
	display:block;
	}
.topbar-menu ul.menu > li > ul > li {
	display:block;
	}
.topbar-menu ul.menu > li > ul > li > a {
	display:block;
	color:#999;
	padding:6px 12px;
	}

	/* right menu */
.topbar-menu ul.menu > li.right-menu > ul {
	left:auto;
	right:0;
	}		

/* HEADER
---------------------------------------------------------------------------------------- */
#srol-header {
	display:block;
	z-index:99;
	background:#fff;
	width:100%;
	padding-top:20px;
	}		
.header-left {
	display:block;
	float:left;
	}
.header-right {
	display:block;
	float:right;
	}
#srol-header .container {
	position:relative;
	}
		
	/* Logo */
#srol-logo {
	display:block;
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:800;
	}
#srol-logo a {
	display:block;
	float:left;
	font-size:36px;
	text-decoration:none;
	color:#333;
	}
#srol-logo img {
	display:block;
	width:auto;
	}	
/* MAINNAV
---------------------------------------------------------------------------------------- */
.header-right-element {
	margin-top:3px;
	}
.srol-mainnav {
	font-family:"ABeeZee", sans-serif;
	margin-top:0;
	}
.srol-mainnav ul.menu,
.srol-mainnav ul.menu ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	}
.srol-mainnav ul.menu > li {
	display:block;
	float:left;
	position:relative;
	}
.srol-mainnav ul.menu > li:first-child {
	}	
.srol-mainnav ul.menu > li > a {
	display:block;
	color:#515151;
	font-weight:400;
	font-family: 'ABeeZee', sans-serif;
	font-size:14px;
	font-weight:normal;
	position:relative;
	height:70px;
	line-height:46px;
	padding:0 12px;
	transition:color .2s ease-out;
	-webkit-transition:color .2s ease-out;
	-moz-transition:color .2s ease-out;
	}
.srol-mainnav ul.menu > li > a:after {
	position:absolute;
	bottom:30px;
	left:12px;
	right:12px;
	height:2px;
	background:#4D98AD;
	opacity:0;
	content:"";
	transition:all .1s ease-out;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	}
.srol-mainnav ul.menu > li:hover > a,
.srol-mainnav ul.menu > li.current-menu-item > a,
.srol-mainnav ul.menu > li.current-menu-ancestor > a {
	text-decoration:none;
	color:#4D98AD;
	}
.srol-mainnav ul.menu > li:hover > a:after,
.srol-mainnav ul.menu > li.current-menu-item > a:after,
.srol-mainnav ul.menu > li.current-menu-ancestor > a:after {
	position:absolute;
	opacity:0.5;
	}
	
	/* submenu */
.srol-mainnav ul.menu li > ul,
.srol-megamenu .mega-container {
	display:block;
	position:absolute;
	z-index:9999;
	top:100%;
	margin-top:-3px;
	left:0;
	width:180px;
	background:#f9f9f9;
	border-top:3px solid #4D98AD;
	box-shadow:0px 6px 10px rgba(0,0,0,.16);
	-webkit-box-shadow:0px 6px 10px rgba(0,0,0,.16);
	-moz-box-shadow:0px 6px 10px rgba(0,0,0,.16);
	opacity:0;
	visibility:hidden;
	transition:opacity .35s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:opacity .35s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:opacity .35s cubic-bezier(.18,.96,.18,.96);
	}	
.srol-mainnav ul.menu li:hover > ul,
.srol-megamenu:hover .mega-container {
	visibility:visible;
	opacity:1;
	margin-top:-3px;
	}
.srol-mainnav ul.menu li > ul li {
	}	
.srol-mainnav ul.menu li > ul > li > a {
	text-decoration:none;
	display: block;
	padding:7px 16px 7px;
	color:#333;
	font-size:13px;
	font-weight:normal;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-mainnav ul.menu li > ul > li:last-child > a {
	border-bottom:none;
	}
.srol-mainnav ul.menu li > ul > li:hover > a,
.srol-mainnav ul.menu li > ul > li.current-menu-ancestor > a,
.srol-mainnav ul.menu li > ul > li.current-menu-item > a {
	background:rgba(0,0,0,.05);
	}
.srol-mainnav ul.menu li > ul > li.menu-item-has-children > a	{
	position:relative;
	}
.srol-mainnav ul.menu li > ul > li:hover > a:after,
.srol-mainnav ul.menu li > ul > li.current-menu-ancestor > a:after,
.srol-mainnav ul.menu li > ul > li.current-menu-item > a:after {
	border-color:transparent transparent transparent #999;
	}
	
	/* deeper submenu */
.srol-mainnav ul.menu > li > ul li {
	position:relative;
	}
.srol-mainnav ul.menu > li > ul li > ul {
	top:0;
	left:100%;
	margin-top:-3px;
	}
		
	/* right menu */
.srol-mainnav ul.menu > li.right-menu > ul {
	right:0;
	left:auto;
	}
.srol-mainnav ul.menu > li > ul li.right-menu > ul {
	left:-100%;
	}
.srol-mainnav ul.menu > li.right-menu > ul:before {
	right: 24px;
	left:auto;
	}	
.srol-mainnav ul.menu > li.right-menu > ul {
	right:0;
	left:auto;
	}
.srol-mainnav ul.menu > li > ul li.right-menu > ul {
	}
	
/* MEGA MENU
---------------------------------------------------------------------------------------- */
	/* layout */
.srol-mainnav .srol-megamenu.mega-type-fullwidth {
	position:static;
	}
.srol-mainnav .srol-megamenu .mega-container {
	display:block;
	width:auto;
	padding:20px 0;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-position:top left;
	background-repeat:no-repeat;
	}	
.srol-mainnav .srol-megamenu.mega-type-fullwidth .mega-container {
	width:100%;
	}
.srol-mainnav .srol-megamenu .mega-container > ul {
	display:table;
	table-layout:fixed;
	}
.srol-mainnav .srol-megamenu.mega-type-fullwidth .mega-container > ul {
	width:100%;
	}	
.srol-mainnav .srol-megamenu .mega-container > ul > li {
	display:table-cell;
	vertical-align:top;
	padding:0 16px;
	margin:0;
	border-left:1px dotted #cacaca;
	}
.srol-mainnav .srol-megamenu .mega-container > ul > li:first-child {
	border-left:none;
	}
	
	/* width auto style */
.srol-mainnav .srol-megamenu .mega-container > ul > li {
	min-width:200px;
	max-width:300px;
	}
	
	/* fit left and fit right menu, adjust */
.srol-mainnav .srol-megamenu.fit-left,
.srol-mainnav .srol-megamenu.fit-right {
	position:static;
	}	
.srol-mainnav .srol-megamenu.fit-right .mega-container {
	left:auto;
	right:0;
	}	
	
	/* main item */
.srol-mainnav .srol-megamenu .mega-container > ul > li > a {
	padding-left:10px;
	font-size:16px;
	font-family: 'PT Sans', sans-serif;
	display:block;
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
	text-decoration:none;
	color:#333;
	}
.srol-mainnav .srol-megamenu .mega-container .widget {
	padding-left:10px;
	padding-right:10px;
	margin:0;
	}	
.srol-mainnav .srol-megamenu .mega-container .widget-title {
	font-size:16px;
	margin-bottom:14px;
	padding-bottom:10px;
	font-weight:normal;
	}	
.srol-mainnav .srol-megamenu .mega-container > ul > li > a:after,
.srol-mainnav .srol-megamenu .mega-container .widget-title:after {
	position:absolute;
	bottom:0;
	left:10px;
	width:40px;
	border-top:1px solid;
	content:"";
	opacity:0.36;
	}
.srol-mainnav .srol-megamenu .mega-container .widget-title:after {
	left:0;
	}
.srol-mainnav .srol-megamenu .mega-container .widget p,
.srol-mainnav .srol-megamenu .mega-container .widget ul,
.srol-mainnav .srol-megamenu .mega-container .widget ol {
	margin-bottom:10px;
	}	
		
	/* submenu */	
.srol-mainnav .srol-megamenu .mega-container > ul > li ul {
	position:static;
	display:block;
	width:auto;
	visibility:hidden;
	opacity:1;
	margin:0;
	border:none;
	background:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
.srol-mainnav .srol-megamenu:hover .mega-container > ul > li ul	{
	visibility:visible;
	}
.srol-mainnav .srol-megamenu .mega-container > ul > li ul	li a {
	padding:5px 10px 5px;
	position:relative;
	}
.srol-mainnav .srol-megamenu .mega-container > ul > li ul	li a:before {
	position:absolute;
	top:50%;
	left:2px;
	width:2px;
	height:2px;
	margin-top:-1px;
	background:rgba(0,0,0,.3);
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	}

/* HEADER RIGHT ELEMENTs
---------------------------------------------------------------------------------------- */
.header-right-element {
	display:block;
	float:right;
	margin-left:20px;
	}
.header-right-element:first-child {
	margin-left:0;
	}
	
/* HEADER RIGHT ELEMENTs
---------------------------------------------------------------------------------------- */
	/* Social */
.top-social {
	display:block;
	}	
.top-social .social {
	}	
.top-social .social ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	}
.top-social .social ul li {
	display:block;
	float:left;
	margin-right:6px;
	}
.top-social .social ul li:last-child {
	margin-right:0;
	}		
.top-social .social ul li a {
	display:block;
	height:40px;
	line-height:40px;
	padding:0 5px;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	color:#c5c5c5;
	}
.top-social .social ul li a:hover {
	color:#777;
	}	
.top-social .social ul li a i {
	line-height:40px;
	}

	/* Top Searchform */
.top-search {
	width:40px;
	height:40px;
	text-align:center;
	position:relative;
	}	
.top-search .search-button {
	background:none;
	border:none;
	outline:none;
	color:#c5c5c5;
	font-size:18px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.top-search .search-button:hover {
	color:#777;
	}	
.top-search .search-button i {
	line-height:40px;
	}
	
.hidden-search {
	display:none;
	position:absolute;
	top:100%;
	right:0;
	width:280px;
	z-index:999;
	background:#f1f1f1;
	padding:18px 24px;
	}
.hidden-search:before {
	content:"";
	position:absolute;
	right:16px;
	top:-6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #f1f1f1 transparent;
	}	
.top-searchform {
	position:relative;
	}
.top-searchform .s {
	width:100%;
	height:34px;
	border:1px solid #d5d5d5;
	background:#fff;
	padding:7px 34px 7px 8px;
	line-height:20px;
	}	
.top-searchform .submit {
	position:absolute;
	top:0;
	right:0;
	width:34px;
	height:34px;
	text-align:center;
	line-height:34px;
	background:#4D98AD;
	color:#fff;
	border:none;
	outline:none;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	}
.top-searchform .submit:hover {
	opacity:0.7;
	}	
.top-searchform .submit i {
	line-height:34px;
	}


/* HEADER LAYOUT 2
---------------------------------------------------------------------------------------- */
.header-layout-2 .header-left,
.header-layout-2 .header-right {
	float:none;
	clear:both;
	display:block;
	text-align:center;
	}
.header-layout-2 #srol-logo {
	display:inline-block;
	text-align:left;
	}	
.header-layout-2 .header-right-inner {
	display:inline-block;
	text-align:left;
	}
	
	
/* STICKY HEADER
---------------------------------------------------------------------------------------- */
#srol-header {
	transition:padding .15s;
	-webkit-transition:padding .15s;
	-moz-transition:padding .15s;
	}
#srol-header.stuck {
	opacity: 0.99;
	position: fixed;
	height:60px;
	top:0;
	padding-top:0;
	left: 0px;
	right: 0px;
	z-index: 100;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.16);
	}	

	/* logo */
#srol-header.stuck #srol-logo {
	padding-top:10px;
	padding-bottom:10px;
	height:60px;
	}
#srol-header.stuck #srol-logo img {
	max-height:40px;
	}
	
	/* header right element */
#srol-header.stuck .header-right-element {
	margin-top:8px;
	}	
#srol-header.stuck .srol-mainnav {
	margin-top:0;
	}
		
	/* menu */
#srol-header.stuck .srol-mainnav ul.menu > li > a {
	height:60px;
	line-height:56px;
	}
#srol-header.stuck .srol-mainnav ul.menu > li > a:after	{
	bottom:15px;
	}
#srol-header.stuck.is_down .srol-mainnav ul.menu li > ul, 
#srol-header.stuck.is_down .srol-megamenu .mega-container {
	}
	
	/* layout 2 */
.header-layout-2.stuck.is_down .header-left {
	float:left;
	clear:none;
	}
.header-layout-2.stuck.is_down .header-right {
	float:right;
	clear:none;
	}		
	
/* LAYOUT
---------------------------------------------------------------------------------------- */
article.page {
	position:relative;
	}
#srol-main {
	position:relative;
	}
#primary,
#secondary {
	position:relative;
	}
#primary {
	padding-right:60px;
	}
#secondary {
	}	
#primary,
.metabar-left {
	width:74%;
	}
#secondary,
.metabar-right {
	width:26%;
	}
	
	/* sidebar left */
.sidebar-left #primary,
.sidebar-left .metabar-left {
	padding-left:60px;
	padding-right:0;
	}
.sidebar-left #secondary,
.sidebar-left .metabar-right {
	}
.sidebar-left #primary:after {
	left:0;
	}
.sidebar-left #secondary:before {
	left:auto;
	right:-1px;
	}
	
	/* fullwidth */			
.fullwidth #primary {
	padding-left:0;
	padding-right:0;
	}	
.fullwidth #primary:after {
	display:none;
	}
	
	/* sticky */
.sticky{}
#secondary.is-sticky {
	margin-top:20px;
	}
.has-header-sticky #secondary.is-sticky	{
	margin-top:80px; /* STICKY HEADER 60px */
	}
#srol-end-sidebar-sticky {
	position:absolute;
	bottom:80px;
	}

/* TITLEBAR
---------------------------------------------------------------------------------------- */
.titlebar-left {
	float:left;
	width:60%;
	}
.titlebar-right {
	float:right;
	width:40%;
	}
.breadcrumbs {
	float:right;
	}	
	
	/* no breadcrumb */
.srol-titlebar.no-breadcrumb .titlebar-left {
	width:100%;
	}
	
	/* layout 2 */
.srol-titlebar.titlebar-layout-2 {
	text-align:center;
	}
	
.srol-titlebar {
	color:#fff;
	position:relative;
	}
.srol-titlebar .titlebar-content {
	position:relative;
	z-index:20;
	}		
.srol-titlebar .titlebar-bg,
.srol-titlebar .titlebar-overlay,
.srol-titlebar .titlebar-clipmask,
.srol-titlebar .titlebar-shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	}
.srol-titlebar .titlebar-bg {
	background:#4D98AD;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	}	
.srol-titlebar .titlebar-overlay {
	z-index:14;
	background:#000;
	opacity:0;
	}
.srol-titlebar .titlebar-shadow {
	z-index:16;
	opacity:0.3;
	background:url(images/shadow.png) top center no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	}
.srol-titlebar .titlebar-clipmask {
	background:url(images/clipmask.png) top left repeat;
	background-size:3px;
	-webkit-background-size:3px;
	-moz-background-size:3px;
	opacity:0;
	}					
.srol-titlebar .container {
	position:relative;
	padding:20px 0 20px;
	}	
.srol-titlebar .titlebar-left {
	}		
.srol-titlebar .title {
	font-size:19px;
	font-weight:300;
	margin-bottom:0;
	color:#fff;
	}
.srol-titlebar .desc {
	font-size:11px;
	}
.srol-titlebar .desc:before,
.srol-titlebar.titlebar-layout-2 .desc:before,
.srol-titlebar.titlebar-layout-2 .desc:after {
	content:"\2013";
	margin:0 8px;
	}

.titlebar-custom-content {
	padding-top:10px;
	}
		
	/* breadcrumb */
.breadcrumbs {
	font-family:"Open Sans", sans-serif;
	font-size:10px;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
	}
.breadcrumbs a {
	color:#fff;
	text-decoration:none;
	}
.breadcrumbs a:hover {
	text-decoration:none;
	border-bottom:1px solid;
	}
.breadcrumbs a.home {
	text-decoration:none;
	border-bottom:1px dotted;
	}
.breadcrumbs a.home:hover {
	border-bottom:1px solid;
	}
	
	/* author avatar */
.author-titlebar .titlebar-avatar {
	display:block;
	float:left;
	width:64px;
	height:64px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	overflow:hidden;
	margin-right:20px;
	}
.author-titlebar .titlebar-avatar img{
	width: 100%;
	}
.author-titlebar .text {
	overflow:hidden;
	}	
.srol-titlebar .social-profile ul li a {
	color:#fff;
	font-size:10px;
	}
.author-titlebar .desc:before {
	display:none;
	}
.srol-titlebar.titlebar-layout-2 .author-titlebar {
	display:inline-block;
	text-align:left;
	}
	
	/* for single post */
.single-post .srol-titlebar .desc:before,
.single-post .srol-titlebar .desc:after {
	display:none;
	}
.single-post .srol-titlebar.titlebar-layout-2 .desc {
	display:inline-block;
	}	
.srol-titlebar .desc .ele {
	display:block;
	float:left;
	padding-right:22px;
	position:relative;
	}
.srol-titlebar .desc .ele:after {
	content:"";
	position:absolute;
	top:8px;
	right:8px;
	height:3px;
	width:3px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	background:rgba(255,255,255,.8);
	}	
.srol-titlebar .desc .ele:last-child {
	padding-right:0;
	}
.srol-titlebar .desc .ele:last-child:after {
	display:none;
	}		
.srol-titlebar .desc .categories ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.srol-titlebar .desc .categories ul li {
	display:block;
	float:left;
	margin-right:10px;
	}
.srol-titlebar .desc .categories ul li:last-child {
	margin-right:0;
	}				
.srol-titlebar .desc a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid rgba(255,255,255,.3);
	}	
.srol-titlebar .desc a:hover {
	border-bottom:none;
	}	
	
/* PAGE LAYOUT
---------------------------------------------------------------------------------------- */
.srol-content {
	position:relative;
	padding:60px 0 40px;
	}
.content-no-padding .srol-content {
	padding:0;
	}
.layout-layer-table {
	}
.layout-layer-row {
	}
.layout-layer-cell{
	}			
#primary,
.metabar-left {
	display:block;
	float:left;
	width:70%;
	}	
#secondary,
.metabar-right{
	display:block;
	float:right;
	width:30%;
	}
	
	/* sidebar left */
.sidebar-left #primary,
.sidebar-left .metabar-left {
	float:right;
	}	
.sidebar-left #secondary,
.sidebar-left .metabar-right {
	float:left;
	}
	
	/* fullwidth */
.fullwidth #primary {
	width:100%;
	float:none;
	}
	
	/* top scroll navigation */
.top-scroll-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.top-scroll-nav ul li {
	display:block;
	float:left;
	margin-right:10px;
	}
.top-scroll-nav ul li:last-child {
	margin-right:0;
	}		

/* BLOG GENERAL
---------------------------------------------------------------------------------------- */
.post-thumbnail .media-container {
	margin-bottom:0;
	}	
.article-loop {
	position:relative;
	}
.social-share ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.social-share ul li {
	display:block;
	float:left;
	}
	
	
/* BLOG COMMON
---------------------------------------------------------------------------------------- */
.srol-pagination {
	font-family:"PT Sans", sans-serif;
	font-size:14px;
	margin:30px 0 0;
	border-top:1px solid #d9d9d9;
	padding:30px 0;
	}
.srol-pagination > ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.srol-pagination > ul > li {
	float: left;
	display: block;
	margin:0 10px 0px 0;
	}	
.srol-pagination li:last-child {
	margin-right:0;
	}		
.srol-pagination li > a,
.srol-pagination li > span {
	display:block;
	color:#333;
	text-align:center;
	line-height:30px;
	width:30px;
	height:30px;
	background:#e5e5e5;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	box-shadow:0 -2px 0 rgba(0,0,0,.06) inset;
	-webkit-box-shadow:0 -2px 0 rgba(0,0,0,.06) inset;
	-moz-box-shadow:0 -2px 0 rgba(0,0,0,.06) inset;
	text-decoration:none;
	position:relative;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-pagination li > span {
	color:#aaa;
	}
.srol-pagination li > a:hover {
	background-color:#4D98AD;
	color:#fff;
	}		
.srol-pagination li a i {
	display:none;
	}
.srol-pagination li > a.next,
.srol-pagination li > a.prev {
	width:auto;
	padding:0 16px;
	}	
	
	/* archive description */
.archive-description {
	margin-bottom:40px;
	padding-bottom:20px;
	position:relative;
	}
.archive-description p:last-child {
	margin-bottom:0;
	}	
.archive-description:after {
	content:"";
	opacity:0.3;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	border-bottom:1px dotted;
	}
	
	/* highlight search terms */
.search-highlight {
	background:#ff9;
	}	
	
	/* 404 page */
.content-404 {
	text-align:center;
	}
.content-404 .image-404 {
	margin-bottom:40px;
	}	
	
/* GENERAL
---------------------------------------------------------------------------------------- */
.article-inner {
	position:relative;
	}
	
	/* thumbnail */
.article .post-thumbnail {
	margin:0 0 30px;
	position:relative;
	text-align:center;
	}
.article .thumbnail-gallery img {
	width:100%;
	}
	
	/* title */
.article .title-meta {
	position:relative;
	margin-bottom:20px;
	}		
.article .title {
	margin:0;
	font-weight:300;
	font-size:34px;
	}
.article .title a {
	text-decoration:none;
	color:#222;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	}
.article .title a:hover {
	color:#4D98AD;
	}	
	
	/* meta */
.article .post-meta {
	margin-top:5px;
	overflow:hidden;
	font-family:"Open Sans", sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:11px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:7px 0 5px;
	}
.article .post-meta .ele {
	display:inline-block;
	}
.article .post-meta .ele:after {
	content: "\B7";
	color: #000;
	font-size: 20px;
	margin: 0 6px;
	line-height: 20px;
	vertical-align: middle;
	opacity:0.5;
	}
.article .post-meta .ele:last-child:after	{
	display:none;
	}
.article .post-meta i {
	display:none;
	}	
.article .post-meta a {
	color:inherit;
	text-decoration:none;
	}
.article .post-meta a:hover {
	color:#4D98AD;
	text-decoration:none;
	border-bottom:1px solid;
	}
	
	/* excerpt */	
.article .excerpt p {
	margin-bottom:15px;
	}
		
	/* more link */
.article .more-link {
	}
.article .more-link:hover {
	}
		
	/* tags - share */
.tags-share {
	margin-top:20px;
	overflow:hidden;
	padding-top:30px;
	border-top:1px solid #e5e5e5;
	}
.tags-share .srol-social-share {
	display:block;
	float:right;
	}	
.tags-share .tags {
	display:block;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:10px;
	}
	
	/* tags */
.tags {
	color:#c5c5c5;
	}	
.tags .tag-label {
	display:inline-block;
	color:#c5c5c5;
	}
.tags a {
	color:#b5b5b5;
	text-decoration:none;
	}
.tags a:hover {
	color:#4D98AD;
	}
	
	/* share */
.srol-social-share {
	overflow:hidden;
	}	
.srol-social-share ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	}
.srol-social-share ul li {
	display:block;
	float:left;
	margin-right:4px;
	}		
.srol-social-share ul li:last-child {
	margin-right:0;
	}		
.srol-social-share ul li a {
	display:block;
	text-decoration:none;
	color:#ccc;
	cursor:pointer;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	width:32px;
	height:32px;
	text-align:center;
	font-size:19px;
	background:#e5e5e5;
	box-shadow:0 -2px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow:0 -2px 0 rgba(0,0,0,.05) inset;
	-moz-box-shadow:0 -2px 0 rgba(0,0,0,.05) inset;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-social-share ul li a i {
	line-height:32px;
	}
.srol-social-share ul li a:hover {
	color:#fff;
	background-color:#4D98AD;
	}
	
	/* blockquote */
.article .quote-link {
	color:#333;
	text-decoration:none;
	}
.article .quote-link:hover {
	}
	
	
	/* BLOG DATE */
.post-thumbnail {
	position:relative;
	}	
.article .time {
	position:absolute;
	z-index:30;
	top:30px;
	left:-30px;
	width:86px;
	height:86px;
	text-align:center;
	color:#fff;
	background:#4D98AD;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	overflow:hidden;
	text-transform:uppercase;
	font-family:"PT Sans", sans-serif;
	}	
.article .time .time-table {
	display:table;
	vertical-align:middle;
	width:100%;
	height:100%;
	}
.article .time .time-row {
	display:table-row;
	}
.article .time .time-cell {
	display:table-cell;
	vertical-align:middle;
	}		
.article .time span {
	display:block;
	line-height:1.05;
	}
.article .time .day {
	font-size:32px;
	font-weight:700;
	margin-bottom:4px;
	}
.article .time .month {
	font-size:13px;
	}
.blog-large.blog-date .article.no-post-thumbnail .title-meta,
.blog-large.blog-date .article.no-post-thumbnail .post-text,
.blog-large.blog-date .article.no-post-thumbnail .thumbnail-audio {
	padding-left:80px;
	}
	
	/* format quote */
.article.format-quote blockquote {
	background:#d5d5d5;
	padding:22px;
	overflow:visible;
	position:relative;
	margin-bottom:30px;
	}	
.article.format-quote blockquote:before {
	position: absolute;
	content: "";
	left: 2%;
	margin-left:16px;
	bottom: -16px;
	top: auto;
	opacity: 1;
	background: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 16px 0 0;
	border-color: #d5d5d5 transparent transparent transparent;
	}
.article.format-quote blockquote p {
	font-weight:300;
	line-height:1.4;
	margin-bottom:10px;
	}
.article.article.format-quote blockquote p {
	margin-bottom:10px;
	}
.article.format-quote blockquote cite,
.article.format-quote blockquote em,
.article.format-quote blockquote a {
	color:rgba(0,0,0,.8);
	}

/* BLOG LARGE
---------------------------------------------------------------------------------------- */
.blog-large .article {
	display:block;
	padding-top:80px;
	position:relative;
	}	
.blog-large .article:first-child {
	padding-top:0;
	}
.blog-large .title-meta {
	overflow:hidden;
	}
.blog-large.fullwidth .article .title {
	float:left;
	}
.blog-large.fullwidth .article .post-meta	{
	float:right;
	}
	
	/* -------------- SIDEBAR VERSION -------------- */
.blog-large.has-sidebar .article.format-quote blockquote p {
	font-size:20px;
	}
.blog-large.has-sidebar .article .title {
	font-size:30px;
	}	

/* MEDIUM
---------------------------------------------------------------------------------------- */
.blog-medium .article {
	clear:both;
	display:block;
	padding-top:60px;
	position:relative;
	}
.blog-medium .article .article-inner {
	position:relative;
	}	
.blog-medium .article:first-child {
	padding-top:0;
	}
.blog-medium .article .post-meta {
	letter-spacing:0;
	}
			
	/* thumbnail */
.blog-medium .article .post-thumbnail {
	margin-bottom:0;
	margin-right:42px;
	text-align:right;
	display:block;
	float:left;
	width:320px;
	max-width:100%;
	position:relative;
	}
.blog-medium.fullwidth .post-thumbnail	{
	width:380px;
	}
.blog-medium .post-text {
	overflow:hidden;
	display:block;
	}	
		
	/* title */
.blog-medium .article .title-meta {
	position:relative;
	margin-bottom:10px;
	}		
.blog-medium .article .title {
	font-size:26px;
	}	
.blog-medium .article .tags {
	margin-bottom:10px;
	overflow:hidden;
	}
	
	/* blockquote */
.blog-medium .article.format-quote blockquote {
	}
.blog-medium .article.format-quote blockquote p {
	font-size:22px;
	}
	
	/* date */
.blog-medium .article .time {
	width:66px;
	height:66px;
	}
.blog-medium.blog-date .article.no-post-thumbnail .text-thumbnail,
.blog-medium.blog-date .article.no-post-thumbnail .tags-share {
	padding-left:60px;
	}		
	
	/* -------------- SIDEBAR VERSION -------------- */
.blog-medium.has-sidebar .article .post-thumbnail {
	margin-right:26px;
	}	
.blog-medium.has-sidebar .article .title {
	font-size:22px;
	}
.blog-medium.has-sidebar .article .text-thumbnail {
	overflow:hidden;
	}	
.blog-medium.has-sidebar .article .tags-share {
	clear:both;
	margin-top:20px;
	}	
.blog-medium.has-sidebar .article .post-meta {
	font-size:10px;
	}	
.blog-medium.has-sidebar .article .title-meta {
	margin-bottom:10px;
	}
		
/* MASONRY SIDEBAR
---------------------------------------------------------------------------------------- */
.masonry-sidebar .article {
	width:48%;
	}
.masonry-sidebar .gutter-sizer {
	width:6%;
	}
	
/* BLOG MASONRY
---------------------------------------------------------------------------------------- */
.blog-masonry .srol-pagination {
	margin-top:0;
	}
	
	/* 100% WIDTH */
.isotope-100.fullwidth #primary,
.masonry-100.fullwidth #primary {
	padding-left:3%;
	padding-right:3%;
	}
.portfolio-gallery.isotope-100.fullwidth #primary {
	padding-left:0;
	padding-right:0;
	}	
	
	/* MASONRY SIDEBAR */
.masonry-sidebar .srol-isotope-container {
	overflow:visible;
	}	
.masonry-sidebar #primary {
	overflow:hidden;
	padding-right:2.22%; /* 2.22% = 3*74%, 74 = primary percentage width, 3% is the padding of masonry element */
	}	
.masonry-sidebar.sidebar-left #primary {
	padding-right:0;
	padding-left:2.22%;
	}
	
/* BLOG TIMELINE
---------------------------------------------------------------------------------------- */
	/* layout */
.srol-timeline {
	position:relative;
	overflow:hidden;
	}
.srol-timeline .tl-element {
	display:block;
	position:relative;
	width:50%;	
	}
.srol-timeline .tl-element:nth-child(odd) {
	float: left;
	clear: left;
	padding-right:60px;
	}
.srol-timeline .tl-element:nth-child(even) {
	float: right;
	clear: right;
	padding-left:60px;
	margin-top:100px;
	}	
	
.blog-timeline .srol-pagination {
	margin-top:0;
	}
.srol-timeline {
	position:relative;
	overflow:hidden;
	padding-top:50px;
	}		
.srol-timeline:after {
	position:absolute;
	left:50%;
	top:0;
	width:1px;
	height:100%;
	content:"";
	border-left:1px dotted;
	opacity:0.3;
	z-index:11;
	}
	
	/* timeline author */
.timeline-author {
	text-align:center;
	position:relative;
	z-index:20;
	}	
.timeline-author img {
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	}
	
.tl-element {
	position:relative;
	padding-top:46px;
	padding-bottom:60px;
	}		
.tl-element .tags-share .tags,
.tl-element .tags-share .srol-social-share {
	float:none;
	display:block;
	}
.tl-element .tl-time {
	display:block;
	width:auto;
	position:absolute;
	top:-65px;
	height:20px;
	z-index:30;
	right:0px;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:1px;
	background:#4D98AD;
	padding:0 5px;
	color:#fff;
	}
.tl-element.tl-even .tl-time {
	right:auto;
	left:0px;
	}
	
	/* title */
.tl-element .title {
	font-size:26px;
	}	
	
	/* Sidebar */
.blog-timeline.has-sidebar .tl-element {
	padding-top:36px;
	}
.blog-timeline.has-sidebar .tl-element.tl-even {
	padding-left:40px;
	}
.blog-timeline.has-sidebar .tl-element.tl-odd {
	padding-right:40px;
	}			
.blog-timeline.has-sidebar .tl-element .tl-time {
	top:-55px;
	}
.blog-timeline.has-sidebar .tl-element .title {
	font-size:23px;
	}
.blog-timeline.has-sidebar .tl-element .post-meta {
	font-size:10px;
	letter-spacing:0;
	}	
.blog-timeline.has-sidebar .tl-element .post-meta .ele:after {
	margin-left:2px;
	margin-right:2px;
	}	

	/* animation 
	----------------------------------------- */
		/* main elements */
.tl-element .article-inner {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .55s;
	-moz-animation-duration: .55s;
	-ms-animation-duration:.55s;
	-o-animation-duration: .55s;
	animation-duration:.55s;
	opacity: 0;	
	transition:all .3s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:all .3s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:all .3s cubic-bezier(.18,.96,.18,.96);
	}
		
.tl-element.tl-odd.run_animation .article-inner {
	-webkit-animation-name: tl_odd;
	-moz-animation-name: tl_odd;
	-o-animation-name: tl_odd;
	animation-name: tl_odd;
	}	
@-webkit-keyframes tl_odd {
	0%{opacity:0; transform:translateX(-300px); -moz-transform:translateX(-300px); -webkit-transform:translateX(-300px);}
	100%{opacity:1; transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0);}
}
@keyframes tl_odd {
	0%{opacity:0;transform:translateX(-300px); -moz-transform:translateX(-300px); -webkit-transform:translateX(-300px);}
	100%{opacity:1;transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0);}
}	
.tl-element.tl-even.run_animation .article-inner {
	-webkit-animation-name: tl_even;
	-moz-animation-name: tl_even;
	-o-animation-name: tl_even;
	animation-name: tl_even;
	}	
@-webkit-keyframes tl_even {
	0%{opacity:0; transform:translateX(300px); -moz-transform:translateX(300px); -webkit-transform:translateX(300px);}
	100%{opacity:1; transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0);}
}
@keyframes tl_even {
	0%{opacity:0;transform:translateX(300px); -moz-transform:translateX(300px); -webkit-transform:translateX(300px);}
	100%{opacity:1;transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0);}
}	

		/* indicators */		
.tl-element .tl-dot {
	width:20px;
	height:20px;
	background:#4D98AD;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	margin-top:-10px;
	border:6px solid #fff;

	position:absolute;
	z-index:15;
	top:0;
	opacity:0;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .55s;
	-moz-animation-duration: .55s;
	-ms-animation-duration:.55s;
	-o-animation-duration: .55s;
	animation-duration:.55s;
	transition:all .3s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:all .3s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:all .3s cubic-bezier(.18,.96,.18,.96);
	}
.tl-element.tl-odd .tl-dot {
	right:0;
	margin-right:-10px;
	}
.tl-element.tl-even .tl-dot {
	left:0;
	margin-left:-10px;
	}
.tl-element.run_animation .tl-dot {
	-webkit-animation-name: srol_popup;
	-moz-animation-name: srol_popup;
	-o-animation-name: srol_popup;
	animation-name: srol_popup;
	}
	
.tl-element .tl-line {
	position:absolute;
	top:0;
	border-top:1px dotted;
	opacity:0.3;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .55s;
	-moz-animation-duration: .55s;
	-ms-animation-duration:.55s;
	-o-animation-duration: .55s;
	animation-duration:.55s;
	transition:all .3s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:all .3s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:all .3s cubic-bezier(.18,.96,.18,.96);
	}
.tl-element.tl-odd .tl-line {
	right:0;
	}
.tl-element.tl-even .tl-line {
	left:0;
	}
.tl-element.run_animation .tl-line {
	-webkit-animation-name: srol_width;
	-moz-animation-name: srol_width;
	-o-animation-name: srol_width;
	animation-name: srol_width;
	}
@-webkit-keyframes srol_width {
	0%{width:0;}
	100%{width:100%;}
}
@keyframes srol_width{
	0%{width:0;}
	100%{width:100%;}
}		
	
/* BLOG GRID
---------------------------------------------------------------------------------------- */
.blog-grid .srol-pagination {
	margin-top:0;
	}
.blog-grid .article-loop {
	overflow:hidden;
	position:relative;
	}
.blog-grid .article-loop .blog-border {
	opacity:0.15;
	position:absolute;
	top:0;
	left:32.33%;
	width:1px;
	height:100%;
	content:"";
	border-left:1px solid;
	}
.blog-grid .article {
	display:block;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
	position:relative;
	}
.blog-grid .article:before {
	opacity:0.15;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	content:"";
	border-top:1px solid;
	}
.blog-grid .title {
	font-size:20px;
	}
.blog-grid .tag-label {
	display:none;
	}
.blog-grid .srol-social-share {
	clear:both;
	float:none;
	}	
.blog-grid .article .post-meta {
	letter-spacing:0;
	font-size:10px;
	}
.article.format-quote blockquote p {
	font-size:24px;
	}
	
	/* vacant border */
.blog-grid .article.has-vacant:after {
	position:absolute;
	top:0;
	left:100%;
	border-top:1px dotted;
	content:"";
	width:10.23%;
	opacity:0.3;
	}	
	
	/* GRID 3 COLUMNS */
.blog-grid.grid-3 .article:nth-child(3n+1) {
	clear:left;
	padding-right:3%;
	width:32.33%;
	}
.blog-grid.grid-3 .article:nth-child(3n+2) {
	padding-left:3%;
	padding-right:3%;
	width:35.33%;
	}
.blog-grid.grid-3 .article:nth-child(3n) {
	padding-left:3%;
	width:32.33%;
	}			
.blog-grid.grid-3 .article-loop .blog-border2 {
	left:67.66%;
	}
.blog-grid.grid-3 .article-loop .blog-border3 {
	display:none;
	}			
.blog-grid.grid-3 .article:nth-child(3n+1) {
	padding-left:0;
	}

	
	/* GRID 2 COLUMNS */		
.blog-grid.grid-2 .article {
	padding-top:5%;
	padding-bottom:5%;
	position:relative;
	}
.blog-grid.grid-2 .article:nth-child(2n+1) {
	clear:left;
	padding-right:5%;
	width:50%;
	}
.blog-grid.grid-2 .article:nth-child(2n) {
	padding-left:5%;
	width:50%;
	}
.blog-grid.grid-2 .article-loop .blog-border {
	left:50%;
	}
.blog-grid.grid-2 .article-loop .blog-border2,
.blog-grid.grid-2 .article-loop .blog-border3 {
	display:none;
	}
.blog-grid.grid-2 .title {
	font-size:18px;
	}
	
.blog-grid.grid-2 .article.has-vacant:after {
	width:11.5%;
	}	
			
/* ---------------------------------------------------------------------------------------- */
/* SINGLE
/* ---------------------------------------------------------------------------------------- */
.single-post .srol-titlebar .container {
	border-bottom-width:3px;
	}
.single-post .srol-content {
	}
	
	/* fullwidth */
.single-post.fullwidth #primary {
	padding-top:0;
	}	
.single-post.fullwidth .metabar {
	margin-bottom:60px;
	}
	
/* Thumbnail
--------------------------------------------------- */
.single-post .post-thumbnail {
	margin:0 0 30px;
	}
.single-post .post-thumbnail .media-container {
	margin-bottom:0;
	}
.single-post .post-thumbnail > a {
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
	}
	
/* Metabar
--------------------------------------------------- */
.metabar {
	position:relative;
	background:#111;
	color:#fff;
	color:rgba(255,255,255,.6);
	overflow:hidden;
	padding:16px 0 10px;
	}	
.metabar .ele {
	display:block;
	float:left;
	margin-left:20px;
	}
.metabar .ele:first-child {
	margin-left:0;
	}
.metabar .ele i {
	margin-right:8px;
	display:none;
	}	
.metabar .categories {
	float:right;
	}	
.metabar .categories i {
	display:block;
	float:left;
	font-size:12px;
	line-height:30px;
	display:none;
	}		
.metabar .categories ul {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	}
.metabar .categories ul li {
	display:block;
	float:left;
	margin-right:10px;
	line-height:30px;
	}	
.metabar .categories ul li:last-child {
	margin-right:0;
	}
.metabar .categories ul li a {
	color:rgba(255,255,255,.6);
	}
.metabar .categories ul li a:hover {
	text-decoration:underline;
	color:rgba(255,255,255,.6);
	}
.metabar .categories ul li a:after {
	content:",";
	}
.metabar .categories ul li:last-child a:after {
	display:none;
	}
	
	/* post nav */
.post-nav {
	float:right;
	}
.sidebar-left .post-nav {
	float:left;
	}		
.post-nav a {
	display:block;
	float:left;
	margin-left:20px;
	color:#333;
	}
.post-nav a:first-child {
	margin-left:0;
	}
.post-nav a i {
	display:none;
	}
		
/* Post Content
--------------------------------------------------- */
.single-quote {
	margin:30px 0 60px;
	}
	
	/* single link */
.single-link {
	border:1px solid #e5e5e5;	
	padding:20px;
	margin:0 0 30px;
	}	
.single-link a {
	color:#333;
	text-decoration:none;
	font-size:18px;
	font-family:"PT Sans", sans-serif;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.single-link a:hover {
	text-decoration:none;
	color:#4D98AD;
	}
.single-link .main-link:after {
	margin-left:6px;
	font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;
	content:"\f08e";
	text-decoration:none;
	}
.single-link a:hover:after {
	text-decoration:none;
	}			
.single-link .url {
	font-style:normal;
	font-size:11px;
	color:#ccc;
	display:block;
	margin-top:3px;
	text-transform:uppercase;
	letter-spacing:1px;
	}

		
/* Page links
--------------------------------------------------- */
.page-links-container {
	overflow:hidden;
	margin:20px auto;
	}	
.page-links {
	float:right;	
	}	
.page-links-label {
	float:left;
	margin-right:10px;
	line-height:32px;
	font-family:"Open Sans", sans-serif;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#ccc;
}	
.page-links > span,
.page-links > a {
	display:block;
	float:left;
	margin:0 10px;
	color:#333;
	text-decoration:none;
	height:32px;
	line-height:32px;
	text-align:center;
	}
.page-links > span {
	font-style:italic;
	color:#999;
	}
.page-links > a {
	color:#333;
	}		
.page-links > a:hover {
	color:#4D98AD;
	}

/* Tags - Share
--------------------------------------------------- */
.single-post .tags-share {
	margin-bottom:30px;	
	}
	
/* Authorbox
--------------------------------------------------- */	
.srol-authorbox {
	display:block;
	clear:both;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	padding:40px 0;
	}
.srol-authorbox .author-avatar {
	display:block;
	float:left;
	margin:0 50px 0 0;
	width:80px;
	height:80px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	overflow:hidden;
	}
.srol-authorbox .author-avatar img {
	display:block;
	width:80px;
	height:80px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	}	
.srol-authorbox .text {
	overflow:hidden;
	}
.srol-authorbox .name {
	margin:0 0 15px;
	position:relative;
	}
.srol-authorbox .name a {
	color:#333;
	text-decoration:none;
	}
.srol-authorbox .name a:hover {
	}
.srol-authorbox .desc p {
	margin-bottom:15px;
	}	
.social-profile {
	font-family:"Open Sans", sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:11px;
	line-height:28px;
	font-weight:400;
	}	
.social-profile ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.social-profile ul li {
	display:block;
	float:left;
	margin-right:20px;
	}
.social-profile ul li:last-child {
	margin-right:0;
	}
.social-profile ul li a {
	text-decoration:underline;
	color:inherit;
	}
.social-profile ul li a:hover {
	text-decoration:none;
	border-bottom:none;
	}


/* Related Posts
--------------------------------------------------- */
.srol-related-posts {
	border-top:1px solid #e5e5e5;
	padding:40px 40px;
	}
#related-posts-title {
	margin-bottom:20px;
	}
.related-inner {
	padding:16px;
	}
.related-thumb {
	margin-bottom:25px;
	}
.related-title {
	margin-bottom:0px;
	font-size:17px;
	font-weight:400;
	}	
.related-title a {
	text-decoration:none;
	color:#333;
	}
.related-title a:hover {
	text-decoration:none;
	color:#4D98AD;
	}	
.related-meta {
	overflow:hidden;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	}	
.related-meta .ele {
	display:block;
	float:left;
	margin-right:10px;
	}
.related-meta .ele a {
	color:#4D98AD;
	text-decoration:none;
	border-bottom:1px dotted;
	}
.related-meta .ele a:hover {
	border-bottom:1px solid;
	}
	
	/* navi */
.srol-related-posts .srol-swiper-navi a {
	display:block;
	width:32px;
	height:32px;
	margin-top:-16px;
	font-size:14px;
	background:#e5e5e5;
	color:#aaa;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	text-align:center;
	border:none;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	box-shadow:0 -2px 2px rgba(0,0,0,.06) inset;
	-webkit-box-shadow:0 -2px 2px rgba(0,0,0,.06) inset;
	-moz-box-shadow:0 -2px 2px rgba(0,0,0,.06) inset;
	}
.srol-related-posts .srol-swiper-navi a:hover {
	opacity:1;
	background:#4D98AD;
	color:#fff;
	}	
.srol-related-posts .srol-swiper-navi a i {
	line-height:32px;
	}		
.srol-related-posts .srol-swiper-navi a.prev {
	left:-60px;
	}
.srol-related-posts .srol-swiper-navi a.next {
	right:-60px;
	}
	

/* COMMENTs
---------------------------------------------------------------------------------------- */
#comments {
	overflow:hidden;
	padding-top:40px;
	border-top:1px solid #e5e5e5;
	}
.nocomments	{
	font-family:"PT Sans", sans-serif;
	display: inline-block;
	padding: 10px;
	color:#999;
	}
/* Commentlist
--------------------------------------------- */
.comments-title {
	padding-bottom:10px;
	}
.commentlist {
    margin: 0;
    padding: 0;
    list-style: none
    }
.commentlist li {
    }
.commentlist li.bypostauthor {
	}
.commentlist article {
    padding: 0;
    margin-bottom: 34px;
    padding-bottom: 34px;
	position:relative;
    }
.commentlist article:before {
	opacity:0.3;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	content:"";
	border-top:1px dotted;
	}	
.commentlist .comment-avatar {
    float: left;
    margin-right:30px;
    width: 60px;
    }
.commentlist .comment-avatar img {
	margin:0;
	}
.commentlist .text {
    display:block;
	overflow:hidden;
    }
.commentlist header {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    clear: both;
	color:#aaa;
    }
.commentlist header .comment-meta a {
    color: #aaa;
    font-size: 10px;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
	text-transform:uppercase;
	letter-spacing:1px;
    }	
.commentlist header a:hover {
    text-decoration:underline;
    }
.commentlist header .comment-meta .sep {
	margin:0 6px;
	display:inline-block;
	vertical-align:bottom;
	font-size:20px;
	line-height:1;
	color:#333;
	}	
.commentlist .fn {
    color: #999;
	font-weight:normal;
    font-family: "PT Sans", sans-serif;
    display: block;
    font-size: 16px;
    position: relative;
	margin-left:0;
    }
.commentlist .fn a {
	font-size:16px;
	text-decoration:none;
	color:#333;
    }
.commentlist .fn a:hover {
	text-decoration:underline;
	}	
.commentlist .fn span {
	vertical-align:middle;
	display:inline-block;
	}
.commentlist .fn span.post-author {
    background: #4D98AD;
    color: #fff;
    display: inline-block;
    padding: 0 6px;
    font-size: 11px;
    margin-left: 10px;
	font-weight:normal;
    }
.comments-area .comment-content p {
    margin-bottom: 10px
    }

.comment-content ul,
.comment-content ol {
	margin-bottom:30px;
	}
.comment-content ul ul, 
.comment-content ul ol, 
.comment-content ol ol, 
.comment-content ol ul {
	margin-bottom:0;
	}

	/* Children */
.commentlist ol.children {
    list-style: none;
    margin-left: 48px
    }

.commentlist ol.children .comment-avatar {
    width: 55px;
    }
	
/* Respond
--------------------------------------------- */
#respond .required {
	color:red;
	}
#cancel-comment-reply-link {
	margin-left:11px;
	font-size:11px;
	color:#4D98AD;
	text-decoration:underline;
	}
#cancel-comment-reply-link:hover {
	text-decoration:none;
	}	
.comment-awaiting-moderation {
	color:red;
	margin-bottom:10px;
	}
#respond .form-input,
#respond .form-textarea {
	overflow:hidden;
	margin-bottom:20px;
	}
#respond .form-input .comment-ele {
	display:block;
	float:left;
	width:32%;
	margin-right:2%;
	}
#respond .form-input .comment-ele:last-child {
	margin-right:0;
	}			
#respond .comment-ele {
	}
#respond .comment-ele label,
.wpcf7-form p {
	display:block;
	font-family: "PT Sans", sans-serif;
	margin-bottom:6px;
	cursor:default;
	font-size:15px;
	color:#333;
	}
.wpcf7-form p {
	margin-bottom:15px;
	}		
#respond .input {
	position:relative;
	}
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-date,
.wpcf7-select {
	margin-top:10px;
	}	
#respond input[type="text"],
#respond textarea,
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-date,
.wpcf7-select {
	border: 1px solid #ddd;
	outline: none;
	background: #fff;
	height: 38px;
	max-width: 100%;
	line-height: 20px;
	padding: 9px 9px 9px 9px;
	width: 100%;
	box-shadow: 1px 1px 2px rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.05) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.05) inset;
	-moz-transition: border .2s ease-out;
	-o-transition: border .2s ease-out;
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
	}
#respond textarea,
.wpcf7-textarea {
	height:180px;
	padding-right:9px;
	width:100%;
	}
#respond input[type="text"]:focus,	
#respond textarea:focus,
.wpcf7-text:focus,
.wpcf7-textarea:focus,
.wpcf7-date:focus,
.wpcf7-select:focus	{
	outline:none;
	border-color:#ccc;
	}
#respond #submit,
.wpcf7-submit {
	position:relative;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	background:#961b20;
	display:inline-block;
	border:none;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	text-align:center;
	height:40px;
	line-height:40px;
	padding:0 22px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	overflow:hidden;
	box-shadow:0 -3px 0 rgba(0,0,0,.1) inset;
	-webkit-box-shadow:0 -3px 0 rgba(0,0,0,.1) inset;
	-moz-box-shadow:0 -3px 0 rgba(0,0,0,.1) inset;
	}	
#respond #submit:hover,
.wpcf7-submit:hover {
	background:#414141;
	}
#respond #submit:active,
.wpcf7-submit:active {
	top:3px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
	
/* SINGLE FULLWIDTH
---------------------------------------------------------------------------------------- */
.single-post.fullwidth .post-thumbnail {
	text-align:center;
	}
.single-post.fullwidth #respond input[type="text"] {
	width:420px;
	}
	
/* WIDGETs
---------------------------------------------------------------------------------------- */
#secondary {
	border:1px solid #e5e5e5;
	border-color:rgba(0,0,0,.14);
	box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:22px;
	}
#secondary .widget {
	margin-top:50px;
	position:relative;
	display:inline-block;
	width:100%;
	}
#secondary .widget:first-child {
	margin-top:0;
	}			
.widget-title {
	position:relative;
	margin-bottom:16px;
	font-size:18px;
	font-weight:bold;
	}
#secondary .widget-title:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border-top:2px solid #eaeaea;
	}
		
	/* select form */
.widget select {
	width:100%;
	outline:none;
	border:1px solid #e1e1e1;
	height:34px;
	padding:0 6px;
	}	
	
/* Searchform
--------------------------------------------------- */
.searchform {
	width: 100%;
	position: relative;
	margin-top:4px;
	}	
.searchform .s, .searchform .s:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	outline: none;
	background: #fff;
	height:38px;
	max-width:100%;
	line-height: 20px;
	padding: 9px 38px 9px 9px;
	width:100%;
	box-shadow:1px 1px 2px rgba(0,0,0,.05) inset;
	-moz-transition: border .2s ease-out;
    -o-transition: border .2s ease-out;
    -webkit-transition: border .2s ease-out;
    transition: border .2s ease-out
	}
.searchform .s:focus {
	border-color:#ccc;
	}		
.searchform .submit  {
	position: absolute;
	width: 38px;
	height: 38px;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
	display: block;
	font-size: 32px;
	color: #eaeaea;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	}
.searchform .submit:hover {
	color:#999;
	}	
.searchform .submit:focus {
	outline:none;
	}	
.searchform .submit i {
	line-height:38px;
	}
	
/* Tagcloud
--------------------------------------------------- */
.tagcloud {
	overflow:hidden;
	}
.tagcloud a {
	display:block;
	float:left;
	border:1px solid #e1e1e1;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	padding:2px 6px;
	color:#676767;
	font-size:13px !important;
	margin:0 9px 9px 0;
	font-family: "PT Sans", sans-serif;
	text-decoration:none;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	}
.tagcloud a:hover {
	text-decoration:none;
	background:#f9f9f9;
	border-color:#d5d5d5;
	}
	
/* List
--------------------------------------------------- */
.widget ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.widget ul li {
	position:relative;
	line-height:1.7;
	padding:10px 0;
	}
.widget ul li:before {
	border-top:1px dotted;
	opacity:0.3;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	}
.widget ul li:first-child:before {
	display:none;
	}
.widget ul a {
	color:#333;
	font-family:"PT Sans", sans-serif;
	font-size:14px;
	text-decoration:none;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
.widget ul a:hover {
	color:#4D98AD;
	}
.widget ul ul {
	margin-left:20px;
	}
.widget ul ul ul {
	margin-left:40px;
	}

	/* Recent Posts */
.widget_recent_entries ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.widget_recent_entries ul li {
	padding:10px 0;
	}
.widget_recent_entries ul li:before {
	display:none;
	}
.widget_recent_entries ul li:after {
	content:"";
	border-top:1px dotted;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0.5;
	}
.widget_recent_entries ul li a {
	font-family: 'PT Sans', sans-serif;
	font-size:15px;
	text-transform:none;
	font-weight:normal;
	}
.widget_recent_entries ul li a:hover {
	color:#4D98AD;
	text-decoration:none;
	}	
.widget_recent_entries .post-date {
	display:block;
	margin-top:4px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:10px;
	}
		
/* Menu
--------------------------------------------------- */
.widget_side_navigation ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	}
.widget_side_navigation ul > li {
	display:block;
	position:relative;
	padding:7px 0;
	padding-left:18px;
	}
.widget_side_navigation ul > li:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	border-top:1px dotted;
	opacity:0.4;
	}
.widget_side_navigation ul > li:last-child:after {
	display:none;
	}
.widget_side_navigation ul > li:before {
	position:absolute;
	content:"";
	top:19px;
	left:0;
	width:6px;
	height:6px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	background:#4D98AD;
	opacity:0.55;	
	}
.widget_side_navigation ul > li:first-child:before {
	display:block;
	}
.widget_side_navigation ul > li a {
	text-decoration:none;
	color:#333;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	}	
.widget_side_navigation ul > li.current-menu-item a {
	color:#4D98AD;
	}
	
	/* active */
.widget_side_navigation ul > li.current-menu-item > a,
.widget_side_navigation ul > li.active > a,	
.widget_side_navigation ul > li > a:hover {
	color:#4D98AD;
	text-decoration:none;
	}
.widget_side_navigation ul > li.current-menu-item:before,
.widget_side_navigation ul > li.active {
	opacity:0.8;
	}		
	
	/* submenu */
.widget_side_navigation ul > li ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.widget_side_navigation ul > li ul > li {
	position:relative;
	padding:3px 0 0px 16px;
	}
.widget_side_navigation ul > li ul > li:before {
	position:absolute;
	content:"";
	top:18px;
	left:0;
	width:5px;
	height:5px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	background:#000;
	opacity:0.15;
	}
.widget_side_navigation ul > li ul > li:after {
	display:none;
	}	
.widget_side_navigation ul > li ul > li > a {
	font-size:14px;
	}
	
/* Latest Posts
--------------------------------------------------- */
.srol_widget_latest_posts .post-item {
	display:block;
	overflow:hidden;
	padding:20px 0;
	border-top:1px dotted #ccc;
	border-top-color:rgba(0,0,0,.2);
	}
.srol_widget_latest_posts .post-item:first-child {
	border-top:none;
	padding-top:0;
	}
.srol_widget_latest_posts .post-item .post-thumb {
	width:60px;
	float:left;
	display:block;
	margin-right:20px;
	overflow:hidden;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-position:center;
	}
.srol_widget_latest_posts .post-item .post-thumb img {
	display:block;
	width:100%;
	}	
.srol_widget_latest_posts .post-item .post-text {
	overflow:hidden;	
	}
.srol_widget_latest_posts .post-item .post-text h4 {
	margin-bottom:5px;
	font-size:18px;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	}
.srol_widget_latest_posts .post-item .post-text h4 a {
	color:#444;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	}
.srol_widget_latest_posts .post-item .post-text h4 a:hover {
	color:#4D98AD;
	text-decoration:none;
	}
.srol_widget_latest_posts .post-item .post-meta {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	}

/* Latest Projects
--------------------------------------------------- */
.srol-latest-projects-widget ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.srol-latest-projects-widget ul li {
	display:block;
	float:left;
	margin:0;
	padding:10px;
	width:33.33%;
	overflow:hidden;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	}
.srol-latest-projects-widget ul li:before,
.srol-latest-projects-widget ul li:after {
	display:none;
	}	
.srol-latest-projects-widget.projects-1 ul li {
	width:100%;
	}
.srol-latest-projects-widget.projects-2 ul li {
	width:50%;
	}
.srol-latest-projects-widget.projects-3 ul li {
	width:33.33%;
	}
.srol-latest-projects-widget.projects-4 ul li {
	width:25%;
	}
.srol-latest-projects-widget.projects-5 ul li {
	width:20%;
	}				
.srol-latest-projects-widget.projects-6 ul li {
	width:16.66%;
	}
.srol-latest-projects-widget.projects-7 ul li {
	width:14.28%;
	}
.srol-latest-projects-widget.projects-8 ul li {
	width:12.5%;
	}
	
	
.widgets-dark .dar.srol-latest-projects-widget ul li a {
	opacity:0.5;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	display:block;
	border:4px solid rgba(0,0,0,.5);
	}
.widgets-dark .srol-latest-projects-widget ul li a:hover {
	opacity:1;
	}	
.widgets-dark .srol-latest-projects-widget ul li a img {
	display:block;
	width:100%;
	}
	
/* Latest Tweets
--------------------------------------------------- */
.tweets-list ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.tweets-list ul li {
	display: block;
	padding:0;
	color:inherit;
	padding-bottom: 30px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	}
.tweets-list ul li:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	
	position: absolute;
	top:auto;
	bottom:0;
	left:0;
	content: "\e16d";
	font-size:18px;
	color:#6CC3EC;
	border:none;
	opacity:1;
	width:auto;
	}
.tweets-list ul li:after {
	content: "";
	height: 1px;
	right: 0;
	width: 100%;
	border-top:1px dotted;
	opacity:0.3;
	left: 35px;
	bottom: 7px;
	position: absolute;
	}
.tweets-list ul li:last-child {
	padding-bottom:0;
	}
.widget .tweets-list ul li:first-child:before {
	display:block;
	}	
.tweets-list ul li:last-child:before,
.tweets-list ul li:last-child:after	{
	display:none;
	}
.tweets-list .muted {
	font-size: 11px;
	font-family: "Open Sans", sans-serif;
	text-transform:uppercase;
	display: block;
	margin-top: 10px;
	}
.tweets-list ul a {
	}	
	
	
/* SCROLLUP
---------------------------------------------------------------------------------------- */
#main-scrollup {
	display:none;
	}
#main-scrollup .scrollup-inner {
	position:fixed;
	z-index:99999;
	bottom:20%;
	right:40px;
	color:#fff;
	background:#aaa;
	background:rgba(0,0,0,.2);
	width:44px;
	height:44px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	text-align:center;
	transition:background .5s;
	-webkit-transition:background .5s;
	-moz-transition:background .5s;
	cursor:pointer;
	font-size:14px;
	}
#main-scrollup .scrollup-inner:hover {
	background:#4D98AD;
	}
#main-scrollup .scrollup-inner i {
	line-height:38px;
	}

	
/* PAGE TOP MENU
---------------------------------------------------------------------------------------- */
.srol-page-top-menu {
	background:#111;
	width:100%;
	z-index:9999;
	}
.filter-style-2 .srol-page-top-menu {
	background:#4d98ad;
	color:#fff;
	}	
.srol-page-topnav {
	font-family:"PT Sans", sans-serif;
	text-align:center;
	}
.srol-page-topnav ul.menu {
	display:inline-block;
	text-align:left;
	}	
.srol-page-topnav ul.menu,
.srol-page-topnav ul.menu ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	}
.srol-page-topnav ul.menu > li {
	display:block;
	float:left;
	position:relative;
	}
.srol-page-topnav ul.menu > li:first-child {
	margin-left:0;
	}	
.srol-page-topnav ul.menu > li > a {
	display:block;
	color:#fff;
	color:rgba(255,255,255,.7);
	font-size:14px;
	position:relative;
	height:62px;
	line-height:62px;
	padding:0 16px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-page-topnav ul.menu > li > a span {
	border-bottom:2px solid transparent;
	padding-bottom:6px;
	}
.srol-page-topnav ul.menu > li.current-menu-item > a,
.srol-page-topnav ul.menu > li.current-menu-ancestor > a,
.srol-page-topnav ul.menu > li.active > a,	
.srol-page-topnav ul.menu > li:hover > a {
	color:#fff;
	text-decoration:none;
	}
.srol-page-topnav ul.menu > li.current-menu-item > a span,
.srol-page-topnav ul.menu > li.current-menu-ancestor > a span,
.srol-page-topnav ul.menu > li.active > a span {
	border-bottom-color:#4D98AD;
	}

.filter-style-2 .srol-page-topnav ul.menu > li.current-menu-item > a span,
.filter-style-2 .srol-page-topnav ul.menu > li.current-menu-ancestor > a span,
.filter-style-2 .srol-page-topnav ul.menu > li.active > a span {
	border-bottom-color:#fff;
	}
			
	/* submenu */
.srol-page-topnav ul.menu li > ul {
	display:none;
	position:absolute;
	z-index:9999;
	top:100%;
	left:0;
	width:180px;
	background:#000;
	}
.srol-page-topnav ul.menu li:hover > ul {
	display:block;
	}
.srol-page-topnav ul.menu li > ul li {
	}	
.srol-page-topnav ul.menu li > ul > li > a {
	text-decoration:none;
	display: block;
	padding:7px 16px 7px;
	color:#fff;
	color:rgba(255,255,255,.7);
	font-size: 12px;
	font-weight:normal;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-page-topnav ul.menu li > ul > li:last-child > a {
	border-bottom:none;
	}
.srol-page-topnav ul.menu li > ul > li:hover > a,
.srol-page-topnav ul.menu li > ul > li.current-menu-ancestor > a,
.srol-page-topnav ul.menu li > ul > li.current-menu-item > a,
.srol-page-topnav ul.menu li > ul > li.active > a {
	color:#fff;
	}
.srol-page-topnav ul.menu li > ul > li.menu-item-has-children > a	{
	position:relative;
	}
		
	/* right menu */
.srol-page-topnav ul.menu > li.right-menu > ul {
	right:0;
	left:auto;
	}
.srol-page-topnav ul.menu > li > ul li.right-menu > ul {
	left:-100%;
	}
.srol-page-topnav ul.menu > li.right-menu > ul {
	right:0;
	left:auto;
	}
.srol-page-topnav ul.menu > li > ul li.right-menu > ul {
	}
	
	/* ONLY STICKY */
.topmenu-only-sticky {
	position:fixed;
	z-index:9999999;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	margin-top:-200px;
	transition:margin-top .3s cubic-bezier(.18,.96,.18,.96), opacity .6s ease-out;
	-webkit-transition:margin-top .3s cubic-bezier(.18,.96,.18,.96), opacity .6s ease-out;
	-moz-transition:margin-top .3s cubic-bezier(.18,.96,.18,.96), opacity .6s ease-out;
	opacity:0;
	}
.topmenu-only-sticky.menu-show {
	margin-top:0;
	opacity:1;
	}
	
	
	/* PORTFOLIO SHORTCODE */
.srol-portfolio-shortcode .srol-page-topnav {
	margin-bottom:30px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}
.srol-portfolio-shortcode .srol-page-topnav ul.menu > li > a {
	height:52px;
	line-height:52px;
	}
	
/* BLANK TEMPLATE
---------------------------------------------------------------------------------------- */
.srol-blank-template {
	display: table;
	height: 100%;
	width: 100%!important;
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	overflow-x: hidden;
	background: #fff;
	}
.srol-blank-template #srol-wrapper {
	display: table-cell;
	float: none;
	vertical-align: middle;
	width: 100%;
	}
.srol-blank-template .srol-content {
	padding:0;
	}	
	
/* FOOTER WIDGETS
---------------------------------------------------------------------------------------- */
	/* layout */
.srol-footer-widgets {
	display:block;
	background-color:#313131;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	}
.footer-widgets-layer-table {
	display:table;
	width:100%;
	}
.footer-widgets-layer-row {
	display:table-row;
	}
.footer-widgets-col {
	display:table-cell;
	vertical-align:top;
	border-left:1px dotted rgba(255,255,255,.3);
	}
.footer-widgets-col:first-child {
	border-left:none;
	}
	
	/* footer */
.srol-footer-widgets .widget {
	margin:0;
	padding:26px 32px;	
	border-top:1px dotted rgba(255,255,255,.3);
	opacity:0;
	}
.srol-footer-widgets .widget:first-child {
	border-top:none;
	padding-top:60px;
	}	
.srol-footer-widgets .footer-widgets-col:first-child .widget {
	padding-left:0;
	}
.srol-footer-widgets .footer-widgets-col:last-child .widget {
	padding-right:0;
	}
	
	
/* DARK WIDGETS
---------------------------------------------------------------------------------------- */
.widgets-dark {
	color:#fff;
	color:rgba(255,255,255,.6);
	}
	
	/* widgets title */
.widgets-dark .widget-title {
	color:rgba(255,255,255,.4);
	font-size:18px;
	}
		
	/* list */
.widgets-dark .widget ul,
.widgets-dark .widget ul li,
.widgets-dark .widget ul a {
	color:#fff;
	color:rgba(255,255,255,.6);
	}
.widgets-dark .widget ul li {
	position:relative;
	}
	
	/* tags */
.widgets-dark .tagcloud a {
	color:#fff;
	color:rgba(255,255,255,.6);
	border-color:rgba(255,255,255,.2);
	background:none;
	}
.widgets-dark .tagcloud a:hover {
	color:rgba(255,255,255,.7);
	border-color:rgba(255,255,255,.3);
	}		
	
/* FOOTER BOTTOM
---------------------------------------------------------------------------------------- */
.footer-left {
	float:left;
	width:50%;
	}
.footer-right {
	float:right;
	width:50%;
	}	
.srol-footer-bottom {
	background:#151515;
	padding:30px 0;
	color:#fff;
	color:rgba(255,255,255,.6);
	}
.srol-footer-bottom a {
	color:rgba(255,255,255,.7);
	text-decoration:none;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	}
.srol-footer-bottom a:hover {
	color:#4D98AD;
	}
	
	/* footer text */
.footer-text p {
	margin-bottom:8px;
	}	
	
	/* footer menu */
.footer-menu {
	display:block;
	}	
.footer-menu ul {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	font-size:10px;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:1px;
	padding-top:10px;
	border-top:1px dotted rgba(255,255,255,.3);
	}	
.footer-menu ul li {
	display:block;
	float:left;
	position:relative;
	padding-right:22px;
	}
.footer-menu ul li:after {
	content:"|";
	position:absolute;
	top:0;
	right:11px;
	opacity:0.5;
	}	
.footer-menu ul li:last-child {
	padding-right:0;
	}
.footer-menu ul li:last-child:after {
	display:none;
	}	
.footer-menu ul li a {
	display:block;
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	color:rgba(255,255,255,.7);
	}
.footer-menu ul li a:hover {
	text-decoration:underline;
	color:rgba(255,255,255,.7);
	}
	
	/* social */
.footer-social {
	overflow:hidden;
	}
.footer-social .social {
	float:right;
	}		
.footer-social ul {
	list-style:none;
	margin:0;
	padding:0;
	}			
.footer-social ul li {
	display:block;
	float:left;
	}
.footer-social ul li a {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	font-size:24px;
	color:#fff;
	color:rgba(255,255,255,.6);
	text-decoration:none;
	}
.footer-social ul li a:hover {
	color:rgba(255,255,255,.9);
	}		
.footer-social ul li a i {
	line-height:40px;
	}
	
	
/* Cross Browser for Firefox */
@-moz-document url-prefix() {
	.srol-brands .brand-cell img{
		width: 100%;
		}
}

/* Revolution Slider
---------------------------------------------------------------------------------------- */
.tp-caption.very_large_text {
	font-family:"PT Sans", sans-serif;
	letter-spacing:0;
	font-weight:normal;
	}
.tp-caption.medium_text {
	font-family:"Open Sans", sans-serif;
	font-weight:normal;
	}	