/*
Theme Name: Flamingo - Agency & Freelance Portfolio Theme
Theme URI: http://themeforest.net/user/VanKarWai/portfolio
Description: Premium WordPress Theme Portfolio for Creatives, Agencies, Studios, and Small Bussines Sites.
Tags: editor-style, translation-ready, custom-menu
Version: 1.6.7
Tested up to: 7.1;
Requires PHP: 7.4;
Author URI: http://themeforest.net/user/VanKarWai
Author: HeyThemers (by VanKarWai)
License: GNU General Public License version 3.0 & Envato Regular License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
Text Domain: flamingo
Tags: portfolio, agency, blog
	
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead, use the child theme and it's style.css file. You have been warned! :)

*/

@charset "utf-8";

/* Index
----------------------------------------------------
	0. Main elements
	1. Site content
		1.1 Home
		1.2 Footer
		1.3 Gutenberg Blocks
	2. Home
	3. Portfolio/Projects
	4. Single project
	5. Default pages
	6. Blog cover
	7. Single post
	8. Contact
	9. Forms
*/

/*
 0. Main elements
 ----------------------------------------------------*/
body {
	background-color: #d4eeee;
	-webkit-overflow-scrolling: touch;
}

body.image-bg {
	background-attachment: fixed;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.ios-device {
	background-attachment: unset;
	background-repeat: repeat;
	background-size: auto;
	background-position: top;
}

body.parallax {
	background-position: 50% 0;
}

body.pattern-bg {
	background-attachment: fixed;
	background-repeat: repeat;
}

body.error404 {
	/*replace this background with your own to customize your 404 error page*/
	background: url(http://25.media.tumblr.com/38430f1e34abf51dc21bd62bdc7f2063/tumblr_mkn417XdnL1qg39ewo1_500.gif);
	background-attachment: fixed;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*theme needs these rules in order to fix
a problem with a background:cover css3 property
iOS can´t manage this basic rules. For this, in those
cases we manage the background with a third party plugin*/
.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	/* counteracts global img modification by twitter bootstrap library */
	max-width: none !important;
	z-index: -2;
}

.vegas-overlay,
.vegas-background {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Preloader/Spinner
---------------------------------------------*/
#preloader {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #FFF;
	z-index: 11000;
}

#spinner {
	position: relative;
	height: 35px;
	width: 35px;
	top: 50%;
	margin-bottom: -12px;
	margin: 0 auto;
	border: 3px solid rgba(226, 226, 226, 0.75);
	border-radius: 100%;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
}

#spinner:before {
	content: "";
	display: block;
	position: absolute;
	left: -3px;
	top: -3px;
	height: 100%;
	width: 100%;
	border-top: 3px solid rgba(0, 0, 0, 1);
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-right: 3px solid transparent;
	border-radius: 100%;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}

@-moz-keyframes rotation {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(359deg);
	}
}

@-o-keyframes rotation {
	from {
		-o-transform: rotate(0deg);
	}

	to {
		-o-transform: rotate(359deg);
	}
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}


/* CSS portfolio columns based on Dash option
---------------------------------------------*/
.cols-1 ul li {
	width: 100%;
}

.cols-2 ul li {
	width: 50%;
}

.cols-3 ul li {
	width: 33.333333%;
}

.cols-4 ul li {
	width: 25%;
}

.cols-5 ul li {
	width: 20%;
}

.cols-6 ul li {
	width: 16.666666%;
}

.cols-7 ul li {
	width: 14.2861514%;
}

/*
 Typography
 ----------------------------------------------------*/
/*
    > Main Typeface elements
 ----------------------------------------------------*/
body {
	font-family: 'Helvetica Neue', 'Helvetica', arial, sans-serif;
}

.content-wrapper p {
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
	margin-bottom: 15px;
}

::-webkit-input-placeholder {
	font-family: 'Helvetica Neue', 'Helvetica', arial, sans-serif;
}

/*
    > Secondary Typeface elements
 ----------------------------------------------------*/
h5,
.rotate-text,
.wpb_heading,
.social-icon li div,
.loading,
#searchform input,
input:not([type="submit"]),
textarea {
	font-family: 'PT Serif', georgia, serif;
}

#searchform ::-webkit-input-placeholder {
	font-family: 'PT Serif', georgia, serif;
}

/*
    > Third Typeface elements
 ----------------------------------------------------*/
.widget-contact address {
	font-family: 'Open Sans', sans-serif;
}

body {
	font-size: 17px;
	line-height: 21px;
	color: rgb(71, 71, 71);
}

h1,
h2 {
	font-size: 30px;
	line-height: 100%;
	color: rgb(35, 35, 35);
	letter-spacing: -1px;
}

h1 {
	font-size: 33px;
}

h3 {
	font-size: 21px;
	color: rgb(35, 35, 35);
}

h4 {
	font-size: 15px;
	line-height: 140%;
	color: rgb(38, 38, 38);
}

h2,
h3,
h4 {
	font-weight: normal;
}

h5 {
	font-size: 12px;
	color: rgb(25, 25, 25);
	line-height: 15px;
}

.share,
.social-icon li div,
.rotate-text,
.wpb_heading,
.widget-twitter-content h2 a,
.LoadMore span,
.fullscreen-btn {
	font-style: italic;
}

h3,
h4,
.share .share-open ul li a:hover,
.menu li a:hover,
.wpb_heading,
.widget-twitter-content h2 a,
.widget-contact h2,
.widget-contact address a:hover,
.categories ul li a:hover {
	text-decoration: underline;
}

.wpb_wrapper h3,
.wpb_wrapper h4 {
	text-decoration: none;
	margin-bottom: 10px;
}

a:not(.social-link),
a:visited {
	color: rgb(0, 0, 0);
	font-weight: 500;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.content-wrapper ol {
	list-style-type: decimal;
	padding-left: 20px;
	font-size: 15px;
	margin-bottom: 18px;
}

.block-content ul li {
	display: list-item;
	list-style: initial;
	list-style-position: inside;
	font-size: 15px;
	line-height: 1.7em;
}

.custom-list ul li {
	list-style: inherit;
}

.custom-list ul li i {
	margin-right: 11px;
}

.latest-work ul li {
	display: block;
}

.content-wrapper a:hover {
	border-bottom: 2px solid transparent;
}

.default-page section,
.contact-page section {
	clear: both;
}

.default-page article {
	padding: 21px 0;
}

.content {
	position: relative;
	margin-bottom: -50px;
	/*for cropping a little the bottom angle*/
	overflow: hidden;
	z-index: 100;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.content-wrapper {
	position: relative;
	background-color: #FFF;
	padding: 30px 0 0 0;
	z-index: 0;
}

.angles-layout .content-wrapper {
	padding-top: 70px;
}

#overlay-header {
	position: absolute;
	width: 100%;
	background: #161616;
	top: 0;
	bottom: 0;
	opacity: 0;
}

.menu-layout-1 #overlay-header {
	background: #ffe6b1;
}

.top-angle {
	width: 0;
	height: 0;
	border-color: rgba(255, 255, 255, 0);
	border-style: solid solid solid solid;
	border-width: 400px 0 0 0;
	margin-top: 550px;
	pointer-events: none;
}

.bottom-angle {
	width: 0;
	height: 0;
	border-color: rgba(255, 255, 255, 0);
	border-width: 0 0 333px 0;
	border-style: solid solid solid solid;
}

/* Dark Version (if option is enabled)
---------------------------------------------*/
html.dark {
	background-color: #000;
}

body.dark-layout {
	background-color: #000;
}

.dark-layout #preloader {
	background-color: #000;
}

.dark-layout #spinner {
	border: 3px solid rgb(39, 39, 39);
}

.dark-layout .top-angle,
.dark-layout .bottom-angle {
	border-color: transparent #000;
}

.dark-layout .footer-angle {
	border-color: rgba(255, 255, 255, 0) #000;
}

.dark-layout.straight-layout .footer-angle {
	border-color: #000;
}

.dark-layout .sub-footer {
	background: #090909;
}

.dark-layout .content-wrapper {
	background-color: #000 !important;
}

body.dark-layout .content-wrapper p,
body.dark-layout .content-wrapper h2,
body.dark-layout .content-wrapper h3 {
	color: #DBDBDB;
}

body.dark-layout .content-wrapper h2:after {
	background: #DBDBDB;
}

/*Dark components*/
.dark-layout .wpb_wrapper .vc_separator_align_center,
.dark-layout .wpb_wrapper .vc_separator_align_left,
.dark-layout .wpb_wrapper .vc_separator_align_right {
	background: #FCFCFC;
	width: 80px;
	min-height: 45px;
	margin: 150px auto 70px auto;
	border: 0px solid #FFF;
}

.dark-layout .wpb_wrapper .vc_separator_align_center h4,
.dark-layout .wpb_wrapper .vc_separator_align_left h4,
.dark-layout .wpb_wrapper .vc_separator_align_right h4 {
	color: #000;
}

.dark-layout .wpb_wrapper .vc_separator_align_center:before,
.dark-layout .wpb_wrapper .vc_separator_align_left:before,
.dark-layout .wpb_wrapper .vc_separator_align_right:before {
	border-bottom: 25px solid #FFF;
}

.dark-layout .wpb_wrapper .vc_separator_align_center:after,
.dark-layout .wpb_wrapper .vc_separator_align_left:after,
.dark-layout .wpb_wrapper .vc_separator_align_right:after {
	border-top: 25px solid #FFF;
}

.dark-layout .wpb_wrapper .vc_progress_bar .vc_single_bar {
	background-color: #141414;
}

.dark-layout .section-header {
	background: #FFF;
	border-color: #000 !important;
}

.dark-layout .section-header:before {
	border-bottom-color: #FFF;
}

.dark-layout .section-header:after {
	border-top-color: #FFF;
}

.dark-layout .section-header h4,
.dark-layout .bypostauthor .comment-reply-link,
.dark-layout .comment-body-items .comment-meta a,
.dark-layout .bypostauthor .comment-body-items>p,
.dark-layout .bypostauthor .comment-body-items cite,
.dark-layout .arrow-nav a,
.dark-layout .arrow-nav:hover a i {
	color: #000;
}

.dark-layout .categories ul li a {
	color: #E4E4E4;
}

.dark-layout .tweet_text,
.dark-layout .tweet_text a,
.dark-layout .single-pagination span a,
.dark-layout .single-pagination span a:hover,
.dark-layout .comment-body-items cite,
.dark-layout #reply-title,
.dark-layout input:not([type="submit"]),
.dark-layout input[type=submit],
.dark-layout textarea,
.dark-layout .arrow-nav a i {
	color: #FFF;
}

.dark-layout .arrow-nav:hover {
	background: #FFF;
}

.dark-layout .widget-twitter-content .query a,
.dark-layout .post-body .btn a {
	color: #6B6B6B;
}

.dark-layout .btn a,
.dark-layout .button {
	color: #F5F5F5;
	border: 2px solid #FCFCFC;
}

.dark-layout .btn a:hover,
.dark-layout .button:hover {
	background: #FFF;
	color: #000;
	border-bottom-color: #FFF !important;
}

.dark-layout .wpcf7 input:hover,
.dark-layout .wpcf7 textarea:hover,
.dark-layout .wpcf7 .wpcf7-submit:hover {
	border: 5px solid #FFF;
}

.dark-layout .widget-twitter .fa-twitter,
.dark-layout .widget-twitter .controls a {
	color: #FFF;
}

.dark-layout .widget:not(.query) ul li a,
.dark-layout .widget:not(.query) ul li p,
.dark-layout .widget:not(.query) ul li,
.dark-layout .widget:not(.query) {
	color: #E7E7E7;
}

.dark-layout .inner-subfooter h5 {
	color: #FFF;
}

.dark-layout .inner-subfooter h5:after {
	background: #B1B1B1;
}

.dark-layout .inner-subfooter .social-icon li a i {
	color: #B1B1B1;
}

.dark-layout .menu-footer li a,
.dark-layout .copy-right {
	color: #EBEBEB;
}


/* Straight layout
---------------------------------------------*/
.straight-layout.menu-layout-1 .main-navigation,
.straight-layout.menu-layout-2 .main-navigation {
	top: 190px;
}

.straight-layout.menu-layout-1.single-post .main-navigation {
	top: 280px;
}

.straight-layout .content-wrapper {
	padding: 45px 0 0 0;
}

.straight-layout .display-slide {
	top: 225px;
}

.straight-layout .top-angle {
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	margin-top: 0;
	border-top-width: 500px !important;
}

.straight-layout.single-post .top-angle {
	border-top-width: 0 !important;
}

.straight-layout.content-info-box .top-angle {
	border-top-width: 535px !important;
}

.straight-layout .bottom-angle {
	width: 0;
	height: 0;
	border-color: #f8f8f8;
	border-width: 0;
	border-style: solid dashed solid solid;
}

.straight-layout .footer-angle {
	width: 0;
	height: 0;
	padding: 0;
	border-color: #f8f8f8;
	border-width: 0 0 125px 0;
	border-style: solid dashed solid solid;
}

.straight-layout .inner-subfooter h5 {
	display: none;
}

.straight-layout .inner-subfooter .social-icon {
	bottom: 105px;
}

.straight-layout .footer {
	margin-top: 250px;
}

.straight-layout .header {
	margin-bottom: 45px;
}

.straight-layout .main-page {
	padding-bottom: 75px;
}

/* Minimal layout
---------------------------------------------*/
.minimal-layout .main-page {
	margin-top: 400px !important;
}

.minimal-layout .inner-header {
	height: 160px;
}

.minimal-layout.menu-layout-3 .header {
	position: relative;
}

.minimal-layout.menu-layout-3 .inner-header {
	position: relative;
	height: auto;
}

.minimal-layout.menu-layout-1 .main-navigation {
	top: 175px;
}

.minimal-layout.menu-layout-2 .main-navigation {
	top: 105px;
}

.minimal-layout.menu-layout-3 .main-page {
	margin-top: 75px !important;
}

.minimal-layout .content-wrapper {
	padding-bottom: 350px;
}

.minimal-layout #overlay-header {
	display: none !important;
}

.minimal-layout #overlay-header.over-viewed {
	z-index: 1000;
}

.minimal-layout .menu-launcher {
	display: none;
}

.minimal-layout .inner-section-title {
	margin: 0;
}

.minimal-layout .inner-section-title h2 {
	display: none;
}

.minimal-layout .inner-section-title .page-description {
	position: relative;
	width: 55%;
	margin: 0 auto;
	top: 275px;
}

.minimal-layout .inner-section-title .page-description p {
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 21px;
}

.minimal-layout .section-title {
	margin-top: -375px;
	display: none !important;
}

.minimal-layout.single-portfolio.content-info-box .actions {
	top: 180px;
}

.minimal-layout .header.nav-opened {
	min-height: 130px;
}

.minimal-layout .info-box {
	margin-top: -225px;
}

.minimal-layout.parallax .info-box {
	left: 0;
	top: 450px;
}

.minimal-layout.parallax.content-info-box .info-box {
	left: 0;
	top: 0;
}

.minimal-layout.parallax.menu-layout-3 .info-box {
	left: 0;
	top: 300px;
}

.minimal-layout.parallax.menu-layout-3.content-info-box .info-box {
	left: 0;
	top: 0;
}

.minimal-layout .actions {
	top: -30px;
}

.minimal-layout .project-detail {
	padding-top: 50px;
}

.minimal-layout.single-portfolio .block-content {
	padding-top: 250px;
}

.minimal-layout.single-portfolio.content-info-box .block-content {
	padding-top: 25px;
}

.minimal-layout .info-box h3 {
	font-size: 31px;
	font-weight: 900;
	line-height: 43px;
	letter-spacing: -1px;
}

.minimal-layout .info-box .info-box-description p {
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 21px;
	margin-bottom: 0;
}

.minimal-layout .info-box .category-list {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 1px;
}

.minimal-layout .info-box-meta {
	margin-top: 0;
}

.categories ul li {
	top: 0;
}

.project-stream {
	background-color: transparent;
}

.content-works .categories {
	display: block;
	top: 0;
	position: static;
	margin-left: 9px;
}

.content-works .categories h4 {
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

.content-works .categories li:last-child span.sep {
	display: none;
}

#wrapper {
	position: relative;
	opacity: 1;
}

#wrapper,
.header,
.content,
.footer,
.widget-twitter,
.widget-contact,
.featured,
.LoadMore,
.angle-top,
.angle-bootom,
.featured ul li div,
.project-stream,
.category-list {
	width: 100%;
}

.main-page {
	position: relative;
	width: 100%;
	max-width: 1024px;
	min-width: 300px;
	margin: 0 auto;
	margin-top: -340px;
	/*to compensate the top angled part*/
	padding: 0 10px;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.header,
.widget-twitter,
.rotate-text,
.wpb_heading,
.share .share-link,
.logo,
.share .share-open ul,
.widget-contact,
.featured,
.featured ul li div span,
.categories ul,
.LoadMore,
.LoadMore span,
.project-stream,
.info-box h5,
.category-list,
.action-fullscreen,
.fullscreen-btn,
.related-project ul,
.love-this,
.menu {
	display: inline-block;
}

.share:hover.share .share-open,
.social-icon li a,
.NextPrevBtn a,
.tweet_time,
.related-project span,
.menu li a {
	display: block;
}

.social-icon li div,
.share .share-open,
.featured ul li div,
.foot-bot .social-icon {
	display: none;
}

.widget-contact address,
.fullscreen-btn {
	text-transform: uppercase;
}

.logo,
.featured ul li,
.widget-twitter-content,
.NextPrevBtn,
.NextPrevBtn a,
.widget-contact div,
.social-icon li,
.share .share-open ul li,
.project-detail,
.info-box,
.action-fullscreen .social-icon,
.related-project ul li {
	float: left;
}

.share,
.social-icon,
.fullscreen-btn {
	float: right;
}

.featured ul li div,
.social-icon li a,
.fullscreen-btn {
	behavior: url(PIE.htc);
}

.social-icon li a,
.fullscreen-btn {
	position: relative
}

.btn a {
	border: 7px double transparent;
}

ul {
	display: block;
}

ul li {
	display: block;
	font-size: 15px;
	line-height: 17px;
}

.scroller-top {
	position: fixed;
	display: none;
	width: 45px;
	height: 45px;
	line-height: 50px;
	text-align: center;
	background: #D1D1D1;
	padding: 7px;
	right: 0;
	bottom: 0px;
	z-index: 100;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.scroller-top i {
	font-size: 25px;
	color: #000;
	text-indent: 0px;
	line-height: 1.75em;
}

/* Isotope Filtering 
-------------------------*/
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/* Isotope CSS3 transitions
----------------------------*/
.isotope,
.isotope .isotope-item {
	-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: top, left, 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;
}

/* Infinite Scroll loader
--------------------------------------*/
.infscr-loading {
	text-align: center;
	position: fixed;
	bottom: 40px;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	padding: 10px;
	background: #000;
	color: #FFF;
	opacity: 1;
	z-index: 100;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* Password protected
--------------------------------------*/
.post-password-form {
	padding-bottom: 25px;
}

.single-portfolio .post-password-form {
	padding-bottom: 0;
}

.post-password-form p {
	font-size: 25px;
	line-height: 1.1em;
	text-transform: uppercase;
	width: 45%;
}

.post-password-form input[type=submit] {
	font-size: 17px;
}

/* Background video dependencies
--------------------------------------*/

#vmVideo {
	position: fixed;
}

#controlBar_ytVideo .buttonBar {
	display: none;
}

/*webkit issues control*/
.mbYTP_wrapper,
#bgVideo,
#vmVideo {
	z-index: -1 !important;
}

.dark-layout .mbYTP_wrapper,
.dark-layout #bgVideo,
.dark-layout #vmVideo {
	z-index: 0 !important;
}

#bgVideo,
#vmVideo,
#vmPlayer {
	width: 100%;
}

@media handheld,
only screen and (min-width: 2340px) {

	#bgVideo,
	#vmVideo,
	#vmPlayer {
		width: 100%;
		max-width: 100%;
		left: 0 !important;
	}
}

#mbYTP_ytVideo {
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}

/* Fixed menu from the option
within the option panel
--------------------------------------*/
/*opened menu*/
.menu-layout-open.menu-layout-3 .header {
	position: relative;
}

.menu-layout-open.menu-layout-3 .menu-launcher {
	display: none;
}

.menu-layout-open .intro-slider {
	top: 0;
}

.menu-layout-open.angles-layout .section-title {
	margin-top: 300px;
}

.menu-layout-open.angles-layout.parallax .section-title {
	margin-top: 0;
	top: 390px;
}

.menu-layout-open.angles-layout.parallax .info-box {
	margin-top: 0;
	top: 375px;
}

.menu-layout-open.angles-layout.parallax.content-info-box .info-box,
.menu-layout-open.angles-layout.content-info-box .info-box {
	margin-top: -200px;
	top: 0;
}

.menu-layout-open.angles-layout .info-box {
	margin-top: 250px;
	top: 0;
}

.menu-layout-open.angles-layout .related-project {
	top: 390px;
	z-index: -1;
}

/*fixed menu - menu layout 1 with ANGLED layout*/
.menu-layout-fixed.menu-layout-1 .header {
	position: fixed;
}

.menu-layout-fixed.menu-layout-1 #overlay-header {
	display: none;
	z-index: 1000;
}

.menu-layout-fixed.menu-layout-1 #overlay-header.related-overlay {
	display: none;
	z-index: 0;
}

.menu-layout-fixed.menu-layout-1 #overlay-header.over-viewed {
	display: block;
}

.menu-layout-fixed.menu-layout-1 .main-navigation {
	top: 0;
}

.menu-layout-fixed.menu-layout-1 .navigation ul li {
	display: block;
	text-align: center;
	margin-right: 0;
	margin-bottom: 32px;
}

.menu-layout-fixed.menu-layout-1 .navigation ul li a {
	display: inline;
	font-size: 60px;
	font-weight: 100;
	line-height: 1em;
}

.menu-layout-fixed.menu-layout-1 .menu .sub-menu {
	margin: 0 auto;
	left: 1%;
	right: 1%;
}

.menu-layout-fixed.menu-layout-1 .navigation ul li>ul li {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 0;
}

.menu-layout-fixed.menu-layout-1 .navigation ul li>ul li a {
	padding: 0;
	font-size: 2.1em;
}

.menu-layout-fixed.menu-layout-1 .current-page,
.menu-layout-fixed.menu-layout-1 .target-page {
	display: none !important;
}

.menu-layout-fixed.menu-layout-1.angles-layout.content-info-box .info-box {
	margin-top: -175px;
}

.menu-layout-fixed.menu-layout-1.angles-layout.content-info-box.parallax .info-box {
	margin-top: -175px;
	top: 0;
}

/*fixed menu - menu layout 3 with ANGLED layout*/
.menu-layout-fixed.menu-layout-open.menu-layout-3 .header {
	position: fixed;
}

.menu-layout-fixed.angles-layout.menu-layout-3 .bottom-menu-angle {
	border: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 195px !important;
	height: 17%;
	background: -moz-linear-gradient(top, #000 0%, transparent 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(80%, transparent));
	background: -o-linear-gradient(top, #000 0%, transparent 100%);
	background: -ms-linear-gradient(top, #000 0%, transparent 100%);
	background: linear-gradient(top, #000 0%, transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#00ffffff', GradientType=0);
	opacity: 0.13;
}

.menu-layout-fixed.angles-layout.menu-layout-open .display-slide {
	top: 325px;
}

.menu-layout-fixed.angles-layout.menu-layout-3 .navigation {
	top: 55px;
}

.menu-layout-fixed.angles-layout.menu-layout-3 .menu-share {
	top: 61px;
}

.menu-layout-fixed.angles-layout .section-title,
.menu-layout-fixed.angles-layout .info-box {
	margin-top: 235px;
}

.menu-layout-fixed.angles-layout.parallax .section-title,
.menu-layout-fixed.angles-layout.parallax .info-box {
	margin-top: 0;
	top: 235px;
}

.menu-layout-fixed.menu-layout-3.angles-layout .related-project {
	top: 250px;
	z-index: -1;
}

/*fixed menu - menu layout 3 with STRAIGHT layout*/
.menu-layout-fixed.straight-layout.menu-layout-3 .bottom-menu-angle {
	border: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 90px !important;
	background: -moz-linear-gradient(top, #000 0%, transparent 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(80%, transparent));
	background: -o-linear-gradient(top, #000 0%, transparent 100%);
	background: -ms-linear-gradient(top, #000 0%, transparent 100%);
	background: linear-gradient(top, #000 0%, transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#00ffffff', GradientType=0);
	opacity: 0.13;
}

.menu-layout-fixed.straight-layout.menu-layout-3 .navigation {
	top: 60px;
}

.menu-layout-fixed.straight-layout.menu-layout-3 .menu-share {
	top: 65px;
}

.menu-layout-fixed.straight-layout.menu-layout-open .display-slide {
	top: 250px;
}

.menu-layout-fixed.menu-layout-open.straight-layout .section-title,
.menu-layout-fixed.menu-layout-open.straight-layout .info-box {
	margin-top: 175px;
}

.menu-layout-fixed.menu-layout-open.straight-layout.content-info-box .info-box {
	margin-top: -175px;
}

.menu-layout-fixed.menu-layout-open.straight-layout.content-info-box.parallax .info-box {
	margin-top: -175px;
	top: 0;
}

.menu-layout-fixed.menu-layout-open.straight-layout.parallax .section-title,
.menu-layout-fixed.menu-layout-open.straight-layout.parallax .info-box {
	margin-top: 0;
	top: 175px;
}

.menu-layout-fixed.menu-layout-open.straight-layout.parallax.content-info-box .related-project {
	top: 255px;
}

.menu-layout-fixed.menu-layout-open.straight-layout.parallax .related-project {
	top: 225px;
}

/*sticky menu gradient*/
.sticky-opacity .header {
	top: -18px;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.sticky-opacity.menu-layout-fixed.angles-layout.menu-layout-3 .bottom-menu-angle {
	height: 115px !important;
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.sticky-opacity.menu-layout-fixed.straight-layout.menu-layout-3 .bottom-menu-angle {
	height: 35px !important;
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*
 1. Site Content
 ----------------------------------------------------*/

/* 1.1 > Header
----------------------------------------------------*/
.header {
	position: absolute;
	display: block;
	width: 100%;
	min-height: 1%;
	z-index: 10001;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.header.nav-opened {
	min-height: 450px;
}

.menu-layout-open .header.nav-opened {
	min-height: 50px;
}

.inner-header {
	position: absolute;
	max-width: 1024px;
	height: fit-content;
	margin: 0 auto;
	padding: 0 10px;
	left: 0;
	right: 0;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.main-navigation {
	position: relative;
	display: none;
	top: 41%;
	padding: 0 13%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.main-navigation h4 {
	position: relative;
	font-size: 15px;
	font-style: italic;
	font-weight: bolder;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -2px;
	color: #2b2b2b;
	margin-bottom: 5px;
	padding-left: 10px;
}

.navigation,
.menu-share {
	position: relative;
	margin-bottom: 50px;
	border-top: 1px dotted #202020;
	border-bottom: 1px dotted #202020;
	padding: 13px 10px;
}

.navigation a,
.menu-share a {
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 1px;
}

.navigation ul li a {
	border-bottom: 2px solid transparent;
}

.navigation ul li a:hover {
	text-decoration: none;
	border-bottom: 2px solid red;
}

.navigation ul .current-menu-item a,
.navigation ul .current_page_item a,
body.single-post .navigation ul .current_page_parent a {
	border-bottom: 2px solid red;
}

.navigation .menu-item-language>a:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	content: "\f0ac";
	margin-right: 6px;
}

.navigation .menu-item-language .submenu-languages>li>a:before {
	content: "";
}

.menu-share a {
	border-bottom: 0 solid transparent;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.menu-share #btn-twitter:hover {
	border-bottom: 2px solid #00acee;
}

.menu-share #btn-facebook:hover {
	border-bottom: 2px solid #3b5998;
}

.menu-share #btn-pinterest:hover {
	border-bottom: 2px solid #c8232c;
}

.menu-share #btn-linkedin:hover {
	border-bottom: 2px solid #0e76a8;
}

.menu-share #btn-evernote:hover {
	border-bottom: 2px solid #5ba525;
}

.menu-share #btn-tumblr:hover {
	border-bottom: 2px solid #34526f;
}

.menu {
	display: inline-block;
	position: relative;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;

}

nav ul,
.menu-share ul {
	display: block;
}

nav ul li,
.menu-share ul li {
	display: inline-block;
	margin-right: 11px;
}

nav ul li a,
.menu-share ul li a {
	text-transform: uppercase;
	color: #f5f5f5;
}

.current-page,
.target-page {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.4s ease 0.4s;
	-moz-transition: opacity 0.4s ease 0.4s;
	-ms-transition: opacity 0.4s ease 0.4s;
	-o-transition: opacity 0.4s ease 0.4s;
	transition: opacity 0.4s ease 0.4s;
}

.current-page {
	opacity: 1;
}

.target-page {
	opacity: 0;
}

.current-page span,
.target-page span {
	opacity: 0.1;
}

.current-page.tog-view {
	opacity: 0;
}

.target-page.tog-view {
	opacity: 1;
}

.current-page span,
.target-page span {
	display: block;
	font-size: 35px;
	line-height: 39px;
	text-transform: uppercase;
	letter-spacing: -3px;
	color: #1B1B1B;
}

.current-page .current-header,
.current-page .current-footer,
.target-page .target-header,
.target-page .target-footer {
	position: relative;
	width: 250px;
	margin: 0 auto;
	top: -80px;
}

.current-page .current-footer {
	top: 80px;
}

.target-page .target-header {
	margin-top: 35px;
}

.target-page .target-footer {
	position: absolute;
	width: 100px;
	top: 231px;
	left: 50%;
	margin-left: -50px;
}

.current-page .current-body,
.target-page .target-body {
	font-size: 180px;
	font-weight: 900;
	line-height: 70px;
	letter-spacing: -3px;
	margin-top: 3px;
}

.target-page .target-body {
	margin-top: 7px;
}


/* MAIN LAYOUT MENU (Angled) // menu-layout-1
----------------------------------------------*/
.menu-layout-1 .main-navigation {
	top: 250px;
	opacity: 0;
}

.menu-layout-1 .navigation,
.menu-layout-1 .menu-share {
	text-align: center;
	color: #363636;
	padding: 10px;
	margin-bottom: 0;
	border: none;
}

.menu-layout-1 .menu-share a {
	font-size: 11px;
	font-weight: 600;
}

.menu-layout-1 .navigation ul li a {
	font-weight: 800;
	letter-spacing: 0;
}

.menu-layout-1 .menu>li .sub-menu li a {
	font-weight: 500;
}

.menu-layout-1 .main-navigation h4 {
	display: none;
}

.menu-layout-1 .current-page .current-header,
.menu-layout-1 .current-page .current-footer,
.menu-layout-1 .target-page .target-header,
.menu-layout-1 .target-page .target-footer {
	width: 150px;
}

.menu-layout-1 .current-page .current-header,
.menu-layout-1 .current-page .current-footer,
.menu-layout-1 .target-page .target-header,
.menu-layout-1 .target-page .target-footer {
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0;
	opacity: 0;
}

.menu-layout-1 .current-page .current-header,
.menu-layout-1 .target-page .current-header {
	position: absolute;
	top: -47px;
}

.menu-layout-1 .current-page .current-footer,
.menu-layout-1 .target-page .current-footer {
	position: absolute;
	top: 85px;
}

.menu-layout-1 .current-page .current-body,
.menu-layout-1 .target-page .target-body {
	font-size: 98px;
	line-height: 74px;
	font-weight: normal;
}

.menu-layout-1 .current-page span,
.menu-layout-1 .target-page span {
	word-wrap: break-word;
	opacity: 0.1;
}

.menu-layout-1 .current-page,
.menu-layout-1 .target-page {
	position: absolute;
	width: 148px;
	left: 3%;
	right: 3%;
	margin: 0 auto;
}

.menu-layout-1 .target-page .target-header {
	position: absolute;
	top: 0;
}

.menu-layout-1 .target-page .target-footer {
	margin-left: 0;
	margin-top: -50px;
	left: 0;
}

/* LAYOUT MENU // menu-layout-3
---------------------------------------------*/
/* the menu layout 2 has not .menu-layout-2 class before */
.menu-layout-3 .main-navigation {
	top: 0;
	opacity: 0;
}

.menu-layout-3 .menu-launcher {
	z-index: 100;
}

.menu-layout-3 .navigation,
.menu-layout-3 .menu-share {
	width: 118.5%;
	text-align: right;
	color: #363636;
	padding: 0;
	margin-bottom: 0;
	top: 75px;
	/*right: -138px;*/
	border: none;
}

.menu-layout-3 .menu-share {
	top: 80px;
}

.menu-layout-3 .menu-share #btn-twitter:hover {
	color: #00acee;
	border: none;
}

.menu-layout-3 .menu-share #btn-facebook:hover {
	color: #3b5998;
	border: none;
}

.menu-layout-3 .menu-share #btn-pinterest:hover {
	color: #c8232c;
	border: none;
}

.menu-layout-3 .menu-share #btn-linkedin:hover {
	color: #0e76a8;
	border: none;
}

.menu-layout-3 .menu-share #btn-evernote:hover {
	color: #5ba525;
	border: none;
}

.menu-layout-3 .menu-share #btn-tumblr:hover {
	color: #34526f;
	border: none;
}

.menu-layout-3 .navigation a,
.menu-layout-3 .menu-share a {
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0;
}

.menu-layout-3 .menu-share a {
	font-size: 11px;
	color: #444;
}

.menu-layout-3 .main-navigation h4 {
	display: none;
}

.menu-layout-3 .current-page,
.menu-layout-3 .target-page {
	width: auto;
}

.menu-layout-3 .current-page .current-header,
.menu-layout-3 .current-page .current-footer,
.menu-layout-3 .target-page .target-header,
.menu-layout-3 .target-page .target-footer {
	margin: 0;
	text-align: left;
}

.menu-layout-3 .current-page .current-header,
.menu-layout-3 .current-page .current-footer,
.menu-layout-3 .target-page .target-header,
.menu-layout-3 .target-page .target-footer {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -2px;
	font-style: italic;
	width: 120px;
	top: 0;
	left: 0;
}

.menu-layout-3 .current-page .current-header,
.menu-layout-3 .target-page .target-header {
	top: 15px;
}

/*this rule will be overwritten by js*/
.menu-layout-3 .current-page .current-footer {
	top: 30px;
}

.menu-layout-3 .target-page .target-footer {
	top: 45px;
}

.menu-layout-3 .current-page .current-body,
.menu-layout-3 .target-page .target-body {
	position: absolute;
	font-size: 18px;
	letter-spacing: 0;
	margin: 0;
	top: 19px;
	opacity: 1;
}

.menu-layout-3 .target-page .target-body {
	top: 3px;
}

.menu-layout-open.menu-layout-3 .target-page .target-body {
	top: 3px;
}

.menu-layout-3 .current-page,
.menu-layout-3 .target-page {
	margin-left: 0;
	left: 0;
	z-index: 10;
}

.menu-layout-3 .current-page>*,
.menu-layout-3 .target-page>* {
	color: #FFF;
}

.menu-layout-3 .current-header,
.menu-layout-3 .current-footer,
.menu-layout-3 .target-header,
.menu-layout-3 .target-footer {
	opacity: 0.33;
}

.menu-layout-3 .current-body,
.menu-layout-3 .target-body {
	opacity: 0.7;
}

.menu-bg-ly-3 {
	position: absolute;
	width: 100%;
	height: 80px;
	background: #1c1c1c;
	top: 0;
	z-index: 100;
}

.bottom-menu-angle {
	position: absolute;
	width: 0;
	height: 0;
	border-color: rgba(255, 255, 255, 0) #1c1c1c;
	border-width: 0 0 333px 0;
	border-style: solid solid solid dashed;
	z-index: 100;
}

.straight-layout.menu-layout-3 .bottom-menu-angle,
.minimal-layout.menu-layout-3 .bottom-menu-angle {
	position: absolute;
	width: 100%;
	height: 80px;
	background: #1c1c1c;
	padding: 40px 0;
	border: none;
}

.menu .sub-menu {
	position: absolute;
	width: 180px;
	margin: 0 0 0 -7px;
	list-style: none;
	padding-top: 15px;
	display: none;
	z-index: 10000;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.menu>li .sub-menu li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	z-index: 11000;
	text-transform: uppercase;
}

.menu>li .sub-menu li:first-child {
	border-top: 7px solid #333;
}

.menu>li .sub-menu li:last-child {
	border-bottom: none;
}

.menu>li .sub-menu li:hover {
	background: white;
	color: black;
}

.menu>li .sub-menu li a {
	padding: 10px 0;
	color: #FFF;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	padding-left: 15px;
	font-size: 10px;
}

.menu>li .sub-menu li a:hover {
	text-decoration: none;
}

.menu>li .sub-menu li:first-child:before {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	border-color: #333 transparent;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	top: 9px;
	left: 15%;
	margin-left: -4px;
}

.menu>li .sub-menu li:first-child:after {
	position: absolute;
	content: "";
	width: 0;
	display: block;
	border-color: #333 transparent;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	top: 9px;
	left: 15%;
	margin-left: -3px;
}

.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
	border-top-color: white;
	/* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	/* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255, 255, 255, .5);
}

.sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
	border-left-color: white;
}

.menu-launcher {
	position: absolute;
	width: auto;
	height: 35px;
	right: 13px;
	top: 45px;
}

.menu-launcher span,
.menu-launcher span a,
.menu-launcher span a i {
	display: block;
}

.menu-launcher span a i {
	display: inline-block;
	position: absolute;
	font-size: 15px;
	text-align: center;
	line-height: 27px;
	color: #FFF;
	margin-left: 10px;
	right: 0;
}

.menu-launcher span a {
	display: block;
	width: 80px;
	height: 30px;
}

.menu-launcher span a small {
	position: absolute;
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFF;
	background-color: #000;
	padding: 0 7px;
	left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-m-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px rgba(48, 50, 50, 0.4);
	-moz-box-shadow: 0px 1px 3px rgba(48, 50, 50, 0.4);
	box-shadow: 0px 1px 3px rgba(48, 50, 50, 0.4);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	/* easeInOutBack */
	-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1);
	/* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

.menu-launcher span a small:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 6px;
	margin-right: -7px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 9px solid #000;
}

.menu-launcher span a small {
	top: 3px;
}

.menu-launcher span a small,
.menu-launcher span a i {
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.menu-launcher .menu-opened {
	display: none;
	position: absolute;
	right: 0;
}

.menu-launcher span a:hover small {
	left: 4px;
}

/* 1.2 > Footer
------------------------------------------*/
footer {
	position: relative;
}

.footer {
	margin-top: -100px;
}

.sub-footer {
	position: relative;
	background: #FFF;
}

.inner-subfooter {
	max-width: 1024px;
	margin: 0 auto;
}

.nav-footer,
.copy-right {
	display: inline-block;
	width: 49%;
}

.menu-footer {
	display: block;
	height: 70px;
	line-height: 70px;
}

.menu-footer ul {
	line-height: 75px;
}

.menu-footer li {
	display: inline-block;
	margin-right: 10px;
}

.menu-footer li a {
	display: block;
	font-size: 11px;
	line-height: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #7E7E7E;
	border-bottom: 2px solid transparent;
	padding-bottom: 3px;
}

.menu-footer li a:hover {
	border-bottom: 2px solid red;
}

.inner-subfooter h5 {
	position: absolute;
	bottom: 190px;
	font-size: 19px;
	font-weight: 300;
	color: #3C3C3C;
	margin-left: 9px;
}

.inner-subfooter h5:after {
	content: '';
	display: block;
	width: 19px;
	height: 2px;
	background: #3C3C3C;
	margin-top: 7px;
}

.inner-subfooter .social-icon {
	position: absolute;
	bottom: 125px;
}

.inner-subfooter .social-icon li {
	position: relative;
	display: inline-block;
}

.inner-subfooter .social-icon li a {
	position: relative;
	display: inline-block;
	color: transparent;
	width: 37px;
	height: 37px;
	margin-right: 11px;
	border: 0px solid #3C3C3C;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	/*filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99, M12=-0.08, M21=0.08, M22=0.99, SizingMethod="auto expand");*/
}

.inner-subfooter .social-icon li a i {
	display: block;
	font-size: 16px;
	text-align: center;
	line-height: 37px;
	color: #3C3C3C;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	/*filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99, M12=-0.08, M21=0.08, M22=0.99, SizingMethod="auto expand");*/
}

.inner-subfooter .social-icon li a:hover i {
	color: #FFF;
}

.inner-subfooter .social-icon li .twitter:hover {
	background-color: rgb(0, 160, 209);
	border-color: transparent;
}

.inner-subfooter .social-icon li .facebook:hover {
	background-color: rgb(59, 89, 152);
	border-color: transparent;
}

.inner-subfooter .social-icon li .google-plus:hover {
	background-color: rgb(211, 72, 54);
	border-color: transparent;
}

.inner-subfooter .social-icon li .pinterest:hover {
	background-color: rgb(145, 1, 1);
	border-color: transparent;
}

.inner-subfooter .social-icon li .linkedin:hover {
	background-color: rgb(13, 118, 168);
	border-color: transparent;
}

.inner-subfooter .social-icon li .tumblr:hover {
	background-color: #34526f;
	border-color: transparent;
}

.inner-subfooter .social-icon li .youtube:hover {
	background-color: #ff0000;
	border-color: transparent;
}

.inner-subfooter .social-icon li .foursquare:hover {
	background-color: #217bba;
	border-color: transparent;
}

.inner-subfooter .social-icon li .instagram:hover {
	background-color: #000;
	border-color: transparent;
}

.inner-subfooter .social-icon li .behance:hover {
	background-color: #1769ff;
	border-color: transparent;
}

.inner-subfooter .social-icon li .dribbble:hover {
	background-color: #ca3970;
	border-color: transparent;
}

.inner-subfooter .social-icon li .vimeo-square:hover {
	background-color: #1AB7EA;
	border-color: transparent;
}

.inner-subfooter .social-icon li .snapchat-ghost:hover {
	background-color: #FFFC00;
	border-color: transparent;
}

.inner-subfooter .social-icon li .snapchat-ghost:hover i {
	color: #000;
}

.copy-right {
	font-size: 11px;
	text-align: right;
	text-transform: uppercase;
	font-weight: 600;
	color: #7E7E7E;
}

.footer-angle {
	width: 0;
	height: 0;
	border-color: rgba(255, 255, 255, 0) #f8f8f8;
	border-style: solid solid solid dashed;
	border-width: 333px 0 0 0;
	position: relative;
	bottom: 0;
	padding-bottom: 70px;
	border-left-width: 1920px;
	opacity: 0.9;
}

@-moz-document url-prefix() {
	.footer-angle {
		padding-bottom: 0;
	}
}

.footer-highlight {
	font-size: inherit;
	font-weight: bold;
}

.hight-red {
	color: rgb(255, 84, 84);
}

/* 1.3 > Gutenberg Blocks
------------------------------------------*/

/* Preformated */
.wp-block-preformatted {
	font-family: Menlo, Consolas, monaco, monospace;
	font-size: 14px;
	line-height: 1.8em;
	color: #23282d;
	white-space: pre-wrap;
}

/* Verse */
pre.wp-block-verse {
	font-size: 21px !important;
	line-height: 1.8em;
	white-space: nowrap;
	font-family: inherit;
	font-size: inherit;
	padding: 1em;
	overflow: auto;
}

/* Quotes */
.block-content .wp-block-quote {
	margin: 30px 0;
}

.block-content .wp-block-quote cite {
	font-size: 13px;
	margin-left: 35px;
}

.block-content .wp-block-quote.is-large p,
.block-content .wp-block-quote.is-style-large p {
	width: 50%;
}

/* Pullquote */
.block-content .wp-block-pullquote blockquote p {
	font-size: 33px;
	line-height: 1.35em;
	font-style: normal;
	width: 75%;
	margin: 50px auto 30px auto;
}

.content-wrapper .wp-block-pullquote blockquote cite {
	font-size: 15px;
	margin-bottom: 20px;
}

.content-wrapper .wp-block-pullquote.alignleft {
	text-align: left;
}

.content-wrapper .wp-block-pullquote.alignleft blockquote cite {
	margin-left: 35px;
}

.content-wrapper .wp-block-pullquote.alignright {
	text-align: right;
}

.content-wrapper .wp-block-pullquote.alignright blockquote cite {
	margin-right: 35px;
}

.content-wrapper .block-content blockquote:before {
	font-size: 30px;
	line-height: 1.75em;
	position: absolute;
	margin-left: -10px;
}

/* Buttons */
.block-content .wp-block-button {
	margin-top: 25px;
	margin-bottom: 25px;
}

.block-content .wp-block-button a:hover {
	border-bottom: none;
	transform: translateY(-1px);
	-webkit-box-shadow: 0px 7px 35px -15px rgba(0, 0, 0, 0.37);
	-moz-box-shadow: 0px 7px 35px -15px rgba(0, 0, 0, 0.37);
	box-shadow: 0px 7px 35px -15px rgba(0, 0, 0, 0.37);
}

/* Audio */
.wp-block-audio {
	width: 75%;
}




/* Separator */
.wp-block-separator {
	margin: 50px 0;
}

/* Headings */
.block-content h1,
.block-content h2,
.block-content h3,
.block-content h4,
.block-content h5,
.block-content h6 {
	line-height: 1.35em;
	margin-bottom: 0.5em;
}

/* Subheadings */
.block-content p.wp-block-subhead {
	font-size: 1.75em;
	line-height: 1.35em;
	font-style: italic;
	opacity: .75
}

/* Lists */
.block-content ol,
.block-content ul {
	margin: 25px 0;
}

.block-content ol li>ol,
.block-content li>ul {
	margin: 10px 0;
}

.block-content li>ul {
	padding-left: 20px;
}

/* Tables */
.wp-block-table {
	width: 100%;
	min-width: 240px;
	border-collapse: collapse;
}

.wp-block-table td,
.wp-block-table th {
	font-size: 1.35em;
	line-height: 1.5em;
	padding: 1.75em;
	border: 1px solid;
}

.wp-block-table td.is-selected,
.wp-block-table th.is-selected {
	border-color: #00a0d2;
	box-shadow: inset 0 0 0 1px #00a0d2;
	border-style: double;
}

/* Wide & Full alignments */
@media (min-width: 750px) {

	.wp-block-image.alignfull {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		width: auto;
		max-width: 1000%;
	}

	.wp-block-image.alignwide {
		margin-left: calc(25% - 25vw);
		margin-right: calc(25% - 25vw);
		width: auto;
		max-width: 1000%;
	}
}

/*
 2. Home styles
----------------------------------------------------*/
.latest-work {
	position: relative;
	min-height: 200px;
}

/*body.home h2.page-title {display: none;}*/
.rotate-text,
.wpb_heading {
	font-size: 12px;
	color: rgb(179, 179, 179);
	position: absolute;
	left: -7%;
	top: 70px;
	letter-spacing: 0px;
	writing-mode: lr-tb;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	zoom: 1;
}

.projects .rotate-text {
	left: -6%;
}

.page-template-portfolio .projects .rotate-text {
	left: -4%;
}

.featured {
	position: relative;
	margin-bottom: 75px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.featured ul {
	float: left;
	width: 100%;
}

.featured ul li,
.projects ul li {
	position: relative;
	padding: 1%;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.project ul li {
	margin: 0 0 10px 0;
	width: 32%;
}

.project ul li div {
	position: absolute !important;
	-moz-box-sizing: border-box !important;
}

.title-overlay {
	z-index: 10000;
}

.featured ul li .title-overlay h3 {
	font-size: 17px;
	font-weight: 900;
	line-height: 19px;
}

.featured ul .none-space {
	margin-right: 0;
}

/*cleaning the margin on last items on the right within the grid*/

.featured ul li .title-overlay,
.wpb_thumbnails h2.post-title a {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	text-align: center;
	cursor: pointer;
	background: transparent;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=100);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.featured ul li:hover .title-overlay {
	opacity: 1;
}

.featured ul li .title-overlay h3 {
	position: relative;
	display: block;
	width: 85%;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 auto;
}

.featured ul li .hover-overlay,
.wpb_thumbnails h2.post-title a {
	position: absolute;
	height: 100%;
	text-align: center;
	cursor: pointer;
	background: #7bcdcd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7bcdcd), to(#B9E6A6));
	background: -webkit-linear-gradient(#7bcdcd, #B9E6A6);
	background: -moz-linear-gradient(#7bcdcd, #B9E6A6);
	background: -ms-linear-gradient(#7bcdcd, #B9E6A6);
	background: -o-linear-gradient(#7bcdcd, #B9E6A6);
	background: linear-gradient(#7bcdcd, #B9E6A6);
	-pie-background: linear-gradient(#7bcdcd, #B9E6A6);
	padding: 32% 0 28%;
	left: 0;
	top: 0;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.flexslider ul li .title-layer {
	position: absolute;
	width: 100%;
	height: 600px;
	text-align: center;
	cursor: pointer;
	background: #7bcdcd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7bcdcd), to(#B9E6A6));
	background: -webkit-linear-gradient(#7bcdcd, #B9E6A6);
	background: -moz-linear-gradient(#7bcdcd, #B9E6A6);
	background: -ms-linear-gradient(#7bcdcd, #B9E6A6);
	background: -o-linear-gradient(#7bcdcd, #B9E6A6);
	background: linear-gradient(#7bcdcd, #B9E6A6);
	-pie-background: linear-gradient(#7bcdcd, #B9E6A6);
	padding: 32% 0 28%;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	filter: alpha(opacity=85);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.flexslider ul li .title-layer:hover {
	opacity: 0.5;
}

.featured ul li div span {
	display: block;
	font-size: 13px;
	line-height: 1.5em;
	color: rgb(80, 119, 96);
	margin-top: 5px;
	opacity: 0.9;
}

.widget-twitter {
	position: relative;
	max-height: 235px;
	min-height: 235px;
	padding: 20px 2% 20px 0;
	margin: 100px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-twitter .widget-twitter-content {
	width: 100%;
}

.widget-twitter-content h2 a {
	color: rgb(132, 207, 207);
}

.tweet_text,
.tweet_text a {
	color: #232323;
	font-size: 1.5em;
	line-height: 1.3em;
}

.widget-twitter-content .query {
	position: absolute;
	min-height: 125px;
	width: 70%;
	margin: 0 auto;
	margin-top: 70px;
	left: 3%;
	right: 3%;
	-webkit-transform: translateZ(0);
}

.widget-twitter-content .query a {
	font-size: 1em;
	line-height: 1.1em;
	color: #333;
	border-bottom: 1px solid;
}

.widget-twitter-content .query .tweet_time {
	display: none;
}

.widget-twitter-content .query .tweet_time a {
	color: #CDCDCD;
	font-size: 0.8em;
	margin-bottom: 5px;
	padding-left: 3px;
	border: none;
}

.widget-twitter-content .query .tweet_time a:hover {
	color: #000;
}

.widget .tweet_list li {
	position: absolute !important;
	left: 1%;
	right: 1%;
}

.tweet_list {
	position: relative;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: visible;
}

.tweet_list li {
	text-align: center;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
}

.widget-twitter .fa-twitter {
	position: absolute;
	width: 75px;
	font-size: 35px;
	text-align: center;
	color: #000;
	margin: 0 auto;
	left: 0%;
	right: 0%;
}

.loading {
	font-size: 2em;
	color: #232323;
}

.paging {
	overflow: hidden;
}

.tweet_time a {
	color: #CDCDCD;
	font-size: 1.5em;
}

.tweet_text a {
	color: #84CFCF;
}

.controls {
	float: right;
}

.tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

.widget-twitter-content .controls {
	position: relative;
	margin: 170px 0 0 0;
	width: 100%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.widget-twitter-content .controls {
	position: relative;
	width: 62%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	margin: 0 auto;
	top: 0;
}

.controls a {
	display: inline-block;
	width: 15%;
	height: 22px;
	font-size: 35px;
	margin-right: 26px;
	opacity: 0.35;
	border: none !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.controls a:hover {
	opacity: 1;
}

a.prev {
	background-position: 0 0;
	text-align: left;
	margin: 0;
}

a.prev:hover {
	background-position: 0 -22px;
}

a.next {
	background-position: -15px 0;
	text-align: right;
	margin: 0 0 0 70px;
}

a.next:hover {
	background-position: -15px -22px;
}

.widget-contact {
	position: relative;
	padding: 25px 2% 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.widget-contact address {
	font-size: 1em;
	font-weight: 600;
	color: rgb(92, 92, 92);
	font-style: normal;
	padding: 20px 2% 0;
	line-height: 178%;
}

.widget-contact address a {
	color: rgb(116, 189, 189);
}

.intro-slider {
	z-index: 0;
}

.slider-bg {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: #ebebeb;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

/*these two elements are cloned by js
in order to create the title display
within the main slider*/
#bg-slideshow .slides h3,
#bg-slideshow .slides .slide-desc {
	position: absolute;
	display: none;
}

.display-slide {
	position: absolute;
	display: none;
	max-width: 500px;
	margin: 0 auto;
	left: 5%;
	right: 5%;
	top: 275px;
}

.menu-layout-open .display-slide {
	top: 355px;
}

.content .slide-title,
.content .slide-desc {
	position: relative;
	display: none;
	text-align: center;
	z-index: 100;
}

.content .slide-title,
.content .slide-title a {
	font-size: 25px;
	font-weight: 900;
	text-decoration: none;
	margin-bottom: 11px;
}

.content .slide-desc {
	font-size: 17px;
	font-weight: 500;
}

.content .display-divider {
	position: relative;
	width: 0%;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 11px;
	background: #000;
}

#bg-slideshow .slide-meta h2 {
	display: block;
	font-size: 21px;
	line-height: 1.1em;
	background: #FFF;
	margin-top: 3px;
	padding: 3px 7px;
}

#bg-slideshow .slider-project-type {
	display: inline-block;
	font-size: 13px;
	background: #FFF;
	color: #000;
	padding: 3px 7px;
}

#bg-slideshow .slider-btn {
	position: relative;
	display: block;
	margin: 9px 0;
}

#bg-slideshow .slider-btn a {
	display: inline-block;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: #1dedc8;
	background: #000;
	padding: 5px 9px;
}

#bg-slideshow .slider-btn a:hover {
	color: #000;
	background: #1dedc8;
}

#bg-slideshow .inner-wrapper {
	width: 100%;
	background: #FFF;
	padding-top: 41px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#bg-slideshow .intro-slider {
	position: fixed;
	overflow: hidden;
}

#bg-slideshow .slides ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

#bg-slideshow ul li {
	background: no-repeat center center;
	-webkit-backface-visibility: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.parallax #bg-slideshow ul li {
	background-position: 50% 0;
}

.slides li img {
	display: none;
}

.slide-state {
	position: absolute;
	font-size: 35px;
	color: #000;
	left: 0;
	top: 0;
	display: none;
	z-index: 100;
}

.explorer .slide-state {
	position: absolute;
	display: block;
	width: 50%;
	height: 50%;
	margin: 0 auto;
	left: 1%;
	right: 1%;
	top: 30px;
}

.explorer .slide-state i {
	position: absolute;
	display: block;
	margin-top: -18px;
	top: 50%;
}

.explorer .slide-state i:hover {
	cursor: pointer;
}

.explorer .prev-slide-state i {
	left: 0;
}

.explorer .next-slide-state i {
	right: 0;
}

.modernIE .slide-state {
	margin-left: 0 !important;
}

.back-slider-handlers {
	position: absolute;
	left: 3%;
	right: 3%;
	top: 100px;
}

.straight-layout .back-slider-handlers {
	height: 350px;
}

.back-slider-handlers li {
	width: 47% !important;
	height: 45px !important;
}

.explorer .back-slider-handlers li {
	width: 0 !important;
}

.explorer .back-slider-handlers a {
	width: 100px !important;
}

.back-slider-handlers a {
	position: absolute;
	display: block;
	text-indent: -9999px;
	width: 50%;
	height: 100%;
	margin: -15px 0 0;
	background: transparent;
	top: 15px;
	z-index: 10;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all .3s ease;
}

.back-slider-handlers a {
	cursor: none;
}

.explorer .back-slider-handlers a {
	cursor: default;
}

.back-slider-handlers .flex-next {
	right: 25px;
}

.back-slider-handlers .flex-prev {
	left: 25px;
}

.flex-control-nav {
	margin-top: 33px;
}

.back-slider-handlers i {
	display: none;
}

/*Helper classes to stylish each slide in a isolated way.
Just add some many slides as you could need in order to
add different styles for each one. For example:

//title
.display-slide.slide-0 h3,
.display-slide.slide-0 h3 a { font-size: 50px; color: #ffea00; }
//divider
.display-slide.slide-0 .display-divider { background: #ffea00; }
//subtitle
.display-slide.slide-0 .slide-desc { font-size: 50px; color: #000; }

.display-slide.slide-1 h3,
.display-slide.slide-1 h3 a { font-size: 33px; color: #333; }
.display-slide.slide-1 .display-divider { background: #333; height: 20px; }
.display-slide.slide-1 .slide-desc { font-size: 15px; color: #FFF; }

.display-slide.slide-n h3,
.display-slide.slide-n h3 a { font-size: 33px; color: #333; }
.display-slide.slide-n .display-divider { background: #333; height: 20px; }
.display-slide.slide-n .slide-desc { font-size: 15px; color: #FFF; }
*/

/*
 > > > WPBakery (Formerly Visual Composer) Dependencies
--------------------------------------------------------*/
.wpb_wrapper .vc_separator_align_center,
.wpb_wrapper .vc_separator_align_left,
.wpb_wrapper .vc_separator_align_right {
	position: relative;
	display: block;
	color: #FFF;
	background: #000;
	width: 80px;
	min-height: 45px;
	margin: 150px auto 70px auto;
	border: 15px solid #FFF;
	z-index: 10;
}

.wpb_wrapper .vc_separator_align_center.vc_separator-has-text:before,
.wpb_wrapper .vc_separator_align_left.vc_separator-has-text:before,
.wpb_wrapper .vc_separator_align_right.vc_separator-has-text:before,
.wpb_wrapper .vc_separator .vc_icon_element:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 25px solid #000;
}

.wpb_wrapper .vc_separator_align_center.vc_separator-has-text:after,
.wpb_wrapper .vc_separator_align_left.vc_separator-has-text:after,
.wpb_wrapper .vc_separator_align_right.vc_separator-has-text:after,
.wpb_wrapper .vc_separator .vc_icon_element:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 25px solid #000;
}

.wpb_wrapper .vc_separator_align_center.vc_separator_no_text,
.wpb_wrapper .vc_separator_align_left.vc_separator_no_text,
.wpb_wrapper .vc_separator_align_right.vc_separator_no_text {
	background: transparent;
	border: none;
}

.wpb_wrapper .vc_separator_align_center>div,
.wpb_wrapper .vc_separator_align_left>div,
.wpb_wrapper .vc_separator_align_right>div {
	font-size: 17px;
	font-weight: 800;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	background: transparent !important;
	padding: 0;
	top: 0;
}

body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
	border: none;
	width: 100%;
	height: auto;
	padding-top: 10px;
}

body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
	font-size: 1.5em !important;
}

.wpb_wrapper .vc_separator_align_center h4,
.wpb_wrapper .vc_separator_align_left h4,
.wpb_wrapper .vc_separator_align_right h4 {
	display: block;
	width: 100%;
	line-height: 45px;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding: 0 !important;
}

.wpb_wrapper .vc_separator_align_center .vc_sep_holder,
.wpb_wrapper .vc_separator_align_left .vc_sep_holder,
.wpb_wrapper .vc_separator_align_right .vc_sep_holder {
	display: none;
}

body .wpb_wrapper .vc_separator_align_center,
body .wpb_wrapper .vc_separator_align_left,
body .wpb_wrapper .vc_separator_align_right {
	border-bottom: none;
}

.wpb_wrapper .divider-stripe {
	content: '';
	position: relative;
	display: block;
	width: 70%;
	height: 1px;
	background: #E4E4E4;
	margin: 0 auto;
	top: -90px;
	z-index: 1;
}

body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner {
	width: 35% !important;
	height: auto !important;
	padding-top: 35%;
}

body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm.vc_icon_element-have-style-inner {
	width: 50% !important;
	height: auto !important;
	padding-top: 50%;
}

body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {
	width: 65% !important;
	height: auto !important;
	padding-top: 65%;
}

body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
	width: 75% !important;
	height: auto !important;
	padding-top: 75%;
}

body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl.vc_icon_element-have-style-inner {
	width: 100% !important;
	height: auto !important;
	padding-top: 100%;
}

.wpb_wrapper .dropcap {
	float: left;
	font-size: 5em;
	line-height: 1em;
	padding-top: 4px;
	padding-right: 7px;
	padding-left: 0px;
	font-weight: bold;
}

.wpb_wrapper {
	position: relative;
}

.wpb_content_element.wpb_single_image img {
	margin: 0 auto;
}

.wpb_twitter_widget {
	clear: both;
}

.wpb_teaser_grid .entry-content {
	padding-top: 15px !important;
}

.wpb_heading {
	left: -75px;
}

.wpb_thumbnails h2.post-title a {
	display: none;
}

.wpb_thumbnails .isotope-item:hover h2.post-title a {
	display: block;
}

.wpb_thumbnails h2.post-title a {
	width: 105%;
	margin-left: -3%;
	margin-top: -3%;
	height: inherit;
	padding: 32% 0 41%;
}

body ul.wpb_thumbnails-fluid li {
	margin: 15px 0;
}

.wpb_content_element.wpb_posts_slider {
	margin-bottom: 10px;
}

/* > buttons */
.wpb_button {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.wpb_wrapper .wpb_button {
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 1px;
	border: 7px double transparent;
}

.btn a,
.button {
	display: inline-block;
	min-width: 75px;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1em;
	text-transform: uppercase !important;
	text-align: center;
	text-shadow: none;
	letter-spacing: 1px;
	color: #222222;
	border: 2px solid #222222;
	background: transparent;
	margin: 0;
	padding: 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.button.medium {
	min-width: 150px;
	min-height: 25px;
	line-height: 25px;
}

.button.Large {
	min-width: 175px;
	min-height: 50px;
	line-height: 50px;
}

.wpb_wrapper .wpb_regularsize {
	display: inline-block;
	min-width: 75px;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1em;
	text-transform: uppercase !important;
	text-align: center;
	text-shadow: none;
	letter-spacing: 1px;
	color: #222222;
	border-color: transparent;
	margin: 0;
	padding: 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn a:hover,
.button:hover {
	background: #222;
	color: #FFF;
	border-bottom-color: #222 !important;
}

.wpb_wrapper .wpb_button:hover {
	border-color: transparent;
}

.wpb_wrapper .wpb_button i.icon {
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: text-top;
	margin-left: 5px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 3%;
}

.wpb_btn-primary:hover,
.wpb_btn-warning:hover,
.wpb_btn-danger:hover,
.wpb_btn-success:hover,
.wpb_btn-info:hover,
.wpb_btn-inverse:hover {
	color: #000 !important;
}

.wpb_wrapper .wpb_btn-primary,
.wpb_wrapper .wpb_btn-info,
.wpb_wrapper .wpb_btn-success {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0);
}

.wpb_wrapper button.wpb_btn-mini {
	padding: 7px 11px;
}

.wpb_wrapper button.wpb_btn-mini,
.wpb_wrapper button.wpb_btn-small,
.wpb_wrapper button.wpb_btn-large {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.widget_tag_cloud h2 {
	margin-bottom: 15px;
}

.btn-latest-works {
	position: absolute;
	bottom: -50px;
	right: 5px;
}

/* > carrousel */
.wpb_wrapper .wpb_carousel .prev,
.wpb_wrapper .wpb_carousel .next {
	position: relative;
	display: inline-block;
	font-size: 15px;
	background-color: transparent;
	text-decoration: none;
	top: 3px;
	left: 7px;
	padding: 0 6px;
	z-index: 10;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.wpb_thumbnails a img {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.wpb_thumbnails a img:hover {
	opacity: 0.7;
}

.wpb_thumbnails .entry-content p {
	font-size: 11px;
	line-height: 1.55em;
}

.wpb_prev_slide {
	display: none !important;
}

.wpb_next_slide {
	display: none !important;
}

/* > flexslider */
.wpb_wrapper .flexslider .slides>li {
	max-width: 100% !important;
}

body .wpb_wrapper .flex-direction-nav {
	top: 0;
	height: 95% !important;
}

body .wpb_wrapper .flex-direction-nav a,
body .wpb_wrapper .nivo-directionNav a,
body .wpb_wrapper div[data-ride="vc_carousel"] .vc_carousel-inner a>img {
	margin: 0 auto;
}

body .wpb_wrapper div[data-ride="vc_carousel"] .vc_carousel-control {
	position: absolute;
	color: #000;
	background: #FFF;
	width: 41px;
	height: 41px;
	line-height: 55px;
	text-align: center;
	font-size: 13px;
	opacity: 0.8;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

body .wpb_wrapper div[data-ride="vc_carousel"] .vc_carousel-control span {
	display: block;
	margin-top: -7px;
	margin-left: -15px;
}

body .wpb_wrapper div[data-ride="vc_carousel"] .vc_carousel-control:hover {
	border: none;
}

body .wpb_wrapper .flex-direction-nav .flex-next {
	margin-right: 15px;
	text-indent: 9999px;
}

body .wpb_wrapper .flex-direction-nav .flex-prev {
	margin-left: 15px;
}

body .wpb_wrapper .flex-direction-nav a:hover {
	opacity: 1;
}

body .wpb_wrapper .flex-direction-nav .flex-next i,
body .wpb_wrapper .flex-direction-nav .flex-prev i {
	position: absolute;
	display: inline-block;
	width: 65px;
	height: 60px;
	font-size: 15px;
	line-height: 42px;
	color: #000;
	text-indent: 0;
	top: 0;
	right: -13px;
}

body .wpb_wrapper .flex-direction-nav .flex-prev i,
body .wpb_wrapper .wpb_slider_nivo .nivo-directionNav .nivo-prevNav i,
body .wpb_wrapper div[data-ride="vc_carousel"] .vc-left {
	line-height: 78px;
	right: -12px;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-2);
}

/* > VC Carousel*/
body .wpb_wrapper div[data-ride="vc_carousel"] .vc-left {
	left: 10px;
	line-height: 40px;
}

body .wpb_wrapper div[data-ride="vc_carousel"] .vc-right {
	right: 10px;
	line-height: 43px;
}

div[data-ride="vc_carousel"] {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}

div[data-ride="vc_carousel"] .vc_carousel-indicators {
	bottom: -25px;
}

/* > VC Carousel with post inside > vc-carousel-slideline */
.vc_carousel-slideline .vc_carousel-slideline-inner .vc_item.vc_slide_post h2 {
	font-size: 19px;
	line-height: 1.15em;
	letter-spacing: 0px;
	margin-bottom: 15px !important;
}

.vc_carousel-slideline .vc_carousel-slideline-inner .vc_item.vc_slide_post .post-thumb {
	margin-bottom: 10px;
}

.vc_carousel-slideline .vc_carousel-slideline-inner .vc_item.vc_slide_post .entry-content {
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0px;
	padding: 3%;
}

.vc_carousel-slideline .vc_carousel-slideline-inner .vc_item.vc_slide_post .entry-content span {
	display: block;
	margin: 0 0 10px 0;
}

.vc_carousel-slideline .vc_carousel-slideline-inner .vc_item.vc_slide_post .entry-content .btn {
	margin: 15px 0;
}

/* > nivo slider */
body .wpb_wrapper .wpb_slider_nivo .nivo-directionNav a i {
	position: absolute;
	display: inline-block;
	width: 65px;
	height: 60px;
	font-size: 15px;
	line-height: 42px;
	color: #000;
	text-indent: 0;
	top: 0;
	right: -13px;
}

body .wpb_wrapper .wpb_slider_nivo .nivo-directionNav .nivo-prevNav {
	margin: -5px 0 0 7px;
}

body .wpb_wrapper .wpb_slider_nivo .nivo-directionNav .nivo-nextNav {
	margin: -5px 7px 0 0;
}

/* > if filters enabled with teaser grid feature, set margins */
.wpb_wrapper .wpb_teaser_grid .categories_filter,
.wpb_wrapper .wpb_categories_filter {
	margin: 25px 0 0 15px;
}

/* > separators */
.wpb_wrapper .wpb_separator,
.wpb_wrapper .vc_separator_align_center {
	border-bottom: 1px solid rgb(236, 236, 236);
}

/* > tabs UI elements */
.wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li,
.wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	font-size: 11px;
	text-transform: uppercase;
}

body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab,
body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
	padding: 3.5em;
	background-color: #f7f7f7;
}

body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
	background-color: #f7f7f7;
}


/* > map widget */
.wpb_wrapper #map-canvas {
	margin: 35px 0;
	position: static;
}

/* > grid widget */
.wpb_wrapper .featured ul li .hover-overlay {
	z-index: -1;
}

.wpb_wrapper #container {
	margin: 0 0 0 -1.12766%;
	padding: 0;
	width: 101.57%;
	overflow: visible !important;
	/*fix for flexslider flickring when
	a transition in slide mode occurs*/
	-webkit-transform: translateZ(0);
}

.wpb_wrapper .vc_grid-loading,
.wpb_wrapper .vc_grid-loading:after,
.wpb_wrapper .vc_grid-loading:before {
	display: none;
}

/* > flickr image badge */
.wpb_flickr_widget p.flickr_stream_wrap a {
	font-size: 11px;
	margin-top: 7px;
}

.wpb_wrapper .flickr_badge_image {
	margin: 1px;
}

.wpb_wrapper .flickr_badge_image a img {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.wpb_wrapper .flickr_badge_image a img:hover {
	opacity: 0.7;
}

/*toggles*/
h4.wpb_toggle {
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*accordion*/
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
	background: #E7E7E7;
	color: #000;
	padding: 3px;
	border-bottom: 3px solid rgb(214, 211, 211);
}

.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
	font-size: 13px;
	color: #000;
}

.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-accordion-header-active {
	background: #000 !important;
	border-width: 3px !important;
}

.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-accordion-header-active a {
	color: #FFF;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
	top: 16px;
}

/**/
.wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li,
.wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #E7E7E7;
	color: #000;
	padding: 3px;
	border-bottom: 3px solid rgb(214, 211, 211);
}

.wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #000 !important;
	border-width: 3px !important;
}

.wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #FFF;
}

.wpb_wrapper .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
	font-size: 13px;
	font-weight: 500;
}

.wpb_content_element.wpb_single_image.center img {
	max-width: 100%;
	margin: 0 auto;
}


/* progrss bars */
.wpb_wrapper .vc_progress_bar .vc_single_bar {
	position: relative;
	height: 35px;
	font-size: 15px;
	font-weight: 600;
	line-height: 27px;
	color: #E7E7E7;
	background: #D1D1D1;
	border-radius: 3px;
	margin-bottom: 30px;
	-webkit-border-radius: inherit;
	-khtml-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
	box-shadow: inherit;
}

/* Media Grid Lightbox */
.content-wrapper .wpb_wrapper .vc_masonry_media_grid a:hover {
	border-bottom: none;
}

/*
 > > > WPBakery Visual Composer Special Classes
----------------------------------------------------*/
/*the image that receives this class will can be
placed as element where the text will float over it*/
.overlayed-image {
	position: absolute;
	left: 1%;
	right: 1%;
	z-index: 0;
}

/*these classes are helpers to place with more precission
every element inside block contents from the page builder*/
.move-top-25 {
	margin-top: -25px;
}

.move-top-50 {
	margin-top: -50px;
}

.move-top-100 {
	margin-top: -100px;
}

.move-top-150 {
	margin-top: -150px;
}

.move-top-200 {
	margin-top: -200px;
}

.move-top-250 {
	margin-top: -250px;
}

.move-top-300 {
	margin-top: -300px;
}

.move-top-350 {
	margin-top: -350px;
}

.move-top-400 {
	margin-top: -400px;
}

.move-top-450 {
	margin-top: -450px;
}

.move-top-500 {
	margin-top: -500px;
}

.move-bottom-25 {
	margin-top: 25px;
}

.move-bottom-50 {
	margin-top: 50px;
}

.move-bottom-100 {
	margin-top: 100px;
}

.move-bottom-150 {
	margin-top: 150px;
}

.move-bottom-200 {
	margin-top: 200px;
}

.move-bottom-300 {
	margin-top: 300px;
}

.move-bottom-350 {
	margin-top: 350px;
}

.move-bottom-400 {
	margin-top: 400px;
}

.move-bottom-450 {
	margin-top: 450px;
}

.move-bottom-500 {
	margin-top: 500px;
}

/*Special feature to create backgrounds
for VC content blocks*/
.wpb_row {
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.show-fullscreen img {
	cursor: pointer;
}

/*
Elementor dependencies in editor view
*/
/* Quick tweak that fixes issue when editing with the preloader */
.elementor-editor-active #preloader,
.elementor-editor-preview #preloader {
	display: none;
}

.elementor-select-preset-list .elementor-preset {
	list-style: none;
}

.project-detail ul.elementor-select-preset-list {
	margin: 50px auto;
}


/*
 3. Works grid styles
----------------------------------------------------*/
.device-menu-firer {
	display: none;
}

.section-header {
	position: relative;
	background-color: #f7f7f7;
	color: #FFF;
	background: #000;
	width: 100px;
	height: 57px;
	margin: 0 auto 70px auto;
	z-index: 1;
}

.section-header:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid #000;
}

.section-header:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid #000;
}

.section-header>h4 {
	font-size: 17px;
	font-weight: 800;
	line-height: 57px;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	padding: 0;
	top: 0;
}

.section-header-description {
	width: 55%;
	text-align: center;
	margin: 0 auto 50px auto;
}

.cats-stack {
	position: fixed !important;
	width: 100% !important;
	line-height: 35px;
	background: #F5F5F5;
	top: 0;
	left: 0;
	opacity: 0.97;
	z-index: 10;
}

.cats-stack a {
	color: #707070 !important;
}

.categories {
	position: static;
	padding: 22px 0 50px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.categories ul {
	position: relative;
	display: block;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 0;
}

.categories ul li {
	display: inline;
}

.categories ul li a {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	padding: 10px;
	border-bottom: 2px solid transparent;
}

.categories ul li a:hover {
	/*color:rgb(240,17,101);*/
	text-decoration: none;
}

.project {
	padding-top: 28px;
}

.project .rotate-text {
	left: -5.3%;
	top: 105px;
}

#container li figure img {
	width: 100%;
}

.LoadMore {
	text-align: center;
	position: relative;
}

.LoadMore a {
	width: 18px;
	height: 20px;
	display: block;
	margin: 15px auto;
	opacity: 0.8;
}

.LoadMore span {
	display: block;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 15px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.LoadMore em {
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #E9E9E9;
}

.LoadMore small {
	background-position: -28px 0px;
}

#infscr-loading {
	left: 50%;
	bottom: 25px;
	width: 300px;
	position: fixed;
	text-align: center;
	z-index: 100;
	margin-left: -150px;
	padding: 20px;
	color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/*
 4. Single Project
----------------------------------------------------*/
.category-bg-color li,
.project-stream {
	position: relative;
}

.project-detail {
	width: 100%;
	padding-left: 0;
	padding-bottom: 55px;
}

.project-detail ul {
	margin: 15px 0;
}

.project-detail ul li {
	margin: 7px 0;
}

.project-detail .alignnone,
.project-detail .aligncenter,
.project-detail .alignright {
	margin: 50px 0;
}

.project-detail .btn {
	width: 170px;
	margin: 150px auto 0 auto;
}

.project-detail .btn a {
	display: block;
	padding: 13px 11px;
}

/*remove the header/section-title only in case of single blog post*/
.single-post .section-title {
	display: none;
}

.info-box,
.section-title {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 235px;
	z-index: -1;
}

.straight-layout .info-box,
.straight-layout .section-title {
	margin-top: 145px;
}

.straight-layout.parallax .info-box,
.straight-layout.parallax .section-title {
	top: 15%;
}

.menu-layout-open.straight-layout.parallax .info-box,
.menu-layout-open.straight-layout.parallax .section-title {
	top: 25%;
}

.parallax .info-box,
.parallax .section-title {
	position: fixed;
	margin-top: 0;
	top: 21%;
}

.inner-info-box,
.inner-section-title {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

.info-box h3,
.section-title h2 {
	width: 75%;
	font-size: 43px;
	line-height: 51px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	margin: 0 auto;
	padding: 0 0 5px 0;
	font-weight: 900;
}

.info-box h3:after,
.section-title h2:after {
	content: '';
	display: block;
	position: relative;
	width: 45px;
	height: 5px;
	background: #FFF;
	left: 50%;
	margin: 21px 0 0 -22.5px;
}

.info-box p,
.section-title p {
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	padding: 7px 0 0 0;
}

.info-box p {
	font-size: 15px;
	font-weight: 600;
	line-height: 21px;
}

.content-info-box p {
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
}

.info-box-description,
.page-description {
	width: 55%;
	margin: 0 auto;
}

.page-description {
	width: 45%;
}

.info-box ul li {
	display: inline-block;
}

.info-box strong {
	color: #000;
	font-weight: bolder;
}

.info-box-meta {
	margin-top: 0;
	opacity: 0.5;
	font-weight: 600;
}

.category-list {
	display: inline;
	font-size: 11px;
	font-weight: 300;
	text-transform: uppercase;
	color: #FFF;
	padding: 4px 0 10px 0;
	letter-spacing: 1px;
}

.category-list li {
	padding-left: 2px;
}

.category-list a {
	border: none;
	pointer-events: none;
}

.category-list a:hover {
	border-bottom: 1px solid inherit;
}

.content-info-box .info-box {
	position: relative;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	margin-top: -190px;
	margin-bottom: 93px;
}

.minimal-layout.content-info-box .info-box {
	margin-top: 0;
}

.straight-layout .content-info-box .info-box {
	margin-top: -170px;
}

.content-info-box .inner-info-box {
	position: relative;
	max-width: 450px;
	margin: 0 auto;
	background: #272d33;
	padding: 40px;
}

.content-info-box .outer-border {
	position: absolute;
	top: -7px;
	right: -7px;
	bottom: -7px;
	left: -7px;
	border: 6px solid #272d33;
}

.content-info-box .info-box h3 {
	width: 100%;
	font-size: 42px;
	font-weight: 900;
	line-height: 47px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	margin: 0;
	padding: 0 0 5px 0;
}

.content-info-box .info-box h3:after {
	content: '';
	display: block;
	position: relative;
	width: 45px;
	height: 5px;
	background: #FFF;
	left: 0;
	margin: 0 auto;
	margin-top: 5px;
}

.content-info-box .info-box-description {
	width: 100%;
	text-transform: uppercase;
	text-align: center;
}

.content-info-box .info-box-description p {
	font-size: 15px !important;
	line-height: 23px;
	font-weight: 700 !important;
	padding: 7px 0 0 0;
	margin-bottom: 3px;
}

.content-info-box .info-box-meta {
	position: relative;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}

.content-info-box .info-box-meta .category-list,
.content-info-box .info-box-meta .category-list a {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
}

.actions {
	position: relative;
	width: 65%;
	margin: 0 auto;
}

.actions-related {
	z-index: 8;
}

.action-fullscreen {
	z-index: 9;
}

.action-scroll {
	z-index: 10;
}

.actions-related,
.action-fullscreen,
.action-scroll {
	position: relative;
	width: 30px;
	height: 30px;
	border: 3px solid #FFF;
	margin: 55px auto;
	top: 0;
	-webkit-transition: all 0.333s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 0.333s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 0.333s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 0.333s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	/*filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99, M12=-0.08, M21=0.08, M22=0.99, SizingMethod="auto expand");*/
}

.no-touch .actions-related:hover,
.no-touch .action-fullscreen:hover,
.no-touch .action-scroll:hover {
	background: #FFF;
	border-color: transparent;
}

.touch .action-scroll:hover {
	background-color: transparent;
}

.no-touch .single-portfolio .actions div:hover a i {
	color: #000;
}

.actions div a {
	display: block;
	width: 100%;
	height: 100%;
}

.actions div a:hover {
	border: none !important;
}

.actions-related a i,
.action-fullscreen a i,
.action-scroll a i {
	display: block;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	/*filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99, M12=-0.08, M21=0.08, M22=0.99, SizingMethod="auto expand");*/
}

.no-touch .actions-related:hover a i,
.no-touch .action-fullscreen:hover a i,
.no-touch .action-scroll:hover a i {
	color: #000;
	opacity: 0.25;
}

.actions-related,
.action-fullscreen {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
}

.action-scroll {
	z-index: 100;
}

.actions-related,
.action-fullscreen {
	opacity: 0;
}

.no-touch .actions.active .action-scroll {
	top: 5px;
}

.actions.active .action-fullscreen {
	left: -72px;
	top: -24px;
	opacity: 1;
}

.actions.active .actions-related {
	left: 36px;
	top: -24px;
	opacity: 1;
}

/*just in case the option for displacing the info-box
is enabled from the option panel*/
.single-portfolio.content-info-box .actions {
	position: absolute;
	width: 36px;
	top: -78px;
	right: 3%;
	left: 3%;
}

body.single-portfolio.content-info-box .actions a i {
	color: #000;
	opacity: 0.7;
}

body.single-portfolio.content-info-box .actions a:hover i {
	opacity: 1;
}

body.single-portfolio .actions a.gal-single-info-btn:hover,
.actions .galleria-project-title:hover {
	cursor: default;
}

.related-project {
	position: absolute;
	display: none;
	width: 1024px;
	max-width: 1024px;
	top: 215px;
	left: 50%;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.minimal-layout .related-project {
	top: 150px;
}

.minimal-layout.menu-layout-1 .related-project {
	top: 480px;
}

.minimal-layout.menu-layout-2 .related-project {
	top: 450px;
}

.related-project ul {
	position: relative;
	display: block;
	width: 100%;
	left: -50%;
	padding: 10px 65px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.related-project ul li {
	padding-left: 1%;
	width: 32.333%;
	margin-bottom: 0;
}

.related-project ul li a {
	display: block;
}

.related-project img {
	width: 100%;
	max-width: 100%;
	height: auto;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.related-project img:hover {
	opacity: 0.7;
}

.related-project span {
	position: absolute;
	display: block;
	font-size: 21px;
	font-weight: 300;
	text-transform: uppercase;
	color: #6B6B6B;
	width: 175px;
	top: -55px;
	left: -440px;
	opacity: 0.5;
}

.related-project .btn-close-related,
.related-project .close-related {
	font-size: 19px;
	color: #6B6B6B;
	width: auto;
	left: 432px;
	top: -55px;
	opacity: 0.5;
}

.related-project .close-related:hover {
	font-size: 21px;
	left: 481px;
	opacity: 0.7;
}


.share-social-icon {
	position: absolute;
	display: none;
	background: #000;
	margin: 5px 0 0 -20.5%;
}

.info-box .share-social-icon ul {
	margin: 0;
	padding: 0;
}

.info-box .share-social-icon li {
	position: relative;
	display: inline-block;
	margin: 0;
}

.info-box .share-social-icon li a {
	display: block;
	width: 25px;
	height: 25px;
	background: #000;
	text-align: center;
	padding: 25px;
	color: #8A8A8A;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.info-box .share-social-icon li a:hover {
	border: none;
}

.share-social-icon li a:hover {
	color: #FFF;
}

.share-social-icon li .twitter:hover {
	background-color: rgb(0, 160, 209);
}

.share-social-icon li .facebook:hover {
	background-color: rgb(59, 89, 152);
}

.share-social-icon li .pinterest:hover {
	background-color: rgb(145, 1, 1);
}

/*fixed info-box*/
.fixed-info-box .category-bg-color li,
.project-stream {
	position: relative;
}

.fixed-info-box .project-detail {
	width: 68%;
	padding-left: 0;
	padding-bottom: 55px;
}

.fixed-info-box .project-detail figure {
	background-color: #e8cc51;
}

.fixed-info-box .project-detail img {
	width: 100%;
	height: auto;
}

.fixed-info-box .project-detail ul {
	margin: 15px 0;
}

.fixed-info-box .project-detail ul li {
	margin: 7px 0;
}

.fixed-info-box .project-detail .alignnone,
.fixed-info-box .project-detail .aligncenter,
.fixed-info-box .project-detail .alignright {
	margin-bottom: 10px;
	border-bottom: 1px #98c0c5 solid;
	padding-bottom: 10px;
}

.fixed-info-box .project-detail .btn {
	width: 153px;
	margin: 0 auto;
}

.fixed-info-box .project-detail .btn a {
	width: 107px;
	padding: 13px 21px;
}

.fixed-info-box .info-box {
	position: absolute;
	width: 30%;
	z-index: 100;
	padding: 25px 0 0 30px;
	top: 80px;
}

.fixed-info-box .info-box h3 {
	font-size: 2.1em;
	color: #98c0c5;
	line-height: 132%;
	text-decoration: none;
	text-transform: none;
	padding: 0 0 5px 0;
}

.fixed-info-box .info-box p {
	font-size: 12px !important;
	line-height: 19px;
	color: rgb(105, 105, 105);
	padding: 0 0 18px 2px;
}

.fixed-info-box .info-box h5 {
	font-size: 13px;
	color: #000;
	border-bottom: 1px #98c0c5 solid;
	margin: 2px;
}

.fixed-info-box .info-box h5:last-child {
	font-size: 10px;
}

.fixed-info-box .info-box ul {
	font-size: 12px;
	margin: 0 0 7px 0;
	padding-top: 0;
}

.fixed-info-box .info-box ul li {
	display: block;
	margin-bottom: 5px;
}

.fixed-info-box .info-box strong {
	color: #000;
	font-weight: bolder;
}

.fixed-info-box .info-box .action-fullscreen .fullscreen-btn {
	border-bottom: 2px solid rgb(211, 238, 238);
}

.fixed-info-box .category-list {
	font-size: 11px;
	padding: 4px 0 10px 0;
	margin-left: 3px !important;
}

.fixed-info-box .category-list li {
	padding-left: 2px;
}

.fixed-info-box .category-list a {
	border: none;
}

.fixed-info-box .category-list a:hover {
	border-bottom: 1px solid inherit;
}

.fixed-info-box .action-fullscreen {
	padding-top: 10px;
}

.fixed-info-box .action-fullscreen ul.social-icon {
	padding: 9px 0 0 2px;
}

.fixed-info-box .action-fullscreen .fullscreen-btn {
	font-size: 13px;
	text-align: center;
	color: rgb(255, 255, 255);
	width: 30px;
	margin-right: 0;
	padding: 7px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
}

.fixed-info-box .action-fullscreen .fullscreen-btn:hover {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

.fixed-info-box .related-project {
	font-size: 1.3em;
	color: rgb(182, 182, 182);
	padding-top: 25px;
}

.fixed-info-box .related-project span {
	font-size: 13px;
	padding-bottom: 4px;
	padding-left: 2px;
}

.fixed-info-box .related-project ul {
	padding: 5px 3.3%;
	border-top: 1px #98c0c5 solid;
	border-bottom: 1px #98c0c5 solid;
	width: 93.4%;
}

.fixed-info-box .related-project ul li {
	padding-left: 3.3333%;
	width: 29%;
	margin-bottom: 0;
}

.fixed-info-box .related-project img {
	width: 100px;
	max-width: 100px;
	height: 45px !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.fixed-info-box .related-project img:hover {
	opacity: 0.7;
}

/*pagination between projects*/
.arrow-nav {
	position: fixed;
	display: none;
	width: 55px;
	height: 100%;
	padding: 0;
	top: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.arrow-nav:hover {
	display: block;
	width: 200px;
	padding: 0 100px 0 25px;
	background-color: rgb(0, 0, 0);
}

.next-project {
	right: 0
}

.prev-project {
	left: 0;
}

.arrow-nav a {
	position: absolute;
	display: table;
	height: 500px;
	width: 25px;
	color: #FFF;
	top: 50%;
	margin-top: -250px;
}

.arrow-nav a i,
.arrow-nav a span {
	display: table-cell;
	vertical-align: middle;
	font-size: 21px;
	line-height: 23px;
	font-weight: 200;
	text-transform: uppercase;
	width: 200px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.arrow-nav a i {
	width: 10px;
	font-size: 17px;
	color: #000;
}

.arrow-nav a span {
	display: none;
}

.arrow-nav:hover a {
	min-width: 200px;
	border-bottom: none;
}

.arrow-nav:hover a i {
	position: relative;
	color: #FFF;
}

.arrow-nav:hover a span {
	position: relative;
	display: table-cell;
}

.prev-project a {
	text-align: left;
	left: 45px;
}

.prev-project a i {
	left: 0;
}

.prev-project a span {
	text-align: right;
}

.prev-project:hover a {
	left: 50px;
}

.prev-project:hover a i {
	left: -20px;
}

.prev-project:hover a span {
	left: 0;
}

.next-project a {
	text-align: left;
	right: 50px;
}

.next-project a span {
	text-align: left;
}

.next-project:hover a i {
	right: -11px;
}

.pag-direction {
	position: absolute;
	display: block;
	font-size: 11px;
	font-weight: 700;
	font-style: italic;
	color: #292929;
	padding-top: 1px;
}

.pag-direction-prev {
	right: 0;
	margin-right: 5px;
}

.pag-direction-next {
	left: 0;
	margin-left: 5px;
}

.content-wrapper blockquote {
	margin: 25px 0;
}

.content-wrapper blockquote p {
	font-size: 15px;
	font-weight: 500;
	font-style: italic;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: -1px;
	width: 280px;
	margin-left: 35px;
}

.content-wrapper blockquote:before {
	content: '"';
	display: block;
	width: 35px;
	height: 35px;
	font-size: 45px;
	color: #929292;
	text-align: center;
	line-height: 63px;
	background: #000;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.content-wrapper iframe {
	max-width: 100%;
}

/*
 4.1 Fullscreen images // Gallery
----------------------------------------------------*/
#fullscreen-images {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
}

/*
 5. Default pages
----------------------------------------------------*/
.claim {
	font-size: 47px;
	line-height: 55px;
	font-weight: 300;
	color: #000;
	margin-bottom: 30px;
}

.claim:after {
	content: '';
	position: relative;
	display: block;
	width: 75px;
	height: 2px;
	background: #3C3C3C;
	margin-top: 15px;
}

/*this is a big title but lower than claims*/
.midtle {
	font-size: 37px;
	font-weight: 300;
	line-height: 43px;
	color: #000;
	margin-bottom: 25px;
}

.claim.align-left,
.midtle.align-left {
	text-align: left;
}

.claim.align-center,
.midtle.align-center {
	text-align: center;
}

.claim.align-right,
.midtle.align-right {
	text-align: right;
}

.claim.align-center:after {
	margin: 15px auto 0 auto;
}

.claim.align-right:after {
	margin: 15px 0 0 100%;
	right: 75px;
}

.sub-claim {
	margin: -25px 0 35px 0;
}

h3.page-subtitle {
	display: inline-block;
	font-size: 2.5em;
	color: rgb(167, 167, 167);
	text-transform: none;
	text-decoration: none;
	margin: 30px 0 15px 0;
}

h4.widget-heading {
	font-size: 2.3em;
	color: rgb(0, 0, 0);
	text-decoration: none;
	letter-spacing: -1px;
	margin-bottom: 11px;
}

.block-content {
	position: relative;
	padding: 1px 3px;
	z-index: 100;
}

.default-page .block-content ul li {
	font-size: 1.3em;
	line-height: 1.7em;
	color: rgb(109, 109, 109);
}

/*
 6. Blog Cover
----------------------------------------------------*/
#content-side {
	position: relative;
	width: 60%;
	float: left;
}

body.posts-stream.hide-side #content-side,
body.single-post.hide-side #content-side {
	width: 100%;
}

body.posts-stream.left-side #content-side,
body.single-post.left-side #content-side,
body.page-template-template-sidebar-left-php #content-side {
	margin-right: 0;
	float: right;
}

#sidebar {
	position: relative;
	width: 29%;
	margin-top: 25px;
	float: right;
}

.right-side #sidebar {
	margin-top: 35px;
}

body.posts-stream.left-side #sidebar,
body.single-post.left-side #sidebar,
body.page-template-template-sidebar-left-php #sidebar {
	float: left;
}

body.posts-stream.hide-side #sidebar,
body.single-post.hide-side #sidebar {
	display: none;
}

#sidebar li>ul {
	padding-left: 0;
}

.post-content ul li a {
	color: rgb(207, 207, 207);
}

.cover-post {
	position: relative;
	padding: 25px 0 0 0;
	margin-bottom: 105px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.cover-post .the-date {
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 7px;
	color: rgb(207, 207, 207);
}

.post-body {
	margin-top: 10px;
}

.post-content {
	position: relative;
}

.post-content>ul {
	display: inline-block;
}

.post-content>ul li {
	font-size: 13px;
	color: rgb(207, 207, 207);
	text-transform: uppercase;
	list-style: none;
}

.post-content .btn a {
	border: none;
	padding: 0;
	text-align: left;
}

.post-content .btn a:hover {
	background: transparent;
}

.post-excerpt {
	width: 100%;
}

.post-excerpt p {
	margin-bottom: 10px;
}

.post-image {
	position: relative;
	width: 100%;
	left: 0;
	overflow: hidden;
	z-index: -1;
	margin-bottom: 15px;
}

body.blog.blog-layout-2 .post-image {
	max-height: 150px;
}

.blog.blog-layout-3 .post-image {
	position: absolute;
	width: 30%;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
}

body.blog-layout-3 .post-content {
	position: relative;
	width: 63%;
	margin-right: 0%;
	padding-right: 37%;
}

body.blog-layout-3 .single-post .post-content {
	position: relative;
	width: 100%;
	margin-right: 0;
	padding-right: 0;
}

body.blog-layout-3.single-post .post-content {
	width: 100%;
}

body.blog-layout-3.single-post .post-image {
	position: relative;
	width: 100%;
}

.post-image figure {
	display: block;
	right: 0;
}

.post-image img {
	width: 100%;
	height: auto;
}

.post-content img {
	padding-bottom: 15px;
	max-width: 100%;
	height: auto;
}

.post-content h2 {
	margin-bottom: 15px;
	font-size: 2.3em;
}

.post-content h2 a {
	font-size: 25px;
	font-weight: 400;
	line-height: 31px;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #000;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.post-content h2 a:hover {
	border-bottom: 2px solid #d3eeee;
}

.post-content p,
.post-excerpt,
.post-excerpt p {
	line-height: 1.8em;
	font-weight: 500;
	color: rgb(73, 73, 73);
	font-size: 15px;
}

.post-category {
	margin: 25px 0 0 0;
	text-align: right;
}

.post-category ul {
	position: relative;
	display: block;
	width: 150px;
	float: right;
	clear: both;
}

.post-category h5 {
	font-size: 1em;
	display: inline-block;
	border-bottom: 2px solid #d3eeee;
	margin-bottom: 10px;
	float: right;
}

.post-category a {
	font-size: 0.8em;
	color: rgb(69, 69, 69);
}

.post-category a:hover {
	border-bottom: 1px solid #d3eeee;
}

.post-category a:visited {
	color: rgb(69, 69, 69);
}

.pagination {
	position: relative;
	width: 100%;
	margin-bottom: 35px;
	top: 25px;
	left: 9px;
	clear: both;
}

.pagination div {
	float: left;
}

.pagination .next-post {
	margin-left: 0;
}

.pagination .prev-post {
	float: right;
	margin-right: 15px;
}

.pagination div a {
	display: block;
	padding: 15px;
	line-height: 0.9em;
}

.pagination .next-post {
	margin-right: 5%;
}

.pagination .prev-post {
	position: relative;
	min-width: 145px;
	text-align: right;
}

.pagination .prev-post a {
	position: absolute;
	right: 0;
}

/*wp-pagenavi styles*/
.pagination .wp-pagenavi {
	width: 100%;
}

.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span,
.pagination .wp-pagenavi span.current {
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0);
	background: transparent;
	border-radius: 50px;
	margin: 25px 0 0 0;
	padding: 10px 10px 9px 10px;
	width: 35px;
	text-align: center;
}

.pagination .wp-pagenavi .nextpostslink {
	position: absolute;
	right: 0;
	margin-top: 28px;
}

.pagination .wp-pagenavi .previouspostslink {
	margin-right: 15px;
}

.pagination .wp-pagenavi .page,
.pagination .wp-pagenavi span.current {
	margin-left: 5px;
	display: inline-block;
}

.pagination .wp-pagenavi span.current {
	opacity: 0.4;
}

.pagination .wp-pagenavi .pages {
	display: none;
}

.pagination .wp-pagenavi .nextpostslink,
.pagination .wp-pagenavi .previouspostslink {
	float: left;
}

.pagination .wp-pagenavi a {
	display: inline-block;
}

.single-pagination {
	position: relative;
	width: 100%;
	height: auto;
	margin: 40px 0 100px 0;
	border-top: 1px dotted #dbdbdb;
	border-bottom: 1px dotted #dbdbdb;
	padding: 55px 7px;
}

.single-pagination span {
	float: left;
	display: block;
	width: 43%;
	padding: 0 17px;
}

.single-pagination span small {
	display: block;
	font-size: 13px;
	color: #dbdbdb;
	text-transform: none;
	font-weight: normal;
	padding: 0 0 11px 0;
}

.single-pagination a {
	font-size: 1.15em;
	line-height: 1.55em;
	border: none;
	display: inline;
	border-bottom: 2px solid transparent;
}

.single-pagination span#next-post {
	float: right;
	text-align: right;
}

.single-pagination span a {
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
}

.single-pagination span a:hover {
	color: #000;
}

.single-pagination span#prev-post {
	padding-left: 0;
}


.infinite-scrl .pagination .next-post,
.infinite-scrl .pagination .prev-post,
.infinite-scrl .pagination .wp-pagenavi {
	display: none;
}

body.single.infinite-scrl .pagination .next-post,
body.single.infinite-scrl .pagination .prev-post,
body.blog.infinite-scrl .pagination .next-post,
body.blog.infinite-scrl .pagination .prev-post,
body.single.infinite-scrl .pagination .wp-pagenavi,
body.blog.infinite-scrl .pagination .wp-pagenavi {
	display: block;
}

.post-body .btn a {
	color: #222;
	background:
		transparent;
	margin-top: 25px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #222;
}

.post-body .btn a:hover {
	border-color: transparent;
}

/*
 6.1 Sidebar Widgets
----------------------------------------------------*/

/*
 	> >  Standard
----------------------------------------------------*/
.widget {
	position: relative;
	margin-bottom: 35px;
	list-style: none !important;
}

.widget h3 {
	display: inline-block;
	font-size: 11px !important;
	color: rgb(26, 26, 26);
	text-decoration: none;
	border-bottom: 3px solid #d3eeee;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0;
}

.widget ul {
	position: relative;
	display: block;
}

.widget ul li {
	display: block;
	line-height: 30px;
	/*border-top: 1px solid #E6E6E6;*/
}

/*.widget ul li:first-child { border-top: 0; }
.widget ul li:last-child { border-bottom: 1px solid #E6E6E6; }*/
.widget ul li a {
	display: inline;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: 400;
	color: #999;
}

.widget:not(.query) ul li a,
.widget:not(.query) ul li p,
.widget:not(.query) ul li,
.widget:not(.query) {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	color: #313131;
}

.widget ul li a:hover {
	color: rgb(0, 0, 0);
}

#searchform input {
	font-size: 1.35em;
	background-color: rgb(241, 241, 241);
	border: none;
	height: 3em;
	padding: 1em;
	box-sizing: border-box;
}

#sidebar #searchsubmit {
	display: none;
}

#sidebar input[type=search] {
	width: 100%;
	font-size: 13px;
	height: 55px;
	background: #f5f5f5;
}

#searchform ::-webkit-input-placeholder {
	line-height: 1.35em;
	color: rgb(186, 186, 186);
	opacity: 0.5;
}

.tagcloud a,
.widget_archive select {
	display: inline-block;
	font-size: 9px !important;
	line-height: 0;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	border: 1px solid rgb(211, 238, 238);
	margin: 0 0 5px 0;
	padding: 9px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.widget_archive select {
	line-height: 9px;
}

.tagcloud a:hover {
	border: 1px solid transparent;
}

.textwidget p {
	font-size: 13px;
	line-height: 1.7em;
	text-transform: none;
	margin-bottom: 5px;
}

.widget_categories label {
	display: none;
}

.widget_categories select {
	display: block;
	margin: 0 0 29px;
	padding: 15px 21px;
	font-size: 15px;
	line-height: 1.55em;
	border: 0;
	border-radius: 0;
	background: #f5f5f5;
	color: #aaa;
	opacity: 0.55;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.widget_categories select:hover {
	opacity: 0.75;
}

/*Tabbed widget - recommended plugin - */
.sb_tabbed .sb_tabs .t3 {
	display: none;
}

.widget_sb_tabbed_widget ul.sb_tabs li {
	width: 50.005%;
	height: 75px;
	max-height: 75px;
}

.widget_sb_tabbed_widget ul.sb_tabs li a {
	text-transform: uppercase;
	font-weight: 600;
	line-height: 25px;
	background: #000;
	color: #FFF;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.widget_sb_tabbed_widget ul.sb_tabs li a.tab-current {
	border: none;
}

.widget_sb_tabbed_widget .tab-content {
	padding: 0 5px 0 0;
}

.widget_sb_tabbed_widget .tab-content ul li {
	position: relative;
	min-height: 75px;
}

.widget.widget_sb_tabbed_widget div {
	margin-bottom: 0;
}

.tb-wdgt-wrap {
	position: absolute;
	width: 35%;
	height: 95px;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 0;
	display: block !important;
}

.widget_sb_tabbed_widget .tab-content ul li a {
	position: absolute;
	font-size: 13px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 0;
	color: #000;
	right: 0;
	width: 60%;
}

.widget .sb_tabbed {
	margin-bottom: -20px;
}

.widget_sb_tabbed_widget .tab-content ul li a:hover {
	border: none;
	color: #333;
}

.sb-date-meta,
.sb-comment-meta,
.sb-cat-meta {
	position: absolute;
	text-transform: capitalize;
	font-weight: 500;
	letter-spacing: 0;
	width: 60%;
	right: 0;
	bottom: 5px;
}

/* Widget calendar
--------------------------------------------*/
#sidebar>ul .widget_calendar #wp-calendar {
	width: 100%;
}

#sidebar>ul .widget_calendar #wp-calendar caption {
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: #333;
	margin: 10px 0 15px 0;
}

#sidebar>ul .widget_calendar #wp-calendar thead {
	font-size: 10px;
}

#sidebar>ul .widget_calendar #wp-calendar thead th {
	padding-bottom: 10px;
	text-align: center;
}

#sidebar>ul .widget_calendar #wp-calendar tbody {
	color: #aaa;
}

#sidebar>ul .widget_calendar #wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	text-align: center;
	padding: 8px;
}

#sidebar>ul .widget_calendar #wp-calendar tbody td:hover {
	background: #FFF;
}

#sidebar>ul .widget_calendar #wp-calendar tbody .pad {
	background: none;
}

#sidebar>ul .widget_calendar #wp-calendar tfoot #next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}

#sidebar>ul .widget_calendar #wp-calendar tfoot #prev {
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}

/*
 	> >  Twitter
----------------------------------------------------*/
#sidebar>ul .vkw_tweet_widget .twitter {
	font-size: 1.15em;
	line-height: 1.7em;
}

#sidebar>ul .vkw_tweet_widget .twitter li {
	color: #474747;
	padding: 10px 0;
}

#sidebar>ul .vkw_tweet_widget .twitter li span {
	display: block;
}

#sidebar>ul .vkw_tweet_widget .twitter li span a {
	font-weight: 800;
	color: #000;
	letter-spacing: 0px;
	color: #474747;
}

#sidebar>ul .vkw_tweet_widget .twitter li span a:hover {
	color: #000;
}

#sidebar>ul .vkw_tweet_widget .twitter li>a {
	font-size: 0.9em;
	margin-top: 7px;
	border: none;
}

#sidebar>ul .twitter-link {
	position: relative;
	display: inline-block;
	width: auto;
	font-weight: 500;
	margin: 0 auto;
	padding: 7px 11px !important;
	background: #f5f5f5;
	border-bottom: none !important;
	color: #000;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#sidebar>ul .twitter-link:hover {
	background: #000;
}

/*
 	> >  Flickr
----------------------------------------------------*/
#sidebar>ul .vkw_flickr_widget .flickr_badge_image {
	width: 25%;
	float: left;
	margin: 0;
}

#sidebar>ul .vkw_flickr_widget .flickr_badge_image a {
	display: block;
}

#sidebar>ul .vkw_flickr_widget .flickr_badge_image a:hover {
	opacity: 0.7;
	/*-webkit-box-shadow:2px 2px 3px #ccc;
     -moz-box-shadow:2px 2px 3px #ccc;
          box-shadow:2px 2px 3px #ccc;*/
	/*border: 2px solid rgb(211,238,238);*/
}

#sidebar>ul .vkw_flickr_widget .flickr_badge_image a img {
	width: 100%;
	height: auto;
}

/*
 7. Single Post
----------------------------------------------------*/

.back-single-feat-image {
	position: fixed;
	display: block;
	width: 103%;
	height: 100%;
	top: -5px;
	left: -5px;
	opacity: 0.55;
}

.iosdevice .back-single-feat-image {
	z-index: -1 !important;
}

.blurred {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

.back-single-feat-image img {
	width: 100%;
	max-width: 100%;
}

.single-post svg {
	position: fixed;
	opacity: 0.5;
}

.single-post.image-bg,
.single-post.pattern-bg {
	background: #F3F3F3;
}

.single-post .post-content {
	position: relative;
	width: 100%;
	margin-right: 2%;
}

.single-post .post-excerpt p,
.project-detail p {
	margin-bottom: 10px;
}

.single-post .post-content h2 {
	font-size: 25px;
	font-weight: 500;
	line-height: 31px;
	text-transform: uppercase;
	letter-spacing: 0;
}

.single-post .post-image {
	position: relative;
	max-width: 1024px;
	height: auto;
	max-height: 565px;
	min-height: 85px;
	margin: 0 auto;
	margin-top: 115px;
	padding: 0 10px;
	top: 75px;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.minimal-layout.single-post .post-image {
	margin-top: 0;
	padding: 0;
	top: 0;
}

.minimal-layout .cover-post .the-date {
	margin-bottom: 0;
}

.single-post .post-image figure {
	display: block;
	position: relative;
	margin: 0 0 25px 0;
}

.single-post .post-image img {
	width: 100%;
	height: auto;
}

.post-tags,
.post-metas,
.post-share {
	font-size: 1.15em;
	color: #999;
	margin: 25px 0 15px 0;
	text-align: left;
	clear: both;
}

.post-tags h5,
.post-metas h5,
.post-share h5 {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	margin: 25px 0 10px 0;
}

.post-tags ul,
.post-metas h5 {
	border: none;
}

.post-metas ul {
	margin-left: 2px;
}

.post-tags ul li,
.post-metas ul li {
	display: inline-block;
	padding-right: 3px;
}

.post-metas ul li {
	padding-right: 0;
}

.post-tags ul li a,
.post-metas ul li a {
	font-size: 0.8em;
	color: rgb(69, 69, 69);
}

.post-tags ul li a {
	font-size: 9px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #333;
	color: #FFF;
	padding: 5px 11px;
	opacity: 0.25;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-ms-border-radius: 11px;
	-o-border-radius: 11px;
	border-radius: 11px;
}

.post-tags ul li a:hover {
	opacity: 1;
}

.post-metas h5 {
	margin-bottom: 0;
}

.post-metas ul li {
	font-size: 13px;
}

.post-tags ul li a:hover {
	border-bottom: 1px solid #d3eeee;
}

.post-share {
	position: relative;
	top: -77px;
	float: right;
}

body.single-portfolio .post-share {
	top: -59px;
	min-width: 60px;
}

.post-share .social-icon {
	position: relative;
	top: 11px;
	right: 7px;
	margin: 0;
}

.post-share h5 {
	position: absolute;
	font-size: 12px;
	text-align: left;
	top: -35px;
}

.post-share .social-icon li {
	margin: 0;
	list-style: none;
}

.post-share .social-icon li a {
	width: 35px;
	margin-right: 7px;
	border: transparent;
}

.post-share .social-icon li a i {
	display: block;
	font-size: 15px;
	text-align: center;
	line-height: 27px;
	color: #B4B4B4;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.post-share .social-icon li .twitter i:hover {
	color: rgb(0, 160, 209);
}

.post-share .social-icon li .facebook i:hover {
	color: rgb(59, 89, 152);
}

.post-share .social-icon li .pinterest i:hover {
	color: rgb(145, 1, 1);
}

.back-news-btn {
	display: inline-block;
	margin-top: 50px;
}

/* Standard Wordpress styles
--------------------------------------------*/
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin: 1.5em 1.5em 1.5em 0 !important;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin: 1.5em 0 1.5em 1.5em !important;
}

.project-detail .aligncenter,
.project-detail img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.aligncenter {
	margin: 0 auto;
}

img.alignnone {
	margin: 10px 0;
}

.project-detail .wp-caption {
	width: 100% !important;
	position: relative;
}

.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	position: absolute;
	max-width: 35%;
	font-size: 9px;
	text-transform: uppercase;
	text-align: left;
	line-height: 17px;
	display: block;
	background: #000;
	color: #f6f7f2;
	margin: 0;
	padding: 15px;
	bottom: 23px;
	left: 15px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.wp-smiley {
	max-height: 1em;
	margin: 0 !important;
}

.gallery dl {
	margin: 0;
}

.gallery-caption {
	margin: -1.5em 0 0 0;
}

.sticky {}

/*
 8. Contact
----------------------------------------------------*/
.widget div {
	margin-bottom: 35px;
}

.widget div h2 {
	font-size: 2.3em;
}

.module {
	margin-top: 50px;
}

#map-canvas {
	position: absolute;
	width: 100%;
	height: 500px;
	/*default size*/
	bottom: 0;
	z-index: -1;
}

.minimal-layout #map-canvas {
	position: relative;
	width: 100%;
	height: 500px;
	bottom: 0;
	z-index: 0;
	margin-bottom: 75px;
}

.map-zoom {
	position: absolute;
	z-index: 10;
	bottom: 200px;
	right: 3%;
}

.straight-layout .map-zoom {
	bottom: 225px;
}

.map-zoom a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #000;
	line-height: 32px;
	margin-bottom: 7px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 7px;
}

.map-zoom a i {
	color: #FFF;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.map-zoom a:hover {
	background: #FFF;
}

.map-zoom a:hover i {
	color: #1eedc8;
}

/*
 9. Forms
----------------------------------------------------*/
.contact-form .block {
	margin-right: 15px;
}

body .wpcf7 input,
body .wpcf7 textarea {
	display: block;
	height: 40px;
	font-size: 13px;
	line-height: 35px;
	color: #333;
	background: transparent;
	border: 1px solid #333;
	padding: 0 0 0 6px;
	margin: 0px;
	outline: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body .wpcf7 input:hover,
body .wpcf7 textarea:hover {
	border: 5px solid #000;
}

body .wpcf7 input {
	width: 50%;
}

body .wpcf7 textarea {
	width: 100%;
	min-height: 130px;
	margin: 15px 0;
	overflow: auto;
}

body .wpcf7 p {
	margin: 15px 0 10px 0;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 20px;
}

body .wpcf7 input[type=checkbox] {
	height: initial;
	width: initial;
	min-height: initial;
	display: block;
	float: left;
	margin: 0 10px;
}

.wpcf7-list-item-label {
	float: left;
	font-size: 15px;
	line-height: 1em;
}

body .wpcf7 p:hover {
	color: #000;
}

body .wpcf7 .send-btn {
	border: none;
	font-weight: bold;
	color: #000;
	width: 15%;
	text-align: center;
	float: right;
}

body .wpcf7 .send-btn:hover {
	border: none !important;
	background: #1eedc8;
	color: #FFF;
}

body .wpcf7 .wpcf7-submit {
	width: 100px;
	text-transform: uppercase;
	font-weight: 600;
}

body .wpcf7 .wpcf7-submit:hover {
	border: 2px solid rgba(0, 0, 0, 0.9);
	cursor: pointer;
}

body .wpcf7-not-valid-tip {
	color: red;
}

body .wpcf7-validation-errors {
	text-transform: uppercase;
	color: red;
}

/*special form layout by default for contact section*/
.c-form-centered .wpcf7-form {
	margin: 25px 0;
}

.c-form-centered .wpcf7 input:not([type="checkbox"]),
.c-form-centered .wpcf7 textarea {
	width: 100%;
	min-height: 45px;
}

.c-form-centered .wpcf7 input[type=submit]:focus {
	border-bottom-color: inherit;
}

.c-form-centered .wpcf7 textarea {
	min-height: 176px;
}

.c-form-centered .wpcf7 .wpcf7-submit {
	position: relative;
	max-width: 115px;
	margin: 0 auto;
}

.c-form-centered .wpcf7 input::-webkit-input-placeholder,
.c-form-centered .wpcf7 textarea::-webkit-input-placeholder {
	font-size: 12px;
	color: #AAA !important;
	font-weight: bolder;
	text-transform: uppercase;
}

.c-form-centered .wpcf7 .wpcf7-validation-errors {
	text-align: center;
}

.c-form-centered .wpcf7 form.invalid .wpcf7-response-output {
	width: 100%;
	font-size: clamp(10px, 11vw, 12px);
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #f00;
	padding: 16px;
	margin: 0 auto;
	border: 1px solid #f00;
}

/* > inputs and textarea
----------------------------------------------------*/
input:not([type="submit"]),
textarea {
	outline: none;
	display: block;
	font-size: 1em;
	background: transparent;
	color: #3F3F3F;
	width: 90%;
	padding: 11px 19px;
	border: none;
	border-bottom: 1px dotted rgb(202, 202, 202);
	margin-bottom: 15px;
	-webkit-transition: background 0.2s linear, box-shadow 0.6s linear;
	-moz-transition: background 0.2s linear, box-shadow 0.6s linear;
	-o-transition: background 0.2s linear, box-shadow 0.6s linear;
	transition: background 0.2s linear, box-shadow 0.6s linear;
}

input:not([type="submit"]) {
	width: 50%;
	height: 20px;
}

::-webkit-input-placeholder {
	color: rgb(186, 186, 186);
	opacity: 0.5;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: rgb(186, 186, 186);
}

textarea {
	min-height: 150px;
	resize: vertical;
}

/* > labels
---------------------------------------------------- */
label {
	font-size: 15px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	transition: color 1s ease;
}

p {
	margin-bottom: 20px
}

.indication {
	color: rgb(186, 186, 186);
	font-size: 1.2em;
	font-style: italic;
	text-align: right;
	padding-right: 30px;
}

.required {
	color: rgb(244, 75, 39)
}

/* > send button 
---------------------------------------------------- */
input[type=submit] {
	position: relative;
	font-size: 1.15em;
	font-weight: bold;
	cursor: pointer;
	background: none;
	border: 1px solid transparent;
	color: rgb(0, 0, 0);
	padding: 10px 4px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.form-submit {
	display: inline-block;
	position: relative;
	right: 0;
	float: right;
	margin-right: 50px;
}

input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
	border-bottom: 1px solid #d3eeee;
}

/* > Comments area 
---------------------------------------------------- */
#comments-title {
	font-size: 27px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #D8D8D8;
	margin-bottom: 35px;
}

.says {
	display: none;
}

.comment:not(.parent) {
	margin: 50px 0;
	padding-bottom: 32px;
	border-bottom: 1px solid rgb(248, 247, 247);
}

.comment-author {
	display: block;
	width: 23%;
	margin-right: 2%;
	float: left;
}

.comment-body-items {
	width: 75%;
	margin-top: 7px;
	float: left;
}

.bypostauthor {
	background: rgb(243, 243, 243);
	padding: 40px 32px;
	border-top: 1px solid rgb(211, 238, 238);
	border-bottom: none !important;
	box-sizing: border-box;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.comment-body a:hover {
	color: rgb(240, 17, 101);
}

.comment .children {
	left: 0;
	position: relative;
	margin-left: 5%;
}

.comment.bypostauthor .children {
	margin-left: 2.5%;
}

.reply {
	display: block;
	position: relative;
	width: 100%;
	height: 45px;
	margin-top: 65px;
}

.reply a {
	font-size: 11px;
	clear: both;
	display: block;
	position: absolute;
	right: 10px;
	padding: 5px 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.reply a:hover {
	border: 2px solid transparent !important;
	color: rgb(255, 255, 255);
	background: rgb(240, 17, 101);
}

#reply-title {
	font-size: 25px;
	color: rgb(0, 0, 0);
	margin: 25px 0;
	text-decoration: none;
}

#reply-title small a {
	font-size: 13px;
	padding: 3px 7px;
	margin-left: 5px;
	opacity: 0.5;
}

#reply-title small a:hover {
	opacity: 1;
}

#respond {
	margin-bottom: 150px;
}

cite.fn {
	display: inline-block;
	max-width: 100%;
	margin: 0 0 20px 0;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	border-bottom: 2px solid #d3eeee;
	padding-bottom: 3px;
}

.comment-meta {
	display: inline-block;
	font-size: 9px;
	font-style: italic;
	margin-left: 15px;
}

.comment-meta a {
	display: block;
	color: rgb(190, 190, 190);
	font-size: 1.15em;
	margin-bottom: 10px;
}

.form-allowed-tags {
	font-size: 0.65em;
	color: #B3B3B3;
	width: 90%;
}

.logged-in-as,
.comment-notes {
	margin-bottom: 15px;
}

.avatar {
	float: left;
	margin-right: 15px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.comment em {
	font-size: 13px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	color: rgb(255, 0, 112);
}

#comments .form-allowed-tags {
	font-size: 11px;
}

#comments .comment {
	list-style: none;
}

#comments .comment-meta {
	pointer-events: none;
}

#comments .comment-edit-link {
	display: none;
}

#comments .comment-form-cookies-consent {
	display: flex;
	column-gap: 8px;
	margin-top: 24px;
}

#comments input#wp-comment-cookies-consent {
	width: fit-content;
}

/* 404
---------------------------------------------------- */
.error404 h2 {
	font-size: 95px;
}

.error404 .top-angle {
	margin-top: 330px;
}

.error404 .block-content {
	top: -95px;
}

.error404 #sidebar {
	display: none;
}

.error404 #content-side {
	width: 100%;
	font-size: 17px;
	margin: 15px 0 45px 0;
}

.error404 .btn-back-404 {
	display: block;
	margin: 25px 0 45px 0;
	padding-bottom: 45px;
}

.error404 .btn-back-404:hover {
	border: none;
}

.error404 .btn-back-404:hover {
	color: rgb(240, 17, 101) !important;
}

.error404 .current-page,
.error404 .target-page {
	display: none !important;
}

.error404 .main-navigation {
	top: 155px;
}

.error404.menu-layout-3 .main-navigation {
	top: 0;
}

.error404.straight-layout .top-angle {
	margin-top: -45px;
}

.error404.straight-layout .block-content {
	top: -45px;
}

.error404.minimal-layout h2,
.error404.minimal-layout #content-side {
	text-align: center;
}

/* > old browsers styles 
---------------------------------------------------- */
.ie8 .rotate-text {
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	display: block;
	position: relative;
	left: 15px;
	top: 0;
	margin-bottom: 15px;
}

.ie8 h2.page-title {
	margin-top: 100px;
	margin-left: -125px;
}

.ie8 .categories h4 {
	margin-top: 80px;
}

.ie8 .prev-project a .rotate-text,
.ie8 .next-project a .rotate-text {
	display: none !important;
}

.ie8 .project-detail {
	position: relative;
	width: 100%;
	margin-left: 10px !important;
	top: 30px !important;
}

.ie8 .info-box {
	position: relative;
	margin-top: 50px !important;
}

.ie8 .project-stream {
	margin-top: 75px;
}

.ie8 body .info-box {
	width: 75% !important;
}


html.oldie .top-angle,
html.ie .top-angle,
body.modernIE .top-angle {
	border-style: solid solid solid solid;
}

html.oldie .bottom-angle,
html.ie .bottom-angle,
body.modernIE .bottom-angle {
	border-style: solid solid solid solid;
}

html.oldie .footer-angle,
html.ie .footer-angle,
body.modernIE .footer-angle {
	border-style: solid solid solid solid;
}