/*
Theme Name: ElectricDialogue
Author: ivision.pl
Author URI: http://www.ivision.pl/
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0
}

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
    border: none
}

body {
    line-height: 1
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

a:focus, a:active, input:focus, input:active {
    outline: none;
    -moz-outline-style: none
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1
}

/* =Webfonts
-------------------------------------------------------------- */
@font-face {
    font-family: 'NewJuneBold';
    src: url('fonts/2A4C77_0_0.eot');
    src: url('fonts/2A4C77_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/2A4C77_0_0.woff') format('woff'), url('fonts/2A4C77_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'NewJuneBook';
    src: url('fonts/2A4C77_1_0.eot');
    src: url('fonts/2A4C77_1_0.eot?#iefix') format('embedded-opentype'), url('fonts/2A4C77_1_0.woff') format('woff'), url('fonts/2A4C77_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'NewJuneLight-Italic';
    src: url('fonts/2A4C77_2_0.eot');
    src: url('fonts/2A4C77_2_0.eot?#iefix') format('embedded-opentype'), url('fonts/2A4C77_2_0.woff') format('woff'), url('fonts/2A4C77_2_0.ttf') format('truetype');
}

/* =Global
----------------------------------------------- */
body, input, textarea {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #5e5e5e;
    background-color: #f4f4f4
}

.btn a, input.btn, #info-social .twitter-desc strong, .fnt-nj-bold {
    font-family: 'NewJuneBold';
    font-weight: normal;
    font-style: normal
}

body .su-button {
	background: transparent !important;
	border: none !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
}

.su-button > span {
	font-family: 'NewJuneBold' !important;
	font-weight: normal !important;
	font-style: normal !important;
	color: #ff4c72 !important;
	border: 1px #ff4c72 solid !important;
	padding: 0 50px 0 10px !important;
	background: url('images/btn.png') no-repeat right center !important;
	display: inline-block !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	height: 31px !important;
	line-height: 31px !important;
	font-size: 16px !important;
	top: auto !important;
}

.fnt-nj-book {
    font-family: 'NewJuneBook';
    font-weight: normal;
    font-style: normal
}

.fnt-nj-light-italic {
    font-family: 'NewJuneLight-Italic';
    font-weight: normal;
    font-style: normal
}

#page {
    width: 100%;
    overflow: hidden
}

.container {
    width: 1138px;
    margin: 0 auto 0;
    position: relative
}

.page-container {
    margin-left: 60px !important;
    position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}

.section {
    width: 90px;
    height: 108px;
    top: -44px;
    position: relative;
    z-index: 100
}

.section span {
    display: block;
    line-height: 33px;
    height: 33px;
    font-size: 19px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.section-blog {
    background: url('images/section-blog.png') no-repeat center 0
}

.section-work {
    background: url('images/section-work.png') no-repeat center 0;
    right: 0;
    position: absolute
}

.section-contact {
    background: url('images/section-contact.png') no-repeat center 0
}

#page #nav {
    width: 63px;
    height: 100%;
    position: fixed;
    background: #242424;
    z-index: 3;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}

#page #nav .nav-btn {
	cursor: pointer;
	margin: 20px auto 0;
	padding: 10px 0 16px;
	width: 27px;
}

#page #nav .nav-btn span,
#page #nav .nav-btn span:before,
#page #nav .nav-btn span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 4px;
	width: 27px;
	background: white;
	position: absolute;
	display: block;
	content: '';
}

#page #nav .nav-btn span:before {
	top: -10px;
}

#page #nav .nav-btn span:after {
	bottom: -10px;
}

#page #nav .nav-btn span,
#page #nav .nav-btn span:before,
#page #nav .nav-btn span:after {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#page #nav .nav-btn.active span {
	background-color: transparent;
}

#page #nav .nav-btn.active span:before,
#page #nav .nav-btn.active span:after {
	top: 0;
}

#page #nav .nav-btn.active span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#page #nav .nav-btn.active span:after {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-moz-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
	top: 10px;
}

#page #nav-content-rwd {
    display: none
}

#page #nav-content {
    left: -210px;
    width: 273px;
    height: 100%;
    position: fixed;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}

#page .nav-content {
    background: #242424;
    z-index: 2
}

#page #nav-content ul {
    margin: 7px 20px
}

#page .nav-content ul li {
    list-style: none
}

#page .nav-content ul li a {
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    display: block;
    padding-left: 45px;
    margin: 20px 0;
    line-height: 28px;
    position: relative
}

#page .nav-content ul li a span {
    position: absolute;
    width: 31px;
    height: 30px;
    left: 0;
    opacity: 0
}

#page .nav-content ul li.item-home a {
    background: url('images/nav-item-home.png') no-repeat 0 0
}

#page .nav-content ul li.item-home a span {
    background: url('images/nav-item-home.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-work a {
    background: url('images/nav-item-work.png') no-repeat 0 0
}

#page .nav-content ul li.item-work a span {
    background: url('images/nav-item-work.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-offer a {
    background: url('images/nav-item-offer.png') no-repeat 0 0
}

#page .nav-content ul li.item-offer a span {
    background: url('images/nav-item-offer.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-blog a {
    background: url('images/nav-item-blog.png') no-repeat 0 0
}

#page .nav-content ul li.item-blog a span {
    background: url('images/nav-item-blog.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-team a {
    background: url('images/nav-item-team.png') no-repeat 0 0
}

#page .nav-content ul li.item-team a span {
    background: url('images/nav-item-team.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-contact a {
    background: url('images/nav-item-contact.png') no-repeat 0 0
}

#page .nav-content ul li.item-contact a span {
    background: url('images/nav-item-contact.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-testimonial a {
	background: url('images/nav-item-testimonial.png') no-repeat 0 0
}

#page .nav-content ul li.item-testimonial a span {
	background: url('images/nav-item-testimonial.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-client a {
	background: url('images/nav-item-client.png') no-repeat 0 0
}

#page .nav-content ul li.item-client a span {
	background: url('images/nav-item-client.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-value a {
	background: url('images/nav-item-value.png') no-repeat 0 0
}

#page .nav-content ul li.item-value a span {
	background: url('images/nav-item-value.png') no-repeat 0 -30px
}

#page .nav-content ul li.item-career a {
	background: url('images/nav-item-career.png') no-repeat 0 0
}

#page .nav-content ul li.item-career a span {
	background: url('images/nav-item-career.png') no-repeat 0 -30px
}

#page .nav-content ul li.current-menu-item a {
    background-position: 0 -30px;
    color: #FF426A
}

#header, body.home.page #header {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	height: 576px;
}

body.home.page #header {
    opacity: 0
}

#header .container {
    height: 100%
}

#header .header {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    z-index: 1
}

body.home.page #header .header {
    top: 40px
}

#header .header #nav-rwd {
    display: none
}

#header .header #nav-rwd .nav-btn {
    width: 27px;
    height: 24px;
    background: url('images/nav.png') no-repeat 0 0;
    cursor: pointer
}

#header .title {
    font-size: 86px;
    color: #fff;
    position: absolute;
    bottom: 111px;
    margin-right: 200px
}

body.home.page #header .title {
    bottom: 150px;
    font-size: 72px
}

body.home.page #header .title span {
    opacity: 0
}

body.blog #header .title {
    bottom: 118px;
    font-size: 95px
}

body.home.page #header .title.visible {
    bottom: 120px;
    transition: all 1000ms ease-in-out 0s
}

body.home.page #header .title span.visible {
    opacity: 1;
    transition: all 1000ms ease-in-out 0s
}

body.home.page #header .title span, body.single #header .title span, body.page #header .title span, body.error404 #header .title span, body.category #header .title span, body.date #header .title span {
    display: block
}

#header .btn {
    position: absolute;
    bottom: 119px;
    right: 0
}

body.home.page #header .btn {
    bottom: 158px;
    opacity: 0
}

body.home.page #header .btn.visible {
    bottom: 128px;
    transition: all 1000ms ease-in-out 0s;
    opacity: 1
}

body.blog #header .btn {
    bottom: 130px
}

#header .btn a {
    color: #fff;
    border: 1px #fff solid;
    font-size: 19px;
    background: url('images/btn-light.png') no-repeat right center
}

#footer {
    margin: 50px 0 50px;
    border-top: 5px #fff solid;
    padding-top: 40px
}

body.page-template-tpl-contact-php #footer {
    margin-top: 0
}

body.home.page #footer {
    margin: 90px 0 50px;
    border: none;
}

@media screen and (max-width: 1239px) {
	body.home.page #footer {
		margin-top: 50px;
		padding: 0;
	}
}

#footer .container {
    height: 90px
}

#footer .social {
    position: absolute;
    top: 0;
    right: 0
}

#footer .address {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    line-height: 22px;
}

#footer .address p {
    font-size: 16px;
    color: #516a77;
    line-height: 22px
}

#footer .address p span {
    padding-left: 10px
}

#footer .nav {
    position: absolute;
    bottom: 0;
    left: 0
}

#footer .nav .copy {
    float: left
}

#footer .nav .nav-item {
    float: left;
    margin-left: 30px
}

#footer .nav .nav-item ul li {
    list-style: none;
    float: left
}

#footer .nav .copy p, #footer .nav .nav-item ul li a {
    font-size: 14px;
    color: #aab5bb;
    margin-right: 10px
}

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

.social ul li a {
    display: block;
    width: 58px;
    height: 58px;
    font-size: 0;
    text-indent: -9999px;
    background: url('images/social.png') no-repeat 0 0;
    margin-left: 8px
}

.social ul li.social-fb a {
    background-position: 0 0
}

.social ul li.social-insta a {
    background-position: -58px 0
}

.social ul li.social-in a {
    background-position: -116px 0
}

.social ul li.social-tw a {
    background-position: -174px 0
}

.social ul li.social-gplus a {
    background-position: -232px 0
}

.social ul li.social-mail a {
    background-position: -291px 0
}

.btn a, input.btn {
    font-size: 20px;
    color: #ff4c72;
    border: 1px #ff4c72 solid;
    height: 38px;
    line-height: 38px;
    padding: 0 50px 0 10px;
    background: url('images/btn.png') no-repeat right center;
    display: inline-block;
    border-radius: 0
}

input, textarea {
    border: none;
    background: #f4f4f4;
    width: 539px;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    margin: 10px 0;
    color: #516a77
}

input.small {
    width: 247px
}

input.btn {
    font-size: 20px;
    width: auto;
    cursor: pointer
}

textarea {
    height: 115px;
    padding: 10px 15px;
    line-height: 30px
}

a {
	text-decoration: none;
	color: #ff4c72;
}

a:hover {
	text-decoration: none;
	color: #516a77;
}

.left {
    float: left
}

.right {
    float: right
}

strong, b {
    font-weight: 700
}

.clr-light {
    color: #ff426a
}

.clr-lighter, h3.home a {
	color: #fff;
}

h3.home a:link,
h3.home a:visited,
h3.home a:hover {
	color: #7fefea;
}

.none {
    display: none
}

.clearfix:before, .clearfix:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after {
    content: "";
    display: table
}

.clearfix:after, [class*="content"]:after, [class*="site"]:after {
    clear: both
}

iframe[name="google_conversion_frame"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* =Front page
----------------------------------------------- */
#info {
    background: url('images/info.png') no-repeat center 0;
    margin-top: -78px
}

#info .info-desc {
    padding-right: 90px;
    height: 340px
}

#info .left, #info .right {
    width: 50%
}

#info .info-desc .title {
    font-size: 47px;
    color: #2a2a2a;
    padding: 50px 0 25px
}

#info .info-desc .lid {
    font-size: 16px;
    line-height: 25px
}

#info .info-pics {
    margin-top: 10px
}

#info .info-pics img.tb {
    display: none
}

#info .info-pics img.first {
    margin-right: 10px
}

#info .info-pic {
    margin: 88px 0 10px 10px
}

#info .info-offer {
    background: #516a77;
    margin-left: 10px;
    color: #7fefea;
    font-size: 24px;
    line-height: 32px;
    padding: 28px 35px 0 35px;
    height: 130px
}

#info .info-offer h3 {
    line-height: 32px
}

#info .info-offer h3 a {
	color: #FFF;
}

#info-social {
    background: url('images/info-social.png') repeat-y center 0;
    margin: 10px 0 130px;
    position: relative
}

#info-social .twitter-logo {
    background: #ff6888 url('images/twitter.png') no-repeat center center;
    width: 59px;
    height: 59px;
    position: absolute;
    top: 0;
    left: 0
}

#info-social .twitter-desc {
    font-size: 24px;
    color: #fff;
    padding: 25px 0 20px 95px;
    line-height: 32px
}

#info-social .twitter-desc a {
    color: #fff;
    font-family: 'NewJuneBold';
}

#info-social .twitter-desc a:hover {
    text-decoration: underline;
}

#info-social .twitter-date {
    font-size: 15px;
    color: #fff;
    padding: 0 95px 25px
}

.socialplugin {
    clear:both;
    padding-bottom: 10px
}

#blog {
    margin-bottom: 115px
}

#blog .left, #blog .right {
    width: 50%
}

#blog .blog-post {
    background: #fff
}

#blog .left .blog-post {
    margin: 0 5px 10px 0
}

#blog .right .blog-post {
    margin: 0 0 10px 5px
}

#blog .blog-post .blog-post-inner {
    position: relative;
    width: 559px;
    height: 376px
}

#blog .first .blog-post-inner {
    height: 444px
}

#blog .left .blog-post .blog-post-inner {
    float: right
}

#blog .right .blog-post .blog-post-inner {
    height: 270px
}

#blog .section-blog {
    background-color: #516a77
}

#blog .section-blog a {
    display: block;
    width: 100%;
    height: 100%;
}

#blog .section-blog span {
    background-color: #3f525c
}

#blog .blog-post .blog-post-date {
    font-size: 16px;
    color: #8b9499;
    position: absolute;
    top: 50px
}

#blog .first .blog-post-date {
    top: 100px
}

#blog .right .blog-post-date {
    padding-left: 35px;
    top: 45px
}

#blog .blog-post .blog-post-title {
    padding: 0 25px 0 0;
    position: absolute;
    top: 90px
}

#blog .blog-post .blog-post-title a {
    font-size: 50px;
    color: #ff426a
}

#blog .right .blog-post-title {
    padding: 0 35px;
    top: 80px
}

#blog .right .blog-post-title a {
    font-size: 32px;
    color: #516a77
}

#blog .first .blog-post-title {
    top: 140px
}

#blog .blog-post .blog-post-meta {
    color: #516a77;
    position: absolute;
    bottom: 35px
}

#blog .right .blog-post-meta {
    padding-left: 35px
}

#blog .blog-post .blog-post-meta img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#blog .blog-post .blog-post-meta div {
    padding-top: 8px
}

#blog .blog-post .blog-post-meta div span {
    display: block;
    margin: 4px 0 4px 74px
}

#work {
    margin-bottom: 105px
}

#work .section-work {
    background-color: #ff4c72
}

#work .section-work a {
    display: block;
    width: 100%;
    height: 100%;
}

#work .section-work span {
    background-color: #d23c5c
}

#work .bx-wrapper {
    position: relative;
    *zoom: 1
}

#work .bx-wrapper .bx-viewport {
    height: 569px !important
}

#work .bx-wrapper .bx-controls {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%
}

#work .bx-wrapper .bx-controls .bx-controls-direction {
    width: 1138px;
    margin: 0 auto;
    position: relative;
    top: 0;
    height: 100%
}

#work .bx-wrapper .bx-controls a {
    display: block;
    position: absolute;
    width: 61px;
    height: 61px;
    left: 0;
    bottom: 244px;
    font-size: 0;
    text-indent: -9999px;
    z-index: 2
}

#work .bx-wrapper .bx-controls a.bx-prev {
    background: #324955 url('images/slider-controls.png') no-repeat 0 0
}

#work .bx-wrapper .bx-controls a.bx-next {
    background: #324955 url('images/slider-controls.png') no-repeat -63px 0;
    left: 63px
}

#work #work-slider {
    position: relative;
    height: 569px
}

#work #work-slider .slider-item {
    z-index: 1 !important;
    height: 100%
}

#work #work-slider .work-content {
    width: 100%;
    height: 245px;
    background: url('images/slider-bg.png') repeat 0 0;
    position: absolute;
    bottom: 0;
    overflow: hidden
}

#work #work-slider .work-content .work-logo {
    width: 360px;
    float: left
}

#work #work-slider .work-content .work-logo img {
    margin-top: 35px
}

#work #work-slider .work-content .work-desc {
    width: 470px;
    float: left;
    height: 245px;
    background: url('images/slider-bg-sep.png') repeat-y right 0;
    line-height: 25px
}

#work #work-slider .work-content .work-desc div {
    margin: 35px 40px 0 0
}

#work #work-slider .work-content .work-desc div.work-desc-quote {
    font-size: 20px;
    color: #fff
}

#work #work-slider .work-content .work-desc div.work-desc-name {
    margin-top: 20px;
    font-size: 18px;
    color: #fff
}

#work #work-slider .work-content .work-stat {
    width: 308px;
    float: left;
    position: relative
}

#work #work-slider .work-content .work-stat div {
    margin: 25px 0 0 40px
}

#work #work-slider .work-content .work-stat div.work-stat-arrow {
    background: url('images/slider-arrow.png') no-repeat 0 0;
    width: 38px;
    height: 40px;
    position: absolute;
    left: 40px;
    top: 38px;
    margin: 0
}

#work #work-slider .work-content .work-stat div.work-stat-arrow.default {
    opacity: 0;
    top: -40px;
    transition: all 1000ms ease-in-out 0s
}

#work #work-slider .work-content .work-stat div.work-stat-value {
    font-size: 24px;
    color: #fff;
    text-indent: 50px;
    font-size: 90px
}

#work #work-slider .work-content .work-stat div.work-stat-text {
    margin-top: 20px;
    font-size: 25px;
    color: #81f4ee
}

#contact {
    position: relative
}

#contact #map {
    width: 100%;
    height: 770px;
    position: absolute;
    top: 50px;
    z-index: 1
}

#contact #map .gmnoprint, #contact #map .gm-style-cc, #contact #map div div a div img {
    display: none
}

#contact .section-contact {
    background-color: #3a3a3a;
    margin-left: 30px
}

#contact .section-contact a {
    display: block;
    width: 100%;
    height: 100%;
}

#contact .section-contact span {
    background-color: #272727
}

#contact .contact-inner {
    background: #fff;
    width: 50%;
    padding: 0 30px 30px;
    position: relative;
    z-index: 2
}

#contact .title {
    font-size: 40px;
    color: #2a2a2a
}

#contact .address-1, #contact .address-2 {
    float: left;
    width: 58%;
    margin: 30px 0
}

#contact .address-2 {
	width: 42%;
}

#contact .address-1 .address-inner, #contact .address-2 .address-inner {
    padding-right: 20px
}

#contact .address-1 span {
    display: block;
    line-height: 25px
}

#contact .address-1 span.top {
    font-size: 22px
}

#contact .address-1 span.bottom {
    font-size: 19px;
    padding-top: 25px
}

#contact .address-1 span.bottom a {
    color: inherit;
    word-break: break-all;
    word-wrap: break-word;
}

#contact .address-1 span.bottom span {
    display: block
}

#contact .address-2 p {
    font-size: 19px;
    color: #3a3a3a;
    line-height: 25px
}

#contact .btn-map {
    display: none
}

/* =Blog
----------------------------------------------- */
body.blog #header {
    height: 375px
}

body.blog #header .title span {
    display: inline
}

#posts {
    background: url('images/info.png') no-repeat center -20px;
    overflow: hidden;
    margin-top: -90px
}

#posts .post {
    float: left;
    width: 430px
}

#posts .post.first {
    float: none;
    width: auto;
    margin: 0 0 30px 0;
    width: 850px
}

#posts .section, #author .section {
    bottom: -27px;
    right: 25px;
    background: #516a77 url('images/lnk-more.png') center 0;
    width: 61px;
    height: 77px;
    position: absolute;
    top: auto
}

#posts .section a, #author .section a {
    display: block;
    height: 100%
}

#posts .section span, #author .section span {
    background: #3f525c;
    height: 27px;
    line-height: 27px;
    font-size: 16px
}

#posts .post .post-inner {
    height: 390px;
    position: relative;
    background: #fff;
    margin: 30px 10px 30px 0
}

#posts .post .post-date {
    font-size: 16px;
    position: absolute;
    top: 35px;
    color: #8b9499;
    left: 35px
}

#posts .post .post-title {
    position: absolute;
    top: 75px;
    left: 35px;
    padding-right: 25px
}

#posts .post .post-title a {
    font-size: 32px;
    color: #3f525c
}

#posts .post .post-desc {
    position: absolute;
    top: 195px;
    left: 35px;
    padding-right: 25px
}

#posts .post .post-desc p {
    font-size: 15px;
    line-height: 25px
}

#posts .post .post-desc p span {
    color: #c3c3c3
}

#posts .post .post-meta {
    font-size: 17px;
    color: #516a77;
    position: absolute;
    bottom: 30px;
    left: 35px
}

#posts .post .post-meta img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#posts .post .post-meta div {
    padding-top: 8px
}

#posts .post .post-meta div span {
    display: block;
    margin: 4px 0 4px 74px
}

#posts .post .post-meta div span a {
    color: inherit;
}

#posts .post.first .post-inner {
    height: 320px;
    margin: 0
}

#posts .post.first .post-date {
    font-size: 17px;
    top: 50px;
    left: 0
}

#posts .post.first .post-title {
    top: 90px;
    left: 0
}

#posts .post.first .post-title a {
    font-size: 50px;
    color: #ff426a
}

#posts .post.first .post-meta {
    bottom: 35px;
    left: 0
}

#posts .post-category {
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 150px*/
	width: 210px;
	float: right;
	margin-top: -170px;
}

#posts .post-category .post-category-item {
    margin-bottom: 25px
}

#posts .post-category .post-category-title {
    background: #fff url('images/cat-nav.png') no-repeat right bottom;
    height: 37px;
    line-height: 37px;
    padding-left: 12px;
    cursor: pointer
}

#posts .post-category .post-category-title.open {
    background-position: right top
}

#posts .post-category .post-category-title span {
    font-size: 20px;
    color: #ff426a
}

#posts .post-category .post-category-content {
    background: #fff;
    margin-top: 3px;
    padding: 10px 12px
}

#posts .post-category .post-category-content ul li {
    list-style: none;
    padding: 5px 0
}

#posts .post-category .post-category-content ul li a {
    font-size: 14px;
    color: #4a4a4a
}

#posts .post-category .post-category-content ul li.current-cat a, #posts .post-category .post-category-content ul li a:hover {
    color: #ff426a
}

/* =Team
----------------------------------------------- */
body.page-template-tpl-team-php #header .title span {
    display: inline
}

body.page-template-tpl-team-php #header {
    height: 300px
}

body.page-template-tpl-team-php #header .title {
    font-size: 90px;
    bottom: 46px
}

body.page-template-tpl-team-php #header .btn {
    bottom: 55px
}

#team {
    background: #f4f4f4;
    overflow: hidden;
    padding-top: 5px
}

#team .team-item {
    float: left;
    margin: 45px 15px 0 0;
    width: 273px;
    height: 326px;
    overflow: hidden;
    position: relative
}

#team .team-item:nth-child(4n) {
	margin-right: 0;
}

#team .team-item a {
    font-size: 22px;
    color: #2a2a2a;
    text-align: center;
    text-decoration: none;
    display: block;
    background: #111b21
}

#team .team-item a span.team-title {
    display: block;
    height: 80px;
    line-height: 80px;
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%
}

#team .team-item a:hover span.team-title {
    background: #242424
}

#team .team-item a:hover span.team-title span.clr-first {
    color: #ffffff
}

/* =Author
----------------------------------------------- */
body.author #header {
    height: 420px
}

body.author #header .title {
    font-size: 86px;
    bottom: 120px
}

body.author #header .title span {
    display: inline
}

body.author #header .title span.role {
    display: block;
    font-size: 44px;
    margin-top: 5px
}

body.author #header .btn {
    bottom: 120px
}

#author {
    background: url('images/author.png') repeat-y center 0;
    /*overflow: hidden;*/
}

/* =Media queries
----------------------------------------------- */
@media screen and (min-width: 1240px) {
	#author {
		margin-left: 61px !important;
	}
}

#author .author-about {
    background: url('images/info.png') repeat-y center 0;
    position: relative;
    top: -70px
}

#author .author-about .author-about-inner {
    width: 791px;
    background: #fff;
    position: relative
}

#author .author-about-content {
    /*position: absolute;*/
    /*top: 55px;*/
    /*right: 25px*/
	padding: 55px 25px 0 0;
}

#author .author-about-content p {
    font-size: 32px;
    color: #2a2a2a;
    line-height: 40px
}

#author .author-about-social {
    /*position: absolute;*/
    /*bottom: 60px*/
	padding: 30px 0 60px 0;
}

#author .social ul li a {
    margin-left: 0;
    margin-right: 8px
}

#author .author-content {
    margin: -35px 0 15px;
    width: 707px
}

#author .author-content .author-content-info, #author .author-content .author-content-pic {
    float: left;
    width: 50%;
    margin-bottom: 15px
}

#author .author-content .author-content-info .author-content-info-inner {
    padding: 20px 30px;
    background: #ff426a;
    margin-right: 7px;
    height: 227px
}

#author .author-content .author-content-pic {
    text-align: right
}

#author .author-content .author-content-info p {
    font-size: 18px;
    color: #fff;
    padding: 10px 0;
    line-height: 22px
}

#author .author-content-blog {
    clear: both;
    background: #fff
}

#author .author-content-blog .author-blog-inner {
    position: relative;
    height: 240px
}

#author .author-content-blog .author-blog-date {
    position: absolute;
    top: 35px;
    left: 30px
}

#author .author-content-blog .author-blog-date span {
    font-size: 16px;
    color: #8b9499
}

#author .author-content-blog .author-blog-title {
    position: absolute;
    top: 70px;
    left: 30px;
    padding-right: 30px
}

#author .author-content-blog .author-blog-title a {
    font-size: 33px;
    color: #516a77
}

#author .author-content-blog .author-blog-meta {
    position: absolute;
    bottom: 25px;
    color: #516a77;
    left: 30px;
    font-size: 17px
}

#author .author-content-blog .author-blog-meta img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#author .author-content-blog .author-blog-meta div {
    padding-top: 8px
}

#author .author-content-blog .author-blog-meta div span {
    display: block;
    margin: 4px 0 4px 74px
}

#author .author-gallery {
    position: absolute;
    top: 135px;
    right: 0;
    width: 274px
}

#author .author-gallery .author-gallery-inner {
    width: 274px
}

#author .author-gallery .author-gallery-inner img {
    margin: 0 0 35px 0;
}

.author-team {
    margin-top: 40px;
    background: #fff;
    padding: 20px;
    position: relative;
    height: 202px;
    clear: both
}

.author-team .bx-wrapper {
    margin: 0 !important
}

.author-team-mobile {
    display: none
}

.author-team .bx-controls a {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: block;
    font-size: 0;
    text-indent: -9999px;
    background: #cad2d7 url('images/slider-controls.png') no-repeat -61px 0;
    width: 61px;
    height: 61px
}

.author-team .bx-controls a.bx-prev {
    background-position: 0 0;
    right: 82px
}

.author-team .bx-controls a.disabled {
    cursor: default;
    visibility: hidden
}

.author-team .author-team-title {
    font-size: 25px;
    color: #ff426a;
    position: absolute;
    left: 20px;
    bottom: 40px
}

/* =Contact
----------------------------------------------- */
body.page-template-tpl-contact-php #header {
    height: 330px
}

body.page-template-tpl-contact-php #header .title {
    font-size: 90px;
    bottom: 46px
}

body.page-template-tpl-contact-php #header .btn {
    bottom: 55px
}

#contact-page {
    overflow: hidden;
    background: #f4f4f4;
    padding: 55px 0 0
}

#contact-page .contact-address, #contact-page .contact-form {
    width: 50%;
    float: left
}

#contact-page .contact-form {
    float: right
}

#contact-page .contact-address .contact-address-inner {
    background: #516a77;
    margin-right: 60px;
    padding: 35px 30px
}

#contact-page .contact-address p {
    font-size: 24px;
    color: #fff;
    line-height: 32px
}

#contact-page .contact-address p.address span {
    color: #76d7d4
}

#contact-page .contact-address p.phone, #contact-page .contact-address p.mail {
    font-size: 22px;
    padding-top: 40px
}

#contact-page .contact-address p.mail {
    padding-top: 20px
}

#contact-page .contact-address p.phone span {
    font-size: 28px
}

#contact-page .contact-address p.phone span, #contact-page .contact-address p.mail span {
    padding-left: 25px
}

#contact-page .contact-address p.mail, #contact-page .contact-address p.mail a {
    color: #76d7d4
}

#contact-page .contact-address p.mail a span {
    padding: 0;
    display: inline
}

#contact-page .contact-form .contact-form-title {
    font-size: 36px;
    color: #242424;
    padding-bottom: 15px
}

#contact-page .contact-form input, #contact-page .contact-form textarea {
    background-color: #fff
}

#contact-page .contact-form input.btn {
    margin-bottom: 0
}

.contact-map {
    position: relative;
    height: 650px;
    margin-top: 60px
}

.contact-map #map-contact {
    width: 100%;
    height: 650px;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0
}

.contact-map .gmap-label {
    color: #fff;
    padding: 0 20px;
    font-size: 16px;
    font-family: 'NewJuneBold';
    height: 40px;
    min-width: 0;
    max-width: none;
    line-height: 40px;
    white-space: nowrap;
    position: relative;
    overflow: visible !important;
}

.contact-map .gmap-label .triangle {
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 21px;
    border-color: transparent transparent transparent transparent;

}

.contact-map #map-contact .gmnoprint, .contact-map #map-contact .gm-style-cc, .contact-map #map-contact div div a div img {
    display: none
}

.contact-map #contact-places {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url('images/contact.png') repeat-y 0 0
}

.contact-map #contact-places .contact-places-inner {
    float: right;
    width: 350px;
    height: 650px;
    background: #242424;
    position: relative;
}

.contact-map #contact-places .contact-places-inner:after {
    content: '';
    display: block;
    top: 0;
    left: 350px;
    width: 9999px;
    height: 100%;
    background: #242424;
    position: absolute;
}

.contact-map #contact-places .contact-places-ico {
    height: 50px;
    width: 50px;
    background: #ff426a
}

.contact-map #contact-places .contact-places-ico.ico-star {
    background-image: url('images/contact-places-ico.png')
}

.contact-map #contact-places .contact-places-title {
    padding: 35px 0 0 35px;
    font-size: 45px;
    color: #fff
}

.contact-map #contact-places .contact-places-title span {
    display: block
}

.contact-map #contact-places .contact-places-desc {
    padding: 30px 0 0 35px;
    font-size: 15px;
    color: #fff;
    line-height: 25px
}

.contact-map #contact-places .contact-places-desc p {
    line-height: 25px
}

.contact-map #contact-places .contact-places-img {
    padding: 35px 0 0 35px
}

.contact-map #contact-places .contact-places-img img {
    border: 7px #fff solid
}

.wpcf7-not-valid-tip {
    display: none !important
}

.wpcf7-response-output {
    margin: 20px 0 0 !important;
    padding: 0 !important;
    border: none !important
}

.wpcf7-not-valid {
    border: 1px #FF4C72 solid !important
}

/* =Content
----------------------------------------------- */
body.single #header, body.page #header {
    height: 448px
}

body.single #header .title, body.page #header .title {
    font-size: 70px;
    bottom: 150px
}

body.single #header .btn, body.page #header .btn {
    bottom: 156px
}

#content {
    overflow: hidden;
    margin-top: -100px
}

#content .content {
    float: left;
    width: 850px;
    background: #fff;
    padding: 35px 0;
	position: relative;
}

#content .content:before {
	position: absolute;
	background: #fff;
	content: '';
	top: 0;
	right: 100%;
	bottom: 0;
	left: -100%;
	display: block;
}

#content .content .content-meta {
    overflow: hidden;
    margin-bottom: 40px
}

#content .content .content-meta .content-meta-author, #content .content .content-meta .content-meta-social {
    width: 50%;
    float: left
}

#content .content .content-meta .content-meta-social {
    float: right;
    margin-right: 70px
}

#content .content .content-meta .content-meta-author {
    font-size: 17px;
    color: #516a77;
}

#content .content .content-meta .content-meta-author img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#content .content .content-meta .content-meta-author div {
    padding-top: 8px
}

#content .content .content-meta .content-meta-author div span {
    display: block;
    margin: 4px 0 4px 74px
}

#content .content .content-meta .content-meta-author div span a {
    color: inherit;
}

#content .content-lid {
    margin: 0 70px 35px
}

#content .content-lid p {
    color: #242424;
    font-size: 30px;
    line-height: 38px
}

#content .content-txt .wp-caption {
    margin: 0 70px 35px;
    width: auto !important;
    position: relative
}

#content .content-txt .wp-caption p.wp-caption-text {
    padding: 8px 15px 10px;
    font-size: 15px;
    color: #4e5153;
    background: #242424;
    text-align: left;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0
}

#content .content-txt .wp-caption p.wp-caption-text span {
    color: #ff426a
}

#content .content-txt {
    overflow: hidden;
	padding: 0 60px 0 0;
}

#content .content-txt p {
    line-height: 25px;
    padding: 0 0 30px;
    text-align: justify
}

#content .content-txt img.alignleft {
    float: left;
    padding: 0 30px 0 70px
}

#content .content-txt img.alignright {
    float: right;
    padding: 0 70px 0 30px
}

#content .content-txt h2 {
    font-size: 32px;
    color: #2a2a2a;
    padding: 0 0 15px;
    border-bottom: 5px #f4f4f4 solid;
    display: inline-block;
    margin-bottom: 15px
}

#content-posts {
    overflow: hidden
}

#content-posts .post {
    float: left;
    width: 420px;
    margin: 10px 10px 0 0;
    background: #fff
}

#content-posts .post .post-inner {
    position: relative;
    height: 300px
}

#content-posts .post .post-date {
    position: absolute;
    top: 40px;
    left: 35px;
    font-size: 16px;
    color: #8b9499
}

#content-posts .post .post-title {
    position: absolute;
    top: 75px;
    left: 35px
}

#content-posts .post .post-title a {
    font-size: 32px;
    color: #516a77
}

#content-posts .post .post-meta {
    position: absolute;
    bottom: 35px;
    left: 35px;
    font-size: 17px;
    color: #516a77
}

#content-posts .post .post-meta img {
    float: left
}

#content-posts .post .post-meta div {
    padding-top: 8px
}

#content-posts .post .post-meta div span {
    display: block;
    margin: 4px 0 4px 74px
}

#content-posts .post .post-meta div span a {
    color: inherit;
}

#content .sidebar {
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 150px;*/
	margin-top: 150px;
	float: right;
    width: 275px
}

#content .sidebar .sidebar-box {
    margin-bottom: 20px
}

#content .sidebar .sidebar-box-1 {
    background: #516a77;
    padding: 35px 30px
}

#content .sidebar .sidebar-box .info {
    font-size: 20px;
    color: #7fefea;
    line-height: 25px
}

#content .sidebar .sidebar-box .phone {
    font-size: 21px;
    color: #fff;
    margin-top: 25px
}

#content .sidebar .sidebar-box .mail {
    margin-top: 25px
}

#content .sidebar .sidebar-box .mail a {
    font-size: 18px;
    color: #fff;
    line-height: 22px
}

#content .sidebar .sidebar-box .mail a span {
    display: block
}

#content .sidebar .sidebar-box-2 {
    background: #fff;
    padding-bottom: 30px
}

#content .sidebar .sidebar-box .title, #content .sidebar .sidebar-box .desc, #content .sidebar .sidebar-box .btn {
    padding: 0 30px
}

#content .sidebar .sidebar-box .title {
    margin-top: 25px
}

#content .sidebar .sidebar-box .title span {
    font-size: 26px;
    color: #516a77
}

#content .sidebar .sidebar-box .desc {
    margin-top: 20px
}

#content .sidebar .sidebar-box .desc p {
    font-size: 15px;
    color: #797979;
    line-height: 20px
}

#content .sidebar .sidebar-box .btn {
    margin-top: 25px
}

#content .sidebar .sidebar-box .btn a {
    height: 31px;
    line-height: 31px;
    font-size: 16px
}

.navigation {
	max-width: 850px;
	padding: 38px 0 0;
	clear: left;
}

.navigation a {
	display: block;
	font-size: 0;
	text-indent: -9999px;
	background: #cad2d7 url('images/slider-controls.png') no-repeat 0 0;
	width: 61px;
	height: 61px;
}

.navigation a.prev-page {
	background-position: 0 0;
	float: left;
}

.navigation a.next-page {
	background-position: -61px 0;
	float: right;
}

.navigation a.disabled {
	cursor: default;
	visibility: hidden
}

.desaturate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.circular {
    width: 62px;
    height: 62px;
    margin-left: 8px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    }

.circular-izaak {
        background: url(http://www.electricdialogue.com/2015/wp-content/uploads/2014/09/izaak-hutchinson-62x62-1427896528.jpg) no-repeat;
}

.circular-jim {
        background: url(http://www.electricdialogue.com/2015/wp-content/uploads/2014/09/jim-atkins-62x62-1427897497.jpg) no-repeat;
}

.circular-dan {
        background: url(http://www.electricdialogue.com/2015/wp-content/uploads/2014/09/dan-green-62x62-1427897551.jpg) no-repeat;
}

.circular-yannis {
        background: url(http://www.electricdialogue.com/2015/wp-content/uploads/2015/03/yannis-62x62-1427897426.jpg) no-repeat;
}

.circular-mell {
        background: url(http://www.electricdialogue.com/2015/wp-content/uploads/2015/03/photo-e1425635863192-62x62-1427897457.jpg) no-repeat;
}   

/* =Media queries
----------------------------------------------- */
@media screen and (max-width: 1239px) {
    .container {
        width: 698px
    }

    .page-container {
        margin-left: auto !important
    }

    .section {
        width: 77px;
        height: 92px;
        top: -27px;
        background-position: center -75px
    }

    .section span {
        line-height: 25px;
        height: 28px;
        font-size: 18px
    }

    #page #nav, #page #nav-content {
        display: none
    }

    #page #nav-content-rwd.visible {
        display: block
    }

    #page #nav-content-rwd {
        position: absolute;
        left: 0;
        top: -310px;
        width: 100%;
        min-height: 310px;
        z-index: 1;
        padding: 10px 0
    }

    #page #nav-content-rwd ul {
        margin: 0 auto;
        width: 698px
    }

    #header, body.home.page #header {
        height: 500px;
        background-position: center 80px
    }

    body.blog #header {
		-webkit-background-size: cover;
		-moz-background-size: cover;
        background-size: cover;
        height: 340px
    }

    body.home.page #header .header {
        top: 0
    }

    #header .header {
        background: #242424;
        top: 0;
        height: 80px
    }

    #header .header #nav-rwd {
        display: block;
        margin-top: 28px
    }

    #header #logo img {
        width: 105px;
        height: auto;
        margin-top: 10px
    }

    body.home.page #header .title, #header .title {
        font-size: 55px;
        bottom: 132px
    }

    body.home.page #header .title.visible {
        bottom: 102px
    }

    body.blog #header .title {
        font-size: 63px;
        bottom: 140px
    }

    body.home.page #header .btn {
        bottom: 108px
    }

    body.blog #header .btn {
        bottom: 140px
    }

    #header .btn {
        bottom: 30px
    }

    #header .btn a {
        font-size: 18px
    }

    #info {
        background-position: center -90px
    }

    #info .info-pics img {
        display: none
    }

    #info .info-pic {
        display: none !important
    }

    #info .info-pics img.tb {
        display: block
    }

    #info .left {
        width: 100%;
        float: none
    }

    #info .info-desc {
        background: #fff;
        height: 250px
    }

    #info .info-desc .title {
        font-size: 34px;
        padding-top: 40px
    }

    #info .info-pics {
        float: left;
        width: 50%
    }

    #info .right {
        margin-top: 10px
    }

    #info .info-offer {
        font-size: 23px;
        padding: 30px 35px 0 35px;
        height: 199px;
        margin-left: 5px
    }

    #info-social {
        margin-bottom: 70px;
        background-size: 1177px 1px
    }

    #info-social .twitter-logo {
        width: 52px;
        height: 52px
    }

    #info-social .twitter-desc {
        font-size: 19px;
        line-height: 25px;
        padding: 20px 0px 10px 75px
    }

    #info-social .twitter-date {
        padding: 0 75px 25px
    }

    #blog {
        margin-bottom: 80px
    }

    #blog .blog-post .blog-post-inner {
        width: 344px;
        height: 325px
    }

    #blog .first .blog-post-inner {
        height: 375px
    }

    #blog .right .blog-post .blog-post-inner {
        height: 230px
    }

    #blog .blog-post .blog-post-date {
        font-size: 15px
    }

    #blog .blog-post .blog-post-date {
        top: 40px
    }

    #blog .first .blog-post-date {
        top: 90px
    }

    #blog .blog-post .blog-post-title {
        top: 75px
    }

    #blog .blog-post .blog-post-title a {
        font-size: 34px
    }

    #blog .first .blog-post-title {
        top: 125px
    }

    #blog .right .blog-post-title {
        padding-right: 0;
        top: 65px;
        padding-left: 30px
    }

    #blog .right .blog-post-title a {
        font-size: 26px
    }

    #blog .right .blog-post-date {
        top: 35px;
        padding-left: 30px
    }

    #blog .blog-post .blog-post-meta {
        bottom: 30px
    }

    #blog .blog-post .blog-post-meta div {
        font-size: 16px
    }

    #map {
        display: none;
        visibility: hidden
    }

    #contact {
        background: #fff
    }

    #contact .container {
        width: 100%;
        position: relative;
        z-index: 100
    }

    #contact .container .contact-inner {
        width: 698px;
        margin: 0 auto
    }

    #contact .contact-inner {
        width: auto
    }

    #contact .section-contact {
        margin-left: 0
    }

    #contact .title {
        font-size: 36px
    }

    #contact .address-1, #contact .address-2, #contact .btn-map {
        width: 35%
    }

    #contact .address-2 {
        width: 30%
    }

    #contact .address-2 p {
        font-size: 17px
    }

    #contact .btn-map {
        display: block;
        float: right;
        margin: 30px 0
    }

    #contact .btn-map a {
        font-size: 15px;
        height: 30px;
        line-height: 30px;
        float: right
    }

    #footer {
        margin-top: 40px
    }

    #footer .container {
        height: 110px
    }

    #footer .address {
        width: auto
    }

    #footer .address p {
        font-size: 15px
    }

    #footer .address p span {
        display: block;
        padding-left: 0
    }

    #footer .nav .copy {
        float: none
    }

    #footer .nav .nav-item {
        float: none;
        margin-left: 0;
        margin-top: 5px
    }

    #footer .social {
        top: auto;
        bottom: 0
    }

    .social ul li a {
        width: 49px;
        height: 49px
    }

    .social ul li.social-fb a {
        background-position: 0 -58px
    }

    .social ul li.social-insta a {
        background-position: -49px -58px
    }

    .social ul li.social-in a {
        background-position: -98px -58px
    }

    .social ul li.social-tw a {
        background-position: -147px -58px
    }

    .social ul li.social-gplus a {
        background-position: -196px -58px
    }

    #posts {
        background-position: center -80px;
        margin-top: -100px
    }

    #posts .section, #author .section {
        width: 56px;
        height: 70px;
        background-position: center -50px;
        bottom: -23px
    }

    #posts .section span, #author .section span {
        height: 23px;
        line-height: 23px
    }

    #posts .post.first {
        width: 698px
    }

    #posts .post {
        width: 50%
    }

    #posts .post.even .post-inner {
        margin-right: 0;
        margin-left: 5px
    }

    #posts .post.odd .post-inner {
        margin-right: 5px;
        margin-left: 0
    }

    #posts .post.first .post-inner {
        height: 260px
    }

    #posts .post .post-date {
        top: 35px;
        font-size: 15px;
        left: 30px
    }

    #posts .post.first .post-date {
        top: 40px;
        font-size: 15px
    }

    #posts .post .post-title {
        top: 65px;
        left: 30px
    }

    #posts .post.first .post-title {
        top: 70px
    }

    #posts .post .post-title a {
        font-size: 30px
    }

    #posts .post.first .post-title a {
        font-size: 38px
    }

    #posts .post .post-desc {
        top: 190px;
        left: 30px
    }

    #posts .post .post-desc p {
        font-size: 14px;
        line-height: 22px
    }

    #posts .post .post-meta div {
        font-size: 16px
    }

    #posts .post-category {
        /*position: relative;*/
        /*top: auto;*/
        /*right: auto;*/
        padding: 10px 0 5px;
        width: 100%;
		float: none;
		margin-top: 0;
    }

    #posts .post-category .post-category-item {
        margin: 0 12px 0 0;
        float: left;
        width: 130px;
        position: relative
    }

    #posts .post-category .post-category-date {
        display: none
    }

    #posts .post-category .post-category-item .post-category-content {
        display: none;
        position: absolute;
        top: 37px;
        z-index: 1;
        width: 106px
    }

    #posts .post-category .post-category-title span {
        font-size: 16px
    }

    body.page-template-tpl-team-php #header {
        -webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		height: 275px;
    }

    body.page-template-tpl-team-php #header .title {
        font-size: 63px;
        bottom: 40px
    }

    body.page-template-tpl-team-php #header .btn {
        bottom: 40px
    }

    #team {
        margin-bottom: 60px
    }

    #team .team-item {
        width: 224px;
        height: 252px;
        margin: 30px 13px 5px 0
    }

	#team .team-item:nth-child(4n) {
		margin-right: 13px;
	}

	#team .team-item:nth-child(3n) {
		margin-right: 0;
	}

    #team .team-item a {
        font-size: 21px
    }

    #team .team-item a span.team-title {
        height: 72px;
        line-height: 72px
    }

    #team .team-item a img {
        width: 100%;
        height: auto
    }

    body.author #header {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		height: 500px;
    }

    body.author #header .title {
        font-size: 63px;
        bottom: 135px
    }

    body.author #header .title span.role {
        font-size: 36px
    }

    body.author #header .btn {
        bottom: 135px
    }

    #author {
        background: none;
        margin-top: -90px
    }

    #author .author-gallery {
        display: none
    }

    #author .author-about {
        top: 0
    }

    #author .author-about .author-about-inner {
        width: auto;
    }

    #author .author-about-content {
        padding-top: 45px;
    }

    #author .author-about-content p {
        font-size: 28px;
        line-height: 35px
    }

    #author .author-about-social {
		padding-bottom: 45px;
    }

    #author .author-content {
        margin-top: 35px;
        width: 100%
    }

    #author .author-content-blog .author-blog-date {
        top: 30px
    }

    #author .author-content-blog .author-blog-date span {
        font-size: 15px
    }

    #author .author-content-blog .author-blog-title {
        top: 65px
    }

    #author .author-content-blog .author-blog-title a {
        font-size: 31px
    }

    body.page-template-tpl-contact-php #header {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		height: 250px;
    }

    body.page-template-tpl-contact-php #header .title {
        bottom: 50px;
        font-size: 63px
    }

    body.page-template-tpl-contact-php #header .btn {
        bottom: 50px
    }

    #contact-page {
        padding: 40px 0 45px
    }

    #contact-page .contact-address, #contact-page .contact-form {
        width: 100%;
        float: none
    }

    #contact-page .contact-form {
        float: none;
        margin-top: 40px
    }

    #contact-page .contact-address .contact-address-inner {
        margin-right: 0;
        padding: 30px;
        overflow: hidden
    }

    #contact-page .contact-address p {
        font-size: 22px;
        line-height: 30px
    }

    #contact-page .contact-address p.phone, #contact-page .contact-address p.mail {
        font-size: 21px;
        padding-top: 25px;
        float: left
    }

    #contact-page .contact-address p.mail {
        float: right
    }

    #contact-page .contact-address p.phone span, #contact-page .contact-address p.mail span {
        font-size: 21px;
        padding-left: 10px
    }

    #contact-page .contact-form .contact-form-title {
        font-size: 35px;
        padding-bottom: 25px
    }

    #work {
        margin-bottom: 70px
    }

    #work .bx-wrapper .bx-viewport {
        height: 548px !important
    }

    #work .bx-wrapper .bx-controls .bx-controls-direction {
        width: 698px
    }

    #work .bx-wrapper .bx-controls a {
        bottom: 287px
    }

    #work #work-slider {
        position: relative;
        height: 548px
    }

    #work #work-slider .work-content {
        height: 288px;
        background: url('images/slider-bg-tb.png') repeat-x 0 0
    }

    #work #work-slider .work-content .container {
        height: 100%
    }

    #work #work-slider .work-content .work-logo {
        width: 270px
    }

    #work #work-slider .work-content .work-logo img {
        max-width: 80%;
        display: block;
        margin-top: 25px
    }

    #work #work-slider .work-content .work-desc {
        width: 428px;
        height: auto;
        background: none
    }

    #work #work-slider .work-content .work-desc div {
        margin: 25px 0 0
    }

    #work #work-slider .work-content .work-desc div.work-desc-quote {
        font-size: 18px
    }

    #work #work-slider .work-content .work-desc div.work-desc-name {
        display: none
    }

    #work #work-slider .work-content .work-stat {
        width: 428px;
        float: right;
        clear: both;
        overflow: hidden;
        padding-top: 0;
        position: absolute;
        bottom: 32px;
        left: 270px
    }

    #work #work-slider .work-content .work-stat div {
        width: 428px;
        float: right;
        margin: 0
    }

    #work #work-slider .work-content .work-stat div.work-stat-value {
        font-size: 76px;
        float: left;
        width: 50%
    }

    #work #work-slider .work-content .work-stat div.work-stat-text {
        font-size: 19px;
        float: right;
        width: 50%;
        line-height: 22px;
        margin-top: 6px
    }

    #work #work-slider .work-content .work-stat div.work-stat-arrow {
        top: 10px;
        left: 0
    }

    body.single #header, body.page #header, body.error404 #header {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		height: 340px;
    }

    body.single #header .title, body.page #header .title, body.error404 #header .title {
        font-size: 48px;
        bottom: 90px
    }

    body.single #header .btn, body.page #header .btn, body.error404 #header .btn {
        bottom: 90px
    }

    #content {
        margin-top: -50px
    }

    #content .sidebar {
        display: none
    }

    #content .content {
        width: 698px;
        padding: 30px 0
    }

    #content .content .content-meta {
        margin-bottom: 35px
    }

    #content .content-lid p {
        font-size: 29px
    }

    #content .content-txt img {
        width: 100%;
        height: auto
    }

    #content .content-txt p {
        font-size: 16px
    }

    #content .content-txt h2 {
        font-size: 26px
    }

    #content .content-txt img.alignleft, #content .content-txt img.alignright {
        max-width: 250px;
        height: auto
    }

    #content-posts {
        background: url('images/info.png') no-repeat center 10px
    }

    #content-posts .even {
        display: none
    }

    #content-posts .post {
        width: 520px
    }

    #content-posts .post .post-date {
        top: 40px;
        left: 70px;
        font-size: 15px
    }

    #content-posts .post .post-title {
        left: 70px
    }

    #content-posts .post .post-meta {
        left: 70px
    }

    .contact-map {
        height: 435px
    }

    .contact-map #map-contact {
        height: 435px
    }

    .contact-map #contact-places .contact-places-inner {
        height: 435px
    }

    .contact-map #contact-places .contact-places-title {
        padding: 20px 30px 0;
        font-size: 35px
    }

    .contact-map #contact-places .contact-places-desc {
        padding: 25px 30px 0
    }

    .contact-map #contact-places .contact-places-desc p {
        line-height: 22px
    }

    .contact-map #contact-places .contact-places-img {
        display: none
    }

    .btn a, input.btn {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        padding-right: 40px
    }

    input.small {
        width: 312px
    }

    input, textarea {
        width: 668px
    }
}

@media screen and (max-width: 767px) {
    .container {
        width: 274px
    }

    .page-container {
        margin-left: auto !important
    }

    .section {
        width: 64px;
        height: 80px;
        top: -25px;
        background-position: center -138px
    }

    .section span {
        line-height: 18px;
        height: 23px;
        font-size: 14px
    }

    #page #nav, #page #nav-content {
        display: none
    }

    #header .title {
        margin: 0
    }

    body.blog #header {
        height: 215px
    }

    #page #nav-content-rwd {
        padding: 0
    }

    #page #nav-content-rwd ul {
        width: 274px
    }

    #header, body.home.page #header {
        height: 372px;
        background-position: center 62px;
        background-size: auto 100%
    }

    body.home.page #header .header {
        top: 0
    }

    #header .header {
        height: 62px
    }

    #header .header #nav-rwd {
        display: block;
        margin-top: 19px
    }

    #header #logo img {
        width: 80px;
        height: auto;
        margin-top: 10px
    }

    body.home.page #header .title, #header .title {
        font-size: 38px;
        bottom: 110px
    }

    body.home.page #header .title.visible {
        bottom: 80px
    }

    body.home.page #header .btn.visible {
        bottom: 20px
    }

    body.single #header, body.page #header, body.error404 #header {
        background-size: 767px auto
    }

    body.home.page #header .btn {
        bottom: 25px
    }

    body.blog #header .title {
        font-size: 55px;
        bottom: 77px
    }

    body.blog #header .btn {
        bottom: 25px
    }

    #header .btn {
        bottom: 20px;
        right: auto;
        left: 0
    }

    #info {
        background-position: 0 -65px;
        margin: 0
    }

    #info .left, #info .right {
        float: none;
        width: 100%;
        margin: 0
    }

    #info .info-desc {
        padding-right: 0;
        height: auto
    }

    #info .info-desc .title {
        font-size: 26px;
        padding: 30px 0 20px
    }

    #info .info-desc .lid {
        font-size: 15px;
        line-height: 22px
    }

    #info .info-pics {
        display: none
    }

    #info .info-pics img.tb {
        display: none
    }

    #info .info-offer {
        font-size: 18px;
        margin-top: 40px;
        line-height: 25px;
        padding: 25px 20px;
        height: auto;
        margin-left: 0
    }

    #info .info-offer h3 {
        line-height: 25px
    }

    #info-social {
        margin-bottom: 70px;
        margin-top: 15px;
        background: none
    }

    #info-social .container {
        background: #ff426a
    }

    #info-social .twitter-desc {
        font-size: 17px;
        line-height: 24px;
        padding: 20px 20px 10px
    }

    #info-social .twitter-date {
        padding: 0 20px 20px;
        font-size: 14px
    }

    #info-social .twitter-logo {
        height: 43px;
        width: 43px;
        right: 0;
        bottom: 0;
        left: auto;
        top: auto
    }

    #blog {
        margin-bottom: 70px
    }

    #blog .left {
        float: none;
        width: 100%
    }

    #blog .right {
        display: none
    }

    #blog .blog-post {
        background: none
    }

    #blog .left .blog-post .blog-post-inner {
        float: none
    }

    #blog .first .blog-post-inner, #blog .blog-post .blog-post-inner {
        width: 274px;
        margin: 0 auto;
        background: #fff;
        height: 250px
    }

    #blog .first .blog-post-inner {
        height: 300px
    }

    #blog .left .blog-post {
        margin-bottom: 15px
    }

    #blog .section-blog {
        margin-left: 25px
    }

    #blog .blog-post .blog-post-date {
        font-size: 14px;
        padding-left: 25px;
        top: 25px
    }

    #blog .first .blog-post-date {
        top: 75px
    }

    #blog .blog-post .blog-post-title {
        padding-left: 25px;
        top: 55px
    }

    #blog .blog-post .blog-post-title a {
        font-size: 26px
    }

    #blog .first .blog-post-title {
        top: 105px
    }

    #blog .blog-post .blog-post-meta {
        bottom: 25px
    }

    #blog .blog-post .blog-post-meta div {
        font-size: 14px;
        padding-left: 25px
    }

    #blog .blog-post .blog-post-meta div span {
        margin-left: 0
    }

    #blog .blog-post .blog-post-meta img {
        display: none
    }

    #contact .title {
        font-size: 26px
    }

    #contact .container .contact-inner {
        width: 274px
    }

    #contact .address-1, #contact .address-2, #contact .btn-map {
        width: 100%;
        float: none
    }

    #contact .address-2 {
        margin: 0
    }

    #contact .address-1 span.bottom {
        font-size: 16px;
        padding-top: 5px
    }

    #contact .address-1 span.bottom span {
        display: inline
    }

    #contact .address-2 p {
        font-size: 15px;
        line-height: 22px
    }

    #contact .btn-map {
        margin: 15px 0
    }

    #contact .btn-map a {
        float: none
    }

    #footer {
        margin-top: 30px;
        padding-top: 30px
    }

    #footer .container {
        height: auto
    }

    #footer .social, #footer .address, #footer .nav {
        position: relative
    }

    #footer .address {
        margin: 25px 0
    }

    #footer .address p {
        font-size: 14px;
        text-align: center
    }

    #footer .nav .copy p, #footer .nav .nav-item ul li a {
        font-size: 13px;
        text-align: center;
        margin: 0 5px
    }

    #footer .nav .copy p {
        margin: 0 0 5px 0
    }

    #footer .nav .nav-item {
        float: left;
        width: 100%;
        overflow: hidden;
        position: relative
    }

    #footer .nav .nav-item ul {
        clear: left;
        float: left;
        position: relative;
        left: 50%;
        text-align: center
    }

    #footer .nav .nav-item ul li {
        display: block;
        float: left;
        position: relative;
        right: 50%
    }

    #footer .social ul li a {
        margin-left: 7px
    }

    #footer .social ul li.social-fb a {
        margin-left: 0
    }

    #posts {
        background-position: 0 -75px;
        margin: 0
    }

    #posts .post, #posts .post.first {
        width: 100%
    }

    #posts .post.even .post-inner, #posts .post.odd .post-inner {
        margin-left: 0;
        margin-right: 0
    }

    #posts .post .post-inner {
        height: 245px
    }

    #posts .post.first .post-inner {
        height: 265px
    }

    #posts .post .post-date {
        font-size: 14px;
        top: 25px;
        left: 25px
    }

    #posts .post.first .post-date {
        top: 30px
    }

    #posts .post .post-title {
        top: 60px;
        left: 25px
    }

    #posts .post.first .post-title {
        top: 60px
    }

    #posts .post .post-title a {
        font-size: 26px
    }

    #posts .post.first .post-title a {
        font-size: 30px
    }

    #posts .post .post-meta {
        bottom: 25px;
        left: 25px
    }

    #posts .post.first .post-meta {
        bottom: 30px
    }

    #posts .post .post-meta div {
        font-size: 14px
    }

    #posts .post .post-meta img {
        display: none
    }

    #posts .post .post-meta div span {
        margin-left: 0
    }

    #posts .post .post-desc {
        display: none
    }

    #posts .post-category {
        padding-top: 15px
    }

    #posts .post-category .post-category-archive {
        margin: 0
    }

    body.page-template-tpl-team-php #header {
        height: 235px
    }

    body.page-template-tpl-team-php #header .title {
        font-size: 44px;
        bottom: 77px
    }

    body.page-template-tpl-team-php #header .btn {
        bottom: 25px
    }

    body.page #header .title span {
        display: block
    }

	#team {
		padding-top: 10px;
		margin-bottom: 50px
	}

	#team .team-item {
		float: none;
		width: 235px;
		height: 252px;
		margin: 15px auto 0
	}

	#team .team-item:nth-child(4n),
	#team .team-item:nth-child(3n) {
		margin-right: auto;
	}

    body.author {
        background: #f4f4f4 url('images/header-author-mb.jpg') no-repeat center 62px
    }

    body.author #header {
        height: 280px
    }

    body.author #header .title {
        font-size: 44px;
        bottom: 77px
    }

    body.author #header .title span.role {
        font-size: 26px
    }

    body.author #header .title span {
        display: block
    }

    body.author #header .btn {
        bottom: 25px
    }

    #author {
        background: none;
        margin-top: 0
    }

    #author .author-gallery {
        display: none
    }

    #author .author-about {
        top: 0;
        background: #fff
    }

    #author .author-about .author-about-inner {
        width: auto;
        /*height: 300px*/
    }

    #author .author-about-content {
		padding-top: 30px;
		padding-right: 0;
    }

    #author .author-about-content p {
        font-size: 22px;
        line-height: 28px
    }

    #author .author-about-social {
        padding-bottom: 30px;
    }

    #author .social ul li a {
        margin-right: 5px
    }

    #author .author-content {
        margin-top: 35px;
        width: 100%
    }

    #author .author-content .author-content-pic {
        display: none
    }

    #author .author-content .author-content-info {
        float: none;
        width: 100%;
        margin: 0
    }

    #author .author-content .author-content-info .author-content-info-inner {
        margin: 0;
        height: auto;
        padding: 20px 25px
    }

    #author .author-content-blog {
        margin-top: 25px
    }

    #author .author-content-blog .author-blog-date {
        top: 25px;
        left: 25px
    }

    #author .author-content-blog .author-blog-date span {
        font-size: 14px
    }

    #author .author-content-blog .author-blog-title {
        top: 60px;
        left: 25px
    }

    #author .author-content-blog .author-blog-title a {
        font-size: 26px
    }

    #author .author-content-blog .author-blog-meta {
        left: 25px;
        bottom: 20px
    }

    #author .author-content-blog .author-blog-meta div {
        font-size: 14px;
        padding-left: 0
    }

    #author .author-content-blog .author-blog-meta img {
        display: none
    }

    #author .author-content-blog .author-blog-meta div span {
        margin-left: 0
    }

    .author-team {
        margin-top: 50px;
        height: 160px;
        display: none
    }

    .author-team-mobile {
        display: block
    }

    .author-team-mobile .bx-wrapper {
        margin: 50px 0 0 !important
    }

    .author-team-mobile .bx-wrapper #author-slider-mobile img {
        width: 110px;
        height: auto
    }

    .author-team .bx-controls a {
        top: 70px;
        right: 20px;
        width: 51px;
        height: 51px;
        background-position: -69px -5px
    }

    .author-team .bx-controls a.bx-prev {
        right: 72px;
        background-position: -4px -5px
    }

    .author-team .author-team-title {
        font-size: 23px;
        left: 20px;
        top: 20px
    }

    body.page-template-tpl-contact-php #header {
        height: 215px
    }

    body.page-template-tpl-contact-php #header .title {
        font-size: 44px;
        bottom: 77px
    }

    body.page-template-tpl-contact-php #header .title span {
        display: inline
    }

    body.page-template-tpl-contact-php #header .btn {
        bottom: 25px
    }

    #contact-page {
        padding: 25px 0
    }

    #contact-page .contact-form {
        margin-top: 35px
    }

    #contact-page .contact-address .contact-address-inner {
        padding: 20px
    }

    #contact-page .contact-address p {
        font-size: 20px;
        line-height: 28px
    }

    #contact-page .contact-address p.phone, #contact-page .contact-address p.mail {
        font-size: 19px;
        padding-top: 25px;
        float: none
    }

    #contact-page .contact-address p.mail {
        float: none
    }

    #contact-page .contact-address p.phone span, #contact-page .contact-address p.mail span {
        font-size: 19px;
        padding-left: 5px
    }

    #contact-page .contact-address p.mail a span {
        display: block;
        padding-left: 22px
    }

    #contact-page .contact-form .contact-form-title {
        font-size: 28px;
        padding-bottom: 22px
    }

    #work .bx-controls {
        display: none
    }

    #work #work-slider .work-content {
        height: 480px;
        background: url('images/slider-bg.png') repeat 0 0;
    }

    #work #work-slider .work-content .work-logo {
        width: 100%;
        float: none
    }

    #work #work-slider .work-content .work-logo img {
        max-width: 60%;
        display: block;
        margin-top: 15px
    }

    #work #work-slider .work-content .work-desc {
        width: 100%;
        float: none;
        clear: both
    }

    #work #work-slider .work-content .work-desc div {
        margin: 20px 0 0
    }

    #work #work-slider .work-content .work-desc div.work-desc-quote {
        font-size: 16px;
        line-height: 22px
    }

    #work #work-slider .work-content .work-stat {
        width: 100%;
        float: none;
        left: 0
    }

    #work #work-slider .work-content .work-stat div {
        width: 100%;
        float: none
    }

    #work #work-slider .work-content .work-stat div.work-stat-value {
        font-size: 60px;
        float: none;
        width: 100%;
        background-size: 30px auto;
        background-position: 0 10px
    }

    #work #work-slider .work-content .work-stat div.work-stat-text {
        font-size: 18px;
        float: none;
        width: 100%;
        line-height: 22px
    }

    #work #work-slider .work-content .work-stat div.work-stat-arrow.default {
        top: 10px;
        opacity: 1
    }

    body.single #header .btn, body.page #header .btn, body.error404 #header .btn {
        display: none
    }

    body.home #header .btn {
        display: block
    }

    body.single #header, body.page #header, body.error404 #header {
        height: 260px
    }

    body.single #header .title, body.page #header .title, body.error404 #header .title {
        font-size: 35px;
        bottom: 25px
    }

    #content {
        background: #fff;
        margin-top: 0
    }

    #content .sidebar {
        display: none
    }

    #content .content {
        width: 100%;
        padding: 15px 0
    }

    #content .content .content-meta .content-meta-author, #content .content .content-meta .content-meta-social {
        width: 100%;
        float: none;
        margin: 0
    }

    #content .content .content-meta .content-meta-social {
        margin: 40px 0 0
    }

    #content .content .content-meta {
        margin-bottom: 35px
    }

    #content .content-lid {
        margin: 0 0 25px 0
    }

    #content .content-lid p {
        font-size: 20px;
        line-height: 28px
    }

    #content .content-txt .wp-caption {
        margin: 0 0 30px 0
    }

    #content .content-txt p {
        font-size: 15px;
    }

    #content .content-txt img.alignleft, #content .content-txt img.alignright {
        max-width: 100%;
        height: auto;
        float: none;
        padding: 0;
        margin-bottom: 20px
    }

    #content-posts {
        background: none
    }

    #content-posts .even {
        display: block
    }

    #content-posts .post {
        width: 100%;
        margin: 25px 0 0 0
    }

    #content-posts .post .post-inner {
        height: 225px
    }

    #content-posts .post .post-date {
        top: 25px;
        left: 20px;
        font-size: 14px
    }

    #content-posts .post .post-title {
        left: 20px;
        top: 55px
    }

    #content-posts .post .post-title a {
        font-size: 25px
    }

    #content-posts .post .post-meta {
        left: 20px;
        bottom: 25px;
        font-size: 14px
    }

    #content-posts .post .post-meta img {
        display: none
    }

    #content-posts .post .post-meta div span {
        margin-left: 0
    }

    .contact-map {
        display: none
    }

    .form .right {
        float: none
    }

    .btn a, input.btn {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        padding-right: 40px
    }

    input.btn {
        margin-top: 15px
    }

    input, textarea, input.small {
        width: 244px;
        font-size: 15px;
        margin: 7px 0
    }

    input, input.small {
        height: 40px;
        line-height: 40px
    }

}