/*
Theme Name: Anps's Coolblue
Theme URI: http://www.astudio.si/preview/coolblue/
Description: Coolblue theme for Wordpress. Best features: HTML5, CSS3, colorpicker, one click dummy content, responsive and responsive on demand.
Version: 1.3.1
Author: Anps
Author URI: http://themeforest.net/user/Anps/portfolio?WT.ac=item_portfolio&WT.seg_1=item_portfolio&WT.z_author=Anps
Text Domain: coolblue
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: license.txt
*/

/*
Please DO NOT edit this file, but add your styles in custom.css file.
Style.css is the main file of our Coolblue theme and includes all classes, but all classes do NOT include colors and other type of unique attributes for our set of SHEMES. You can find them in folder color/css/name_of_sheme.
*/

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

.video-wrapper {
	position: relative;
	z-index: 9;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
		z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.blank-line {
	height: 2px;
}

.none {
    display: none;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

img {
	border: none;
}

section img {
	max-width: 100%;
	height: auto;
}

section {
	padding-bottom: 20px;
}

ul, ol {
    padding: 0;
    margin: 0;
}

/* WordPress Wrapping Text Around Images */

img.alignright  { float:right; margin:0 0 1em 1em }
img.alignleft { float:left; margin:0 1em 1em 0 }
img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto }

/* List styles */
.list-default, .list-number, .list-square, .list-circle, .list-arrow {
    padding: 0 0 0 15px;
    margin: 0;
}

.list-default li, .list-number li, .list-square li, .list-circle li, .list-arrow li, section ul li {
    padding: 0 0 8px 8px;
}

.list-default {
    list-style: url(images/bullet_arrow_small.png);
}

.list-square {
    list-style: square;
}

.list-circle {
    list-style: disc;
}

.list-arrow {
    list-style: url(images/list_arrow.png);
}

section ul {
	margin: 0 0 0 15px;
}

*:focus {
	outline: none;
}

/* CSS3 animations */
.social-icons a img, .pricing-table-footer a, .responsive-on-demand, .responsive-on-demand-selected, .button, .icon-hover, button {
	transition: opacity 0.2s ease;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
		-o-transition: opacity 0.2s ease;
}

a {
	cursor: pointer;
}

a.icon .wrapper.default, a.icon .wrapper.circle, a.icon .wrapper.square, a.icon .wrapper.diamond {
	transition: background-image 0.2s ease;
        -webkit-transition: background-image 0.2s ease;
        -moz-transition: background-image 0.2s ease;
		-o-transition: background-image 0.2s ease;
}

.lb-next, .lb-prev {
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.main-wrapper {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

body, textarea {
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	line-height: 20px;
	background-color: #ffffff;
}

/* Buttons */
.button, #wpmem_login input[type="submit"], #wpmem_reg input[type="submit"] {
	display:table;
    position: relative;
    font-size: 14px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    border-radius: 4px;
        -moz-box-shadow: 1px 1px 2px #888;
        -webkit-box-shadow: 1px 1px 2px 0px #888;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .14);
    text-shadow: rgba(0, 0, 0, .31) 0 -1px 1px;
    text-align: center;
    border: none;
    width: auto;
    cursor: pointer;
    opacity: 1;
    line-height: 30px;
    margin: 0 0 -10px 0;
}

.button:before, #wpmem_login input[type="submit"]:before, #wpmem_reg input[type="submit"]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:  8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-style: solid none none none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.button:after, , #wpmem_login input[type="submit"]:after, #wpmem_reg input[type="submit"]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:  5px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-style: none none solid none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.button:hover, #wpmem_login input[type="submit"]:hover {
    opacity: 0.9;
}

.button.large {
    font-size: 14px;
    padding: 10px 40px;
}

.button.medium {
    font-size: 14px;
    padding: 7px 25px;
}

.button.small {
    font-size: 11px;
    padding: 3px 20px;
}

a {
    text-decoration: none;
	transition: opacity 0.2s ease, color .3s;
        -webkit-transition: opacity 0.2s ease, color .3s;
        -moz-transition: opacity 0.2s ease, color .3s;
		-o-transition: opacity 0.2s ease, color .3s;
}

.gallery-item img, .gallery-item a:before {
	transition: opacity 0.2s ease;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
		-o-transition: opacity 0.2s ease;
}

/* Content layout */
.content-half, .content-third, .content-two-third, .content-quarter, .content-two-quarter, .content-three-quarter {
    float: left;
    position: relative;
    margin: 0 8% 0 0;
}

.content-half h1:first-child, .content-half h2:first-child, .content-half h3:first-child,
.content-half h4:first-child, .content-half h5:first-child {
	margin-top: 0;
}

.content-third h1:first-child, .content-third h2:first-child, .content-third h3:first-child,
.content-third h4:first-child, .content-third h5:first-child {
	margin-top: 0;
}


.content-two-third h1:first-child, .content-two-third h2:first-child, .content-two-third h3:first-child,
.content-two-third h4:first-child, .content-two-third h5:first-child {
	margin-top: 0;
}

.content-quarter h1:first-child, .content-quarter h2:first-child, .content-quarter h3:first-child,
.content-quarter h4:first-child, .content-quarter h5:first-child {
	margin-top: 0;
}

.content-two-quarter h1:first-child, .content-two-quarter h2:first-child, .content-two-quarter h3:first-child,
.content-two-quarter h4:first-child, .content-two-quarter h5:first-child {
	margin-top: 0;
}

.content-three-quarter h1:first-child, .content-three-quarter h2:first-child, .content-three-quarter h3:first-child,
.content-three-quarter h4:first-child, .content-three-quarter h5:first-child {
	margin-top: 0;
}

.content-half {
    width: 46%;
}

.content-two-third {
    width: 64%;
}

.content-third {
    width: 28%;
}

.content-quarter {
    width: 19%;
}

.content-two-quarter {
    width: 46%;
}

.content-three-quarter {
    width: 73%;
}


.content-half img, .content-two-third img, .content-third img, .content-quarter img, .content-two-quarter img, .content-three-quarter img {
    max-width: 100%;
    height: auto;
}

.last {
    margin: 0;
    clear: right;
}

.error_title {
	font-size: 190px;
	line-height: 150px;
	display: inline;
}

.error_sub_title {
	color: #2e2e2e;
	font-size: 24px;
	text-transform: none;
	font-weight: 400;
	display: inline;
	margin-left: 20px;
}

.error_text_large {
	margin: 40px 0 0 0;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	text-transform: none;
}

.error_text {
	margin: 20px 0 0 0;
	color: #000;
	text-transform: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 35px;
}

h1, h2, h3, h4, h5 {
    text-transform: uppercase;
}

h1 {
	line-height: 32px;
}

h2 {
	line-height: 26px;
}

h3 {
	line-height: 22px;
}

/* Progress shortcode */
.progress-wrapper {
    width: 100%;
    position: relative;
    border: 1px solid #eaeaea;
    border-style: none none solid none;
    margin: 0 0 11px 0;
    padding: 0 0 1px 0;
}

.progress {
    text-transform: uppercase;
    max-width: 100%;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
    font-size: 12px;
}

/* Quote */
blockquote, .quote-right, .quote-left {
    position: relative;
    color: #a2a2a2;
    font-style: italic;
    margin: 25px 26px 15px 25px;
}

blockquote:before, .quote-left:before, .quotes article:before {
    content: url(images/quote.png);
    position: absolute;
        top: -20px;
        left: -25px;
}

blockquote:after, .quote-left:after {
    content: "";
    position: absolute;
        top: 0;
        right: -26px;
    border: 1px solid #EBEBEB;
    border-style: none solid;
    width: 2px;
    height: 100%;
}

.quote-right:before {
    content: "";
    position: absolute;
        top: 0;
        left: -26px;
    border: 1px solid #EBEBEB;
    border-style: none solid;
    width: 2px;
    height: 100%;
}

.quote-right:after {
    content: url(images/quote2.png);
    position: absolute;
        top: -20px;
        right: -25px;
}

/**** 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:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

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

.announce {
    position: relative;
    height: 36px;
    padding:  10px 0 0 0;
    display: table-cell;
    vertical-align: middle;
}

.announce.not:after {
	display: none;
}

.announce:after {
    content: url(images/bullet_arrow_social.png);
    display: inline;
    margin: 0 10px 0 17px;
}

.announce-after {
	font-size: 14px;
    height: 36px;
    padding:  10px 0 0 10px;
    display: table-cell;
    vertical-align: middle;
}

.social-icons {
    display: table;
}

.social-icons-wrap {
    display: table-cell;
    vertical-align: middle;
}

.social-icons {
    float: right;
    width: auto;
    display: table-cell;
    vertical-align: middle;
}

.social-icons a img {
    vertical-align: bottom;
    opacity: 0.3;
    filter: alpha(opacity=30);
    margin:  0 0 0 13px;
    float: left;
    margin-top: 13px;
}

.social-icons a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.social-icons .flickr img {
	margin-top: 17px;
}

/* Header classes */
.header-button {
	background-image: -webkit-linear-gradient(top, #f6f6f6, #dcdcdc);
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 17px 52px;
	text-transform: uppercase;
}

.upper-menu, .upper-menu2 {
	width: 100%;
	height: 58px;
	margin-top: -50px;
	position: relative;
	transition: margin-top 0.5s ease;
        -webkit-transition: margin-top 0.5s ease;
        -moz-transition: margin-top 0.5s ease;
	-o-transition: margin-top 0.5s ease;
}

.upper-menu .announce-after a {
    color: #fff;
}

.upper-menu2 {
	display: none;
}

.upper-menu:hover, .upper-menu2:hover, .upper-menu.upper-menu-open, .upper-menu2.upper-menu-open {
	margin-top: 0px;
}

.upper-menu-no-transition {
	margin-top: 0px !important;
}

.upper-menu .social-icons, .upper-menu2 .social-icons  {
    float: left;
    width: 35%;
}

.header-xoxo {
	float: left;
	width: 32%;
}

.upper-menu:after, .upper-menu2:after {
        content : "";
	position: absolute;
		top:  57px;
		left: 50%;
	margin: 0 0 0 -6px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
        z-index: 9;
}

.upper-menu-before, .upper-menu2-before {
        content : "";
	position: absolute;
		bottom:  -15px;
		left: 50%;
	margin: 0 0 0 -200px;
	width: 400px;
	height: 25px;
        z-index: 19;
}

#logo {
	margin: 99px 0 0 0;
	float: left;
}

nav {
	margin: 69px 0 0 0;
}

nav li	{
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	line-height: 50px;
}

nav li a  {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 24px 22px 44px 22px;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

nav li:hover {
   	background-color: #fbfbfb;
        background-image: linear-gradient(bottom, rgb(242,242,242) 35%, rgb(252,252,252) 68%, rgb(255,255,255) 84%);
        background-image: -o-linear-gradient(bottom, rgb(242,242,242) 35%, rgb(252,252,252) 68%, rgb(255,255,255) 84%);
        background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 35%, rgb(252,252,252) 68%, rgb(255,255,255) 84%);
        background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 55%, rgb(252,252,252) 88%, rgb(255,255,255) 94%);
        background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 35%, rgb(252,252,252) 68%, rgb(255,255,255) 84%);
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.55, rgb(242,242,242)),
                color-stop(0.78, rgb(252,252,252)),
                color-stop(1, rgb(255,255,255))
        );
		background-image: -ms-linear-gradient(top, #ffffff, #f2f2f2);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2)";
}

nav li a:hover:before  {
	content: url(images/nav_border.png);
	height: 102px;
	padding: 0;
	margin: 0;
	width: 1px;
	position: absolute;
		left: 0;
		bottom: 7px;
}

nav li a:hover:after {
	content: url(images/nav_border.png);
	height: 102px;
	padding: 0;
	margin: 0;
	width: 1px;
	position: absolute;
		right: 0;
		bottom: 7px;
		z-index: 9;
}

nav ul ul {
	display: none;
	padding: 0;
	background: #f0f0f0;
	border: 1px solid #ebebeb;
	position: absolute;
		top: 117px;
		left: 0px;
		z-index: 99999;
}

nav ul ul ul {
	border: none;
	background: #f0f0f0;
}

nav ul ul li {
	float: none;
	width: 225px;
	margin: 0;
	background: #F0F0F0;
	background-image: -ms-linear-gradient(top, #F0F0F0, #F0F0F0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F0F0F0, endColorstr=#F0F0F0)";
}

nav ul ul li:hover {
	background: #F0F0F0;
	background-image: -ms-linear-gradient(top, #F0F0F0, #F0F0F0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F0F0F0, endColorstr=#F0F0F0)";
}

nav ul ul li a:before, nav ul ul li a:after {
	display: none;
		background-image: none;
		-ms-filter: none;
}

nav ul ul li:nth-child(n+2):before {
	content: "";
	border: 1px solid #e7e7e7;
	border-style: solid none none none;
	width: 85%;
	background: #f0f0f0;
	margin: 0 auto;
	display: block;
	height: 1px;
}

nav ul ul li a {
	font-size: 12px;
	text-transform: none;
	padding: 0px 47px;
	color: #666666 !important;
	background: #f0f0f0;
}

nav ul ul li a:hover {
	background: #f0f0f0;
}

nav ul ul li.has-sub-menu:after {
	content: "";
	position: absolute;
		top: 17px;
		right: -1px;
		z-index: 9;
	width: 2px;
	height: 19px;
}

nav ul li:hover > ul {
	display: block;
}

nav ul ul li ul {
	z-index: 9;
	left: 221px;
	top: 0;
	border: 1px solid #f0f0f0;
}

/* Mobile menu */
.mobile-menu {
	cursor: pointer;
	display: none;
	background: #fff;
	border: 1px solid #ececec;
	width: 100%;
	font-size: 15px;
		font-weight: bold;
	padding: 12px 20px;
}

/*Slider*/
.slider-wrapper {
	height: 570px;
}

.slider {
	width: 100%;
	height: 442px;
}

.single-page {
    height: auto;
	padding: 30px 0;
	font-size: 24px;
	color: #fff;
    line-height: 27px;
    position: relative;
}

.single-page:before {
	content: "";
	background: url(images/headings_top_shadow.png);
	width: 962px;
	height: 8px;
	margin: 0 0 0 -481px;
	position: absolute;
		top: 0px;
		left: 50%;
}

.slider h2 {
	color: #fff;
	font-size: 42px;
	text-transform: uppercase;
	margin: 20px 0 30px 0;
}

.slider h3 {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

.slider p {
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	width: 300px;
}

.slider-test {
	position: absolute;
	margin: 60px 0 0 0px;
	width: 360px;
}

/* Iconstrip shortcode */
a.icon {
	width: 100%;
	text-align: center;
}

a.icon:hover .icon-hover {
	opacity: 1;
}

a.icon h3 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	margin: 29px 0 21px 0;
}

a.icon p {
	line-height: 25px;
}

a.icon .wrapper.none {
	display: block;
	text-align: center;
	width: 100%;
}

a.icon .wrapper.none img {
	text-align: center;
}

a.icon .wrapper.default, a.icon .wrapper.circle, .icon-hover, a.icon .wrapper.square, a.icon .wrapper.diamond {
	width: 83px;
	height: 90px;
	margin: 0 auto;
	display: table;
	position: relative;
}

.icon-hover {
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
   	opacity: 0;
}

a.icon .icon-image {
	display: block;
	width: 83px;
	height: 78px;
	position: relative;
	z-index: 2;
}

a.icon .wrapper.default .icon-over {
	background: url(images/tear.png);
	width: 86px;
	height: 95px;
	position: absolute;
		top: -1px;
		left: -1px;
		z-index: 3;
}

a.icon .wrapper.square .icon-over {
	background: url(images/square.png);
	width: 86px;
	height: 95px;
	position: absolute;
		top: -1px;
		left: -2px;
		z-index: 3;
}

a.icon .wrapper.diamond .icon-over {
	background: url(images/diamond.png);
	width: 86px;
	height: 95px;
	position: absolute;
		top: -1px;
		left: -2px;
		z-index: 3;
}

a.icon .wrapper.circle .icon-over {
	background: url(images/circle.png);
	width: 86px;
	height: 95px;
	position: absolute;
		top: -1px;
		left: -1px;
		z-index: 3;
}

/* Breadcrumbs */
.breadcrumbs {
	width: 100%;
	text-align: right;
        margin: 23px 0 52px 0;
}

.breadcrumbs a {
	color: #000000;
	font-size: 12px;
}

.breadcrumbs a:hover {
	color: #8e8e8e;
}

.breadcrumbs-arrow, .box .next, .box .previous {
    vertical-align: middle;
    margin: 0 14px;
}

.box .previous {
    margin: 0 14px 0 0;
}

.box {
    width: 100%;
    padding: 18px 0;
    border: 1px solid #eaeaea;
    background: #f7f7f7;
}

#filters, .portfolio-pagination div {
    margin: 0 20px;
}

#filters li {
    float: left;
    list-style: none;
}

.box span {
    margin: 0 5px;
}

.box a {
    cursor: pointer;
}

.box a, .box span {
    color: #000;
}

#filters li a:hover, .portfolio-pagination a:hover {
    color: #8e8e8e;
}

#filters a.selected-filter, .portfolio-pagination a.selected-link {
    cursor: default;
}

.portfolio-filter {
	margin: -5px 0 0 0;
}

.portfolio-pagination {
	margin: 66px 0 0 0;
}

/* Portfolio page */

.recent-projects {
	margin-left: -10px;
}


.portfolio-wrapper {
	width: 960px;
}

.portfolio li:hover .portfolio-hover {
    opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 54px;
}

.portfolio h3, .gallery-caption {
    text-transform: uppercase;
    font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.portfolio .portfolio-hover {
    cursor: default;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
        top: 0px;
        left: 0px;
    color: #fff;
    width: 100%;
	transition: opacity 0.3s, top 0.2s;
	-moz-transition: opacity 0.3s, top 0.2s;
	-webkit-transition: opacity 0.3s, top 0.2s;
	-o-transition: opacity 0.3s, top 0.2s;
}

.portfolio .portfolio-hover:after {
    content: "";
    position: absolute;
        bottom: 0px;
        right: 0px;
    background: #fff;
    border-style:solid;
    border-width:19px;
    width:0;
    height:0;
}

.portfolio .portfolio-hover h3 a {
	display: block;
    color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0;
    margin: 0px 17px 0 17px;
}

.portfolio li.three-column .portfolio-hover p {
    height: 100px;
    overflow: hidden;
}

.portfolio li.two-column .portfolio-hover p {
    height: 195px;
    overflow: hidden;
}

.portfolio .portfolio-hover p {
    font-size: 11px;
    margin: 0 17px 20px 17px;
    height: 40px;
    overflow: hidden;
}

.portfolio .portfolio-hover .enlarge, .portfolio .portfolio-hover .open {
    width: 38px;
    height: 38px;
    display: block;
    float:  left;
    position: relative;
}

.portfolio .portfolio-hover a:hover:after {
    opacity: 0.6;
}

.portfolio .portfolio-hover .open {
    margin: 0 0 0 1px;
}

.portfolio .portfolio-hover .open:after {
    content: url(images/open.png);
    position: absolute;
        top: 50%;
        left: 50%;
    margin: -8px 0 0 -7px;
}

.portfolio .portfolio-hover .enlarge:after {
    content: url(images/enlarge.png);
    position: absolute;
        top: 50%;
        left: 50%;
    margin: -7px 0 0 -8px;
}

.portfolio li.four-column, .portfolio li.three-column, .portfolio li.two-column  {
    display: none;
}

.portfolio li.four-column.page-1, .portfolio li.three-column.page-1, .portfolio li.two-column.page-1 {
    display: block;
}

.lb-close {
    background: url(images/lightbox/close.png);
    width: 27px !important;
    height: 21px;
}

.portfolio li{
    float: left;
    list-style: none;
    position: relative;
}

.portfolio li.four-column {
    width: 220px;
    height: 202px;
    margin: 61px 10px 0 10px;
}

.portfolio li.four-column img {
    width: 220px;
    height: 164px;
}

.portfolio li.three-column {
    width: 300px;
    height: 262px;
    margin: 61px 10px 0 10px;
}

.portfolio li.three-column img {
    width: 300px;
    height: 220px;
}

.portfolio li.two-column {
    width: 460px;
    height: 362px;
    margin: 61px 10px 0 10px;
}

.portfolio li.two-column img {
    width: 460px;
    height: 320px;
}

.portfolio-responsive img {
	display: none;
}

/* Portfolio single content */
.portfolio-content, .portfolio-image {
    float: left;
}

.portfolio-image {
    width: 649px;
}

.portfolio-image .portfolio-image-single {
    display: none;
}

.portfolio-controls, .blog-loop-controls, .slider-short-controls {
    width: 100%;
    position: absolute;
        top:50%;
        left: 0;
        z-index: 10;
    margin: -24px 0 0 0;
}

.portfolio-current-image:hover .left-portfolio, .portfolio-current-image:hover .right-portfolio, .wp-post-image:hover .left-blog-control, .wp-post-image:hover .right-blog-control, .slider-short:hover .slider-short-left-control, .slider-short:hover .slider-short-right-control {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.portfolio-current-image:hover .left-portfolio:hover, .portfolio-current-image:hover .right-portfolio:hover, .wp-post-image:hover .right-blog-control:hover, .wp-post-image:hover .left-blog-control:hover, .slider-short:hover .slider-short-left-control:hover, .slider-short:hover .slider-short-right-control:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.left-portfolio, .right-portfolio, .left-blog-control, .right-blog-control, .slider-short-left-control, .slider-short-right-control {
    cursor: pointer;
    display: block;
    width: 62px;
    height: 49px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.left-portfolio, .left-blog-control, .slider-short-left-control {
    float: left;
    background: url(images/image_previous_arrow.png);
}

.right-portfolio, .right-blog-control, .slider-short-right-control {
    background: url(images/image_next_arrow.png);
    float: right;
}

.portfolio-image .portfolio-current-image {
    display: block;
    width: 649px;
    height: auto;
    position:  relative;
}

.portfolio-image .thumbnail {
    float: left;
    margin: 16px 16px 0 0;
    line-height: 0;
}

.portfolio-image .thumbnail:nth-of-type(5n) {
    margin: 16px 0 0 0;
}

#selected-thumbnail {
    position: relative;
    cursor: default;
}

#selected-thumbnail:before {
    content: url(images/portfolio_selected_bullet.png);
    position: absolute;
        top: 50%;
        left: 50%;
        z-index: 9;
    margin: -15px 0 0 -5px;
}

.thumbnail {
    cursor: pointer;
    position: relative;
}

.portfolio-thumbnails-hover {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #000;
    position: absolute;
        top: 0px;
        left: 0px;
    width: 117px;
    height: 117px;
    -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.thumbnail:hover .portfolio-thumbnails-hover, #selected-thumbnail .portfolio-thumbnails-hover {
    opacity: .57;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=57)";
}

.portfolio-content {
    width: 258px;
    padding:  -20px 0 0 0;
    margin: 0 0 0 33px;
    line-height: 22px;
}

.portfolio-content h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 30px 0 30px 0;
}

.portfolio-content h3:first-child, .portfolio-content p:first-child {
    margin-top: 0 !important;
}

.portfolio-content ul {
    margin: 0 0 0 20px;
}

.portfolio-content li {
    list-style: url(images/bullet_check.png);
    padding: 0 10px;
    line-height: 30px;
}

/* Blog */
ul.page-numbers {
    padding:  0 0 20px 5px;
}

ul.page-numbers li {
    list-style: none;
    float: left;
}

ul.page-numbers li a:hover {
    color: #8E8E8E;
}

ul.page-numbers li .current {
    cursor: default;
}

ul.page-numbers li:after {
    content: "/";
    margin: 0 10px;
}

ul.page-numbers li:last-of-type:after, ul.page-numbers li.last-pagination:after {
    content: "";
    margin: 0;
}

ul.page-numbers .next {
    margin: 0;
}

.blog {
    position: relative;
}

.loop-page .blog:first-of-type h2 {
	margin-top: 0
}

.post-date-comments {
    position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
}

.post-date-comments div, .post-date-comments3 div {
    color: #fff;
    width: 71px;
    height: 57px;
}

.post-date-comments div .day-month, .post-date-comments3 div .day-month {
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 11px 0 0 0;
    line-height: 16px;
}

.post-date-comments div .year, .post-date-comments3 div .year {
    margin: 0;
    font-size: 12px;
    text-align: center;
    display: block;
}

.comments-number {
    font-size: 16px;
    text-align: center;
    display: block;
}

a#scrollToComments:hover {
	color: #fff;
}

.comments-text {
    margin-top: -2px;
    font-size: 11px;
    text-align: center;
    display: block;
    line-height: 14px;
}

.post-date-comments a, .post-date-comments3 a {
    position: relative;
    display: block;
    color: #fff;
    width: 71px;
    height: 45px;
    padding: 11px 0 0 0;
}

/* No image post */
.no-image-post {
    display: table;
    margin: 0 0 30px 0;
}

.no-image-post .post-date-comments3, .no-image-post header {
    display: table-cell;
    vertical-align: middle
}

.no-image-post .post-date-comments3 {
    width: 170px;
}

.post-date-comments3 div {
    padding: 5px 0 0 0;
    height: 69px;
}

.post-date-comments3 a, .post-date-comments3 div {
    float: left;
}

.post-date-comments a:after, .post-date-comments3 a:after {
    content: "";
    position: absolute;
        bottom: -18px;
        right: 0px;
    background: transparent;
    border-style:solid;
    border-width:9px;
    width:0;
    height:0;
}

.post-date-comments a:before, .post-date-comments3 a:before {
    content: "";
    position: absolute;
        bottom: -18px;
        left: 0px;
    width: 53px;
    height: 18px;
}

.blog h2 a {
	display: block;
	font-size: 16px;
    text-transform: uppercase;
    margin:  20px 0 20px 0;
}

.blog h2.article-text-only a {
    margin:  0px 0 5px 0;
    display: block;
}

div.hr {
    border: 1px solid #ebebeb;
    border-style: solid none;
    height: 2px;
    margin: 50px 0 70px 0;
}

article div.hr {
    margin: 10px 0 70px 0;
}

.blog {
    line-height: 25px;
}

aside .sbg_title, aside .widget-title {
    margin: 35px 0 21px 0;
}

aside li:first-child .sbg_title, aside li:first-child .widget-title {
    margin-top: 0;
}

.blog footer {
    margin: 40px 0 0 0;
    color: #505050;
}

section .blog footer span {
    float: right;
}

.tags-author a, .bypostauthor {
    color: #000;
}

.tags-author a:hover {
    color: #505050;
}

.tags-author, .post-date-comments2 {
    color: #000;
    font-weight: normal;
    margin: 0 0 20px 0;
}

.blog-no-sidebar .tags-author {
	display: block;
	width: 100%;
}

.sticky {

}

/* Sidebars */
.sidebar {
    width: 232px;
}

.sidebar-right, .sidebar-two-right {
    float: right;

}

.sidebar-left, .sidebar-two-left {
    float: left;
    margin: 0 37px 0 0

}

.blog .wp-post-image {
    position: relative;
}

.blog .wp-post-image img, .blog .wp-post-image {
    width: 100%;
    height: auto;
    display: none
}

 .blog-four-column .video-wrapper, .blog-three-column .video-wrapper,  .blog-two-column .video-wrapper {
 	padding:  0 0 8px 0;
 }

.blog-no-sidebar .video-wrapper iframe, .blog-no-sidebar .video-wrapper {
	width: 495px;
	height: 337px;
	float: left;
	padding: 0 0 10px 0;
}

.blog-four-column .wp-post-image img, .blog-four-column .blog .wp-post-image, .blog-four-column .video-wrapper {
	height: 140px;
}

.blog-three-column .wp-post-image img, .blog-three-column .blog .wp-post-image, .blog-three-column .video-wrapper {
	height: 190px;
}

.blog-two-column .wp-post-image img, .blog-two-column .blog .wp-post-image, .blog-two-column .video-wrapper iframe, .blog-two-column .video-wrapper {
	height: 337px;
}

.blog .wp-post-image img:first-of-type, .blog .wp-post-image {
    display: inline-block;
}

/* Blog with two columns */
.blog-two-column article {
    width: 450px;
    float: left;
}

.blog-two-column article {
    padding-right: 40px;
}

.blog-two-column article:nth-of-type(2n) {
    padding: 0;
}

/* Blog with three columns */
.column-hr {
    width: 100%;
    height: 1px;
    float: left;
}

.blog-three-column article {
    width: 286px;
    float: left;
}

.blog-three-column article {
    padding-right: 41px;
}

.blog-three-column article:nth-of-type(3n) {
    padding: 0;
}

/* Blog with four columns */
.blog-four-column article {
    width: 212px;
    float: left;
}

.blog-four-column article {
    padding-right: 30px;
}

.blog-four-column article:nth-of-type(4n) {
    padding: 0 0 0 2px;
}

/* Blog with no sidebar */
.blog-no-sidebar .wp-post-image {
    width: 495px;
    height: 337px;
}

.blog-no-sidebar .blog-main {
    width: 390px;
    margin: 0 0 0 46px;
    float: right;
}

.blog-no-sidebar h2 {
    margin: 0 0 10px 0;
}

.tags-author {
    margin: 0 0 30px 0;
    float: left;
}

/* Social icons */
.addthis_toolbox {
    margin: 0 0 0 20px;
    height: 20px;
}

.addthis_button_tweet {
    width: 90px
}

.addthis_button_facebook_like iframe, .addthis_button_facebook_like {
    width: 120px !important;
}

/* Blog with one sidebar */
.blog-one-sidebar {
    width: 671px;
    float: left;
}

/* Blog with two sidebars */
.blog-two-sidebar {
    width: 402px;
    float: left;
}

/* Classes for sidebar widgets */
aside li {
    list-style: none
}

aside h2, aside h3 {
    font-size: 14px;
}

/* Sidebar search */
.screen-reader-text {
    display: none;
}

#searchform div {
    position: relative;
}

#s {
   border: 1px solid #ccc;
   width: 100%;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: block;
   font-size: 12px;
   padding: 7px 10px;
   -moz-box-shadow:     inset 0px 0px 3px 0px #ccc;
   -webkit-box-shadow:  inset 0px 0px 3px 0px #ccc;
    box-shadow:         inset 0px 0px 3px 0px #ccc;
}

#searchsubmit {
    display: none;
    cursor: pointer;
    position: absolute;
        top: 5px;
        right: 5px;
    width: 33px;
    height: 23px;
    border: none;
    background: url(images/search.png);
    padding: 0;
    margin: 0
}

/* Sidebar menu */
.sidebar-menu ul li {
    border: 1px solid #ebebeb;
    border-style: solid none none none;
}

.sidebar-menu ul li a.selected-link {
    margin-left: 5px;
}

.sidebar-menu ul li:first-of-type {
    border: none;
}

aside .menu li a {
	color: #727271;
}

aside .menu li.current-menu-item a {
	cursor: default;
}

/* Sidebar categories */
.cat-item, aside .menu li {
    margin: 0 0 0 5px;
    border: 1px solid #ebebeb;
    border-style: none none solid none;
}

.cat-item:last-of-type, aside .menu li:last-of-type {
    border: none;
}

.cat-item a:before, .quotes article span:before, .testimonial span:before, .sidebar-menu ul a:before, aside .menu li a:before {
    content: url(images/bullet_arrow_small.png);
    margin: 0 10px 0 0;
}

.cat-item a, .sidebar-menu ul li a, aside .menu li a {
    display:  block;
    padding: 7px 0 6px 0;
    -webkit-transition: margin .2s linear;
    -moz-transition: margin .2s linear;
    -ms-transition: margin .2s linear;
    -o-transition: margin .2s linear;
    transition: margin .2s linear;
}

.cat-item a:hover, .sidebar-menu ul li a:hover, aside .menu li a:hover, aside .menu li.current-menu-item a {
    margin-left: 5px;
}

/* Single page blog */
.comment-number {
    margin: -15px 0 40px 0;
    position: relative;
}

.comment-number h4 {
    font-size: 16px;
    color: #454545;
    font-weight: 600;
    display: inline;
}

.comment-number h4#comment-number-first {
    background:  #fff;
    height: 30px;
    padding: 0 0 0 2px;
    position: absolute;
        left: 0px;
        top: -31px;
}

.comment-number h3 {
    font-size: 20px;
    color: #454545;
    font-weight: 300;
    display: inline;
}

.comment {
    position: relative;
    margin: 0 0 21px 0;
    background: #f7f7f7;
    width: 100%;
    display: table;
}

.depth-2 {
    margin-left: 8%;
    width: 92%;
}

.depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10, .depth-11, .depth-12 {
    margin-left: 16%;
    width: 84%;
}

.depth-2:before, .depth-3:before, .depth-4:before, .depth-5:before, .depth-6:before, .depth-7:before, .depth-8:before, .depth-9:before, .depth-10:before, .depth-11:before, .depth-12:before {
    content: url(images/comment_arrow.png);
    position: absolute;
        top: 0px;
        left: -42px;
}

.comments-left-side, .comments-right-side {
    display: table-cell;
}

.comments-left-side {
    width: 100px;
    padding: 18px 0 30px 15px;
}

.comments-right-side p {
    padding: 0 72px 0 0;
}

.comment-reply-link {
    color: #454545;
    margin: 40px 18px 14px 0;
    float: right;
}

.comment-reply-link:hover {
    color: #000;
}

.comment-reply-link:before {
    content: url(images/reply_arrow.png);
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.comment h4 {
    font-size: 14px;
    text-transform: uppercase;
    color: #454545;
}

.comment p {
    line-height: 27px;
}

.comment-meta {
    margin: -5px 0 0 0;
    text-align:  center;
    font-size:  11px;
    position: relative;
    display: block;
    color: #fff;
    width: 48px;
    height: 42px;
    padding: 9px 0 0 0;
    line-height: 15px;
}

.comment-meta:after {
    content: "";
    position: absolute;
        bottom: -12px;
        right: 0px;
    background: transparent;
    border-style:solid;
    border-width:6px;
    width:0;
    height:0;
}

.comment-meta:before {
    content: "";
    position: absolute;
        bottom: -12px;
        left: 0px;
    width: 36px;
    height: 12px;
}

#comment-header {
    font-size: 20px;
    font-weight: 600;
    color: #454545;
    margin: 50px 0 35px 0;
}

input[type="button"], input[type="submit"] {
    border: 0px;
    font-size: 16px;
    background: url(images/reply_arrow.png) 0 8px no-repeat;
    padding: 0 0 0 25px;
    margin: 30px 0 0 20px;
    cursor: pointer;
}

.form-element-wrap {
	margin: 23px 0 0 0;
	width: 100%;
	position: relative;
}

.contact-form form-element-wrap:first-child {
	margin-top: 0
}

#comment-form, .contact-form {
    padding: 0 0 0 48px;
    position: relative;
}

#comment-form:before, .contact-form:before {
    content: "";
    position: absolute;
        top: 0;
        left: 0px;
    border: 1px solid #ebebeb;
    border-style: none solid;
    width: 2px;
    height: 100%;
}

.form-buttons {
    float: right;
    margin-bottom: 40px;
}

textarea {
    max-width: 98%;
    width: 98%;
    padding: 1%;
    height: 182px;
    margin: 0 0 -5px 0;
}

textarea, input[type="text"], input[type="email"], .contact-form select, section input[type="password"] {
	border: 1px solid #ececec;
	outline: 1px solid #ccc;
}

input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
	outline-offset: 0px;

}

section input[type="text"], .contact-form textarea, .contact-form input[type="email"], .contact-form input[type="text"], .contact-form select, section input[type="password"] {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 10px;
    margin: 0;
    max-width: 100%;
    color: #727272;
}

select {
	cursor: pointer;
}

.form-submit #submit {
    display: none;
}

/* Person */
.person h2 {
    font-size: 16px;
    display: inline;
}

.person h3 {
    font-size: 12px;
    display: inline;
    text-transform: none;
}

.person header {
    width: 90%;
    margin: 0 10% 0 0;
    position: relative;
}

.person .facebook {
    background: url(images/person_facebook.png) center no-repeat;
    width: 25px;
    height: 17px;
}

.person .twitter {
    background: url(images/person_twitter.png) center no-repeat;
    width: 25px;
    height: 16px;
}

.person .linkedin {
    background: url(images/person_linkedin.png) center no-repeat;
    width: 25px;
    height: 18px;
}

.person .google {
    background: url(images/person_google.png) center no-repeat;
    width: 25px;
    height: 17px;
}

.person .instagram {
    background: url(images/person_instagram.png) center no-repeat;
    width: 25px;
    height: 17px;
}

.person .facebook, .person .twitter, .person .linkedin, .person .google, .person .instagram {
    display: block;
    margin: 0 0 15px 0;
}

.person .person-social {
    text-align: center;
    position: absolute;
        top: 0;
        right: -40px;
}

.person .person-social a:hover {
    opacity: .9;
}

.person img {
    width: 100%;
    background: #ccc;
    height: auto;
    margin: 0 0 15px 0;
}

/* Statement box */
.statement-box {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 42px;
    display: table;
}

.statement-box-left, .statement-box-right {
    display: table-cell;
    vertical-align: middle;
}

.statement-box-left {
    width: 70%;
}

.statement-box-right {
    text-align: right;
}

.statement-box h2 {
    font-size: 16px;
    text-transform: none;
}

.statement-box p {
    padding: 0;
    font-size: 12px;
}

.statement-box button {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 50px;
    border: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius: 4px;

    -moz-box-shadow: 1px 1px 2px #888;
    -webkit-box-shadow: 1px 1px 2px 0px #888;
    box-shadow: 0px 1px 1px 0px rgba(0, 0,0, .14);

    text-shadow: rgba(0, 0, 0, .31) 0 -1px 1px;
}

.statement-box button:hover {
    cursor: pointer;
    opacity: 0.9;
}

/* Logo box */
.logo-box {
    padding: 20px 0 18px 0;
    display: table;
}

.logo-box .logo {
    display: table-cell;
    text-align:  center;
    vertical-align: top;
    padding: 20px 0 0 0;
}

.logo-box.more .logo {
    width: 25%;
}

.logo-box .logo img {
    max-width: 70%;
    height:  auto;
}

.logo-box .logo-box-row {
    display: table-row;
}

/* Quotes/testimonial */
.quotes article, .testimonial {
    font-style: italic;
    display: none;
    padding: 0 0 0 24px;
    position: relative;
}

.quotes article:before {
    top: -10px;
    left: 0px;
}

.testimonial:before {
    content: url(images/quote.png);
    position: absolute;
        top: -10px;
        left: 0px;
}

.quotes article.quote-selected, .testimonial {
    display: block;
}

.quotes article span, .testimonial span {
    font-size: 11px;
    float: right;
    color: #c8c8c8;
    font-style: italic;
}

 /* Tabs with sidebar and half content  */

.blog-one-sidebar .content-half .tabs-menu li {
    margin: 0 20px 0 0;
}


.blog-one-sidebar .content-half .tabs-menu li, .blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu .tab-over {
    width: 100%;
    box-sizing: border-box;
    border-style: solid;
}

.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu {
	border: none;
}

.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu .tab-over  {
    left: 0;
}

.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu:after  {
    height: 40px;
    right: 0;
    z-index: 8;
    border-style: none solid solid none;
}

.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu:before {
    top: -3px;
    right: 1px;
    z-index: 520;
    border-color: #F3F3F3 #F3F3F3 #838383 #838383;
}

.blog-one-sidebar .content-half .tabs-menu li:first-of-type.selected-tab-menu:before {
    right: 0px;
    z-index: 520;
    border-color: #fff #fff #838383 #838383;
}

.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu .tab-over:after {
    display: none;
}

.blog-one-sidebar  .content-half .tabs-wrapper {
    border-style: none solid solid solid
}

.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu:after {
	display: none;
}


/* Tabs shortcode */
.tabs-menu {
	width: 100%;
	margin: 0
}

.tabs-menu li {
    float: left;
    padding: 12px 39px;
    list-style: none;
    background: #f3f3f3;
    border: 1px solid #eaeaea;
    border-style: solid solid none none;
    text-align: center;
    color: #a8a8a8;
    font-size: 12px;
    position: relative;
}

.tabs-menu li:hover {
    cursor: pointer;
    color: #454545;
}

.tabs-menu li .tab-over {
    display: none;
}

.tabs-menu li.selected-tab-menu .tab-over  {
    transition: all 1s ease-in;
    color: #454545;
    background: #fff;
    border: 1px solid #eaeaea;
    border-style: solid none none solid;
    padding: 15px 32px 12px 37px;
    position: absolute;
        top: -3px;
        left: -1px;
        z-index: 15;
    display: block;
}

.tabs-menu li.selected-tab-menu .tab-over:after {
    content: "";
    position: absolute;
        bottom: 0px;
        right: -13px;
    background: #fff;
    width: 20px;
    height: 1px;
}

.tabs-menu li.selected-tab-menu:before {
    content: "";
    position: absolute;
        top: -3px;
        right: -4px;
        z-index: 19;
    background: none;
    padding: 0;
    width: 0;
    height: 0;
    border-color: transparent transparent #838383 #838383;
    border-style:solid;
    border-width:7px;
}

.tabs-menu li.selected-tab-menu:after {
    content: "";
    position: absolute;
        top: 11px;
        right: -5px;
        z-index: 9;
    background: #fff;
    border: 1px solid #eaeaea;
    border-style: none solid none none;
    width: 22px;
    height:60px;
}

.tabs-menu li:last-of-type.selected-tab-menu:before {
    border-color: #fff #fff #838383 #838383;
}

.tabs-menu li:first-of-type .tab-over {
    left: 0px;
}

.tabs-menu li:first-of-type {
    border-style: solid solid none solid;
}

.tabs-menu li.selected-tab-menu {
    border-style: solid none none none;
}

.tabs-wrapper {
    padding: 21px 15px;
    border: 1px solid #eaeaea;
    background: #fff;
    box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    width: 100%;
    position: relative;
    z-index: 10;
}

.tab {
    display: none;
}

.tab:first-of-type {
    display: block;
}


/* Popular/recent/comments widget */

aside .tabs {
	line-height: 20px;
	margin: 40px 0 0 0;
}

aside .tabs-menu li {
    padding: 3px 20px 3px 22px;
}

aside .tabs-menu li.selected-tab-menu:before {
    top: -3px;
	right: -1px;
    border-width: 6px;
    z-index: 300;
}

aside .tabs-menu li.selected-tab-menu:after {
	z-index: 300;
	top: 9px;
	right: -1px;
	height: 25px;
}

aside .tabs-menu li:first-of-type.selected-tab-menu .tab-over:after {
	right: -11px;
}

aside .tabs-menu li.selected-tab-menu .tab-over:after {
	right: -11px;
}

.popular .wp-post-image img, .popular .wp-post-image, .recent .wp-post-image img, .recent .wp-post-image, .comments-widget img {
    width: 48px;
    height: 48px;
}

aside .tabs-menu li:last-of-type.selected-tab-menu:before {
	border-color: #fff #fff #838383 #838383;
}

.popular-comments-tab, .popular-comments-tab-hover {
    background: url(images/recent_comments.png) no-repeat;
	width: 18px;
	height: 16px;
	margin: 0 auto;
	margin-bottom: 4px;
}

.popular-comments-tab-hover {
	background: url(images/recent_comments.png) 0 16px;
}

aside .tabs-menu li {
    padding: 7px 20px 7px 22px;
}

aside .tabs-menu li:first-of-type {
	border-style: solid none none solid;
    padding: 7px 21px 7px 21px;
}

aside .tabs-menu li.selected-tab-menu:first-of-type {
	border-style: solid none none none;
}

aside .tabs-menu li:last-of-type {
	padding: 7px 21px 7px 21px;
}

aside .tabs-menu li.selected-tab-menu:last-of-type {
	padding: 7px 21px 7px 21px;
}

aside .tabs-menu li.selected-tab-menu .tab-over  {
    padding: 7px 13px 10px 18px;
}

aside .tabs-menu li.comments-widget {
    padding: 7px 10px;
}

/* Popular posts */
aside .tab.popular .image, aside .tab.recent .image, aside .tab.comments-widget .image {
	float: left;
	margin: 0 10px 0 0;
}

aside .tab.popular p, aside .tab.recent p {
	padding: 0;
	margin: 0 0 4px 0;
	height: 32px;
	overflow: hidden;
}

aside .tab.comments-widget p {
	padding: 0;
	margin: 0 0 4px 0;
}

aside .tab.popular .post:hover, aside .tab.recent .post:hover, aside .tab.comments-widget .post:hover {
	color: #454545;
}

aside .tab.popular .post, aside .tab.recent .post, aside .tab.comments-widget .post {
	font-size: 11px;
	border: 1px solid #ebebeb;
	border-style: none none solid none;
	padding: 20px 0;
	display: block;
	line-height: 16px;
}

aside .tab.comments-widget .comment-content {
	color: #c8c8c8;
}

aside .tab.popular .date, aside .tab.recent .date {
	color: #c8c8c8;
	font-style: italic;
}

aside .tab.popular .post:first-of-type, aside .tab.recent .post:first-of-type, aside .tab.comments-widget .post:first-of-type {
    padding: 0 0 20px 0;
}

aside .tab.popular .post:last-of-type, aside .tab.recent .post:last-of-type, aside .tab.comments-widget .post:last-of-type {
	border: none;
	padding: 20px 0 0 0;
}

/* Alert shortcodes */
.alert {
    width: 100%;
    box-sizing:  border-box;
        -webkit-box-sizing:  border-box;
        -moz-box-sizing:  border-box;
    padding: 5px 60px;
    margin: 30px 0;
    position: relative;
    text-align: center;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);
        -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);
        -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);
}

.alert-close {
    z-index: 9;
    cursor: pointer;
    background: url(images/alert_close.png);
    width: 8px;
    height:  9px;
    position: absolute;
        top: 50%;
        right: 20px;
    margin: -4px 0 0 0;
}

.general {
    border: 1px solid #c7c7c7;
    background: url(images/alert_general.png) 10px center no-repeat;
    background-color: #f2f2f2;
}

.success {
    border: 1px solid #b6d5ac;
    background: url(images/alert_success.png) 10px center no-repeat;
    background-color: #e0ffcb;
}

.notice {
    border: 1px solid #ffad46;
    background: url(images/alert_notice.png) 10px center no-repeat;
    background-color: #ffddb2;
}

.error {
    border: 1px solid #ff9494;
    background: url(images/alert_error.png) 10px center no-repeat;
    background-color: #ffdcdc;
}

.form-element-wrap .error {
	outline: 1px solid #ff9494 !important;
	border: 1px solid #ffd2d2;
	background: none;
	background-color: #ffdcdc;
}

.form-element-wrap .error-text {
	color: #ff9494;
	margin: 3px 0 -15px 0;
}

/* Accordion shortcode */

.accordion {
    position: relative;
}

.accordion-h3, .accordion-closed .accordion-item-1 .accordion-h3 {
    padding: 0 0 10px 20px;
    margin: 0;
    text-transform: none;
    font-size:  14px;
    font-weight: 400;
    border: 1px solid #ebebeb;
    border-style: none none solid none;
    position: relative;
}

.accordion-h3:hover {
    color: #444;
    cursor: pointer;
}

.accordion-h3-selected, .accordion-item-1 .accordion-h3 {
    border: none;
    padding: 0 0 10px 20px;
    font-size:  14px;
    font-weight: 400;
    position: relative;
}

.accordion-h3:before, .accordion-closed .accordion-item-1 .accordion-h3:before  {
    content: url(images/bullet_arrow_small_down.png);
    position: absolute;
        left: 2px;
        top: -1px;
}

.accordion-h3-selected:before, .accordion-item-1 .accordion-h3:before {
    content: url(images/bullet_arrow_small.png);
    position: absolute;
        left: 2px;
        top: -1px;
}

.accordion .accordion-item {
    padding:  0 0 20px 0;
    /*border: 1px solid #ebebeb;
    border-style: none none solid none;*/
}

.accordion .accordion-item ul, .accordion .accordion-item ol, .tab ul, .tab ol {
	margin-left: 40px
}

.accordion .accordion-item .accordion-item-content {
    display: none;
}

.accordion .accordion-item-1 .accordion-item-content {
	display: block;
}

.accordion-closed .accordion-item-1 .accordion-item-content {
    display: none;
}

.accordion-closed .accordion-item-1 .accordion-h3 {
	color: #727272;
}


/* Pricing table */
.pricing-table {
    width: 100%;
}

.pricing-table-column:after {
    content: "";
    position: absolute;
        top: -5px;
        left: 3px;
        z-index: 9;
    border: 1px solid #eee;
    border-style: solid none none solid;
    background: #f7f7f7;
    width: 100%;
    height: 3px;
}

.pricing-table-column-before {
    content: "";
    position: absolute;
        top: -4px;
        right: -4px;
        z-index: 10;
    border: 1px solid #eee;
    border-style: none solid solid none;
    background: #f7f7f7;
    width: 2px;
    height: 100%;
}

.pricing-table-column {
    float: left;
    outline: 1px solid #f0f0f0;
    background: #fff;
    position: relative;
}

.pricing-columns-1 .pricing-table-column {
    width: 100%;
}

.pricing-columns-2 .pricing-table-column {
    width: 48%;
    margin: 0 4% 0 0;
}

.pricing-columns-3 .pricing-table-column {
    width: 30%;
    margin: 0 5% 0 0;
}

.pricing-columns-4 .pricing-table-column {
    width: 22%;
    margin: 0 4% 0 0;
}

.pricing-columns-5 .pricing-table-column {
    width: 18.2%;
    margin: 0 2.25% 0 0;
}

.pricing-table-column:last-child {
    margin: 0;
}

.pricing-table-title {
    color: #000;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
}

.pricing-table-price {
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 24px 0;
}

.pricing-table-price .currency {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    position: absolute;
        top: 15px;
        left: 0px;
}

.pricing-table-price .price {
    position: relative;
    font-size: 48px;
        font-weight: 700;
    font-style: normal;
    padding: 0 0 0 15px;
}

.pricing-table-price .decimal {
    font-size: 30px;
        font-weight: 700;
    font-style: normal;
}

.pricing-table-row {
    background: #f7f7f7;
    text-align: center;
    padding: 20px 0;
    color: #9a9a9a;
}

.pricing-table-row:nth-last-of-type(2n) {
    background: #fff;
}

.pricing-table-footer {
    padding: 40px 15px;
    text-align:center;
}

.pricing-table-footer a {
	display:inline-table;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 0px solid #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px #888;
    -webkit-box-shadow: 1px 1px 2px 0px #888;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .14);
    text-shadow: #0A456E 0 -1px 1px;
}

.pricing-table-footer a:hover {
    opacity: .9;
}

.pricing-columns-5 .pricing-table-column .pricing-table-footer a {
    display: block;
    width: 100%;
    padding: 7px 0;
}

/* Slider shortcode */
.slider-short {
	width: 100%;
    position: relative;
}

.slider-short img {
    width: 100%;
    height:  auto;
}

.slider-short .slide {
	width: 100%;
    display: none;
}

.slider-short .slide:first-of-type {
    display: inline-block;
}

/* Footer */

.prefooter {
	height: 75px;
	background: #fff;
}

footer#site-footer {
    font-size: 12px;
    line-height: 26px;
    padding: 40px 0 0 0;
}

.footer p, footer a, .footer {
    color: #fff;

}

.tweet_time {
    display: block;
    font-size:  11px;
    margin-bottom:  20px;
}

.footer p, footer a, .tweet_text {
	transition: color 0.2s ease;
        -webkit-transition: color 0.2s ease;
        -moz-transition: color 0.2s ease;
		-o-transition: color 0.2s ease;
}

footer#site-footer ul li {
    list-style: none;
}

footer#site-footer ul li ul li {
    float: none
}

footer#site-footer .xoxo {
    float: left;
    width: 186px;
    margin: 10px 0 0 65px;
}

footer#site-footer .xoxo .xoxo {
    margin: 0;
}

footer#site-footer h3.widget-title {
	font-size: 14px;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: uppercase;
}

footer#site-footer .xoxo:first-of-type {
    margin: 10px 0 0 0;
}

footer#site-footer .xoxo .xoxo:first-of-type {
    margin: 0;
}

footer#site-footer .flickr-image img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	width: 46px !important;
	height: 46px !important;
	margin: 7px 10px 0 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

footer#site-footer .flickr-image img:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

footer#site-footer .EnvooImages {
    margin: 5px 0 12px 0;
}

#thumbs {
   width: 179px;
   margin-top: 14px;
}

footer#site-footer .flickr-image:nth-of-type(3n) img {
    margin: 7px 0 0 0;
}

.social {
    height: 56px;
    width:  100%;
    margin: 50px 0 0 0;
}

footer#site-footer .copyright {
    margin-top: 16px;
    float: left;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:49px;
	height:51px;
	border:none;
	text-indent:100%;
        z-index: 999;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}

#toTopHover {
	width:49px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	background:url(images/to_top.png) no-repeat left top;
}

#toTop:active, #toTop:focus {
	outline:none;
}

.patern-1 {
	background: url(images/patterns/patern1.png);
}

.patern-2 {
	background: url(images/patterns/patern2.png);
}

.patern-3 {
	background: url(images/patterns/patern3.png);
}

.patern-4 {
	background: url(images/patterns/patern4.png);
}

.patern-5 {
	background: url(images/patterns/patern5.png);
}

.patern-6 {
	background: url(images/patterns/patern6.png);
}

.patern-7 {
	background: url(images/patterns/patern7.png);
}

.patern-8 {
	background: url(images/patterns/patern8.png);
}

.patern-9 {
	background: url(images/patterns/patern9.png);
}

.body-boxed .boxed {
	width: 990px;
	margin: 0 auto;
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.responsive-on-demand, .responsive-on-demand-selected {
	cursor: pointer;
	display: block;
	background: url(images/responsive_on_demand.png) center no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
		top: 17px;
		left: 50%;
	margin-left: -11px;
	z-index: 9;
	opacity: .3;
	filter: alpha(opacity=30);
}

.responsive-on-demand-selected {
	background: url(images/responsive_on_demand_selected.png) center no-repeat;
}

.responsive-on-demand:hover, .responsive-on-demand-selected:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* Latest posts shortcode */

.latest-post {
	float: left;
	width: 220px;
	height: 400px;
	margin: 0 20px 0 0;
}

.latest-post .responsive {
	display: none
}

.latest-post h3 {
	font-weight: 600;
}

.latest-post:nth-of-type(4n) {
	margin: 0;
}

.latest-post .read-more {
	float: right;
	margin: 5px 0 15px 0;
}

.latest-post .subheading {
	color: #505050;
}

.latest-post .subheading strong {
	color: #000
}

.latest-post .no-image {
	margin-top: 0;
}

.latest-post .video {
	margin-top: 35px;
}

.latest-post .video-wrapper iframe {
	height: 165px;
}

/* Revolution slider */

.tp-rightarrow, .tp-leftarrow, .wooslider-direction-nav .wooslider-next, .wooslider-direction-nav .wooslider-prev {
	width: 62px !important;
	height: 49px !important;
	margin-left: 0 !important;
}

.tp-rightarrow, .wooslider-direction-nav .wooslider-next {
	background: url(images/slider_next_arrow.png) !important;
}

.tp-rightarrow:hover, .wooslider-direction-nav .wooslider-next:hover {
	background: url(images/slider_next_arrow_hover.png) !important;
}

.tp-leftarrow,  .wooslider-direction-nav .wooslider-prev {
	background: url(images/slider_previous_arrow.png) !important;
}

.tp-leftarrow:hover, .wooslider-direction-nav .wooslider-prev:hover {
	background: url(images/slider_previous_arrow_hover.png) !important;
}

.rev_slider_wrapper {
	/*min-height: 300px;*/
}

.rev_slider.fullwidthabanner:before {
	content: "";
	background: url(images/headings_top_shadow.png);
	width: 962px;
	height: 8px;
	margin: 0 0 0 -481px;
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 99998;
}

.tp-bullets.simplebullets.square-old .bullet {
	background: none;
}

.caption iframe {
	border: 0px !important;
}


/* WooSlider */

.wooslider {
	margin: 0 !important;
	border: none!important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

body .wooslider .slide-content {
	margin: 0 !important;
	padding: 0 !important;
}

section ul li {
	padding: 0;
}

.list-arrow li {
	padding: 0 0 8px 8px;
}

.wooslider-direction-nav .wooslider-next {
	right: 0px !important;
}

.wooslider-direction-nav .wooslider-prev {
	left: 0px !important;
}

/* Gallery */

.gallery-item {
	background: #000;
	position: relative;
}

.gallery-item a:before {
	content: url(images/enlarge.png);
	opacity: 0;
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 9;
	display: block;
	margin: -7px 0 0 -8px;
}

.gallery-item a:hover img {
	opacity: .3;
	filter: alpha(opacity=30);

}

.gallery-item a:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}

section .portfolio-wrapper ul {
	margin: 0
}

/* WP-Members plugin fix */

#wpmem_login fieldset, #wpmem_reg fieldset {
	margin-left: 25px;
}

#wpmem_login input[type="password"], #wpmem_login input[type="text"], #wpmem_reg input[type="text"] {
	padding: 15px 10px !important
}

#wpmem_login input[type="submit"] {
	margin: -9px 20px 0 20px;
	padding: 5px 20px;
	float: right;
}

#wpmem_reg input[type="submit"] {
	padding: 3px 20px;
 	margin: 2px 20px 0 20px;
 	float: right;
}

.search-pagination {
	margin-top: 40px;
}

.search-pagination .box {
	padding-left: 20px;
}

.search .breadcrumbs {
	margin-bottom:  30px;
}