/*
Theme Name: Flamingo - Agency & Freelance Portfolio Theme
Theme URI: http://themeforest.net/user/VanKarWai/portfolio
Description: Premium Wordpress Theme Portfolio for creatives, studios even product and little bussines sites.
Tags: editor-style, translation-ready, custom-menu
Version: 1.4.6
Author URI: http://themeforest.net/user/VanKarWai
Author: Van Garret

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
	
*/

/* 

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
	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.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) #f8f8f8;
    border-style: solid solid solid dashed;
    border-width: 400px 0 0 0;
    margin-top: 550px;
}
.bottom-angle {
	width: 0;
    height: 0;
    border-color: rgba(255, 255, 255, 0) #f8f8f8;
    border-width: 0 0 333px 0;
    border-style: solid solid solid dashed;
}

/* 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 .icon-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;
}
.scroller-top i {
	font-size: 25px;
	color: #000;
}

/* 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: 100%;
	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-gplus:hover { border-bottom: 2px solid #dd4b39; }
.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-gplus:hover { color: #dd4b39 ; 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;
	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: #95624d; 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; }

.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;
}
.footer-highlight { font-size: inherit; font-weight: bold; }
.hight-red { color: rgb(255, 84, 84); }

/*
 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;
	height:100%;
	text-align:center;
	cursor:pointer;
	background: transparent;
	/*padding:37% 0 28%;*/
	left:0;
	top:0;
	opacity:1;
	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 .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 .icon-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; }
*/

/*
 > > > 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;
	background-color: #f7f7f7;
	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:before,
.wpb_wrapper .vc_separator_align_left:before,
.wpb_wrapper .vc_separator_align_right: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:after,
.wpb_wrapper .vc_separator_align_left:after,
.wpb_wrapper .vc_separator_align_right: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 > 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;
}
.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;
}
.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 */
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);
}

/* > 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;
}

/*
 > > > 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; }

/*
 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 figure {background-color:#e8cc51;}
.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; }
.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");*/
}
.actions-related:hover,
.action-fullscreen:hover,
.action-scroll:hover{ background: #FFF; border-color: transparent; }
.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");*/
}
.actions-related:hover a i,
.action-fullscreen:hover a i,
.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;}
.actions.active .action-scroll { top: 11px; }
.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 }

.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 .gplus:hover{background-color:rgb(211,72,54);}
.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;
}
.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;
	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;
	padding-bottom: 3px;
}
.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: 75%;
    font-size: 13px;
    line-height: 1em;
}
#searchform ::-webkit-input-placeholder {
	line-height: 25px;
    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;
}

/*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 .gplus i:hover { color: rgb(211,72,54); }
.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;
}
.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 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; }

/* > 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;
	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: 70px;
	border-top: 5px solid rgb(211,238,238);
	border-bottom: none !important;
	box-sizing: border-box;
}
.comment-body a:hover{color:rgb(240,17,101);}
.comment .children{
	width: 90%;
	left: 0;
	position: relative;
	margin-left: 10%;
}
.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; }

/* 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;
}