/*
Theme Name: Keen
Theme URI: http://nrgthemes.com/
Author: NRGTHEMES
Author URI: http://themeforest.net/user/NRGTHEMES
Description: Keen is a responsive photography WordPress theme for minimal loving creatives. 
Version: 2.0.0
Tags: responsive-layout, custom-background, editor-style, theme-options, full-width-template, right-sidebar
License: GNU General Public License version 3.0
License URI: http://nrgthemes.com/
Text Domain: keen
*/

/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - ABOUT */
/* 04 - CONTACT */
/* 05 - WORK */
/* 06 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

html {margin:0px; padding:0px; height:100%;}
body {margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: 'Roboto', sans-serif; color:#000; background-color: #fff; overflow-x: hidden;}
a {text-decoration:none; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
a:hover {text-decoration: none;}
a img{border: 0px none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;}
a:focus {outline: none; outline-offset: 0px; text-decoration: none; color:#fff;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px;}
.clear_l{clear:both;}
ul {padding:0px; margin:0px; list-style:none;}
input:focus, select:focus, textarea:focus, button:focus{outline:none; box-shadow:none;}
::-webkit-input-placeholder {color:#cacaca; opacity: 1;}
::-moz-placeholder          {color:#cacaca; opacity: 1;}
:-moz-placeholder           {color:#cacaca; opacity: 1;}
:-ms-input-placeholder      {color:#cacaca; opacity: 1;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;clear: both;}
p{margin:0px; padding:0px;}
article, section, footer, header, figure, aside, hgroup, nav{display:block;}
header,nav,article,footer,section,aside,figure,figcaption{display:block}
button {outline: none; border: none; box-shadow: none;}

/*------------------------------------------------------*/
/*----------------------BACKGROUND----------------------*/

.bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.bg img{position:absolute; top: 0px; width: 100%; height: 100%;}
.bg video{position:absolute;}
.bg-bg {background-position: 50%; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.bg-bg-chrome{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;}
.bg-bg-chrome.act{position: absolute;}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}

.full-width {position:relative; float:left; width:100%;}
.full-height {height:100%; position:relative; float:left;}
.vertical-center {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%;}
.vertical-align {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; position: absolute; text-align: center; width: 100%;}
.center_img{position: absolute;}
.swiper-container{margin:0 auto;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container{height:100%; width: 100%;}
.swiper-slide{position:relative; float:left; overflow:hidden;}

h1 {font-size: 40px; font-weight: 800; line-height: 80px; color: #000;}
h2.single-title {font-size: 26px; line-height: 40px; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase;}
h3 {font-size: 24px; line-height: 22px; font-weight: 400; text-transform: uppercase;}
h4 { font-size: 18px; line-height: 22px; font-weight: 400;}
h5 {font-size: 14px; line-height: 22px; font-weight: 400;}
h6 {font-size: 13px; line-height: 16px;}
p {font-size: 14px; line-height: 24px; font-weight: 300;}
ul {position: relative; float: left;}
ul li a:hover {text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
input {font-size: 14px; border: none; background: none;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
textarea {font-size: 13px; line-height: 26px; border: none; border-bottom: 1px solid #ccc; color: #aaa;text-transform: uppercase; padding-left: 5px; padding-bottom: 10px; background: none;}
iframe {border: none;}
pre{margin-top: 10px;}
q {font-size: 24px; line-height: 50px; color: #000; font-style: italic;}
i { font-size: 18px;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.bg-white {background: #fff;}
.bg-dark {background: #000;}

/*--------------------------------------------------*/
/*----------------------HEADER----------------------*/

header {position: fixed; left: 0px; top: 0px; width: 100%; height:70px; z-index: 10;}
nav {position: relative; float: right; height:70px; padding-top: 15px; padding-right: 80px; background: #fff; width: 100%; transform: translateX(120%);-webkit-transform: translateX(120%);-moz-transform: translateX(120%);-ms-transform: translateX(120%);transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;-o-transition: all 0.45s ease-out;-webkit-transition: all 0.45s ease-out;-ms-transition: all 0.45s ease-out;}
.navigation {position: relative; float: right;}
nav.slide-menu {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
.select_menu_message{
    margin-top: 34px;
    padding-top: 20px;
}
.select_menu_message p{
    width: 70%;
    margin-right: 11%;
}

nav ul li {position: relative; float: left; line-height: 14px;}
nav ul li a {position: relative; float: left;}
nav ul li a span {position: relative; float: left; display: inline-block; padding: 10px 20px; margin: 0px 20px; font-size: 14px; text-transform: uppercase; line-height: 18px; font-weight: 400; text-align: left; color: #000; overflow: hidden;transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;-o-transition: all 0.45s ease-out;-webkit-transition: all 0.45s ease-out;-ms-transition: all 0.45s ease-out;}
nav ul li a span:hover {color: #999;}
nav ul li a span.active-link {color: #000; font-weight: 700;}
.logo {position: absolute; left: 30px; top: 18px; z-index: 102; display: none;}
ul li .fa { position: absolute; top: 11px; right: 22px; font-size: 14px; color: #000;}

.dropmenu {position: absolute; min-width: 150px; background: #fff; padding: 0px 15px; left: 25px; top: 50px;  transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;-o-transition: all 0.45s ease-out;-webkit-transition: all 0.45s ease-out;-ms-transition: all 0.45s ease-out;}
.dropmenu a {position: relative; width: 100%; padding: 10px 0px; font-size: 14px; color: #000; text-transform: uppercase;}
.dropmenu a:hover {color: #999;}

nav ul > li > ul {visibility: hidden; opacity: 0;}
nav ul > li:hover .dropmenu {visibility: visible; opacity: 1;}

.mobile-icon {position: absolute; right: 30px; top: 25px; z-index: 101; display: none;}
.nav-menu-icon a {display: inline-block;width:24px;height:24px;cursor: pointer;text-decoration: none;}
.nav-menu-icon a i {position: relative;display: inline-block;width: 24px;height: 3px;color:#262626;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #262626;transition:all .2s ease-out;}
.nav-menu-icon a i::before, a i::after {content:'';width: 24px;height: 3px;background: #262626;position: absolute;left:0;transition:all .2s ease-out;}
.nav-menu-icon a i::before {top: -7px;}
.nav-menu-icon a i::after {bottom: -7px;}
.nav-menu-icon a:hover i::before {top: -10px;}
.nav-menu-icon a:hover i::after {bottom: -10px;}
.nav-menu-icon a.active i {background: none;}
.nav-menu-icon a.active i::before {
    top:0;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.nav-menu-icon a.active i::after {
    bottom:0;
    -webkit-transform: rotateZ(-180deg);
    -moz-transform: rotateZ(-180deg);
    -ms-transform: rotateZ(-180deg);
    -o-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.pagination {position: absolute;right: 37px; text-align: center; top: 50%; z-index: 5;}
.swiper-pagination-switch {cursor: pointer; width: 15px; height: 4px; background: #999; overflow: hidden; position: relative;  display:block; margin: 20px auto; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.swiper-pagination-switch:before {content: ''; width: 15px; height: 4px; background: #000; position: absolute; left: 0px; top: 0px; transform: translateX(-100%);-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%); transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.swiper-active-switch.swiper-pagination-switch:before  {transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);}
.animsition-loading {background: url(images/loading.gif) no-repeat;}
.top-baner {position: relative; float: left; width: 100%; height: 100vh;}
.top-baner .swiper-container {padding-top: 0px; height: 100vh;}
.top-baner .swiper-slide {height: 100vh!important;}
.main-title {position: absolute; top: 90%; overflow: hidden;  left: 0px; z-index: 5000;}
.main-title h1 {text-transform: uppercase;margin-left: 30px; z-index: 8; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.title-wrap h1:before {content: attr(data-text); position: absolute; transform: translateY(-102%); left: 30px; top: 0px; background: #fff; color: #000; padding: 3px 8px;  z-index: -1; transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;}
.title-wrap.active h1 {color: #ccc; z-index: 5;}
.title-wrap.active h1:before {transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
.title-wrap.active-out h1:before {transform: translateY(200%);-moz-transform: translateY(200%);-webkit-transform: translateY(200%);-ms-transform: translateY(200%);}
.title-wrap h2 {margin-left: 70px; color: #111; padding: 5px 8px; z-index: 5; overflow: hidden; margin-top: 15px; transform: scale(4);-webkit-transform: scale(4);-moz-transform: scale(4);-ms-transform: scale(4); opacity: 0; transition: all 0.45s ease-in;-webkit-transition: all 0.45s ease-in;-moz-transition: all 0.45s ease-in;-o-transition: all 0.45s ease-in;-ms-transition: all 0.45s ease-in;}
.title-wrap h2:after {content: ''; position: absolute; opacity: 0; left: 0px; background: #fff; width: 100%; height: 100%; z-index: -1; transform: translateY(150%);transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.title-wrap.slide h2 {color: #555; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); opacity: 1;}
.title-wrap.slide h2:after {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;}
.title-wrap {position: relative; float: left; overflow: hidden;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.about-page {position: relative; float: left; width: 100%; margin-top: 70px;}
.about-bg {height: 100vmin; position: relative; float: left; width: 100%;}
.team-title {position: relative; float: left; width: 100%;}
.team-title h4 {padding-top: 20px;}
.team-title h6 {padding-top: 10px;}
.about-desc {position: absolute; height: 100%; background: #fff; top: 0%; right: 0px; width: 50%; padding: 15px 15px 50px 50px; overflow: hidden;}
.about-desc .swiper-slide {padding: 0px 15px;}
.about-desc .swiper-slide img {height: auto;}
.about-desc #about-slider {margin-left: -15px; float: left; position: relative; height: 100%; padding-bottom: 40px;}
.about-desc .pagination {display: none;}
.about-desc h2 {padding-bottom: 10px;}
.about-desc p {color: #000; width: 100%; position: relative; float: left; padding-bottom: 40px;}
.about-desc a {font-size: 16px; color: #000; padding-top: 35px; position: absolute; bottom: 30px; left: 50px;}
.about-desc a img {width: 37px; height: 23px; position: relative; float: right; margin-left: 15px; transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.about-desc a:hover {color: #999;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.contact-page {position: relative; float: left; width: 100%; margin-top: 70px;}
.contact-page .map {margin-right: 50%;}
.map-canvas {height: 100vmin; position: relative; float: left; width: 100%;}
.contact-desc {position: absolute; width: 100%; height: 100%; background: #fff; top: 0px; right: 0px; width: 50%; padding: 50px;}
.contact-text-block {position: absolute;background: #fff; right: 0px;top: 0%; width: 50%; height: 100%;}
.contact-adress {position: relative; float: left; width: 100%; background: #fff; padding: 15px 30px 40px 30px;}
.contact-adress p {padding: 10px 0px;}
.adress-block {position: relative; float: left; width: 100%; text-align: center; padding-top: 40px;}
.adress-block span {font-size: 50px; color: #000; padding-bottom: 20px;}
.adress-block h4 {padding-bottom: 15px;}
.adress-block a {font-size: 14px; color: #000;}
.adress-block ul {position: relative; float: left; width: 100%;}
.adress-block ul li {font-size: 14px; line-height: 18px; color: #000; width: 100%; padding: 0px 5px;}

.contact-form {position: relative; float: left; width: 100%; padding-top: 15px;}
.contact-form form {padding-top: 20px;}
.contact-form input {width: 100%; height: 50px; border: 1px solid #999; padding-left: 15px; margin-bottom: 15px; text-transform: uppercase;}
.contact-form textarea {height: 140px; border: 1px solid #999; width: 100%; margin-bottom: 30px; padding: 15px; font-size: 14px;}
.contact-form input[type="submit"] {width: auto; padding: 0px 12px; color: #000;}
.contact-form input[type="submit"]:hover {background: #000; color: #fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - WORK */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.copyright {position: relative; float: left; width: 100%; padding: 100px 0px 30px; text-align: center;}
.footer-folow {position: relative; float: left; width: 100%; padding-bottom: 40px;}
.footer-folow a span {font-size: 24px; margin: 0px 12px; color: #000; transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.footer-folow a span:hover {color: #999;}
.copyright span {font-size: 14px; color: #000; text-transform: none; color: #555;}
.home-slider {position: relative; float: left; width: 100%; padding-top: 120px; height: 100vmin;}
.grid-sizer {width: 33.333%;}
.item {position: relative;float: left;overflow: hidden;margin: 0px;width: 31%;text-align: center; padding: 0px; margin: 0px 1.1% 2.2%;}
.item img {width: 100%; height: auto; display: block; transform: scale(1.02);-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02); transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.layer {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.65); backface-visibility: hidden; z-index: 4;transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.item h2 {text-align: left; font-size: 32px; font-weight: 400; padding-top: 50%; z-index: 5;color: #000; position: absolute; width: 100%; bottom: 25px; padding-left: 30px; font-weight: bold;}
.fillters {position: absolute; width: 100%; height: 100%; background: #fff; left: 0px; top: 0px; padding: 20px 15px 30px; border: 3px solid #000;}
.fillters p {text-align: left; padding-bottom: 35px;}
.fillters button {position: relative; float: left; width: 100%; background: none;}
.fillters button span {font-size: 15px; text-transform: uppercase; position: relative; float: left; padding: 5px 0px; margin: 0px; color: #000; background: none; text-align: left; font-weight: 600;transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.item .fillters h2 {position: relative; float: left; width: 100%; padding: 0px 0px 10px; font-size: 26px; text-align: left; left: 0px; top: 0px; font-weight: 400;}
.fillters button img {position: relative; float: left; margin-left: 25px; width: 37px; height: 23px; transform: rotate(180deg) scale(1);-webkit-transform: rotate(180deg) scale(1);-ms-transform: rotate(180deg) scale(1);-moz-transform: rotate(180deg) scale(1);transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.fillters button.active-button {color: #999;}
.fillters button.active-button img {margin-left: 35px;}
.fillters button:hover span {color: #999;}
.fillters button:hover img {margin-left: 35px;}
.gallery .first-block {height: 380px;}

.fixed.item:hover img {transform: rotate(180deg) scale(1);-webkit-transform: rotate(180deg) scale(1);-ms-transform: rotate(180deg) scale(1);-moz-transform: rotate(180deg) scale(1);}
.item:hover img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.item:hover .layer {opacity: 0;}
#main-slider .bg {height: 100vh!important;}
.allbum {position: relative; float: left; width: 100%; padding-top: 70px;}
.work {position: relative; float: left; width: 100%; margin-top: 100px;}
.popup-gallery {position: relative; float: left; width: 100%;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.gallery .item {width: 33.333%; margin: 0px; padding: 0px;}
.gallery .grid-sizer {width: 33.333%;}

.gallery.gallery2 .item.w_50 {width: 64.666%;}
.gallery.gallery2 .item {width: 31.333%; margin: 0px 1% 2% 1%;}
.gallery.gallery2 .grid-sizer {width: 0px;}
.gallery.gallery3 .item {width: 48%; margin: 0px 1% 2% 1%;}
.gallery.gallery3 .grid-sizer {width: 1%;}

.my-simple-gallery .item img {opacity: 0.65;}
.my-simple-gallery .item img:hover {opacity: 1;}
.gallery-title {position: absolute; top: 0px; width: 100%; left: 0px; padding-left: 30px; padding-right: 50px; text-align: left;}
.gallery-title h2 {color: #000; padding-bottom: 35px; text-transform: uppercase; font-weight: 400; position: relative; padding-top: 50px; padding-left: 0px;}
.gallery-title p {color: #000; position: relative; float: left; width: 100%;}
.gallery-title a {font-size: 16px; color: #000; padding-top: 35px; position: relative; float: left;}
.gallery-title a img {width: 37px; height: 23px; position: relative; float: left; margin-right: 15px; margin-top: -2px;}
.gallery-title a:hover {color: #999;}
.blog-page {background-color: #f6f6f6; position: relative; float: left; width: 100%; padding-top: 70px;}
.blog-page h2 {padding-bottom: 40px; padding-left: 10px;}
.blog-page .item {width: 100%;}
.post-block {position: relative; float: left; width: 100%; overflow: hidden;}
.post-block img {width: 100%; height: auto;}
.post-img {position: relative; float: left; width: 100%; overflow: hidden; height: 340px;}
.post-text {position: absolute; left: 0px; padding-left: 30px; bottom: 0px; width: 100%; text-align: left; z-index: 7;}
.post-text h4 a {color: #000; padding-bottom: 13px; position: relative; float: left; width: 100%; text-transform: uppercase; font-size: 20px; font-weight: 400; line-height: 1.3em;}
.post-text span {display: inline-block; padding-right: 12px; position: relative; float: left; color: #909090; text-transform: uppercase; font-size: 12px;}
.post-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 6; background: #fff; opacity: 1;transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}

.post-page {position: relative; float: left; width: 100%; padding-top: 70px;}
.post-image img {width: 100%; height: auto;}
.blog-text {position: relative; float: left; width: 100%; padding: 40px 0px 50px;}
.blog-text h2 {padding-bottom: 20px;  padding-top: 20px;}
.blog-text p {padding: 0 0 15px;position: relative;}
.blog-text q {border-left: 5px solid #999; position: relative; float: left; width: 100%; padding: 0px 20px 0px 45px; font-weight: 100; line-height: 40px; margin: 15px 0px;}
.blog-tags {position: relative; padding: 0; line-height: 22px;}
.blog-tags a {display: inline-block; font-size: 16px; text-transform: uppercase; color: #000; padding: 3px 8px; margin: 0; position: relative; }
.blog-tags a:first-child {margin-left: -7px;}
.blog-tags a:hover {background: #000; color: #fff;}
.blog-tags a.activ-tags {background: #000; color: #fff;}
.big-comments {position: relative; float: left; width: 100%; padding: 50px 0px;}
.big-comments h3 {position: relative; float: left; width: 100%; padding-bottom: 40px; font-size: 22px; font-weight: 400;}
.comm-img-big {position: absolute; left: 0px; top: 120px;}
.comm-img-big img {width: 120px; height: 120px;}
.comm-text-big {position: relative; float: left; padding-left: 160px;}
.comm-text-big span {position: absolute; right:  0px; top: 0px; font-size: 13px; color: #999;}
.comm-text-big h4 {padding-bottom: 20px;}
.comm-text-big p {padding-bottom: 33px;}
.comm-follow {position: absolute; bottom: 0px; left: 160px; padding-top: 20px;}
.comm-follow a span {position: relative; float: left; margin: 0px 8px; font-size: 16px; color: #000;transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.comm-follow a span:hover {color: #999;}
.comments {position: relative; float: left; width: 100%; padding: 80px 0px 50px;}
.comments h3 {font-size: 22px; font-weight: 400;}
.com-block {position: relative; float: left; width: 100%; padding-top: 40px;}
.com-img {position: absolute; left: 0px; top: 40px;}
.com-txt {position: relative; float: left; padding-left: 100px;}
.com-txt a {text-transform: uppercase; font-size: 13px; color: #000; position: relative;  clear: both; right: 0px; top: 0px; font-weight: 700;}
.com-txt .comment-reply-link{display: block;}
.com-txt span {position: relative; float: left; font-size: 14px; font-weight: 400; color: #999; padding-left: 25px;}
.com-txt h5 {position: relative; float: left; font-size: 16px;}
.comment .com-txt h5{padding-bottom: 0;}
.com-txt p {position: relative; /* float: left; width: 100%; */ padding-top: 0;}
/* .com-block:nth-child(3) {padding-left: 100px;}
.com-block:nth-child(3) .com-img {left: 100px;} */
.blog-form {position: relative; float: left; width: 100%; padding: 70px 0px 40px;}
.blog-form 	h3 {font-size: 22px; font-weight: 400; padding-bottom: 20px;}
.blog-details {width: 100%;float: none;clear: both;height: 30px;}
.post-page .blog-details{height: auto;}
.blog-details h4 {float: left; margin-right: 15px;padding: 2px 0;font-size: 14px;font-weight: 800;}
video.bgvid {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../img/Slider_2.jpg) no-repeat; background-size: cover; overflow: hidden;}
.video-wrapper {position: relative; width: 100%; height: 100vh; float: left;}

@media screen and (max-width: 1380px) {
    .fillters p {padding-bottom: 10px;}
    .fillters button span {font-size: 12px;}
}
@media screen and (max-width: 1370px) {
    .desc-block {padding-bottom: 80px;}
    .item h2 {font-size: 26px;}
    .map-canvas {height: 130vmin;}
    .about-bg {height: 130vmin;}
}
@media screen and (max-width: 1200px) {
    .fixed  {height: 320px;}
}
@media screen and (max-width: 800px) {
    .mfp-img-mobile .mfp-close {background: none;}
}
@media screen and (max-width: 992px) {
	.mobile-icon {display: block;}
	header {height: 80px;}
	nav {position: fixed; left: 0px; text-align: center; padding-right: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background: #fff; padding-top: 80px; transform: translateY(100%);-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);}
	.navigation > ul > li {width: 100%; text-align: center; margin: 10px 0px; width: 100%; position: relative; float: left;}
	nav ul li a {width: auto; float: none; display: inline-block;}
	nav.slide-menu {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);}
	.dropmenu {position: relative; width: 100%; top: 5px; display: none; left: 0px; }
	.dropmenu li {width: 100%; }
	.dropmenu.slidemenu {display: block; visibility: visible; opacity: 1;}
	nav ul li a:hover span, nav ul li a:focus span {-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);opacity: 1;}
	nav ul li a:hover {color: #999;}
	nav ul li a span {text-align: center; width: 100%; margin: 0px;}
	nav ul li a span.active-link {background: none; color: #000; font-weight: 700;}
	ul li .fa {font-size: 18px; right: 0px;}
	.navigation {width: 100%;}
	.item {width: 48%; margin: 0px 1% 2% 1%;}
	.grid-sizer {width: 1%;}
	.gallery-title h2 {padding-bottom: 0px;}
	.gallery.gallery2 .item.w_50 {width: 48%;}
    .gallery.gallery2 .item {width: 48%; margin: 0px 1% 2% 1%;}

    .contact-text-block {width: 100%; position: relative; float: left;}
    .contact-page {margin-top: 0px;}
    .contact-page .map {margin-right: 0px;}
    .map-canvas {height: 400px;}
    .contact-adress {padding-top: 50px;}
    .contact-form {padding-top: 50px;}
    .copyright {padding: 50px 0px 30px;}

    .about-desc {width: 100%; position: relative; float: left; top: auto; height: auto; padding-top: 50px;}
    .desc-block {position: relative; float: left; width: 100%; padding-bottom: 20px;}
    .relative-responsive {height: 400px; position: relative;}
    .about-bg {height: 100%;}
    .about-page {margin-top: 0px;}
}
@media screen and (max-width: 768px) {
    .gallery .item {width: 50%;}
}
@media screen and (max-width: 600px) {
    .item {width: 100%; margin: 0px;}
    .grid-sizer {width: 1%;}
    .fillters {margin-left: 0px;}
    .main-title h1 {font-size: 40px;}
    .gallery.gallery2 .item.w_50 {width: 98%;}
    .gallery.gallery2 .item {width: 98%;}
    .gallery.gallery3 .item {width: 98%;}
    .gallery.gallery3 .grid-sizer {width: 1%;}
    /* .com-block:nth-child(3) {padding-left: 0px;}
    .com-block:nth-child(3) .com-img {left: 0px;} */
    .comments {padding-top: 50px; padding-bottom: 20px;}
    .blog-tags a {font-size: 14px; margin: 10px;}
    .big-comments {padding: 30px 0px;}
    .comm-text-big {padding-left: 0px; width: 100%; padding-top: 15px;}
    .comm-img-big {position: relative; float: left; width: 100%; top: 0px;}
    .comm-text-big h4 {padding-bottom: 15px;}
    .comm-follow {left: 0px;}
    .blog-text q{font-size: 20px; line-height: 32px; padding-left: 15px;}
    .blog-text h2 {font-size: 24px; line-height: 32px; padding-bottom: 0px;}
}
@media screen and (max-width: 400px) {
    .item h2 {font-size: 22px; padding-left: 15px;}
}
@media screen and (max-width: 480px) {
    .fillters button {font-size: 13px; margin: 0px 2px;}
    .logo {left: 15px;}
    .mobile-icon {right: 15px;}
    .gallery .item {width: 100%;}
	.main-title {top: 85%;}

	.contact-adress {padding: 50px 0px 40px;}
	.about-desc {padding: 50px 15px;}
	.about-desc .swiper-slide {padding: 0px;}
	.about-desc #about-slider {margin-left: 0px;}
	.about-desc a {left: 15px;}
}

/*--------------------------------------------------------------------*/

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

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

.wp-caption.alignnone{
    width:auto !important;
}

.aligncenter{
    text-align: center;
}

.wp-caption-text,
.bypostauthor,
.gallery-caption {
    font-size: inherit;
    font-family: inherit;
}

.wp-caption.aligncenter{
    margin: 0 auto;
}
.wp-caption .wp-caption-text{
   padding: 10px 0 5px;
}

.post-password-form input[type=submit]{
    padding: 0 15px;
}

.slide-menu p{
    float: right;
}

.navigation li{
    position: relative;
    float: left;
}

nav .current-menu-item a span {
    color: #000;
    font-weight: 700;
}

.no-comments{
    clear: both;
    padding-top: 15px;
}

.page-content{
    text-align: center;
}

h2.page-title{
    padding-bottom: 10px;
    padding-left: 0px;
}

.blog-pagination{
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
}

.blog-pagination a{
    color: #58bcb3;
}

.blog-pagination a:hover, .blog-pagination .current{
    color: #333;
}

.blog-pagination span a{
    margin: 20px;
}

/** sidebar **/
.sidebar {
    background-color: #fff;
    padding: 30px 30px 37px;
}

.sidebar aside ul{
    font-size:15px;
    float:none;
}

.sidebar .x2{
    margin-bottom: 40px;
}
.sidebar .x2:last-child{
    margin-bottom: 0;
}

.sidebar h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7em;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5px;
}


/** widgets **/
.sidebar ul li {
    padding: 5px 0;
}

.widget_categories ul li > ul {
    padding-left: 15px;
}
.widget_pages ul li ul li,
.widget_categories ul li ul li{
    padding-bottom: 0;
}

.recentcomments{
    padding: 10px 0;
}

.widget_categories > ul > li {
    border-bottom: 1px solid #e8e8e8;
}

.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a {
    font-size: 14px;
    color: #8c8c8c;
    display: inline-block;
    text-transform: capitalize;
}

.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover {
    color: #58bcb3;
}

.widget_archive ul li span, .widget_categories ul li span {
    float:right;
    color: #8c8c8c;
}

.widget_archive label, .widget_categories label{
    display:none;
}

.widget_archive select{
    padding-left: 10px;
}
.widget_archive select, .widget_categories select, .widget_text .textwidget select{
    width: 100%;
    height: 40px;
    font-size: 15px;
}

.widget_recent_comments ul li a, .widget_recent_entries ul li a {
    font-size: 14px;
    color: #8c8c8c;
    display: inline-block;
}

.widget_recent_comments ul li a:hover, .widget_recent_entries ul li a:hover {
    color: #58bcb3;
}

/** widget rss **/
.widget_rss h4 > a, .widget_rss ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7em;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.widget_rss ul li {
    margin-bottom: 20px;
}

.widget_rss ul li:last-child{
    margin-bottom: 0;
}

.widget_rss ul li a:hover {
    color: #58bcb3;
}

.widget_rss ul li a {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget_text p,
.widget_rss ul li .rssSummary {
    font-size: 13px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 6px;
}

.widget_rss ul li .rss-date {
    display: inline-block;
    padding-right: 12px;
    color: #909090;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 6px;
}

/** widget text **/

.widget_text .textwidget img{
    width:100%;
    height: auto;
    margin: 0 0 15px;
}

.widget_tag_cloud .tagcloud a {
    display: inline-block;
    color: #8c8c8c;
    line-height: 25px;
}

.widget_tag_cloud .tagcloud a:after {
    content: ",";
    display: inline-block;
    width: 1px;
    height: 1px;
    padding-right: 5px;
}

.widget_search form label .screen-reader-text{
    display: none;
}

.widget_search form label{
        width: calc(100% - 69px);
}

.widget_search form .search-field{
    width: 100%;
    border: 1px solid #e8e8e8;
    display: inline-block;
    height: 40px;
    line-height: 42px;
    text-decoration: none;
    color: #909090;
    background-color: transparent;
    margin: 0;
    font-size: 12px;
    padding-left: 10px;
}
.widget_search .search-submit{
    display: block;
    float: right;
    padding: 0 12px;
    border: 1px solid #e8e8e8;
}
.widget_calendar #wp-calendar{
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}


aside .widget_calendar caption, aside .widget_calendar thead th {
    color: #000;
}

aside .widget_calendar thead th{
    text-align: center;
}

.widget_calendar table td{
    border: 1px solid #e1e1e1;
    padding: 5px 0;
    font-weight: 400;
    text-align: center;
}

aside .widget_calendar caption{
    font-size: 16px;
    margin-bottom: 10px;
}

aside .widget_calendar #today
{
    color: #337ab7;
}

.blog-tags h4{
    margin-left: 13px;
    margin-bottom: 10px;
}

.blog-tags.blog-categories{
    margin-top: 0px;
}

.com-txt {
    width: 100%;
}

.reply-form.blog-form{
    padding:0;
}

.comments .children{
    width: 100%;
    padding-left:100px;
}

/* .comments .children .children{
    padding-left:0px;
} */

.comments .reply-form .comment-respond{
    padding: 70px 0px 40px;
}

.home-url{
    padding-top: 30px;
    display: block;
    font-size: 16px;
    text-align: center;
}

h4.page_not_found{
    text-align: center;
    margin-bottom: 20px;
    margin-top:100px;
}

.contact_description
{
    padding: 10px 0px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}

.adress-block .adress-text{
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 0px 5px;
}

.contact-text-block.no-contact-map{
    width:100%;
    position: relative;
}

.contact-text-block span.wpcf7-not-valid-tip{
    display:none;
}

.contact-form textarea.wpcf7-not-valid, .contact-form input.wpcf7-not-valid{
    border: 1px solid red;
}

.contact-adress p {padding: 0px;}

nav ul li a span:hover{
    color:#000;
}

.header-static .main-title{
    top:89%;
}

img.alignnone, .wp-caption.alignnone img{
    width:100%;
    height:auto;
}

.wp-caption.alignnone img{
    margin-bottom: 0;
}
.wp-caption.alignnone{
    margin-bottom: 15px;
}

/** First blog content **/
.post {
    box-shadow: 1px 2px 15px #e5e5e5;
    -webkit-box-shadow: 1px 2px 15px #e5e5e5;
}

.sticky {
    box-shadow: 0px 0px 10px rgba(88, 188, 179, 0.5);
}

/** post image **/

.has-post-thumbnail .post-img, .has-post-thumbnail .post-text {
    float: left;
    position: relative;
}

.has-post-thumbnail .post-img {
    width: 43%;
    z-index: 6;
}

.has-post-thumbnail .post-text {
    width: 57%;
    padding: 14px 35px 9px;
}

.post-categories {
    margin-bottom: 10px;
}

.post-categories li {
    display: inline-block;
    margin-right: 15px;
}

.post-categories a {
    color: #58bcb3;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
}

.post-text p {
    font-size: 13px;
    line-height: 21px;
    color: #8d8c8c;
    font-weight: 400;
    margin-bottom: 16px;
}

.post-text .post-more {
    display: inline-block;
    padding: 9px 23px;
    background-color: #58bcb3;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 17px;
}

.post-text .comments-post {
    display: inline-block;
    padding-right: 12px;
    font-size: 12px;
    color: #909090;
    text-transform: uppercase;
}

/** post no image **/
.post-no-image .post-img{
    height:100%;
}

.post-no-image .post-text {
    height: 100%;
    padding: 30px;
    position:relative;
}

.post-no-image .post-img {
    background-color: #ccc ;
}

table{
    font-size: 15px;
    width:100%;
}

th ,td{
    border: 1px solid #999;
    padding: 5px;
}

.container .blog-text ul,.container .blog-text ol,
.container .comments ul,.container .comments ol{
    padding-left: 20px;
    float: none;
    font-size: 14px;
    line-height: 24px;
    list-style: inherit;
}

.container .blog-text ol{
    list-style-type: decimal;
}

.container .blog-text ul{
    list-style-type: square;
}

dl ,.page-links{
    font-size: 15px;
}

input {
    border: 1px solid #999;
    height: 40px;
    padding: 5px;
}

.com-txt .comment-text {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 15px;
    font-size: 14px;
}
.com-txt h1{
    line-height: normal;
}
.com-txt h1,
.com-txt h2,
.com-txt h3,
.com-txt h4,
.com-txt h5,
.com-txt h6,
.com-txt p{
    font-weight: normal;
    padding-bottom: 15px;
}
.com-txt blockquote{
    margin: 10px 0 15px;
}



.com-txt table{
   margin-bottom: 15px;
}

.com-txt h5 a{
    position: relative;
    float: left;
    font-size: 16px;
}

.comment-text > ul{
    margin-bottom: 15px;
}

.page-links {
    clear: both;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin:0px;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.6666667%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.2857142857%;
}
.gallery-columns-8 .gallery-item {
    max-width: 15.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.111111%;
}
.gallery-columns-10 .gallery-item {
    max-width: 10%;
}

.gallery-icon img{
    max-width: 100%;
    height: auto;
}

.gallery-caption,.wp-caption-text{
    font-size: 15px;
    color: #707070;
}

.post_format-post-format-link .post-text p{
    text-decoration: underline;
}

.blog-text h3{
    margin: 10px 0 10px 0;
}

.post-block .post-text a{
    position:relative;
}

.post-text blockquote{
    clear:both;
    border-left: 5px solid #fff;
}

.post-text .mejs-audio span {
    padding-bottom: 0;
    width: 100%;
    color: #fff;
    font-size: inherit;
}

@media screen and (max-width: 768px) {
    .main-title {
        top: 70%;
    }
}

@media screen and (max-width: 480px)
{ .main-title {
    top: 75%;
    }
}

@media screen and (max-width: 992px){
    .navigation >  li {
        width: 100%;
        text-align: center;
        margin: 10px 0px;
        width: 100%;
        position: relative;
        float: left;
    }

    .navigation >  li:hover {
        cursor:pointer;
    }

    ul li .fa {
        top:9px;
    }
}

.dropmenu li{
    width:100%;
}

.container .blog-text ul ul, .container .blog-text ol ol{
    padding-left:40px;
}

.post-text span.page-links{
    float:none;
    padding: 20px 0;
}

.post-text span.page-links span{
    padding:0;
    float:left;
    width:auto;
    margin: 0 3px;
}

.post-text span.page-links .page-links-title{margin:0;}

.sidebar aside ul ul{
    margin-left: 15px;
}

.sidebar .widget_nav_menu ul li {
    padding-top: 10;
    padding-bottom: 0;
}

.sidebar aside ul .dropmenu {
    position: static;
    min-width: 150px;
    padding: 0;
    margin-left: 10px;
}

.sidebar aside ul .dropmenu a {
    color: #8c8c8c;
}

.sidebar ul .menu-item a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7em;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.search-title-match{
    margin-top: 60px;
}

.search-title-match h2{
    text-align: center;
}

.parent-menu.hasadminbar{
    margin-top:32px;
}

.mobile-icon.hasadminbar,.main-logo.hasadminbar{
    margin-top:32px;
}

.page-links span,.page-links a:hover span{
    background: #000;
    padding: 5px;
    color: #fff;
}

.page-links .page-links-title,.page-links a span{
    background: none;
    color: #000;
    padding: 0;
}

.page-links a span{padding:5px;}

.blog-text h2.single-title{
    padding-top:0;
}

dd{
    margin-bottom: 15px;
}
address {
    margin-bottom: 20px;
    font-style: italic;
    line-height: 1.42857143;
    font-size: 14px;
}
@media screen and (max-width: 782px){
    html #wpadminbar{
        margin-top: -46px;
    }
}