/*
Theme Name: Bamboo
Theme URI: http://bamboo.ideapark.kz
Description: Fast, light and clean Wordpress theme!
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 2.0.1
Author: ideapark.kz
Author URI: http://ideapark.kz
Tags: one-column, two-columns, green, fixed-layout, responsive-layout, right-sidebar, custom-menu, featured-images, translation-ready, theme-options, full-width-template
*/

@font-face {
	font-family: 'Contra';
	src:         url('fonts/contra-webfont.eot');
	src:         url('fonts/contra-webfont.eot?#iefix') format('embedded-opentype'),
				 url('fonts/contra-webfont.woff2') format('woff2'),
				 url('fonts/contra-webfont.woff') format('woff'),
				 url('fonts/contra-webfont.ttf') format('truetype'),
				 url('fonts/contra-webfont.svg#contraregular') format('svg');
	font-weight: normal;
	font-style:  normal;
}

/* Style resetting */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:         0;
	font-family:    inherit;
	font-size:      100%;
	font-style:     inherit;
	font-weight:    inherit;
	margin:         0;
	outline:        0;
	padding:        0;
	vertical-align: baseline;
	-ms-word-wrap:  break-word;
	word-wrap:      break-word;
}

html {
	font-size:                62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y:               scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

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

h1, h2, h3 {
	font-family: 'Contra';
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing:  0;
}

caption, th, td {
	font-weight: normal;
	text-align:  left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

*:focus {
	outline: 0;
}

a:active {
	outline: 0;
}

a img {
	border: 0;
}

*, *:before, *:after {
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
}

.clearfix:after, .list:after {
	visibility: hidden;
	display:    block;
	font-size:  0;
	content:    " ";
	clear:      both;
	height:     0;
}

* html .clearfix, * html .list {
	zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
	zoom: 1;
}

/* IE7 */

/* Wordpress */

.screen-reader-text {
	display: none;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 0.6em 0;
	color:  #666;
}

.entry-content h1 {
	font-size: 24px;
	font-size: 2.4rem;
}

.entry-content h2 {
	font-size: 20px;
	font-size: 2.0rem;
}

.entry-content h3 {
	font-size: 16px;
	font-size: 1.6rem;
}

.entry-content h4 {
	font-size: 14px;
	font-size: 1.4rem;
}

.entry-content h5 {
	font-size: 12px;
	font-size: 1.2rem;
}

.entry-content h6 {
	font-size: 10px;
	font-size: 1rem;
}

.entry-content hr {
	background-color: #ccc;
	border:           0;
	height:           1px;
	margin-bottom:    1.5em;
}

/* Text elements */
.entry-content p {
	margin-bottom: 15px;
}

.entry-content ul,
.entry-content ol {
	margin: 0 0 1.5em 0.5em;
}

.entry-content ul {
	list-style: none;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 0;
	margin-left:   1.5em;
}

.entry-content dt {
	font-weight: bold;
}

.entry-content dd {
	margin: 0 1.5em 1.5em;
}

.entry-content b,
.entry-content strong {
	font-weight: bold;
}

.entry-content dfn,
.entry-content cite,
.entry-content em,
.entry-content i {
	font-style: normal;
}

.entry-content blockquote {
	font-style: italic;
	margin:     0 1.5em;
}

.entry-content address {
	margin: 0 0 1.5em;
}

.entry-content pre {
	background:    #F7F9F3;
	font-family:   "Courier 10 Pitch", Courier, monospace;
	font-size:     12px;
	font-size:     1.2rem;
	line-height:   1.6;
	margin-bottom: 1.6em;
	padding:       1.6em;
	overflow:      auto;
	max-width:     100%;
}

.entry-content code,
.entry-content kbd,
.entry-content tt,
.entry-content var {
	font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

.entry-content abbr,
.entry-content acronym {
	border-bottom: 1px dotted #666;
	cursor:        help;
}

.entry-content mark,
.entry-content ins {
	background:      #fff9c0;
	text-decoration: none;
}

.entry-content sup,
.entry-content sub {
	font-size:      75%;
	height:         0;
	line-height:    0;
	position:       relative;
	vertical-align: baseline;
}

.entry-content sup {
	bottom: 1ex;
}

.entry-content sub {
	top: .5ex;
}

.entry-content small {
	font-size: 75%;
}

.entry-content big {
	font-size: 125%;
}

.entry-content figure {
	margin: 0;
}

.entry-content table,
.comment-content table {
	border:            1px solid #d9d9d9;
	border-left-width: 0;
	margin:            0 -0.083em 2.083em 0;
	text-align:        left;
	width:             100%;
}

.entry-content tr th,
.entry-content thead th,
.comment-content tr th,
.comment-content thead th {
	border-left: 1px solid #d9d9d9;
	font-weight: bold;
	padding:     0.5em 1.25em;
}

.entry-content tr td,
.comment-content tr td {
	border:       1px solid #d9d9d9;
	border-width: 1px 0 0 1px;
	padding:      0.5em 1.25em;
}

.entry-content tr.odd td,
.comment-content tr.odd td {
	background: #dfd6c7;
}

.entry-content ul li {
	list-style-type:     square;
	list-style-position: outside;
	margin-left:         1em;
}

.entry-content ol {
	list-style: decimal;
	margin:     0 0 1.5em 1.5em;
}

.alignleft {
	float:  left;
	margin: 0 20px 20px 0;
}

.alignright {
	float:  right;
	margin: 0 0 20px 20px;
}

.aligncenter {
	clear:   both;
	display: block;
	margin:  0 0 20px 0;
}

.wp-caption {
	font-size: 90%;
}

.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.alignnone {
	margin-bottom: 15px;
}

.wp-caption-text {
	text-align: center;
	font-size:  90%;
}

.bypostauthor {
}

.gallery-caption {
	font-size: 12px;
	font-size: 1.2rem;
}

.sticky {
}

/* Theme */

body {
	font-family: 'PT Sans', sans-serif;
	font-size:   14px;
	line-height: 20px;
}

img.mobile {
	display: none
}

input[type=submit], button {
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	padding: 8px 20px;
	font-size: 14px;
}

#header {
	height:                          152px;
	position:                        relative;
	z-index:                         20;
	-webkit-border-top-left-radius:  8px;
	-moz-border-top-left-radius:     8px;
	border-top-left-radius:          8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius:    8px;
	border-top-right-radius:         8px;
	border-bottom:                   solid 1px #FFF;
}

#header .top {
	position: absolute;
	right:    54px;
	top:      23px;
}

#header .top > div {
	float: right;
}

#header .soc {
	margin-left: 5px;
}

#header .call {
	font-size:    15px;
	font-weight:  bold;
	margin-right: 20px;
	line-height:  32px;
}

#header .call i {
	line-height:    32px;
	font-size:      18px;
	vertical-align: middle;
	margin-right:   5px;
}

#header .call a {
	text-decoration: none;
	color:           inherit;
}

#header .call span {
	display:     block;
	font-size:   12px;
	line-height: 15px;
	font-weight: normal;
}

#header .soc a {
	display:     block;
	float:       left;
	width:       26px;
	height:      32px;
	margin-left: 7px;
	text-align:  center;
	line-height: 32px;
	font-size:   16px;
}

#header .search {
	position: relative;
	margin:   2px 0 0 26px;
}

#header .search input[type=text] {
	border:                solid 1px #C4C4C4;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	background:            #fff;
	font-size:             15px;
	padding:               6px 28px 6px 9px;
	width:                 138px;
	height:                28px;
}

#header .search button {
	position:       absolute;
	border:         none;
	margin:         0;
	padding:        0;
	width:          28px;
	height:         28px;
	top:            0px;
	right:          1px;
	cursor:         pointer;
	background:     transparent;
	font-size:      16px;
	padding-bottom: 2px;
}

#content {
	padding-bottom: 10px;
	position:       relative;
	overflow:       hidden;
}

#footer {
	text-align:    center;
	margin-bottom: 60px;
	font:          normal 14px Arial, Sans-Serif;
}

.logo {
	/*
	margin: 69px 0 0 36px;
	float:  left;*/
	position:   absolute;
	left:       35px;
	bottom:     36px;
	max-height: 90px;
	max-width:  175px;
}

input[type=text], textarea {
	border:                solid 1px #C4C4C4;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	background:            #fff;
	font-size:             15px;
	padding:               6px 28px 6px 9px;
	width:                 100%;
}

/* == Slider == */

.slider {
	width:    100%;
	height:   244px;
	position: relative;
	overflow: hidden;
}

.slider > .slide {
	opacity:    0;
	visibility: hidden;
}

.slider .slidesjs-navigation {
	overflow:       hidden;
	display:        block;
	position:       absolute;
	top:            50%;
	height:         45px;
	line-height:    17px;
	color:          #FFF;
	font-size:      17px;
	width:          22px;
	z-index:        10;
	margin-top:     -23px;
	vertical-align: middle;

}

.slider .slidesjs-navigation:before {
	content:               "";
	position:              absolute;
	left:                  0;
	top:                   0;
	width:                 44px;
	height:                44px;
	-webkit-border-radius: 22px;
	-moz-border-radius:    22px;
	border-radius:         22px;
	z-index:               -1;
}

.slider .slidesjs-navigation.slidesjs-previous:before {
	left: -22px;
}

.slider .slidesjs-previous {
	left:    0;
	padding: 14px 0 0 3px;
}

.slider .slidesjs-next {
	right:   0;
	padding: 14px 0 0 8px;
}

.slider .slide .wrap {
	position:   absolute;
	left:       90px;
	top:        17px;
	bottom:     0;
	width:      210px;
	height:     210px;
	text-align: center;
	display:    table;
}

.slider .slide .content {
	display:        table-cell;
	text-align:     center;
	vertical-align: middle;
	padding:        20px;
}

.slider .slide .inner {
	max-height: 170px;
	overflow:   hidden;
}

.slider .slide h3 {
	font-size:   35px;
	line-height: 35px;
	font-family: 'Contra', serif;

}

.slider .slide .text {
	font-size:     18px;
	line-height:   22px;
	font-family:   'Contra', serif;
	opacity:       0.45;
	margin-bottom: 4px;
}

.slider .slide .full {
	position: absolute;
	display:  block;
	left:     0;
	top:      0;
	right:    0;
	bottom:   0;
	cursor:   pointer;
}

.slider .slide {
	height:              244px;
	background-repeat:   no-repeat;
	background-size:     cover;
	background-position: center center;
}

.slider .slide .image {
	position: absolute;
	margin:   auto;
	top:      0;
	bottom:   0;
	right:    0;
}

@-webkit-keyframes bounce {
	0%, 10% {
		-webkit-transform: translateY(-200px);
	}

	30%, 60%, 100% {
		-webkit-transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(-10px);
	}

	80% {
		-webkit-transform: translateY(-2px);
	}
}

@-moz-keyframes bounce {
	0%, 10% {
		-moz-transform: translateY(-200px);
	}

	30%, 60%, 100% {
		-moz-transform: translateY(0);
	}

	50% {
		-moz-transform: translateY(-10px);
	}

	80% {
		-moz-transform: translateY(-2px);
	}
}

@-o-keyframes bounce {
	0%, 10% {
		-o-transform: translateY(-200px);
	}

	30%, 60%, 100% {
		-o-transform: translateY(0);
	}

	50% {
		-o-transform: translateY(-10px);
	}

	80% {
		-o-transform: translateY(-2px);
	}
}

@keyframes bounce {
	0%, 10% {
		transform: translateY(-200px);
	}

	30%, 60%, 100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

	80% {
		transform: translateY(-2px);
	}
}

.slider .slide:not(.cur) .wrap {
	opacity: 0;
}

.slider .slide.cur .wrap {
	-webkit-animation: bounce 1s; /* Safari 4+ */
	-moz-animation:    bounce 1s; /* Fx 5+ */
	-o-animation:      bounce 1s; /* Opera 12+ */
	animation:         bounce 1s; /* IE 10+, Fx 29+ */
}

.slider .slidesjs-pagination {
	display:    block;
	bottom:     10px;
	text-align: center;
	position:   absolute;
	width:      100%;
	z-index:    999;
}

.slider .slidesjs-pagination li {
	display: inline-block;
}

.slider .slidesjs-pagination li a {
	display:               block;
	width:                 12px;
	height:                12px;
	-webkit-border-radius: 12px;
	-moz-border-radius:    12px;
	border-radius:         12px;
	margin-right:          5px;
	background-color:      #fff;
	font:                  0/0 serif;
	text-shadow:           none;
	color:                 transparent;
}

/* == Teasers == */

.teaser-container {
	padding: 15px 0 50px 30px;
}

.teaser {
	float:        left;
	width:        254px;
	margin-right: 38px;
	text-align:   center;
	font-family:  Arial, Sans-Serif;
}

.teaser:last-child {
	margin-right: 0;
}

.teaser .img {
	height:   94px;
	width:    100%;
	position: relative;
	overflow: hidden;
	margin:   13px 0 13px 0;
}

.teaser .img img {
	margin:   auto;
	position: absolute;
	top:      0;
	left:     0;
	bottom:   0;
	right:    0;
}

.teaser a {
	text-decoration: none;
}

.teaser .header, .teaser a .header {
	font-size:     22px;
	line-height:   19px;
	font-weight:   normal;
	margin-bottom: 10px;
	font-family:   'Contra';
}

.teaser .text, .teaser a .text {
	font-size:   12px;
	line-height: 19px;
}

.page-header {
	height:   83px;
	position: relative;
	overflow: hidden;
}

.page-header h1.page-title {
	margin:      28px 35px 10px 35px;
	font-size:   24px;
	line-height: 32px;
	float:       left;
	max-width:   600px;
	height:      29px;
	overflow:    hidden;
	color:       #666;
}

.page-header h1.page-title span {
	opacity: 0.5;
}

.page-header > span {
	float:     right;
	margin:    32px 54px 10px 35px;
	font-size: 14px;
}

.page-header > span a {
	text-decoration: none;
}

#content .leftcol {
	float:   left;
	width:   590px;
	padding: 40px 0 40px 35px;
}

#content .leftcol.fullwidth {
	width: 865px;
}

#content .gallery a img {
	border: none;
	height: auto;
}

#content .gallery {
	margin-bottom: 15px;
}

#content .gallery .gallery-item {
	text-align: left;
}

#content .rightcol {
	width:          865px;
	padding-left:   625px;
	padding-top:    40px;
	padding-bottom: 40px;
}

.list {
	padding-top:    42px;
	padding-bottom: 30px;
	border-bottom:  solid 1px #E4E7DC;
}

.list:first-child {
	padding-top: 0;
}

.list .blog-image {
	float:                 left;
	width:                 170px;
	max-height:            170px;
	overflow:              hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius:    8px;
	border-radius:         8px;
}

.post:after {
	visibility: hidden;
	display:    block;
	font-size:  0;
	content:    " ";
	clear:      both;
	height:     0;
}

* html .post {
	zoom: 1;
}

/* IE6 */
*:first-child + html .post {
	zoom: 1;
}

.list .entry-header,
.list .entry-content,
.list .edit-link {
	padding-left: 200px;
	display:      block;
}

.list h2.entry-title,
.list h2.entry-title a {
	font-weight:     bold;
	font-size:       20px;
	text-decoration: none;
	margin-bottom:   10px;
	line-height:     25px;
}

.list .entry-meta {
	margin: 0 0 22px 0;
}

.post .entry-meta,
.post .entry-meta a,
.page .entry-meta a,
.single .entry-meta,
.single .entry-meta a {
	font-size:       11px;
	text-decoration: none;
}

.post.single .entry-meta,
.portfolio.single .entry-meta {
	border-top:    solid 1px #E4E7DC;
	border-bottom: solid 1px #E4E7DC;
	margin-top:    35px;
	padding:       7px 0;
}

.single .entry-content,
.single .entry-content a,
.post .entry-content,
.post .entry-content a,
.page .entry-content,
.page .entry-content a,
.portfolio .entry-content,
.portfolio .entry-content a {
	font-size:       14px;
	line-height:     20px;
	text-decoration: none;
}

.post.list .entry-content img {
	display: none;
}

.post.single .entry-content img,
.page.single .entry-content img,
.portfolio.single .entry-content img {
	-webkit-border-radius: 8px;
	-moz-border-radius:    8px;
	border-radius:         8px;
	max-width:             555px;
	height:                auto;
}

.fullwidth .post.single .entry-content img,
.fullwidth .page.single .entry-content img,
.fullwidth .portfolio.single .entry-content img {
	max-width: 830px;
	height:    auto;
}

.post.single .entry-content p,
.page.single .entry-content p {
	margin-bottom: 15px;
}

.navigation {
	padding-top: 22px;
	font-size:   14px;
	line-height: 22px;
}

.navigation a {
	text-decoration: none;
}

.navigation .page-numbers {
	display:               inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	padding:               2px 8px 0px 8px;
	margin-right:          4px;
}

.navigation .page-numbers.next, .navigation .page-numbers.prev {
	background: none;
}

.widget {
	margin-bottom: 34px;
}

.widget .widget-title {
	text-transform: uppercase;
	font-size:      18px;
	margin-bottom:  8px;
	color:          #666;
}

.widget ul li {
	padding: 7px 0 5px 0;
}

.widget ul li:last-child {
	border-bottom: none;
}

.widget ul.sub-menu li {
	margin-left: 20px;
}

.widget a {
	text-decoration: none;
}

#wp-calendar th, #wp-calendar td {
	min-width: 25px;
	padding:   2px 0;
}

#wp-calendar caption {
	font-weight:    bold;
	padding-bottom: 4px;
}

#searchsubmit {
	display: none;
}

.assistive-text {
	clip:     rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip:     rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

#header .search input[type=text] {
	border:                solid 1px #C4C4C4;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	background:            #fff;
	font-size:             15px;
	padding:               6px 28px 6px 9px;
	width:                 138px;
	height:                28px;
}

.addthis_sharing_toolbox {
	display: inline;
}

.addthis_sharing_toolbox i {
	vertical-align: middle;
	margin:         0 5px;
}

.navigation.post-navigation a,
.navigation.comment-navigation a {
	font-weight: bold;
	font-size:   18px;
	line-height: 23px;
}

.navigation.post-navigation,
.navigation.comment-navigation {
	position: relative;
	overflow: hidden;
}

.navigation.post-navigation .nav-previous,
.navigation.comment-navigation .nav-previous {
	float:        left;
	width:        215px;
	padding-left: 23px;
}

.navigation.post-navigation .nav-next,
.navigation.comment-navigation .nav-next {
	float:         right;
	text-align:    right;
	width:         215px;
	padding-right: 23px;
}

.navigation.post-navigation .nav-previous > span,
.navigation.post-navigation .nav-next > span {
	display:   block;
	font-size: 11px;
	color:     #C7C7C7;
}

.navigation.post-navigation .nav-previous span.meta-nav,
.navigation.comment-navigation .nav-previous span.meta-nav {
	display:     block;
	width:       23px;
	margin-left: -23px;
	float:       left;
	font-size:   22px;
}

.navigation.post-navigation .nav-next span.meta-nav,
.navigation.comment-navigation .nav-next span.meta-nav {
	display:      block;
	width:        23px;
	margin-right: -23px;
	float:        right;
	font-size:    22px;
}

.navigation.post-navigation {
	margin-bottom: 35px;
}

.navigation.comment-navigation {
	margin-top:     10px;
	padding-bottom: 0;
	margin-bottom:  25px;
}

#comments .comments-title {
	text-transform: uppercase;
	font-size:      16px;
	color:          #484747;
}

#comments .vcard img {
	-webkit-border-radius: 25px;
	-moz-border-radius:    25px;
	border-radius:         25px;
	margin-left:           -80px;
	float:                 left;
	display:               block;
}

.navigation .page-numbers.next,
.navigation .page-numbers.prev {
	color: #666;
}

#comments .vcard .says {
	display: none;
}

#comments .vcard .fn {
	font-weight: bold;
	font-size:   16px;
}

#comments .vcard .fn a {
	text-decoration: none;
}

#comments .comment {
	padding-left: 80px;
	padding-top:  30px;
}

#comments .comment .comment {
	margin-left: -40px;
}

#comments .comment-metadata, #comments .comment-metadata a {
	font-size:       11px;
	text-decoration: none;
}

#comments .comment-meta .reply {
	display: inline-block;
}

#comments .comment-meta .reply a {
	display:               inline-block;
	font-size:             10px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	padding:               1px 7px 0 7px;
	color:                 #FFF;
	background-color:      #7D9251;
	text-decoration:       none;
	line-height:           17px;
	opacity:               0.6;
}

#comments .comment-meta .reply a:hover {
	opacity: 1;
}

#comments .comment-meta {
	margin-bottom: 5px;
}

#respond {
	padding-top: 65px;
	border-top:  solid 1px #E4E7DC;
	margin-top:  25px;
}

#respond .comment-reply-title {
	font-size:     16px;
	color:         #444444;
	margin-bottom: 10px;
}

#respond label {
	float:       left;
	width:       15%;
	padding-top: 5px;
}

#respond input[type=text] {
	width: 85%;
}

#respond p {
	margin-bottom: 15px;
}

#respond a {
	text-decoration: none;
}

#respond .comment-form-comment label {
	display: none;
}

#respond .form-allowed-tags {
	color:     #C7C7C7;
	font-size: 11px;
}

.edit-link a {
	font-size:       11px;
	text-decoration: none;

}

.edit-link::before {
	content:        "";
	display:        inline-block;
	width:          11px;
	height:         11px;
	margin-right:   5px;
	margin-bottom:  2px;
	vertical-align: middle;
}

.page-links {
	margin-bottom: 15px;
}

.page-links a {
	text-decoration: none;
}

.page-links span {
	display:               inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	padding:               2px 5px 0px 5px;
	line-height:           16px;
	margin-left:           3px;
}

.portfolio-wrap {
	margin:         0 -14px;
	text-align:     center;
	vertical-align: top;
}

.portfolio-list {
	display:        inline-block;
	vertical-align: top;
	width:          257px;
	margin:         0 14px 62px 14px;
	height:         225px;
	overflow:       hidden;
	text-align:     center;
	position:       relative;
}

.portfolio-list a {
	text-decoration: none;
}

.portfolio-list h2.entry-title {
	font:       bold 18px/19px Arial;
	margin-top: 10px;
}

.portfolio-list .entry-content {
	margin-top: 4px;
	font:       normal 12px/19px Arial;
}

.portfolio-list .blog-image {
	position:              relative;
	overflow:              hidden;
	height:                113px;
	width:                 257px;
	-webkit-border-radius: 8px;
	-moz-border-radius:    8px;
	border-radius:         8px;
}

.portfolio-list .blog-image img {
	-webkit-border-radius: 8px;
	-moz-border-radius:    8px;
	border-radius:         8px;
}

.portfolio-list .blog-image span.hover {
	position: absolute;
	top:      0;
	left:     0;
	display:  none;
	right:    0;
	bottom:   0;
}

.portfolio-list > a:hover .blog-image span.hover {
	display: block;
}

.portfolio-list .edit-link {
	position:              absolute;
	display:               block;
	top:                   5px;
	right:                 5px;
	z-index:               100;
	background:            rgba(255, 255, 255, 0.9);
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	padding:               0 5px;
}

.sub-cat-menu {
	margin-bottom: 20px;
	color:         #8F8B89;
	font-size:     16px;
}

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

.sub-cat-menu a {
	text-decoration: none;
}

#mobilemenu {
	display: none;
}

#mobilesearch {
	display: none;
}

@media (min-width: 1024px) {
	#rectangle {
		width:      90%;
		max-width:  900px;
		min-height: 565px;
		margin:     30px auto 45px auto;
		position:   relative;
		z-index:    1;

	}

	#rectangle:before {
		content:               "";
		top:                   -15px;
		left:                  -15px;
		right:                 -15px;
		bottom:                -15px;
		position:              absolute;
		z-index:               -2;
		-webkit-border-radius: 12px;
		-moz-border-radius:    12px;
		border-radius:         12px;
	}

	#rectangle:after {
		content:               "";
		top:                   0;
		left:                  0;
		right:                 0;
		bottom:                0;
		position:              absolute;
		z-index:               -1;
		background-color:      #FFFFFF;
		-webkit-border-radius: 8px;
		-moz-border-radius:    8px;
		border-radius:         8px;

	}

	#wrap {
		width:     100%;
		min-width: 1000px;
		overflow:  hidden;
		position:  relative;
	}

	/* =========== Navigation =========== */
	#nav {
		position: absolute;
		float:    right;
		height:   30px;
		right:    54px;
		bottom:   36px;

	}

	#nav .menu {
		max-width: 620px;
	}

	#nav .menu > li {
		float:         left;
		position:      relative;
		margin-bottom: 1px;
	}

	#nav .menu > li > a {
		display:         block;
		position:        relative;
		font-size:       14px;
		padding:         6px 10px 5px 10px;
		text-decoration: none;
		margin:          0 1px 0 0;
		line-height:     normal;
		/* More options in folder "CSS" */
	}

	#nav .menu > li:first-child > a {
		-webkit-border-top-left-radius:    4px;
		-moz-border-top-left-radius:       4px;
		border-top-left-radius:            4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-bottom-left-radius:    4px;
		border-bottom-left-radius:         4px;
	}

	#nav .menu > li:last-child > a {
		-webkit-border-top-right-radius:    4px;
		-moz-border-top-right-radius:       4px;
		border-top-right-radius:            4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-bottom-right-radius:    4px;
		border-bottom-right-radius:         4px;
	}

	#nav .menu > li > ul {
		display:    none;
		position:   absolute;
		left:       0;
		top:        30px;
		border-top: solid 1px transparent;

	}

	#nav .menu > li:last-child > ul {
		left:  auto;
		right: 0;
	}

	#nav .menu > li:hover ul {
		display: block;
	}

	#nav .menu > li ul li a {
		text-decoration: none;
		display:         block;
		min-width:       150px;
		padding:         6px 8px 5px 8px;
		margin:          0;
	}

	#nav .menu > li ul li:last-child a {
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-bottom-right-radius:    4px;
		border-bottom-right-radius:         4px;
		-webkit-border-bottom-left-radius:  4px;
		-moz-border-bottom-left-radius:     4px;
		border-bottom-left-radius:          4px;
	}

}

@media (max-width: 1023px) {

	#wrap {
		min-width: 320px;
		overflow:  hidden;
		position:  relative;
	}

	#rectangle {
		position:      relative;
		margin-bottom: 25px;
	}

	#footer {
		margin-bottom: 25px;
	}

	#content .leftcol {
		float:   none;
		width:   100%;
		padding: 40px 35px 40px 35px;
	}

	#content .leftcol.fullwidth {
		width: 100%;
	}

	.rightcol {
		display: none
	}

	#header {
		text-align:            center;
		height:                135px;
		-webkit-border-radius: 0;
		-moz-border-radius:    0;
		border-radius:         0;
	}

	#header .soc {
		display: none;
	}

	#header .top {
		position: absolute;
		right:    auto;
		left:     0;
		top:      0;
	}

	#header .search {
		position: relative;
		margin:   5px 0 0 5px;
	}

	#header .top > div {
		float: left;
	}

	#header .call {
		font-size:    15px;
		line-height:  19px;
		font-weight:  bold;
		margin-left:  20px;
		margin-right: 0;
		margin-top:   4px;
	}

	#header .call span {
		display:      inline-block;
		font-size:    inherit;
		margin-right: 10px;
	}

	.logo {
		position:   absolute;
		left:       0;
		right:      0;
		top:        0;
		bottom:     0;
		margin:     auto;
		max-height: 80px;
	}

	#mobilemenu {
		display:     block;
		width:       38px;
		height:      37px;
		position:    absolute;
		top:         0;
		right:       0;
		font-size:   26px;
		line-height: 26px;
		padding-top: 6px;
	}

	#mobilesearch {
		display:     block;
		width:       37px;
		height:      37px;
		float:       left;
		left:        0;
		right:       0;
		font-size:   26px;
		line-height: 26px;
		padding-top: 6px;
	}

	#mobilesearch.expanded i:before {
		content: "\f00d";
	}

	#nav {
		position: absolute;
		float:    none;
		height:   30px;
		right:    0;
		top:      0;
		z-index:  1000;
	}

	#nav .menu {
		display:  none;
		position: absolute;
		overflow: hidden;
		right:    0;
		top:      37px;
	}

	#nav .menu > li a {
		display:         block;
		position:        relative;
		font-size:       18px;
		padding:         6px 15px 5px 15px;
		text-decoration: none;
		margin:          0;
		border-bottom:   solid 1px #ECF0E3;
		line-height:     25px;
		min-width:       200px;
	}

	#nav .menu > li ul li a {
		padding-left: 25px;
		font-size:    15px;
	}

	#nav .menu > li ul {
		display: none;
	}

	#nav .menu > li.current-menu-item ul {
		display: block;
	}

	#respond label {
		float:       none;
		width:       auto;
		padding-top: 0;
	}

	#respond input[type=text] {
		width: 100%;
	}

	.page-links span, .navigation .page-numbers {
		padding:     6px 11px 6px 11px;
		line-height: 18px;
		margin-left: 3px;
		font-size:   18px;
	}

	.navigation.post-navigation .nav-previous,
	.navigation.comment-navigation .nav-previous {
		width: 50%;
	}

	.navigation.post-navigation .nav-next,
	.navigation.comment-navigation .nav-next {
		width: 50%;
	}

	.post.single .entry-content img, .page.single .entry-content img, .portfolio.single .entry-content img {
		max-width: 100%;
	}

	#content .gallery .gallery-item {
		padding-right: 5px;
	}

	.page-header > span {
		margin-right: 35px;
	}

	.teaser-container {
		text-align: center;
		padding:    0 35px 20px 35px;
	}

	.teaser {
		width:        33%;
		margin-right: 0;
		padding:      0 10px;
	}

	.top .search:not(.expanded) {
		display: none;
	}

	#header .search input[type=text] {
		width: 200px;
	}

}

@media (max-width: 767px) {
	.slider .slide .wrap {
		background: rgba(255, 255, 255, 0.9);
		color:      #4E4E4E;
	}

	.slider .slide .image {
		left:              auto;
		right:             50%;
		-webkit-transform: translateX(50%);
		-moz-transform:    translateX(50%);
		-ms-transform:     translateX(50%);
		-o-transform:      translateX(50%);
		transform:         translateX(50%);
	}

	.slider .slide .wrap {
		left:   0;
		right:  0;
		margin: 0 auto;
	}
}

@media (max-width: 478px) {
	#header .call {
		display: none;
	}

	.logo {
		max-height: 100px;
		max-width:  240px;
	}

	.teaser {
		float:        none;
		display:      block;
		margin-right: 0;
		text-align:   center;
		width:        100%;
		font-family:  Arial, Sans-Serif;
	}

	.list .blog-image {
		float:                 none;
		width:                 auto;
		max-height:            inherit;
		overflow:              hidden;
		-webkit-border-radius: 0;
		-moz-border-radius:    0;
		border-radius:         0;
	}

	.list .blog-image img {
		width:                 100%;
		-webkit-border-radius: 8px;
		-moz-border-radius:    8px;
		border-radius:         8px;
	}

	.list .entry-header, .list .entry-content, .list .edit-link {
		padding-left: 0;
		padding-top:  10px;
	}

	#content .gallery .gallery-item {
		width: 50% !important;
	}

	#content .gallery br:not(:last-child) {
		display: none;
	}

	img.mobile {
		display: block
	}

	img.desktop {
		display: none
	}

	.slider .slidesjs-pagination {
		display: none;
	}

	#header .search input[type=text] {
		width: 240px;
	}
}