/*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(http://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(http://fonts.googleapis.com/css?family=Pacifico);

@import url(http://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;}



.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: #ed1d2a;-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;}



h1 {font-weight: 400; font-size: 44px; line-height:52px; color:#fff; font-family: 'Pacifico', cursive; 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;text-transform: uppercase; 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: #1a1b1f;}

.bg-orange {background: #f7941e;}

.bg-grey {background: #f3f3f3;}

.bg-white {background: #fff;}

.bg-blue {background: #ed1d2a;}



.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: #f7941e;}

.button-romb.bg-orange:hover {background: #1a1b1f;}



.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 #ed1d2a; 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: #ed1d2a;}

.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 #ed1d2a; 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: #ed1d2a;}

.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: #ed1d2a; z-index: 500;}

.tp-revslider-mainul li {position: absolute;}



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



.link {position: relative; float: left;}

.drop-span {position: absolute; left: 0; margin-top: 20px; 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;}

.drop-span a {position: relative; float: left; font-size: 12px; margin: 7px 0px; width: 100%;}

.drop-span a:hover {color: #ed1d9a;}

.link:hover .drop-span {margin-top: 20px; visibility: visible;}



.header {position: relative; float: left; width: 100%; height: 125px; background-color:#FFF; z-index: 250;}

.header .logo {margin-top: 5px; margin-left: 0px; position: fixed;}

.header .navigation { background:#FFF; position: relative; width: 100%; height: 60px;}

.header .navigation.top-menu {z-index: 5000;}

.header.col { background:#FFF ; position: fixed; top: 0; left: 0;}

.header nav a.link-col {color:#000;}

.drop-span.drop-col {background:#fff); width: 115px;}

.hover-effect a span.hov-col:before {color:#000;}

.header nav.top {margin-top: 20px;}



.close-menu {position: absolute; right: 40px; top: 40px; cursor: pointer; width: 23px; height: 23px; display: none;}

.logo {position: relative; float: left; margin-top: 30px; margin-left: 10px;}

.logo img {width: 1000px; height: 165px; 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; float: right; padding-top: 25px;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:#000; margin:0px 10px; position: relative; display: inline-block; float: left;}

nav a:hover {color:#ed1d9a;}

nav a.active {color: #ed1d9a;}

nav a:focus {color: #fff;}

.header-adress {position:absolute; right: 15px; top: 30px;}

.header-adress a {font-size: 14px; line-height: 16px; color:#000; text-transform: none; margin:0px; letter-spacing: 1px;}

.header-adress span {font-size: 13px; color:#000; 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;}

.hover-effect a span {position: relative; display: inline-block; 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:#ed1d2a; 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%);}



/*-----------------------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: 95%; 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: 85%;}

.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: #ffffff;}

.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: 30px; float: none; display: inline-block; top: 0; right: 0px;}

.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: #ed1d2a;}



.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) {

       .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: 20px;}

       .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: #ed1d2a; position: relative; width: 100%; height: 130px;}

.header-3 .navigation {background: rgba(83, 200, 213, 0.95); height: auto;}

.header-3 .logo {margin-top: 30px;}

.header-3 .header-adress {top: 40px; margin-right: 10px;}

.header-3 nav {padding-top: 85px;}

.header-3 nav a.active {color: #a9e4ea;}

.header-3 .hover-effect a span:before {color: #a9e4ea;}

.header-3 .drop-span a:hover {color: #a9e4ea;}





.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: inline-block;}

nav.top {margin-top: -28px;}

.logo img.down {width: 350px; height: 112px; margin-top: 10px;}

.logo.margin {margin-top: 25px;padding-bottom: 25px;}

.header-3.width {background: rgba(83,200,213,0.95); position: fixed; z-index: 5000; height:150px;}





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



@media screen and (max-width: 990px) {

    .navigation {height: 130px; background: #ed1d2a; 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: #ed1d2a; 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;}

    .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: 140px; 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: 33.3333%; 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;}

.main-caption h1 {padding: 0px 30px;}



/*--------------------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;}

.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: #ed1d2a; position: absolute; color:#fff; top: 0px; left: 0px;}

.testi-rec span {font-size: 200px; color: #b6e5eb; line-height: 200px; 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: 157px;}

.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: #ed1d2a;}

.pricing-block.blue-title .pricing-type .left-side {background: #ed1d2a;}

.pricing-block.blue-title .pricing-type .right-side {background: #ed1d2a;}



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

/* 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: 110px;}

.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:#ed1d2a; 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 #ed1d2a; 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: #ed1d2a;}

.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: center; 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: uppercase; font-size: 12px; line-height: 12px; color: #ccc; position: relative; float: left; background: none; 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-filter button:hover {color: #f7941e;}

.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;}

.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: #ed1d2a; color:#fff;}



.gallery-caption {position: relative; text-align: left; float: left; width: 100%; padding-bottom: 40px;}

.gallery-caption h4 {font-size: 16px; line-height: 24px; padding: 35px 0px 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;}

.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: #ed1d2a;}

.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: #ed1d2a;}

.owl-carousel .owl-item.center .bottom-caption {background: #ed1d2a;}

.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: #ed1d2a;}

    .photo-layer {background: rgba(0,0,0,0);}

    .owl-next {bottom: -50px;}

    .owl-prev {bottom: -50px;}

    .owl-carousel .owl-item .bottom-caption {background: #ed1d2a;}

    .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%; padding-bottom: 170px;}

.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: #ed1d2a;}



.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: 35px; padding-top: 115px; 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: #ed1d2a;}

.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%;}

}