/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Fotogez.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 30-12-2014*/
/* Author: RG-Stuido */
/* Website: http://rgstudiothemes.com/fotogez/
/* Copyright: (C) 2014 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - ABOUT*/
/* 04 - JOURNAL*/
/* 05 - GALLERY*/
/* 06 - CONTACT*/
/* 07 - FOOTER*/
/* 08 - MEDIA QUERIES*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Poly:400,400italic);

html {margin:0px; padding:0px; height:100%;}
body {margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: 'Montserrat', sans-serif; color:#2c2c33;  background-color: #fff; font-weight: 300}

.load {position: fixed; background: #fff; width: 100%; height: 100%; left:0; top:0; z-index: 6000;}
.loading {position: absolute; top: 50%;left: 50%;}
.loading .bullet {position: absolute; padding: 5px;border-radius: 50%; background: #23a638;-webkit-animation: animIn 1s ease-in-out 0s infinite;
animation: animIn 1s ease-in-out 0s infinite;}
.loading .bullet:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
.loading .bullet:nth-child(2) { -webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.loading .bullet:nth-child(3) { -webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.loading .bullet:nth-child(4) { -webkit-animation-delay: 0.45s;animation-delay: 0.45s;}
@-webkit-keyframes animIn {
    0% {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}
    50% {opacity: 1;}
    100% {-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;}
}
@keyframes animIn {
    0% {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}
    50% {opacity: 1;}
    100% { -webkit-transform: translateX(100px); transform: translateX(100px);opacity: 0;}}

.onload{opacity:0; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;  -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;}
.onload.loaded{opacity:1;}
.animation-stop{-webkit-transition:none !important; -moz-transition:none !important;  -o-transition:none !important; -ms-transition:none !important; transition:none !important;}
.loader img {position: absolute; top: 50%; left: 50%; width: 150px; height: 135px; margin-top: -68px; margin-left: -75px;}
a {text-decoration:none; outline:none; cursor: pointer; 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;}
.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;}
input:invalid {outline: none; box-shadow:none;}
::-webkit-input-placeholder {color:#aaa;}
::-moz-placeholder          {color:#aaa;}
:-moz-placeholder           {color:#aaa;}
:-ms-input-placeholder      {color:#aaa;}
h1, h2, h3, h4, h5, h6, 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;}
.bg video{position:absolute;}
.bg-bg{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.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; background-size: cover; position:relative;}
.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:80vmin; 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%);}
.vertical-align{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%;}
.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%;}
.swiper-slide{position:relative; float:left; overflow:hidden;}
 /*font-family: 'Pacifico', cursive*/
h1 {font-weight: 400; font-size: 44px; line-height:52px; color:#fff;; text-transform: none; text-align: center;}
h2 {font-size: 28px; font-weight: 700; line-height: 34px; text-transform: uppercase;}
h3 {font-size: 24px; font-weight: 700; line-height: 29px; text-transform: uppercase;}
h4 {font-size: 18px; line-height: 22px; text-transform: uppercase; font-weight: 700;}
h5 {font-size: 13px; line-height: 14px; font-weight: 400;}
h6 {font-size: 12px; line-height: 14px; text-transform: uppercase; font-weight: 400;}
i {font-size: 20px; line-height: 24px; font-family: 'Poly';}
p {font-size: 13px; line-height: 26px; color:#2d2e33;}
b {font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase;}
a {color:#fff;}
ul {position: relative; float: left;}
ul li {font-size: 13px; line-height: 45px; font-weight: 400;}
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;}
small {}
q {font-size: 22px; line-height: 38px; font-family: 'Poly'; font-style: italic;}
input {font-size: 13px; line-height: 26px; border: none; border-bottom: 1px solid #ccc; color: #aaa;padding-left: 5px; padding-bottom: 10px; background: none;}
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;}
.white-color {color: #fff;}
.bg-black {background: #000;}
.bg-orange {background: #23a638;}
.bg-grey {background: #f3f3f3;}
.bg-white {background: #fff;}
.bg-blue {background: #23a638;}

.skew-center {position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; height: 140px; margin-top: -70px;}
.skew-center img {width: 100%; height: 140px;}

.top-skew {position: absolute; top: -59px; left: 0px; z-index: 8; width: 100%; height: 59px;}
.top-skew img {width: 100%; height: 59px; max-width: 100%;}

.bottom-skew {position: absolute; top:70px; left: 0px; z-index: 2; width: 100%; height: 59px;}
.bottom-skew img {width: 100%; height: 59px; max-width: 100%;}

.blue-skew {position: absolute; bottom: -60px; left: 0px; z-index: 5; width: 100%; height: 60px;}
.blue-skew img {width: 100%; height: 60px; max-width: 100%;}

.wrap-overflow {position: relative; float: left; width: 100%; height: 100%; overflow: hidden;}

.display-table {display: table; width: 100%;}
.display-row {display: table-row;}
.display-cell {display: table-cell; vertical-align: middle;}

/*-----------------------button-------------------------------*/

.button-romb {position: relative; float: left; height: 40px; padding: 12px 17px 0px 54px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; cursor: pointer;}
.button-romb img {top: 6px; left: 8px; position: absolute; width: 28px; height: 28px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.button-romb a {font-size: 12px; line-height: 15px; text-transform: uppercase; color: #fff;}
.button-romb:hover img {margin-left: 5px;} 
.button-romb.bg-black:hover {background: #23a638;}
.button-romb.bg-orange:hover {background: #000;}

.button-rounded {position: relative; float: left; height: 45px; border-radius: 23px; padding: 16px 20px 0px 56px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;  cursor: pointer;}
.button-rounded img {position: absolute; top: 9px; left: 15px;transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;-webkit-transition: all 0.15s ease-out;-ms-transition: all 0.15s ease-out;}
.button-rounded a {font-size: 12px; line-height: 15px; text-transform: uppercase; color: #fff; font-weight: 700;}
.button-rounded.bg-orange:hover {background: #1a1b1f;}
.button-rounded:hover img {margin-left: 5px;} 

.button-send {height: 45px; position: relative; float: left; display: inline-block; padding: 0px 17px 0px 52px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; cursor: pointer;}
.button-send span {font-size: 12px; text-transform: uppercase; color:#fff; line-height: 15px;} 
.button-send img {position: absolute; top: 8px; left: 10px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.button-send.bg-black:hover {background: #f7941e;}
.button-send:hover img {margin-left: 5px;}

.button-send-form {position: relative; float: left; height: 45px; border: 2px solid #23a638; background: none; padding: 13px 17px 0px 52px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; cursor: pointer;}
.button-send-form span {font-size: 12px; text-transform: uppercase; color:#19191f; line-height: 15px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.button-send-form img {position: absolute; left: 10px; top: 7px; width: 28px; height: 28px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.button-send-form a {font-size: 12px; font-weight: 700; text-transform: uppercase; color:#19191f; line-height: 15px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.button-send-form:hover {background: #23a638;}
.button-send-form:hover span {color:#fff;}
.button-send-form:hover a {color:#fff;}
.button-send-form:hover img {margin-left: 5px;}

.footer-2 .footer-form {text-align: center;}
.footer-2 .footer-form .send-contact {margin-top: 70px; position: relative; float: none; display: inline-block; height: 45px; border: 0px none; background: #1A1B1F; padding: 13px 17px 0px 52px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; cursor: pointer; width: auto;}
.footer-2 .footer-form input[type="submit"] {margin-top: 0px; border-bottom: 0px none; font-size: 12px; text-transform: uppercase; color:#fff; line-height: 15px; position: absolute; left: 35px; padding-top: 5px; top: 0px; height: 45px; width: 100%; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.send-contact img {position: absolute; left: 10px; top: 7px; width: 28px; height: 28px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.footer-2 .footer-form .send-contact:hover {background: #f7941e;}
.footer-2 .footer-form .send-contact:hover input[type="submit"] {background: #f7941e;}
.send-contact:hover img {margin-left: 5px;}

.contact-form .send-contact {margin-top: 70px; position: relative; float: none; display: inline-block; height: 45px; border: 2px solid #23a638; background: none; padding: 13px 17px 0px 52px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; cursor: pointer; width: 105px;}
.contact-form input[type="submit"] {margin-top: 0px; border-bottom: 0px none; font-size: 12px; text-transform: uppercase; color:#19191f; line-height: 15px; position: absolute; left: 20px; padding-top: 5px; top: 0px; height: 45px; width: 100%; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.contact-form .send-contact:hover {background: #23a638;}
.contact-form .send-contact:hover input[type="submit"] {color:#fff;}

.thank {position: fixed; text-align: center; width: 100%; height: 100%; left: 0px; top: 0px;}
.th-caption {position: absolute; left: 50%; margin-left: -125px; top: 50%; margin-top: -40px; width: 250px; height: 80px;}
.th-caption h1 {color: #f7941e;}

/*-----------------------slider navigation-------------------------------*/

.pagination {text-align: center; position: absolute; left:0; width: 100%;}
.swiper-pagination-switch {display: inline-block; float: none; position: relative; width: 13px; height: 13px; cursor: pointer; border: 3px solid rgba(255,255,255,0); background:#bdbdbd; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: 0px 6px; 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 {transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg); width: 13px; height: 13px; position: relative; border: 3px solid #ff9c00; cursor: pointer; background: #fff;}

.slider-next {width: 20px; height: 20px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg); position: absolute; right: 20px; z-index: 5; cursor: pointer;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;}
.slider-next:hover {border-top: 1px solid #f7941e; border-right: 1px solid #f7941e;}
.slider-prev {width: 20px; height: 20px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(-135deg); position: absolute; left: 20px; z-index: 5; cursor: pointer;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;}
.slider-prev:hover {border-top: 1px solid #f7941e; border-right: 1px solid #f7941e;}

/*-----------------------revolution slider-------------------------------*/

.bannercontainer {width:100%;position:relative;padding:0;margin-top: -150px;}
.home-2 .bannercontainer {margin-top: 0px; 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;}
.banner{width:100%;position:relative;}
.bannercontainer img {width: 100%; height: auto;}
.img-points.tp-bullets {bottom: 0px!important;}
.tp-rightarrow.next {width: 20px; height: 20px; top: 50%!important; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg); position: absolute; right: 20px; z-index: 100; cursor: pointer;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;}
.tp-rightarrow.next:hover {border-top: 1px solid #f7941e; border-right: 1px solid #f7941e;}
.tp-leftarrow.prev {width: 20px; height: 20px; top: 50%!important; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(-135deg); position: absolute; left: 20px; z-index: 100; cursor: pointer;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;}
.tp-leftarrow.prev:hover {border-top: 1px solid #f7941e; border-right: 1px solid #f7941e;}
.tp-bannertimer {position: absolute; top: 0; width: 100%; height: 3px; background: #23a638; z-index: 500;}
.tp-revslider-mainul li {position: absolute;}

/*-----------------------header#1-------------------------------*/

.link {position: relative; display: inline-block;}
.drop-span {position: absolute; left: 0; margin-top: 50px; padding-left: 10px; visibility: hidden;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; background:#FFF; min-width:200px; border-radius:0px 10px 5px 0px}
.drop-span a {position: relative;  font-size: 12px; margin: 7px 0px; color:#333; text-transform:none; font-family:Open Sans}
.drop-span a:hover {color: #23a638;}
.link:hover .drop-span {margin-top: 5px; visibility: visible;}

.header {position: relative; float: left; width: 100%; height: 130px; background: none; z-index: 250;}
.header .logo {margin-top: 60px;}
.header .navigation {background: none; position: relative; width: 100%; height: 130px;}
.header .navigation.top-menu {z-index: 5000;}
.header.col {background: rgba(000,000,000,0.75); position: fixed; top: 0; left: 0;}
/* .header nav a.link-col {color:#fff;} */
.drop-span.drop-col {background: #FFF; width: 170px;}
.hover-effect a span.hov-col:before {color:#fff;}
.header nav.top {margin-top: -50px;}

.close-menu {position: absolute; right: 40px; top: 40px; cursor: pointer; width: 23px; height: 23px; display: none;}
.logo {position: relative; float: left; margin-top: 50px; margin-left: 10px;}
.logo img {width: 300px; height: 102px; 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;}
.right-nav {position: relative; float: right;}

nav {position: relative; padding-top: 115px;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;}
nav a {font-size: 13px; text-transform: uppercase; line-height: 16px; font-weight:400; color:#fff; margin:0px 10px; position: relative; display: inline-block;}
nav a:hover {color:#333;}
nav a.active {border-bottom:2px solid white}
nav a.active1 {color:#23a638;border-bottom:2px solid white}
nav a:focus {color: #fff;}
.header-adress {position:absolute; right: 15px; clear: both; top: 0px; margin-top: 70px; z-index: 50;}
.header-adress a {font-size: 12px; line-height: 16px; color:#fff; text-transform: none; margin:0px; letter-spacing: 1px;}
.header-adress span {font-size: 12px; color:#fff; position: relative; float: left; letter-spacing: 2px;}
.header-adress a:hover {color: #1a1b1f;}
.header-adress .separ-v {padding: 0px 15px; position: relative; float: left; margin-top:-5px; }
.menu-mobile-icon {display: none;}

.hover-effect a {overflow: hidden; } /* text-shadow:0px 0px 3px #000 */
.hover-effect a span {position: relative; display: inline-block;    padding: 0 3px; text-shadow: 1px 1px 4px #000; transition: all 0.25s ease-in;-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;}
.hover-effect a span:before {position: absolute; top: 100%; color:#23a638; font-weight: 700; content: attr(data-hover);transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.hover-effect a:hover span {transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);}
.grafica { color:#009fe3 !important }
.stampa { color:#e6007e !important }
.legatoria { color:#999 !important }
.pubb { color:#f6cb00 !important}
.pubb1 { color:#000 !important}
.color {color:#23a638 !important}

/*-----------------------header#2-------------------------------*/

.header-2 {height: 250px; z-index: 5050;transition: all 0.25s ease-in;-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;}

.header-2 .bottom-skew {bottom: -60px; top: auto;}
.header-2 nav.top {margin-top: 0px;}
.header-2 .header-adress.none {display: inline-block;}
.header-2 .logo img.down { margin-top: 0px;}
.header-2 .logo.margin {margin-top: 60px; padding-bottom: 0px;}

.header-2 .navigation {height: 250px; overflow: hidden; max-width: 100%; width: 100%; position: relative; left: 0px; top: 0px; transition: all 0.25s ease-in;-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;}
.logo-block {position: relative; float: left; width: 55%; height: 100%; background: #fff; transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.25s ease-in;-ms-transition: all 0.35s ease-in;}
.header-2 .close-menu {display: block; top: 20px; right: 20px;}
.logo-block.move {width: 35%;}
.logo-block .logo {margin-top: 90px; margin-left: 20%;}
.menu-mobile {position: relative; float: right; padding-top: 30px; padding-right: 30px;}

.link-block {position: relative; float: left; width: 20%; height: 100%; background: #23a638;}
.link-block nav {padding-top: 50px; padding-right: 60px;}
.link-block nav a {width: 100%; float: right; text-align: right; margin-bottom: 20px;}
.link-block nav a:hover {color: #a9e4ea; font-size: 26px;}
.header-2 .hover-effect a {overflow: visible;}
.link-block nav a.active {color: #a9e4ea;}
.link-block nav a.active-scale {font-size: 26px; color: #a9e4ea;}

.follow-block {position: absolute; right: 0px; top: 0px; width: 45%; height: 100%;}
.top-bar {position: relative; float: left; width: 100%; background: #2e2f34; height: 30%; text-align: center;}
.top-bar .header-adress {position: relative; text-align: center; padding-top: 0px; float: none; display: inline-block; top: 0; right: 0px; margin-top: 30px;}
.top-bar .header-adress a {position: relative; float: left;}
.top-bar .header-adress a:hover {color: #f7941e;}

.bottom-bar {position: relative; float: left; width: 100%; background: #1a1b1f; height: 70%; text-align: center;}
.bottom-bar .wraper-icon {position: relative; float: none; display: inline-block;}
.bottom-bar .wraper-icon h6 {font-size: 11px; text-transform: uppercase; color:#fff; padding-top: 40px; padding-bottom: 20px;}
.bottom-bar .wraper-icon .folow-icon {background: #2e2f34; }
.bottom-bar .wraper-icon .folow-icon:hover {background: #23a638;}

.header-2 .link {float: right;}
.header-2 .drop-span {position: relative; float: right; margin: 0px; display: none; padding: 10px 10px 10px 0px;}
.header-2 .drop-span a {margin-bottom: 0px;}
.header-2 .drop-span a:hover {font-size: 12px;}
.header-2 .drop-span.slide {margin-top: -20px; display: block; overflow: hidden;}

@media screen and (max-width: 980px) {
	   .link {display: block;}
       .header-2 .logo-block {width: 100%;}
       .header-2 .follow-block {position: relative; float: right; width: 50%; transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.25s ease-in;-ms-transition: all 0.35s ease-in;}
       .header-2 .logo-block.move {width: 0%;}
       .header-2 .link-block {width: 50%;}
       .header-2 nav {position: relative; float: left; width: 100%; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px);}
       .header-2 nav a {text-align: center; float: left; margin: 10px 0px;}
       .header-2 .close-menu {right: 20px; top: 20px;}
       .header-2 .link-block nav {padding-right: 0px;}
       .header-2 .top-bar {height: 40%;}
       .header-2 .top-bar .header-adress {padding-top: 0px; margin-top: 15px;}
       .header-2 .bottom-bar {height: 60%;}
       .header-2 .header-adress a {position: relative; float: left; width: 100%;}
       .header-2 .right-nav {width: 100%;}
    
       .header-2 .link {float: none;}
       .header-2 .drop-span.slide {width: 100%; text-align: center; padding-right: 0px;}
       .header-2 .link:hover .drop-span {margin-top: -20px; visibility: visible;}
       .header-adress .separ-v {float: none; margin-top: 2px;}
}
@media screen and (max-width: 550px) {
       .header-2 .logo-block.move {height: 0%;}
       .header-2 .follow-block {width: 100%; left: -100%;}
       .header-2 .follow-block.lft {left: 0px;}
       .header-2 .link-block {width: 100%; right: -100%;}
       .header-2 .link-block.rth {right: 0px;}
       .header-2 .right-nav {float: none;}
       .header-2 .logo-block {height: 130px;}
       .header-2 {height: 130px;}
       .header-2 .logo-block.top {top: -100%;}
       .header-2 .navigation {overflow: visible; background: none;}
       .header-2 {position: fixed; left: 0; top: 0; width: 100%; z-index: 8555;}
       .header-2 .bottom-skew {display: none;}
       .home-2 {margin-top: 130px; z-index: 6000;}
       .logo-block .logo {margin-top: 60px;margin-left: 10%;}
       .header-2 .logo.margin {margin-top: 30px;}
       .header-2 .logo {margin-top: 30px;}
}     

/*-----------------------header#3-------------------------------*/

.header-3 {background: rgba(000,000,000,0.75); background: url(../img/bg-inner.png) no-repeat center top; background-size: cover;  position: relative; width: 100%; height: 190px;}
.header-3 .navigation {background: rgba(000,000,000,0.75); height: auto;}
.header-3 .logo {margin-top: 30px;}
.header-3 .header-adress {top: 0px; margin-right: 0px; margin-top: 40px;}
.header-3 nav {padding-top: 85px;}
.header-3 nav a.active {border-bottom:2px solid white}
.header-3 nav a.active1 {color:#23a638;border-bottom:2px solid white}
.header-3 .hover-effect a span:before {color: #23a638;}
.header-3 .drop-span a:hover {color: #23a638;}


.blue-skew.hide {display: none;}
.navigation {position: relative; max-width: 1170px; width: 100%; margin: 0 auto; height: 150px; z-index: 5000;}
.header-adress.none {display: none;}
nav.top {margin-top: -28px;}
.logo img.down {width: 165px; height: 56px; margin-top: 10px;}
.logo.margin {margin-top: 25px;padding-bottom: 25px;}
.header-3.width {background: rgba(000,000,000,0.75); position: fixed; z-index: 5000; height:100px;}


/*-------------------------mobile-menu-header#1------------------------*/

@media screen and (max-width: 990px) {
	
    .navigation {height: 130px; background: #000000; position: fixed; width: 100%; left: 0px; top: 0px; z-index: 6000;}
    .menu-mobile-icon {display: block; position: relative; float: right; margin-top: 60px; right: 20px; z-index: 7000;}
     nav {position: fixed; left: 0px; top: 0px; text-align: center; padding-top: 75px; width: 100%; background: #000000; transform: translateY(-120%); -moz-transform: translateY(-120%);-webkit-transform: translateY(-120%);-o-transform: translateY(-120%);-ms-transform: translateY(-120%);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
     nav.active {transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);z-index: 5000; height: 100%; width: 100%;}
     nav a {display: block; text-align: center; float: none; margin: 15px 0px; font-size: 16px;}
     nav a.active {color:#fff; border: none !important}
    .menu-hide {display: block;}
    .menu-show {display: none;}
    .close-menu {display: block;}
    .header-adress {width: 100%; float: none; display: inline-block; position: relative; text-align: center; top: 40px; right: 0px;}
    .header-adress span {width: 100%; float: none; display: inline-block; position: relative;}
    .header-adress a {padding-top: 3px; width: 100%;}
    .header-adress a:hover {color: #1a1b1f;}
    .header-adress .separ-v {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
    .hover-effect a span:before {color:#fff;}
    
    .link {float: none;}
    .drop-span {position: relative; float: none; display: inline-block; text-align: center; margin-top: 10px; padding: 0px; display: none;}
    .drop-span a:hover {color: #a9e4ea;}
    .drop-span.slide {visibility: visible; display: inline-block; margin-top: -5px;}
     nav a:focus {color: #fff;}
    .link:hover .drop-span {margin-top: -5px; visibility: visible;}
    
    .header nav.top {margin-top: 0px;}
    .header.col {z-index: 5050;}
    .header-adress.none {display: block;}
     nav.top {margin-top: 0px;}
    .header-3.width {z-index: 5050;}
}
@media screen and (max-width: 768px) {
    .header .logo {margin-top: 10px;}
    .menu-mobile-icon {margin-top: 20px;}
    .header .navigation {height: 60px;}
    .header {height: 60px;}
	.header-3.width {height: 60px;}
    .bannercontainer {margin-top: -60px;}
	.logo img.down {height: 36px; width: auto;}
}
@media screen and (max-width: 480px) {
    .header .logo {margin-top: 5px;}
    .main-caption h1 {font-size: 26px; line-height: 36px; margin-top: 10px;}
	.logo img.down {height: 36px; margin-top: 10px; width: auto;}
}

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

/*-----------------------home baner-------------------------------*/

.img-points {position: absolute; width: 350px; height: 120px; background: #fff; left: 50%; margin-left: -175px; bottom: 0px; margin-bottom: -70px; z-index: 30; padding: 20px;}
.img-points .points-prev {position: relative; float: left; width: 25%; cursor: pointer;}
.points-prev img {max-width: 100%; height: auto; width: 100%;}
.points-prev:hover .layer-prev{opacity: 1;}
.layer-prev {background: rgba(83,200,213, 0.75); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; backface-visibility: hidden;}
.layer-prev.show {opacity: 1;}
.main-baner .slider-next {top: 50%; border-top: 1px solid #fff; border-right: 1px solid #fff; display: none;}
.main-baner .slider-next:hover {border-top: 1px solid #f7941e;  border-right: 1px solid #f7941e;}
.main-baner .slider-prev {top: 50%; border-top: 1px solid #fff; border-right: 1px solid #fff; display: none;}
.main-baner .slider-prev:hover {border-top: 1px solid #f7941e;  border-right: 1px solid #f7941e;}
.main-caption {position: absolute; top: 50%; width: 100%; left: 0px; margin-top: -30px; text-align: center; color:#fff; text-shadow:0px 0px 10px #000}
.main-caption h1 {padding: 0px 30px;}
.main-caption hr {max-width:20%; border-color:#23a638}
.main-caption span { font-size:16px}

/*--------------------work-----------------------------------*/

.explore {position: relative; float: left; width: 100%; background: #f3f3f3; margin-bottom: -30px;}
.second-title {text-align: center; position: relative; float: left; width: 100%;}
.second-title h4 {position: relative; float: none; display: inline-block; color:#2d2e33; padding-top: 155px;}
.second-title .separator {position: relative; float: none; display: inline-block; padding: 45px 0px 40px; width: 100%;}

.work-wrap {position: relative; float: left; width: 100%; margin-top: 117px;}
.width-60 {position: relative; float: left; width: 60%;}
.latest-work {position: relative; float: left; width: 100%; padding-left: 30px;}
.width-60 .half-column a {background: #fff; position: relative; float: left; width: 100%; height: 100%; overflow: hidden;}
.width-60 .half-column:first-child a:first-child {background: #2e2f34; padding-top: 30px; overflow: hidden;}
.half-column {width: 50%; float: left; position: relative; z-index: 5;}
.half-column img {width: 100%; height: auto; transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}

.top-work-img {background: #2e2f34; position: relative; float: left; margin-left: -30px; width: 100%;}
.top-work-img a {margin-left: 30px;}
.top-work-img img {width: 100%; height: auto;}

.layer-work {position: absolute; left: 30px; top: 100%; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 5;transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; padding:20px; color:#FFF}
.width-60 .half-column a:hover .layer-work {top: 30px;}
.width-60 .half-column:first-child a:first-child .layer-work {left: 30px;} 
.width-60 .half-column:first-child a:first-child:hover .layer-work {top: 60px;}

.width-40 {position: relative; float: right; width: 40%;}
.latest-work-title {position: absolute; width: 100%; height: 145px; background: #1a1b1f; z-index: 5; right: 0px; top: 0px;}
.latest-work-title h4 {padding: 65px; color:#fff;}
.work-container {margin:0 auto;position:relative; padding-top: 303px; overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; }
.work-container .swiper-wrapper, .work-container .swiper-slide {height: 500px!important;}
.work-desc {width: 80%; position: relative; float: left; text-align: left; padding-left: 50px; background:#fff; box-shadow: 0px 0px 16px rgba(0,0,0,0.1); max-height: 350px;}
.work-desc h6 {color: #ccc; padding-top: 65px;}
.work-desc .separator {padding: 35px 0px 15px;}
.work-desc p {font-size: 16px; line-height: 32px; font-weight: 400; padding-right: 60px; padding-bottom: 60px; overflow: hidden; text-overflow: ellipsis;}
.work-container .pagination {bottom: 25px; right: 20%; width: auto; left: auto;}

.line-white {position: absolute; right: 0px; top: 0px; width: 30px; height: 100%; background: #fff;}

/*----------------------testimonials--------------------------------*/

.testimonials {text-align: center; background: #fff;}
.testi-rec {width: 300px; height: 250px; background: #23a638; position: absolute; color:#fff; top: 0px; left: 0px;}
.testi-rec span {font-size: 150px; color: #FFF; line-height: 150px; text-align: left; left: 45px; top: 15px; position: absolute;}
.testi-rec h3 { text-align: right; padding-right: 45px; padding-top: 10px; position: relative; float: right;}
.testi-rec h5 { text-align: right; padding-right: 45px; position: relative; float: right; padding-top: 120px;}
.testi-desc {padding-top: 90px; position: relative; float: left; width: 100%; text-align: center;}
.testi-desc q {position: relative; float: left;}
.testi-desc .clients {position: relative; float: none; display: inline-block; height: 140px; width: 340px; background: #fff; text-align: center; margin-top: 50px;}
.clients h5 {font-size: 14px; text-transform: uppercase; color:#666; font-weight: 700; padding-bottom: 10px; padding-top: 25px; letter-spacing: 3px;}
.clients h6 {color: #ccc;}
.testi-container {margin:0 auto;position:relative; overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; padding-top: 20px;}
.testi-container .swiper-wrapper, .testi-container .swiper-slide {height: inherit!important;}
.testimonials .testi-nav {position: relative; float: none; width: 100px; display: inline-block; padding-top: 225px; margin-left: 50px;}
.testi-nav .slider-next {left: 40px;}
.testi-nav .slider-prev {left: 0px;}

/*-----------------------biography-------------------------------*/

.biography {position: relative; float: left; width: 100%; padding-top: 30px; text-align: center;}
.biography-title .separator {padding: 45px 0px;}
.biography-title p {padding-bottom: 70px;}
.bio-image {position: relative; float: right; width: 45%;}
.bio-image img {width: 100%; height: auto;}
.bio-desc {position: relative; float: left; width: 55%; text-align: left; background: #f3f3f3; text-align: justify;}
.bio-elements {position: relative; float: right; max-width: 585px; margin-right: 115px; padding-left: 20px;}
.bio-elements p {padding-bottom: 25px;}
.chek-list {position: relative; float: left; width: 33.333333%; padding-top: 20px;}
.chek-list img {padding-right: 15px;}
.chek-list span {font-size: 13px; line-height: 26px; width: 100%; float: left; padding-bottom: 15px;}
.wrap-list {position: relative; float: left; width: 100%;}
.button-wrap {position: relative; float: left; width: 100%; padding-top: 75px; padding-bottom: 100px;}
.button-wrap .button-romb {margin-right: 10px;}

/*-----------------------session-------------------------------*/

.session-title {position: relative; float: left; width:100%; padding: 145px 0px 125px; text-align: center; color:#fff;}
.session-title p {color:#fff; padding: 25px 0px 55px;}
.session-button {position: relative; float: none; display: inline-block; cursor: pointer; height: 45px; background: #f7941e; padding: 15px 0px;transition: all 0.25s ease-in;-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;}
.session-button a {text-transform: uppercase; font-size: 12px; line-height: 16px; color:#fff; font-weight: 700;}
.session-button:hover {background: #fff;}
.session-button:hover a {color: #f7941e;}
.session-button:hover .left-point {background: #f7941e;}
.session-button:hover .right-point {background: #f7941e;}
.left-point {width: 6px; height: 6px; background: #fff; position: relative; float: left; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: 0px 15px 0px 20px; top: 5px;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;}
.right-point {width: 6px; height: 6px; background: #fff; position: relative; float: right; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: 0px 20px 0px 15px; top: 5px;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;}

/*-----------------------journal-------------------------------*/

.top-line {position: relative; float: left; width: 100%; height: 70px; background: #f3f3f3;}
.journal-title {position: relative; float: left; width:100%; text-align: center; padding-top: 114px;}
.journal-title .separator {padding: 35px 0px 80px;}
.journal-container {margin:0 auto;position:relative; width: 100%; height: 550px; overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.journal-container .slider-next {top: 50%; right: 40px;}
.journal-container .slider-prev {top: 50%; left: 40px;}

.journal-block {position: relative; float: left; width: 100%; display: block; padding: 0px 30px;}
.no-img .desc-col {padding-top: 0px;}
.no-img .date-col {padding-top: 0px;}
.journal-block.no-img img{width: auto;}
.journal-block.no-img .button-romb {margin-top: 55px;}
.journal-block.no-img .button-romb a {color:#fff;}
.journal-block img {width: 100%; height: auto;}
.journal-block a {color: #2c2c33;}
.journal-block a:hover {color: #f7941e;}
.journal-block iframe {width: 470px; height: auto; min-height: 160px; max-width: 100%;}
.date-col {position: relative; float: left; width: 20%; padding-top: 50px;}
.date-col span {font-size: 12px; line-height: 24px; color:#ccc; text-transform: uppercase;}
.desc-col {position: relative; float: right; width: 80%; text-align: left; padding-top: 50px;}
.desc-col h4 {text-transform: none; padding-bottom: 20px; font-weight: 400;}
.block-quote {width: 100%; height: auto; min-height: 165px; background: #f7941e; color:#fff; position: relative; float: left; display: block; margin: 0 auto;}
.journal-block.orange-block {padding: 0px;}
.block-quote span {color:#fbcea9; font-size: 200px; line-height: 20px; position: relative;float: right; margin-top: 78px; margin-right: 15px;}
.block-quote i {padding: 0px 0px 75px 40px;}
.block-quote h4 {text-transform: none; font-size: 20px; padding: 40px 35px 25px 40px; line-height: 28px;}

.hover-slide-next {position: absolute; right: 0px; top: 0px; width: 25%; background: rgba(255,255,255,0.8); height: 100%; z-index: 4; overflow: hidden; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.hover-slide-prev {position: absolute; left: 0px; top: 0px; width: 25%; background: rgba(255,255,255,0.8); height: 100%; z-index: 4; overflow: hidden; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}

/*-----------------------details-------------------------------*/

.details {position: relative; float: left; width: 100%; background: #f3f3f3; padding-bottom: 170px; margin-top: 100px;}
.detail-title {position: relative; float: left; width: 100%; text-align: center; padding-top: 44px;}
.detail-title .separator {padding: 35px 0px 80px;} 

.pricing-block {position: relative; float: left; width: 100%; text-align: center; border: 1px solid #e7e7e7; background:#fff; border-radius: 5px; margin: 30px 0px;}
.pricing-block .pricing-type {position: relative; float: none; display: inline-block; width: 80%; background: #1a1b1f; color:#fff; text-align: center; height: 88px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: -15px;}
.left-side {position: absolute; left:0; top: 5px; width: 20%; height: 98px; background: #1a1b1f;}
.right-side {position: absolute; right:0; top: 5px; width: 20%; height: 98px; background: #1a1b1f;}

.pricing-type h4 {font-size: 20px; line-height: 24px; font-weight: 400; padding: 30px 0px;}
.price {position: relative; float: left; width: 100%; text-align: center; border-bottom: 1px solid #e7e7e7;}
.price span {font-size: 44px; line-height: 88px; color:#f7941e; text-transform: uppercase; font-weight: 400;}
.price h6 {color:#2c3e50; padding-bottom: 35px;}

.price-list {position: relative; float: left; width: 100%;}
.price-list ul {text-align: center; color:#2c2c33; width: 100%; padding: 23px 0px 33px; border-bottom: 1px solid #e7e7e7;}
.price-order {position: relative; float: left; width: 100%; text-align: center;}
.price-order .order-button {position: relative; float: none; display: inline-block; cursor: pointer; width: 160px; height: 45px; border: 2px solid #2c3e50; background: none; margin: 30px 0px; padding-top: 12px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.order-button img {position: absolute; width: 28px; height: 28px; left: 12px; top: 6px;}
.order-button a {text-transform: uppercase; font-size: 12px; line-height: 16px; color: #1a1b1f; padding-left: 20px;transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.order-button:hover {background: #f7941e; border: 2px solid #f7941e;}
.order-button:hover a {color:#fff;}

.pricing-block.blue-title .pricing-type{background: #23a638;}
.pricing-block.blue-title .pricing-type .left-side {background: #23a638;}
.pricing-block.blue-title .pricing-type .right-side {background: #23a638;}

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

/*-----------------------about#1-------------------------------*/

.about1.about {padding-bottom: 0px;} 
.about {position: relative; float: left; width: 100%; text-align: center; padding-bottom: 240px;}
.about-title {position: relative; text-align: center; width: 100%; padding-top: 50px;}
.about-title .separator {padding: 45px 0px 40px;}
.about-title p {padding-bottom: 80px;}
.about-list {position: relative; width: 100%; padding: 30px 0px 50px;}
.about-list li {list-style-image: url(../img/chek-list.png); list-style-position: outside; line-height: 35px; padding-left: 5px; margin-left: 20px;}
.half-col-img {position: relative; float: left; width: 100%;}
.half-col-img img {width: 100%; height: auto;}
.half-col {position: relative; width: 100%; float: left; text-align: left;}
.half-col .button-rounded {margin-bottom: 140px;}
.half-col h4 {padding-bottom: 25px;}
.about .center {position: relative; float: none; display: inline-block; margin-bottom: 140px; margin-top: 100px;}
.about-desc .display-cell {width: 50%; vertical-align: top; padding: 0px 15px;}
@media screen and (max-width: 980px) {
    .half-col .button-rounded {margin-bottom: 100px;}
    .about .center {margin: 40px 0px 140px;}
}
@media screen and (max-width: 768px) {
    .half-col {padding-top: 30px;}
    .about-desc .display-cell {width: 100%;}
    .about-desc .display-row:first-child .display-cell:last-child {display: table-header-group;}
    .about-desc .display-row:first-child .display-cell:first-child {display: table-footer-group;}
    .about-desc .display-row:last-child .display-cell:last-child {display: table-footer-group;}
    .about-desc .display-row:last-child .display-cell:first-child {display: table-header-group;}
    .about .center {margin: 36px 0px 100px;}
    .footer-folow-cube {display: none;}
}
@media screen and (max-width: 480px) {
    .about-title {padding-top: 70px;}
    .about .center {margin: 35px 0px 100px;}
    .about-title p {padding-bottom: 95px;}
}

/*-----------------------about#2-------------------------------*/

.about-gallery {position: relative; float: left; width: 100%;}
.about-gallery .width-45 {float: left; text-align: left; padding: 70px 70px 100px 70px; width: 45%; position: relative;}
.about-gallery .about-list {width: 50%;}
.about-gallery .width-45 p {padding-bottom: 25px;}
.about-gallery .button-rounded {margin-top: 70px;}
.about-gallery .width-55 {position: relative; float: left; width: 55%;}
.width-55 .half-column:last-child {margin-top: 30px;}
.about-gallery .half-column {overflow: hidden;}
.about-gallery .half-column img:hover {transform: scale(1.1);}
@media screen and (max-width: 1024px) {
    .about-gallery .width-45 {padding: 35px 30px 100px 30px;} 
}
@media screen and (max-width: 980px) {
    .about-gallery .width-55 {width: 100%;}
    .about-gallery .width-45 {width: 100%;}
    .about {padding-bottom: 120px;}
}    
@media screen and (max-width: 480px) { 
    .about-gallery .width-45 {padding: 75px 15px 100px 15px;}
    .width-55 .half-column:last-child {margin-top: 0px;}
    .about {padding-bottom: 100px;}
    .about-gallery .button-rounded {margin-top: 45px;}
    .about-title p {padding-bottom: 70px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - JOURNAL*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------journal#1-------------------------------*/

.twit-block {position: relative; float: left; width: 100%; background: #f7941e; height: 250px; overflow: hidden;}
.twit-block p {color:#fff; padding: 60px 20px 0px; text-align: center; font-size: 13px; line-height: 22px;}
.twit-icon {position: absolute; left: -19px; bottom: -33px;}
.twit-icon i {font-size: 96px; color: #fbcea9;}
.blog1 {position: relative; float: left; width: 100%; text-align: center;}
.blog1 a {color: #2c2c33;}
.blog1 a:hover {color: #f7941e;}

.wrap-twit span {font-size: 12px; line-height: 14px; color: #ccc;}
.wrap-twit h4 {font-size: 16px; line-height: 24px; text-transform: none; padding-top: 10px;}

.blog1 .blog-container .blog-points {bottom: 260px;}
.blog1 .blog-container .blog-points-text {bottom: 260px;}
.blog1 .blog-wrap h4 {text-transform: none;}
.blog1 .button-send-form {position: relative; float: none; display: inline-block; margin-bottom: 160px;}
.blog1 .button-send-form a:hover {color: #fff;}
@media screen and (max-width: 980px) {
     .twit-block {height: auto;}
     .wrap-twit {position: relative; float: left; padding-bottom: 45px;}
    .twit-block p {padding: 40px 20px 40px;}
    .desc-inside .separator {padding-bottom: 45px;}
    .blog1 .button-send-form {margin-bottom: 100px;}
}
@media screen and (max-width: 550px) {
    .blog1 {padding-top: 70px;}
}
/*-----------------------journal#2-------------------------------*/

.blog2 {position: relative; float: left; width: 100%; text-align: center;}
.blog2 a {color: #2c2c33;}
.blog2 a:hover {color: #f7941e;}
.blog2 .button-send-form {position: relative; float: none; display: inline-block; margin-bottom: 160px;}
.blog-container {margin:0 auto;position:relative; width: 100%; height: 500px; overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.blog2 .button-send-form:hover a {color:#fff;}
.blog2 .blog-container .blog-points {bottom: 135px;}
.blog2 .blog-container .blog-points-text {bottom: 135px;}

.blog-wrap {position: relative; float: left; width: 100%; padding-bottom: 75px; text-align: left;}
.blog-wrap img {width: 100%; height: auto;}
.blog-wrap iframe {width: 100%; height: auto;}
.blog-wrap h4 {font-size: 16px; line-height: 24px; padding-bottom: 20px;}
.blog-wrap span {font-size: 12px; line-height: 14px; color: #ccc; text-transform: uppercase;} 

.desc-blog {position: relative; float: left; padding-top: 30px; text-align: left;}
.desc-inside {position: relative; text-align: center; width: 100%; padding-top: 25px;}
.desc-inside .separator {width: 100%; position: relative; float: left;}
.desc-inside .separator img {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg); width: 16px;}
.desc-inside h4 {color: #fff; padding: 30px;}
.desc-inside q {font-size: 20px; line-height: 28px; color:#fff; padding: 25px 30px 0px; position: relative; float: left;}
.blog-baner-slide .slider-next {top: 35%; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.blog-baner-slide .slider-prev {top: 35%; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.blog-video iframe {min-height: 378px; height: 100%;}
.fluid-blog {margin-bottom: 40px;}

@media screen and (max-width: 980px) {
           .blog-wrap {padding-bottom: 35px;}
}
@media screen and (max-width: 768px) {
           .blog-wrap.ins {padding-top: 50px;}
           .blog2 .button-send-form {margin-bottom: 100px;}
}
@media screen and (max-width: 480px) {
           .blog2 .button-send-form {margin-bottom: 100px;}
}
/*-----------------------journal detailed-------------------------------*/

.post-main {position: relative; float: left; width: 100%; padding-top: 170px;}
.post-main h3 {padding-bottom: 50px; text-transform: none; line-height: 37px;}
.post-main img {width: 100%; height: auto; margin-bottom: 55px;}
.post-main p {padding-bottom: 35px;}
.info-line {position: relative; float: left; width: 100%; padding-bottom: 35px;}
.info-line span {font-size: 12px; line-height: 10px; color:#ccc; text-transform: uppercase;}
.info-line span a {color: #ccc;}
.info-line span a:hover {color: #f7941e;}
.info-line .romb-point {border: 3px solid #f7941e;} 
.info-date {float: left; position: relative;}
.info-tags {float: left; position: relative;}
.info-author {float: left; position: relative;}

.post-sidebar {position: relative; float: left; width: 100%; margin-top: 70px; padding-bottom: 170px;}
.author-block {position: relative; float: left; top: -20px; left: 0px; padding: 45px; background: #fff; width: 100%; z-index: 5; box-shadow: 0px 0px 16px rgba(0,0,0,0.1);}
.avatar {position: relative; float: left; height: 100%; padding-right: 45px;}
.author-name h4 {font-size: 16px; color:#23a638; line-height: 10px; padding-bottom: 25px;}
.author-name p {color: #878787; padding-bottom: 35px;}
.author-follow {position: relative; float: left; margin-left: 146px;}
.author-follow .share {position: relative; float: left;}

.comments {position: relative; float: left; width: 100%; text-align: center; padding-top: 90px;}
.comments .separator {padding: 35px 0px 0px;}
.comments-block {position: relative; float: left; width: 100%; text-align: left;  border-bottom: 1px solid #ddd; padding-bottom: 35px; padding-top: 65px;}
.com-date {position: relative;}
.com-date  h5 {color:#666; padding-bottom: 10px;}
.com-date span {color:#ccc;}
.com-date p {color: #878787; padding-top: 10px;}
.button-reply { padding-top: 6px; position: absolute; top:0px; height: 30px; border: 2px solid #23a638; background: none; right: 0px;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.button-reply a {color:#191a1f; text-transform: uppercase; font-size: 10px; line-height: 10px; padding: 0px 10px;}
.button-reply:hover {background: #23a638;}
.button-reply:hover a {color:#fff;}

.leave-form {position: relative; float: left; width: 100%; text-align: center; padding-top: 120px;}
.leave-form .separator {padding: 35px 0px 30px;}
.leave-form .contact-form .button-send-form {position: relative; float: none; display: inline-block;}
@media screen and (max-width: 980px) {
      .leave-form .contact-form .button-send-form {margin-bottom: 0px;}
}
@media screen and (max-width: 768px) {
       .post-sidebar {padding-bottom: 100px;}
}
@media screen and (max-width: 480px) {
      .leave-form .contact-form .button-send-form {margin-bottom: 0px;}
      .post-main {padding-top: 75px;}
      .avatar {display: none;}
      .author-follow {margin-left: 0px;}
      .comments {padding-top: 45px;}
      .leave-form {padding-top: 65px;}
      .leave-form .separator {padding: 35px 0px 0px;}
      .post-main img {margin-bottom: 30px;}
      .post-main h3 {padding-bottom: 30px;}
      .post-main p {padding-bottom: 15px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - GALLERY*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------gallery#1-------------------------------*/

.gallery1 { text-align: center; position: relative; float: left; width: 100%; padding-bottom: 130px;}
.gallery-title {position: relative; float: left; width: 100%; text-align: left; padding-top: 114px;}
.gallery-title .separator {padding: 40px 0px 75px;}
.gallery1 .button-send-form {position: relative; float: none; display: inline-block; margin-bottom: 170px;}

.gallery1 .gallery-filter {position: relative; float: none; display: inline-block; margin: 0px 0px 80px;}
.gallery-filter button {text-transform: none; font-size: 13px; line-height: 12px; color: #333; position: relative; background: none; text-align:left; text-align:right; padding:5px; margin:5px 0; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; width:100%}
.gallery-filter button:hover {color: #23a638;}
.romb-point {position: relative; float: left; width: 10px; height: 10px; margin: 0px 30px; border: 3px solid #555; transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.container-mix {z-index: 2000;}
.container-mix .mix {display: none;}

.fancybox {position: relative; float: left; width:100%; height: 100%;}
.fancybox-lock .fancybox-overlay {background: rgba(0,0,0,0.8);}

.gallery-block {position: relative; float: left; width: 100%; height: 100%;}
.gallery-block a {position: relative; float: left; width: 100%; height: auto; overflow: hidden; padding-bottom:20px}
.gallery-block img {width: 100%; height: 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;}
.gallery-block img:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

.drop {float: none; position: relative; display: none; margin-bottom:40px; height: 40px; z-index:3000; width: 100%;}
.drop input[type="text"] {position:relative; width: 100%; height: 40px; background: #fff; padding-left: 15px; border: 1px solid #ccc; font-size: 13px; cursor: pointer; text-transform: uppercase; font-weight: 400; padding-top: 10px;}
.drop .drop-list {position: absolute; right: 16px;top: 7px;font-size: 20px;color:#ccc;}
.drop span {position:absolute; left:0px; top:0px; width:100%; display: none; z-index: 5000; background: #fff; border: 1px solid #ccc;}
.drop span a {color: #ccc; background: #fff; font-size: 13px; font-weight: 400; float: left; position: relative; width: 100%;  height: 40px; text-decoration: none; text-align: left; padding: 13px 0 0 15px; 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; z-index: 4000; text-transform: uppercase;}
.drop span a:hover {background: #23a638; color:#fff;}

.gallery-caption {position: relative; text-align: center; float: left; width: 100%; padding-top: 10px;}
.gallery-caption h4 {font-size: 14px; line-height: 20px; padding: 15px 0px 10px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.gallery-caption span {font-size: 12px; line-height: 15px; color:#ccc;}
.gallery-caption p {color:#fff; line-height: 24px;}
@media screen and (max-width: 1000px) {
    .romb-point {margin: 0px 15px;}     
}
@media screen and (max-width: 768px) {
    .gallery1 .button-send-form {margin-bottom: 100px;}
    .drop {display: block;}
    .gallery1 .gallery-filter {display: none;}
    .gallery-title .separator {padding: 40px 0px 45px;}
}
@media screen and (max-width: 480px) {
    .gallery-title {padding-top: 70px;}
    .fancybox-prev {display: none;}
    .fancybox-next {display: none;}
}

/*-----------------------gallery#2-------------------------------*/

.gallery2 {position: relative; float: left; width: 100%; padding-bottom: 130px;}
.gallery2 .gallery-block {margin-bottom: 40px;}

/*-----------------------gallery#3-------------------------------*/

.bottom-caption {position: absolute; bottom: 0px; left: 0px; height: 120px; width: 100%; text-align: center; z-index: 5; color:#fff; background: #23a638;}
.bottom-caption h4 { padding: 40px 0px 10px;}
.filter-button a.active {color: #f7941e;}

.owl-carousel .owl-item .caption-wrap {display: none;}
.owl-carousel .owl-item .photo-layer {opacity: 1;}
.owl-carousel .owl-item .bottom-caption {background: #444;}
.owl-carousel .owl-item.active.center .photo-layer {opacity: 0;}
.owl-carousel .owl-item.active.center .caption-wrap {display: block;}
.owl-carousel .owl-item.active.center .bottom-caption {background: #23a638;}
.owl-carousel .owl-item.center .bottom-caption {background: #23a638;}
.owl-carousel .owl-item.center .caption-wrap {display: block;}
.photo-layer {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 5;}


.owl-next {font-size: 0px; width: 20px; height: 20px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg); position: absolute; right: 100px; bottom: 50px; z-index: 5; cursor: pointer;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;}
.owl-next:hover {border-top: 1px solid #f7941e; border-right: 1px solid #f7941e;}

.owl-prev {font-size: 0px; width: 20px; height: 20px; bottom: 50px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(-135deg); position: absolute; left: 100px; z-index: 5; cursor: pointer;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;}
.owl-prev:hover {border-top: 1px solid #f7941e; border-right: 1px solid #f7941e;}

.slide-half {text-align: center;}
.slide-half p {padding: 120px 0px 160px; max-width: 970px; position: relative; float: none; display: inline-block;}

@media screen and (max-width: 980px) {
    .slide-half p {padding: 100px 0px;}
}
@media screen and (max-width: 768px) {
    .slider-navigation .slider-next {bottom: -50px; right: 100px;}
    .slider-navigation .slider-prev {bottom: -50px; left: 100px;}
    .photo-container img {width: 100%; height: auto;}
    .gallery2 {padding-bottom: 70px;}
    .gallery1 {padding-bottom: 70px;}
    .photo-container .swiper-slide .caption-wrap {display: block;}
    .photo-container .swiper-slide .bottom-caption {background: #23a638;}
    .photo-layer {background: rgba(0,0,0,0);}
    .owl-next {bottom: -50px;}
    .owl-prev {bottom: -50px;}
    .owl-carousel .owl-item .bottom-caption {background: #23a638;}
    .owl-carousel .owl-item.active.center .photo-layer {opacity: 1;}
    .owl-carousel .owl-item .caption-wrap {display: block;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - CONTACT*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.contact {position: relative; float: left; width: 100%;}
.map {position: relative; float: left; width: 100%; padding: 35px 0px 100px;}
.map-canvas {position: relative; float: left; width: 100%; height: 350px;}
.contact-form .separator {padding: 35px 0px 75px;}
.contact-form input {width: 100%; position: relative; float: left; height: 50px; margin-top: 35px;}
.contact-form textarea {margin-top: 40px; width: 100%; position: relative; float: left;}
.contact-form .button-send-form {margin-top: 70px;}
.contact-form .button-send-form span {margin-top: -11px; position: relative; float: left;}

.contact-adress {position: relative; float: left; width: 100%; font-size: 13px; line-height: 26px;}
.contact-adress .separator {padding: 35px 0px 75px;}
.contact-adress ul li {font-size: 13px; line-height: 26px;}
.contact-adress span {width: 100%; position: relative; float: left; padding: 25px 0px 5px;}
.mail a { position: relative; float: left; color: #2c2c33;}
.mail a:hover {color: #23a638;}

.contact-follow {position: relative; float: left; width: 100%; padding-top: 50px;}
.share {position: relative; float: left; width: 40px; height: 40px; border: 1px solid #ddd; margin-right: 13px; cursor: pointer;}
.share a {width: 100%; height: 100%;}
.share span {width: 26px; height: 26px; background: #f7941e; position: absolute; left: 6px; top: 6px; padding: 0px; transform: rotate(0deg); -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; opacity: 0;}
.share i {font-size: 16px; color: #777; position: absolute; top: 11px; left: 12px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.share:hover span{opacity: 1; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.share:hover i{color:#fff;}

.contact-form ::-webkit-input-placeholder{opacity: 1!important; color:#aaa;}
.contact-form :-moz-placeholder{opacity: 1!important; color:#aaa;}
.contact-form ::-moz-placeholder{opacity: 1!important; color:#aaa;}
.contact-form :-ms-input-placeholder{opacity: 1!important; color:#aaa;}

@media screen and (max-width: 980px) {
      .contact-form .button-send-form {margin-bottom: 30px;}
      .contact-form {text-align: center;}
      .contact-adress {text-align: center;}
      .contact-adress ul {float: none;}
      .contact-adress .mail {float: none;}
      .contact-follow {float: none; display: inline-block; width: auto;}
      .mail a {float: none;}
      .contact-form .separator {padding: 35px 0px 10px;}
      .contact-adress .separator {padding: 35px 0px 45px;}
}
@media screen and (max-width: 768px) {
     .contact-form .button-send-form {margin-bottom: 70px;}
     .contact {padding-bottom: 100px;}
     .contact-form .send-contact {float: left; margin-bottom: 60px;}
}  
@media screen and (max-width: 480px) {
     .map {padding: 10px 0px 100px;}
}

.th-popup {position: fixed; left: 0; width: 100%; height: 100%; z-index: 8000; background: rgba(16,16,18,0.9); opacity: 0; bottom: -200%;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;}
.th-popup.act {opacity: 1; bottom: 0;}
.massage-th {position: absolute; height: auto; width: 400px; left: 50%; top:50%; margin-top:-200px; margin-left: -200px; border: 1px solid #fff; text-align: center; padding: 30px; background: #f7941e; max-width: 100%;}
.massage-th h1 {color:#fff; padding-bottom: 15px;}
.massage-th p {color:#fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - FOOTER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------footer #1-------------------------------*/

footer {position: relative; float: left; width: 100%; z-index: 5000;}
.top-instagram-img {position: relative; float: left; width: 100%; z-index: 5; background: #2E2F34; height: 230px;}
.title-inst-block {width: 100%; height: 100%; min-height: 200px; margin-top: -60px;}
.title-inst-block img {position: relative; width: 100%; margin-left: 32px; margin-top: 32px;}
.title-text {position: relative; float: right; width: 100%; text-align: right; color:#fff; padding-right: 40px;}
.title-text h5 {padding-bottom: 5px; padding-top: 50px;}

.button-totop {position: absolute; bottom: 20px; right: 20px; width: 40px; height: 40px; background:#1A1B1F; cursor: pointer; z-index: 50;}
.button-totop .fa {font-size:16px; color: #fff; position: absolute; right: 16px; top: 10px; z-index: 5;}

.inst-block {position: relative; float: left; width: 14%; height: 230px; overflow: hidden;}
.inst-block .bg {transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.inst-block:hover .bg {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.inst-block.caption {width: 16%; overflow: visible; min-height: 230px;}
.inst-block.caption img {width: 56px; height: 56px;}

.wrap-bottom {position: relative; float: left; width: 100%; height: 375px; text-align: center; overflow: hidden;}
.footer-folow {position: relative; float: left; width: 44%; height: 375px; background: #2e2f34; overflow: hidden; text-align: center;}
.footer-folow .separator-vericle.rotate {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.footer-folow .wraper-icon {position: relative; float: none; display: inline-block; padding-bottom: 25px; padding-top: 85px; z-index: 1;}
.folow-icon {width: 40px; height: 40px; background: #1a1b1f; margin: 0px 6px; position: relative; float: left; transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.folow-icon:hover {background: #23a638;}
.folow-icon img {position: absolute; width: 16px; height: 16px; left: 12px; top: 12px;}
.folow-icon a {width: 100%; height: 100%; position: relative; float: left;}
.copyright {position: relative; float: left; text-align: center; width: 100%; padding-top: 35px;}
.copyright span {font-size: 12px; line-height: 15px; color: #b8b8b8; text-transform: uppercase;}
.footer-nav {position: relative; float: left; width: 56%; background: #1a1b1f; height: 400px;}

.nav-link {height: 150px; width: 100%; padding-left: 75px;}
.nav-link a {font-size: 13px; line-height: 16px; color:#ccc; text-transform: uppercase; margin: 0px 8px; float: left;}
.nav-link a:hover {color:#F7941E;}
.footer-number {height: 225px; background: #fff; padding-left: 75px;}
.footer-number span {float: left; font-size: 13px; line-height: 26px;}
.footer-number .separator-vericle {padding: 0px 30px; position: relative; float: left;}
.footer-number a {color:#2c2c33; font-size: 13px; line-height: 26px; float: left; border-bottom: 2px solid rgba(255,255,255,0);}
.footer-number a:hover {border-bottom: 2px solid #ccc;}
@media screen and (max-width: 990px) {
    .title-inst-block {margin-top: 0px;}
    .title-text {padding-right: 10px;}
    .title-text h3 {font-size: 18px;}
    .inst-block.caption img {margin: 10px 0px 0px 10px;}
    .title-text h5 {padding-top: 84px;}
}
@media screen and (max-width: 980px) {
    .nav-link {width: 50%; height: 400px; float: left; padding-left: 0px;}
    .nav-link a {width: 100%; float: none; display: inline-block; position: relative; margin: 15px 0px;}
    .footer-number {width: 50%; height: 400px; float: left; padding-left: 0px; text-align: center;}
    .footer-number span {position: relative; float: none; display: inline-block; width: 100%;}
    .footer-number a {position: relative; float: none; display: inline-block;}
    .footer-number .separator-vericle {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg); width: 100%; position: relative; float: none; display: inline-block; padding: 30px 0px;}
    .footer-folow .wraper-icon {padding-top: 140px;}
}
@media screen and (max-width: 768px) {
    .footer-folow {height: auto;}
    .copyright {padding-top: 15px; padding-bottom: 40px;}
    .footer-folow .wraper-icon {padding-top: 40px;}
    .footer-nav {width: 100%;}
    .footer-folow {width: 100%;}
    .top-instagram-img {display: none;}
    .wrap-bottom {height: auto;}
}
@media screen and (max-width: 480px) {
    .footer-number .separator-vericle {padding: 10px 0px;}
    .footer-folow .wraper-icon {padding-top: 100px;}
}

/*-----------------------footer #2-------------------------------*/

.footer-2 .wrap-bottom {text-align: left; height: 100%;}
.footer-2 .footer-form {position: relative; float: left; width: 100%; height: 500px; background: #f3f3f3; text-align: center;}
.footer-2 .footer-form input {width: 100%; position: relative; float: left; height: 50px; margin-top: 35px;}
.footer-2 .footer-form form {position: relative; float: left; margin-left: 140px; width: 500px; margin-top: 50px;}
.footer-2 .footer-form textarea {margin-top: 35px; width: 100%; position: relative; float: left;}
.footer-2 .footer-nav h4 {color:#fff;}
.footer-2 .copyright {padding-bottom: 100px;}
.footer-2 .footer-folow {height: 100%;}
.footer-2 .footer-number {position: relative; float: left; width: 100%; text-align: center; padding-left: 0px; height: 100%;}
.footer-2 .footer-number .align-numb {position: relative; float: none; display: inline-block; padding-top: 120px;}
.footer-2 .footer-form .button-send {margin-top: 70px; float: none;}
.footer-2 .footer-nav {height: auto;}

.mobile-pix{display: none; position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; background: #fff;}

@media screen and (max-width: 980px) {
    .mobile-pix{display: block;}
    .footer-2 .nav-link {height: 175px; padding-left: 75px; width: 100%;}
    .footer-2 .footer-form form {margin-left: 30px; margin-top: 20px; padding-right: 30px;}
    .footer-2 .footer-number .separator-vericle {padding: 0px;}
    .footer-2 .footer-number .align-numb {padding-top: 100px;}
}
@media screen and (max-width: 768px) {
    .footer-2 .copyright {padding-bottom: 40px; padding-top: 10px;}
    .footer-2 .footer-number .align-numb {padding: 40px 0px;}
    .footer-2 .nav-link {height: 100px; padding-left: 30px;}
    .footer-folow .wraper-icon {padding-top: 40px; padding-bottom: 10px;}
    .footer-2 .footer-form form {width: 100%;}
    .footer-2 .footer-form input {width: 90%; float: none;}
    .footer-2 .footer-form textarea {width: 90%; float: none;}
}

/*-----------------------footer #3-------------------------------*/

.footer-folow-cube {position: absolute; height: 80px; width: 300px; background: #2e2f34; left: 0px; top: -40px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - MEDIA QUERIES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------home-------------------------------*/

@media screen and (max-width: 1200px) {
    .work-desc {padding-left: 40px; }
    .work-desc h6 {padding-top: 35px;}
    .work-desc p {padding-bottom: 35px;}
    .work-container .pagination {bottom: 55px;}
    
    .bio-elements {padding-right: 60px; padding-left: 30px; margin: 0px;}
}
@media screen and (max-width: 1160px) {
    .work-desc {width: 100%;}
}
@media screen and (max-width: 980px) {
    .bio-elements {width: 100%; max-width: 100%;}
    .bio-image {width: 100%;}
    .bio-desc {width: 100%;}
    .button-wrap {padding-bottom: 75px;}
    
    .hover-slide-next {width:33.3333%;}
    .hover-slide-prev {width:33.3333%;}
    .block-quote h4 {padding: 20px 15px 5px 20px; font-size: 18px;}
    .block-quote i {position: relative; float: left; padding: 20px 0px 5px 15px}
    .line-white {display: none;}
    .layer-work {display: none;}
    
    .width-60 {width: 100%;}
    .width-40 {width: 100%;}
    .width-60 .half-column {width: 100%;}
    .width-60 .half-column a {width: 33.3333%;}
    .width-60 .half-column:first-child a:first-child {padding-top: 0px; padding-left: 0px; margin-left: 0px; width: 33.3333%; background: none;}
    .latest-work {padding-left: 0px;}
    .latest-work-title {height: auto; position: relative;}
    .latest-work-title h4 {padding: 45px 0px 45px 30px;}
    .work-container .swiper-wrapper, .work-container .swiper-slide {height: 300px!important;}
    .work-container {padding: 40px 0px 80px;}
    .work-container .pagination {width: 100%; right: auto;}
    .work-container .swiper-wrapper, .work-container .swiper-slide {height: 330px!important;}
    .work-desc p {height: auto;}
    .work-desc {max-height: 100%;}
    .top-work-img {width: 33.3%; margin-left: 0px;}
    .top-work-img a {width: 100%;}
    .top-work-img img {width: 100%;}
    .width-60 .half-column:first-child a:first-child {width: 100%;}
}
@media screen and (max-width: 768px) {
    .skew-center {display: none;}
    .img-points {display: none;}
    .second-title h4 {padding-top: 100px;}
    .main-baner .slider-next {display: block;}
    .main-baner .slider-prev {display: block;}
    .logo {margin-top: 20px;margin-left: 35px;}
    .menu-mobile-icon {right: 35px;}
    
    .hover-slide-next {background: rgba(255,255,255,0);}
    .hover-slide-prev {background: rgba(255,255,255,0);}
    
    .testimonials .testi-nav {padding-top: 330px;}
    .testi-container {padding-top: 0px;}
    .testi-desc {padding-top: 65px;}
    
    .wrap-list {width: 50%; padding-bottom: 75px;}
    .chek-list {width: 100%; padding-top: 0px;}
    .button-wrap {width: 50%; padding-top: 0px;}
    .button-wrap .button-romb {margin-bottom: 20px;}
}

@media screen and (max-width: 570px) {
    .work-container {padding: 40px 0px 60px;}
    .work-desc .separator {padding: 25px 0px 15px;}
    .work-desc p {font-size: 14px; padding-right: 20px;}
}
@media screen and (max-width: 480px) {
    h1 {font-size: 36px;}
    .logo img {width: 165px; height: 56px;}
    
    .bottom-skew {display: none;}
    .top-skew {display: none;}
    .blue-skew {display: none;}
    .second-title h4 {padding-top: 70px;}
    .second-title .separator {padding: 45px 0px;}
    
    .work-wrap {margin-top: 100px;}
    .work-container {padding: 40px 0px 100px;}
    
    .testi-rec {width: 100%; height: 200px;}
    .testi-rec h3 {width: 100%;}
    .testi-rec h5 {padding-top: 115px;}
    .testimonials .testi-nav {padding-top: 260px;}
    .work-desc {width: 100%;}
    
    .wrap-list {width: 100%; padding-bottom: 35px;}
    .button-wrap {width: 100%;}
    .biography {padding-top: 75px;}
    .bio-elements {padding-right: 20px; padding-left: 30px;}
    
    .session-title {padding: 95px 0px 100px;}
    
    .top-line {display: none;}
    .journal-title {padding-top: 70px;}
    .journal-title .separator {padding: 45px 0px 50px;}
    .journal-container .slider-next {top: 56%;}
    .journal-container .slider-prev {top: 56%;}
    
    .details {padding-bottom: 70px;}
    .details .col-xs-6 {width: 100%!important;}
    .detail-title {padding-top: 70px;}
    .detail-title .separator {padding: 45px 0px 35px;}
}
@media screen and (max-width: 480px) {
    .testi-desc .clients {width: 100%;}
}
.bg-white a { color:#1F6B0D}