/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Sphynx.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 17-04-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - CREATIVE DESIGN */
/* 03 - FLAT DESIGN */
/* 04 - MAIN LENDING */
/* 05 - CORPORATE */
/* 06 - APP */
/* 07 - CAREER */
/* 08 - SPA */
/* 09 - REAL ESTATE */
/* 10 - RESTAURANT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto:500,900,100,300,700,400&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html {margin:0px; padding:0px; height:100%;}
body {margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: 'Roboto', sans-serif; color:#000; background-color: #fff; overflow-x: hidden;}
a {text-decoration:none; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
a:hover {text-decoration: none;}
a img{border: 0px none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;}
a:focus {outline: none; outline-offset: 0px; text-decoration: none; color:#fff;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px;}
.clear_l{clear:both;}
ul {padding:0px; margin:0px; list-style:none;}
input:focus, select:focus, textarea:focus, button:focus{outline:none; box-shadow:none;}
::-webkit-input-placeholder {color:#8b8b8b; opacity: 1;}
::-moz-placeholder          {color:#8b8b8b; opacity: 1;}
:-moz-placeholder           {color:#8b8b8b; opacity: 1;}
:-ms-input-placeholder      {color:#8b8b8b; opacity: 1;}
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;}
input, textarea {-webkit-appearance: none;}

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

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

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

/*------------------------------------------------------*/
/*----------------------TEXT----------------------------*/

h1 {font-size: 48px; line-height: 50px; color: #000; font-weight: 700;}
h2 {font-size: 30px; line-height: 45px; font-weight: 300;}
h3 {font-size: 18px; line-height: 20px; font-weight: 300;}
h4 {font-size: 14px; line-height: 20px; font-weight: 400;}
h5 {font-size: 12px; line-height: 18px; font-weight: 100;}
h6 {font-size: 11px; line-height: 16px;}
p {font-size: 14px; line-height: 25px; font-weight: 300;}
a {font-weight: 400;}
ul {position: relative; float: left;}
ul li {font-size: 13px; line-height: 25px;}
ul li a:hover {text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
input {font-size: 14px; border: none; background: none;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
textarea {font-size: 13px; line-height: 26px; border: none; border-bottom: 1px solid #ccc; color: #aaa;text-transform: uppercase; padding-left: 5px; padding-bottom: 10px; background: none;}
iframe {border: none;}
q {font-size: 24px; line-height: 50px; color: #000; font-style: italic;}
i {font-size: 13px; text-transform: uppercase; font-style: italic;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.bg-pink {background: #ef3e53;}
.bg-dark {background: #082235;}
.bg-yellow {background: #f4b400;}
.bg-yellow-2 {background: #ffc000;}
.bg-white {background: #fff;}
.bg-grey-white {background: #e1e9ec;}
.bg-grey {background: #eeeded;}
.bg-dark-blue {background: #27282d;}
.bg-dark-main {background: #121212;}
.bg-dark-main-1 {background: #0b253b;}
.bg-corpor-1 {background: #74a2a2;}
.bg-grey-1 {background: #f1f5f5;}
.bg-grey-2 {background: #e4e4e4;}
.bg-grey-3 {background: #f5f5f5;}
.bg-grey-4 {background: #f7f7f7;}
.bg-blue {background: #c8d7d4;}
.bg-blue-1 {background: #e9f1ef;}
.dark-button {background: #4d9de0;}
.bg-braun {background: #af9876;}
.bg-red {background: #ff0f0f;}
.col-dark {color: #000;}
.color-white {color: #fff;}
.col-yellow {color: #ffc000;}
.col-l-blue {color: #c8d7d4;}
.col-blue {color: #009ddc;}
.col-pink {color: #e74653;}
.col-red {color: #ff0f0f;}
.col-braun {color: #af9876;}
.color-dark {color: #082235;}
.col-grey{color: #8b8b8b;}
.b-dark-col {color: #20272b;}
.no-pad {padding-left: 0px; padding-right: 0px;}

.f-medium {font-weight: 500;}
.f-bold {font-weight: 700;}
.f-light {font-weight: 300;}
.f-normal {font-weight: 400;}
.fl-none {float: none;}
.fl {float: left;}
.fr {float: right;}
.border-white {border-color: #fff;}
.t-center {text-align: center;}
.t-left {text-align: left;}
.anim {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;}
.tt {text-transform: uppercase;}
.f-height {height: 100vmin!important;}

.drop {position: absolute; display: block; height: 35px; z-index:5; width: 100%; left: 0px; top: 0px;}
.drop b {position:relative; float: left; width: 100%; height: 35px; padding-left: 15px; border: 1px solid #fff; font-size: 12px; cursor: pointer; text-transform: capitalize; font-weight: 400; padding-top: 8px;color: #8f8f8f;}
.drop .drop-list {position: absolute; right: 16px;top: 6px;font-size: 16px;color:#8f8f8f;}
.drop span {position:absolute; left:0px; top:0px; width:100%; display: none; z-index: 50; border: 1px solid #fff;}
.drop-list.act {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); z-index: 51; margin-top: 4px;}
.drop span a {color: #8f8f8f; background: #e4e4e4; font-size: 12px; font-weight: 400; float: left; position: relative; width: 100%; height: 35px; text-decoration: none; text-align: left; padding: 8px 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: 52; text-transform: capitalize;}
.drop span a:hover {background: #606060; color:#fff;}

/*------------------------------------------------------*/
/*----------------------LOADER----------------------------*/

.loader {position: fixed; z-index: 6000; width: 100%; height: 100%; background: #fff; left: 0px; top: 0px; overflow: hidden;}
.loader6 {position: relative; width: 12px; height: 12px; border-radius: 12px;background-color: #000;-webkit-transform-origin:  50% 50%;transform-origin:  50% 50%; -moz-transform-origin: 50% 50%; -webkit-animation: loader6 1s ease-in-out infinite;animation: loader6 1s ease-in-out infinite; -moz-animation: loader6 1s ease-in-out infinite; -ms-animation: loader6 1s ease-in-out infinite;}
.loader6:before{content: "";position: absolute;background-color: rgba(0, 0, 0, .5); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px;}
.loader6:after{content: "";position: absolute;background-color: rgba(0, 0 ,0 ,.5);top: 0px;left: 25px;height: 12px;width: 12px;border-radius: 12px;}
.align-loader {position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);}
@-webkit-keyframes loader6{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
}
@-moz-keyframes loader6{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
}
@keyframes loader6{
    0%{transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    50%{transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
    100%{transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
}

/*------------------------------------------------------*/
/*----------------------BUTTON----------------------------*/

.main.fix {overflow-y: hidden;}
.main-button {position: relative; background: none; z-index: 5; letter-spacing: 2px; float: none; display: inline-block; padding: 15px 50px; overflow: hidden; border:2px solid #000; border-radius: 30px; font-size: 12px; text-transform: uppercase; color: #000; 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;  backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.main-button:after {position: absolute; content: ''; z-index: -1; width: 100%;height: 0;top: 50%;left: 50%;background: #000;opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);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;}
.main-button:hover {color: #fff; border: 2px solid rgba(0,0,0,0);}
.main-button:hover:after {opacity: 1; height: 150px;}
.main-caption p {padding: 38px 0px 35px;}

.main-button-sq {position: relative; z-index: 5; letter-spacing: 2px; float: none; display: inline-block; padding: 15px 30px; overflow: hidden; border:2px solid #fff; font-size: 12px; text-transform: uppercase; color: #fff; 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;  backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.main-button-sq:after {position: absolute; content: ''; z-index: -1; width: 101%; height: 101%; top: 0%;left: 0%;background: #fff;
  -webkit-transform: translateX(-110%);
  -moz-transform: translateX(-110%);
  -ms-transform: translateX(-110%);
  transform: translateX(-110%);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;}
.main-button-sq:hover:after {-webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);}
.main-button-sq:hover {color: #000;}

.app-button {position: relative; float: left; background: #fff; border-radius: 15px; height: 75px; width: 250px; color: #000;}
.app-button a {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2;}
.app-button span {font-size: 50px; color: #af9876; background: #c8d7d4; position: absolute; left: -2px; top: 0px; width: 72px; height: 100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 10px 15px;}
.button-txt {padding-left: 93px; position: relative; float: left;}
.button-txt p {font-size: 15px; padding-top: 10px;font-weight: 400; padding-bottom: 3px;}
.app-button:hover {background: #000; color: #fff;}
.app-button:hover span {color: #c8d7d4; background: #af9876;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - CREATIVE DESIGN */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.scrollto {position: relative; float: left; width: 100%;}
.top-baner {position: relative; width: 100%; height: 54px; background: #000;}
.top-baner .top-link {position: relative; float: left; padding-top: 20px;}
.top-baner .top-link li {position: relative; float: left; border-right: 1px solid #7e7e7e; padding: 0px 20px;}
.top-baner .top-link li:last-child {border-right: 0px none;}
.top-baner .top-link li:first-child {padding-left: 0px;}
.top-baner .top-link li a {font-size: 12px; color: #7e7e7e; position: relative; float: left; margin-top: -5px;}
.top-baner .top-link li a:hover {color: #fff;}
.top-baner span {color: #7e7e7e; font-size: 12px; font-weight: 400; position: relative; float: left; margin-top: -5px;}
.top-icon {position: relative; float: left; font-size: 14px; color: #7e7e7e; padding-right: 10px;}

.dropdown {position: relative; text-align: center; float: right; display: block; height: 50px; width: 100px; margin-top: 3px; padding-left: 0px; padding-top: 15px; z-index: 501;}
.dropdown.bgg {background: #ebebeb;}
.dropdown .check {position:relative; width: 100%; background: none; font-size: 12px; cursor: pointer; color:#7e7e7e; text-transform: uppercase; font-style: normal;}
.dropdown .drop-list {position: absolute; right: 5px; top: 12px;font-size: 12px; color:#7e7e7e; text-transform: capitalize; overflow: hidden;}
.dropdown .list {position:absolute; left:-50px; top:51px; width:150px; height: 95px; background: #ebebeb; padding: 0px 20px 5px; display: none;}
.dropdown .list.act {display: block;}
.dropdown.act {z-index: 6000;}
.dropdown .list a {color: #000; padding: 12px 0px; font-size: 12px; float: left; position: relative; width: 100%; height: 20px; text-decoration: none; text-align: left; 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; text-transform: capitalize;}
.dropdown .list a:hover {color:#7e7e7e;}
.dropdown .list a.color {color:#7e7e7e;}
.dropdown .drop-list .fa {font-weight: 700;}
.dropdown .list a span {position: relative; float: right; font-size: 14px; color: #7e7e7e; display: none;}
.dropdown .list a span.visi {display: block;}

header {position: fixed; width: 100%; left: 0px; top: 0px; z-index: 5000; backface-visibility: hidden;}
.logo {position: relative; float: left; margin-top: 33px;}
.mobile-icon {position: relative; float: right; margin-top: 34px; border: 2px solid #000; border-radius: 50%; width: 50px; height: 50px; z-index: 50;}
.nav-menu-icon {position: absolute; top: 15px; left: 11px;}
.nav-menu-icon a {display: inline-block;width:24px;height:24px;cursor: pointer;text-decoration: none;}
.nav-menu-icon a i {position: relative;display: inline-block;width: 24px;height: 3px;color:#000;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #000;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a i::before, .nav-menu-icon a i::after {content:''; width: 24px;height: 3px;background: #262626;position: absolute;left:0;transition:all .2s ease-out;}
.nav-menu-icon a i::before {top: -7px;}
.nav-menu-icon a i::after {bottom: -7px;}
.nav-menu-icon a:hover i::before {top: -10px;}
.nav-menu-icon a:hover i::after {bottom: -10px;}
.nav-menu-icon a.active i {background: none;}
.nav-menu-icon a.active i::before {
  top:0;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotateZ(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.nav-menu-icon a.active i::after {
  bottom:0;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotateZ(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.navigation {position: relative; float: left; width: 100%; height: 119px; background: #fff;}
.creative nav {display: block; top: 0px; margin: -87px auto 0px; opacity: 0; width: 100%; max-width: 1384px; background: rgba(255,255,255,0.9); text-align: center; padding: 125px 0px 245px; border: 3px solid #000;transform: translateY(-120%);-webkit-transform: translateY(-120%);-moz-transform: translateY(-120%);-ms-transform: translateY(-120%);transition: transform 0.3s ease-in, opacity 0.8s ease-out;}
.creative nav a {display: block; position: relative; color: #000; font-size: 30px; line-height: 30px; font-weight: 300; padding: 25px 0px;}
.creative nav.slide-menu {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px); opacity: 1;}
.creative nav a.active {font-weight: 400; color: #999;}
.creative .scrollto {background: #fff;}

.bannercontainer {position: relative; float: left; width: 100%; padding-top: 173px;}
.tp-revslider-mainul li {position: absolute; z-index: -1;}
.banner {width: 100%; position: relative;}
.main-caption {position: absolute; z-index: 5;}

.creative .prev {position: absolute; top: 50%; left: 20px; z-index: 50; cursor: pointer;}
.creative .prev span {font-size: 34px; color: #fff; 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;}
.creative .prev span:hover {color: #000;}
.creative .next {position: absolute; top: 50%; right: 20px; z-index: 50; cursor: pointer;}
.creative .next span {font-size: 34px; color: #fff; 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;}
.creative .next span:hover {color: #000;}

.about-section {position: relative; float: left; width: 100%; text-align: center; padding-top: 120px;}
.about-section h2 {padding-bottom: 30px;}
.about-section p {padding-bottom: 30px;}
.about-section a {text-transform: uppercase; font-size: 11px; color: #7e7e7e; letter-spacing: 2px; padding-bottom: 40px; display: block; position: relative;}
.team-block {position: relative; float: left; padding-bottom: 40px; width: 100%;}
.team-block img {width: 100%; height: auto;}
.team-img {position: relative; float: left; width: 100%;}
.layer {position: absolute; width: 120px; height: 120px; top: 50%; left: 50%; margin-top: -60px; margin-left: -60px;}
.layer:before {opacity: 0; width: 130px; height: 130px; border: 2px solid #fff; transform: rotate(45deg) scale(0.5);-webkit-transform: rotate(45deg) scale(0.5);-moz-transform: rotate(45deg) scale(0.5);-ms-transform: rotate(45deg) scale(0.5); content: ''; position: absolute;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;}
.layer a span {font-size: 30px; color: #fff;}
.layer a span:hover {color: #555;}
.layer a:nth-child(1) span {transform: translate3d(-60px, -60px, 0);-webkit-transform: translate3d(-60px, -60px, 0);-moz-transform: translate3d(-60px, -60px, 0);-ms-transform: translate3d(-60px, -60px, 0);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; opacity: 0;}
.layer a:nth-child(2) span {transform: translate3d(130px, -60px, 0);-webkit-transform: translate3d(130px, -60px, 0);-moz-transform: translate3d(130px, -60px, 0);-ms-transform: translate3d(130px, -60px, 0);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;opacity: 0;}
.layer a:nth-child(3) span {transform: translate3d(-115px, 150px, 0);-webkit-transform: translate3d(-115px, 150px, 0);-moz-transform: translate3d(-115px, 150px, 0);-ms-transform: translate3d(-115px, 150px, 0);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;opacity: 0;}
.layer a:nth-child(4) span {transform: translate3d(70px, 150px, 0);-webkit-transform: translate3d(70px, 150px, 0);-moz-transform: translate3d(70px, 150px, 0);-ms-transform: translate3d(70px, 150px, 0);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;opacity: 0;}
.team-block:hover .layer:before {transform: rotate(135deg) scale(1.8);opacity: 1;}
.team-block:hover .layer a:nth-child(1) span {transform: translate3d(18px, 15px, 0);-webkit-transform: translate3d(18px, 15px, 0);-moz-transform: translate3d(18px, 15px, 0);-ms-transform: translate3d(18px, 15px, 0); opacity: 1;}
.team-block:hover .layer a:nth-child(2) span {transform: translate3d(70px, 15px, 0);-webkit-transform: translate3d(70px, 15px, 0);-moz-transform: translate3d(70px, 15px, 0);-ms-transform: translate3d(70px, 15px, 0); opacity: 1;}
.team-block:hover .layer a:nth-child(3) span {transform: translate3d(-30px, 90px, 0);-webkit-transform: translate3d(-30px, 90px, 0);-moz-transform: translate3d(-30px, 90px, 0);-ms-transform: translate3d(-30px, 90px, 0);opacity: 1;}
.team-block:hover .layer a:nth-child(4) span {transform: translate3d(10px, 87px, 0);-webkit-transform: translate3d(10px, 87px, 0);-moz-transform: translate3d(10px, 87px, 0);-ms-transform: translate3d(10px, 87px, 0);opacity: 1;}
.team-title {position: relative; float: left; width: 100%; text-align: center;}
.team-title h3 {padding-top: 30px;}
.team-title h5 {padding-top: 2px; text-transform: uppercase;}

.offerings-section {width: 100%; position: relative; float: left; text-align: center; padding-top: 75px;}
.offerings-section h3 {padding-bottom: 40px;}
.offer-block {position: relative; float: left; width: 100%; padding-bottom: 50px; text-align: center; padding-top: 60px;}
.offer-block span {font-size: 50px; color: #959595; padding-bottom: 60px;}
.offer-block h3 {padding-bottom: 18px;}
.line {position: relative; float: none; display: inline-block; width: 45px; height: 1px; background: #000; margin-bottom: 42px; 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;}

.work {position: relative; float: left; width: 100%; padding-top: 60px; text-align: center; padding-bottom: 130px;}
.work h2 {padding-bottom: 25px;}
.work .grid-sizer {width: 33.333%;}
.item {width: 33.333%; position: relative; float: left; padding: 0px; margin: 0px; cursor: pointer; overflow: hidden;}
.item.w-6 {width: 66.66%;}
.item img {width: 100%; height: auto;}
.fillter-wrap {position: relative; float: left; width: 100%; padding-bottom: 45px;}
.fillter-wrap button {padding: 5px 8px; font-size: 12px; text-transform: uppercase; font-weight: 400; color: #000; margin: 0px 22px; background: none;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;}
.fillter-wrap button.activbut {font-weight: 700; background: #ccc; color: #fff;}
.fillter-wrap button:hover {color: #fff; background: #ccc;}
.work-layer {position: absolute; left: -100%; top: 25px; right: 0px; opacity: 0; bottom: 25px; background: rgba(255,255,255,0.42); border: 3px solid #000;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;}
.layer-title {position: absolute; bottom: 40px; left: 45px; text-align: left;}
.layer-title h3 {padding-bottom: 10px;}
.layer-title span {font-size: 11px; text-transform: uppercase; font-weight: 400;}
.item:hover .work-layer {left: 25px; opacity: 1; right: 25px;}
.work .main-button {margin-top: 40px;}
.no-more {font-size: 12px; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; position: relative; float: left; width: 100%; text-align: center; padding-top: 40px;}

.aword-block {position: relative; float: left; width: 100%; background: #f1f1f2; padding: 130px 0px;}
.count-block {position: relative; float: left; text-align: center; width: 100%;}
.count-block h4 {text-transform: uppercase; padding-bottom: 10px;}
.count-block span {font-size: 60px; font-weight: 400; line-height: 60px;}

.design-section {position: relative; float: left; width: 100%; text-align: center; padding-top: 120px;}
.design-section .trend-slider {padding-top: 40px;}
.trend-slider .pagination {display: none;}
.points-wrapp {position: absolute; left: 0px; bottom: 30px; width: 100%; height: 55px; background: #000;}
.points {position: relative; float: left; width: 33.3333%; cursor: pointer; height: 55px; text-align: center; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;}
.points h4 {color: #fff; text-transform: uppercase; padding-top: 18px;}
.absolut-point {position: absolute; background: #898989; width: 33.3333%; height: 55px; left: 0px; top: 0px;transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;}

.testimonials {position: relative; float: left; width: 100%; padding-top: 120px;}
.testimonials h2 {padding-bottom: 30px; text-align: center;}
.testi-block  {position: relative; float: left; width: 100%;}
.testi-img {position: relative; float: left; width: 100%;}
.testi-img img {width: 100%; height: auto;}
.testi-text {position: relative; float: left; width: 100%; padding: 20px 15px 0px 0px;}
.testi-text p {color: #8b8b8b; padding-bottom: 10px;}
.testi-text h3 {color: #4d4d4d; padding: 10px 0px;}
.testi-text .line {margin-bottom: 8px;}
.testi-text h6 {color: #4d4d4d;}
.logotype {position: relative; float: left; width: 100%; padding: 110px 0px 60px;}
.logotype h2 {padding-bottom: 0px;}
.logo-wrap {position: relative; float: left; width: 100%; padding: 60px 0px; text-align: center;}
.logo-wrap img {vertical-align: middle;}

.contact-section {position: relative; float: left; width: 100%; text-align: center; padding: 80px 0px; background: #f1f1f2;}
.contact-section h2 {padding-bottom: 40px;}
.contact-section input {height: 46px; border: 1px solid #000; font-size: 13px; text-transform: capitalize; position: relative; float: left; padding: 0px 15px;}
.contact-section input[type="text"] {width: 33.3333%; border-right: 0px none;}
.contact-section input[type="email"] {width: 66.6666%;}
.contact-section textarea {font-size: 13px; text-transform: capitalize; position: relative; float: left; width: 100%; height: 160px; border: 1px solid #000; border-top: 0px none; padding: 15px;}
.contact-section .main-button {margin-top: 40px;}
.contact-section .main-button::after {z-index: -1;}
.contact-section .main-button {z-index: 2;}
.contact-section .main-button:hover {color: #fff;}

.post-section {position: relative; float: left; width: 100%; padding: 130px 0px 60px;}
.post-section h2 {padding-bottom: 40px; text-align: center;}
.post-item {position: relative; float: left; width: 100%;}
.post-img {position: relative; float: left; width: 100%;}
.post-img img {width: 100%; height: auto;}
.post-img span {position: absolute; bottom: 20px; left: 15px; font-size: 11px; color: #fff; font-weight: 400; text-transform: uppercase;}
.post-text {position: relative; float: left; width: 100%; padding: 60px 0px 0px 20px;}
.post-text a h3 {color: #000; text-transform: none; letter-spacing: 0px; padding: 0px;}
.post-text .line {margin: 10px 0px;}
.post-text p {padding-top: 40px; padding-bottom: 50px; position: relative; float: left; width: 100%;}
.post-text .read {font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: #7e7e7e; border: 1px solid rgba(255,255,255,0); border-radius: 30px;}
.post-text .read:hover {border: 1px solid #7e7e7e; padding: 8px 15px;} 

.new-project {position: relative; float: left; width: 100%; text-align: center;}
.fix-title {position: relative; float: left; width: 100%; text-align: center; padding:  160px 0px 175px;}
.fix-title span {font-size: 36px; font-weight: 300; color: #fff; position: relative; float: none; display: inline-block;}
.fix-title .main-button {border: 2px solid #fff; color: #fff; top: 12px; margin-left: 35px; position: relative; float: none; display: inline-block;}
.fix-title .main-button:after {z-index: -1; background: #fff;}
.fix-title .main-button {z-index: 5;}
.fix-title .main-button:hover {color: #000;}

.map {position: relative; float: left; width: 100%;}
.map-canvas {position: relative; float: left; width: 100%; height: 545px;}

footer {position: relative; float: left; width: 100%; background: #000; clear: both;}
.footer-share {position: relative; float: right; padding-top: 54px;}
.footer-share a {font-size: 20px; color: #fff; margin: 0px 15px; position: relative; float: left;}
.footer-share a:hover {color: #ccc;}
.copy {position: relative; float: left; padding: 60px 0px 50px;}
.copy span {font-size: 12px; color: #fff; font-weight: 300; text-transform: uppercase;}

.pswp__bg {background: #fff;}
.pswp__button--arrow--right {left: 0px; background: none; top: 45%;}
.pswp__button--arrow--left {left: 25px;}
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {z-index: 5; background-color: transparent;}
.pswp__button {opacity: 1;}
.pswp__top-bar {height: 100%; width: 100%;}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {background: none;}
.pswp__button--share {width: 100%; left: 0px; top: 55%; width:50px; height: 50px;}
.pswp__share-tooltip {top: 59%; left: 0px; right: auto;}
.pswp__counter {width: 100%; opacity: 1; height: 100%;}
.pswp__top-bar .fa {font-size: 20px; color: #000; position: absolute; top: 59%; left: 39px;}
.info-button {position: absolute; top: 54%; left: 33px; text-transform: uppercase; font-size: 14px; color: #000; z-index: 5;}
.info-button:active {color: #000;}
.info-button:focus {color: #000;}

.career .video-wrapper {height: 100%;}
.video-wrapper {position: relative; width: 100%; height: 100vmin; float: left; min-height: 650px;}
iframe.bgvid {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../img/Slider_2.jpg) no-repeat; background-size: cover; overflow: hidden;}
video.bgvid-container {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
iframe.bgvid-container {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.full-video .bannercontainer {padding-top: 0px;}
.full-video .main-caption {margin-top: 85px; color: #fff;}
.full-video .main-caption h1 {color: #fff;}
.full-video .main-caption .main-button {border: 2px solid #fff; color: #fff;}
.full-video .main-caption .main-button:hover {color: #000;}
.full-video .main-caption  .main-button:after {background: #fff;}
video.bgvid {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../img/Slider_2.jpg) no-repeat; background-size: cover;}
.v-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2;}

.soon {position: relative; width: 100%; height: 100%;}
.soon .logo {position: absolute; width: 100%; left: 0px; top: 0px; text-align: center; margin-top: 85px; z-index: 5;} 
.soon-wrap {z-index: 5;}
.soon-wrap h1 {padding-bottom: 40px; color: #fff; letter-spacing: 8px;}
.date .date-square {position: relative; float: none; margin: 0px 50px; display: inline-block;}
.date .date-square span {font-size: 80px; font-weight: 300; color: #fff;}
.date .date-square p {font-size: 18px; font-weight: 400; text-transform: uppercase; color: #fff; letter-spacing: 5px;}
.soon-wrap form {padding-top: 50px;}
.soon-wrap form span {color: #fff; font-size: 16px;text-transform: capitalize; letter-spacing: 1px;}
.centered-input {padding-top: 30px;}
.soon-wrap form input[type="email"] {background: #fff; padding: 0px 15px; font-size: 14px; color: #999; height: 40px; width: 180px; font-weight: 300; margin-right: 10px;}
.soon-wrap form button {background: #000; width: 130px; height: 40px; color: #fff; z-index: 5; font-size: 14px; font-weight: 300; letter-spacing: 2px; text-align: center; text-transform: uppercase; position: relative; float: none; display: inline-block; overflow: 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;  backface-visibility: hidden;-webkit-backface-visibility: hidden;}

.soon-wrap form button:after {position: absolute; content: ''; z-index: -1; width: 100%;height: 0;top: 50%;left: 50%;background: #fff;opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);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;}
.soon-wrap form button:hover {color: #222;}
.soon-wrap form button:hover:after {opacity: 1; height: 180px;}

.landing-baner {position: relative; width: 100%; height: 100%; max-height: 700px; text-align: center;}
.landing-baner h4 {letter-spacing: 3px; margin-top: 50px; position: absolute; z-index: 2; width: 100%; text-transform: uppercase; font-weight: 400;}
.landing-title  {position: absolute; width: 100%; text-align: center; z-index: 50;}
.landing-title h1 {padding-bottom: 45px;}
.landing-title h3 {letter-spacing: 3px; font-weight: 400; color: #222; padding-bottom: 30px;}
.landing-title p {font-size: 16px;}
.landing-title .logo {width: 100%; margin-bottom: 20px;}
.landing-wrapp {position: relative; width: 100%; padding-top: 80px; padding-bottom: 100px;}
.demo {position: relative; float: left; width: 100%; text-align: center; padding-bottom: 40px; cursor: pointer; overflow: hidden;} 
.demo h3 {padding: 20px 0px; color: #999; text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: 2px;}

.html-block img {width: 100%; height: auto;}
.layer-demo {position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.4); left: 0%; top: 0%; opacity: 0; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.demo:hover .layer-demo {opacity: 1;}

.main-land-caption {position: relative; width: 100%; text-align: center; padding: 40px 0px 50px;}
.main-land-caption h2 {font-weight: 400; color:#999; text-transform: uppercase;}
.border-bottom {position: relative; width: 100%; border-bottom: 1px solid #ebebeb;}

@media screen and (max-width: 992px) {
    .offer-block span {padding-bottom: 30px;}
	.offer-block {padding: 40px 0px;}
	.about-section {padding-top: 70px;}
	.about-section h2 {padding-bottom: 20px;}
    .offerings-section {padding-top: 25px;}
	.line {margin-bottom: 15px;}
    .work {padding-top: 22px;}
	.work {padding-bottom: 75px;}
	.aword-block {padding: 50px 0px;}
	.count-block {padding: 25px 0px;}
	.design-section {padding-top: 68px;}
	.design-section .trend-slider {padding-top: 30px;}
	.testimonials {margin-top: 25px;}
	.logotype {padding: 65px 0px 60px;}
	.logo-wrap {padding: 30px 0px;}
	.logotype h2 {padding-bottom: 30px;}
	.contact-section h2 {padding-bottom: 30px;}
	.post-section h2 {padding-bottom: 30px;}
	.post-section {padding: 70px 0px;}
	.post-text {padding: 30px 0px;}
	.post-text p {padding: 20px 0px;}
	.fix-title {padding: 120px 0px 125px;}
	.map-canvas {height: 440px;}
	.item.w-6 {width: 100%;}
	.item {width: 50%;}
	.work .grid-sizer {width: 50%;}
}
@media screen and (max-width: 768px) {
    .logo {margin-left: 15px;}
	.mobile-icon {margin-right: 15px;}
	.top-baner .top-link li {padding: 0px 5px;}
	.top-icon {display: none;}
	.offer-block p {display: block; float: none; max-width: 300px; margin: 0px auto;}
	.testi-text {padding: 20px 15px 20px 0px;}
}
@media screen and (max-width: 650px) {
    .points {width: 100%;}
	.absolut-point {display: none;}
	.points-wrapp {height: 165px; bottom: 0px;}
	.points.act {background: #898989;}
	.fix-title .main-button {margin-left: 0px;}
	.footer-share {width: 100%; padding-top: 0px; padding-bottom: 35px;}
	.copy {padding: 35px 0px;}
}
@media screen and (max-width: 530px) {
    .top-baner .top-link {display: none;}
}
@media screen and (max-width: 480px) {
    .navigation {height: 84px;}
	.bannercontainer {padding-top: 139px;}
	.logo {margin-top: 18px;}
	.mobile-icon {margin-top: 17px;}
	.creative nav {margin-top: -72px; padding: 65px 0px 55px;}
	.creative nav a {font-size: 25px; padding: 10px 0px;}
	.item {width: 100%;}
	.work .grid-sizer {width: 100%;}
	.contact-section input[type="text"] {width: 100%; border-right: 1px solid #000; border-bottom: 0px none;}
	.contact-section input[type="email"] {width: 100%;}
	.fix-title {padding: 80px 0px 85px;}
	.fix-title span {font-size: 30px; line-height: 36px; padding-bottom: 20px;}
	.testi-img {margin-top: 20px;}
	.layer-title {left: 20px; bottom: 20px;}
	.work-layer {width: 100%; height: 100%; left: 0px; top: 0px; bottom: 0px; right: 0px;}
	.item:hover .work-layer {left: 0px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - FLAT DESIGN */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.flat {font-family: 'Raleway', sans-serif;}
.flat h1 {font-size: 48px; font-weight: 700; line-height: 56px; color: #fff;}
.flat h2 {font-size: 48px; line-height: 56px; font-weight: 700;}
.flat h3 {font-size: 18px; line-height: 27px; font-weight: 700; text-transform: uppercase; color: #2e3133;}

.flat p {font-size: 14px; line-height: 24px; font-weight:400;}
.flat ul {position: relative; float: left;}
.flat ul li {font-size: 18px; line-height: 48px; font-weight: 400;}

.flat header {position: fixed; left:0%; top: 0px; max-width: 330px; visibility: hidden; background: #041521; height: 100%; overflow: hidden; z-index: 40;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; transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4);-ms-transform: scale(1.4); opacity: 0;}
.logo-text {position: absolute; top: 47px; opacity: 0; right: -88px; 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;}
.logo-text.move {opacity: 1; right: -58px;}
.flat nav {padding-left: 55px; background: none; position: absolute; top: 29%; left: 0%; text-align: left;}
.flat header.slide-menu {left: 0px; transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1); opacity: 1; visibility: visible}
.flat nav a {font-size: 14px; font-weight: 400; color: #fff; padding: 13px 0px; width: 100%; position: relative; float: left; text-transform: uppercase;}
.flat nav a:hover {color: #15b8c0;}
.flat nav a.active {color: #15b8c0;}
.flat .logo {position: fixed; top: 40px; left: 65px; z-index: 50; 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;}
.flat .logo.scaleLogo {top: 30px; transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}

.button-flat {color: #57585b; text-transform: uppercase; width: 170px; font-size: 13px; height: 45px; box-shadow: 0 3px 0px 0px #ccc; border-radius: 5px; text-align: center; padding-top: 13px; position: relative; float: none; display: inline-block; 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;}
.button-border {box-shadow: 0px 0px 0px 2px #d1d2d3; color: #fff; border-bottom: 0px none;}
.button-border:hover {background: #fff; box-shadow: 0px 3px 0px 0px #d1d2d3; color: #57585b;}

.main-slider {position: relative; float: left; width: 100%;}
.main-slider .swiper-slide {height: 885px!important; width: 100%;}

.main-title {position: absolute; bottom: 127px; width: 100%; text-align: center; left: 0px; z-index: 5;}
.main-title h1 {padding-bottom: 15px;}
.main-title span {position: relative; float: none; display: inline-block;width: 100%; font-size: 24px; color: #fff; font-weight: 400; padding-bottom: 54px;}
.main-title p {font-size: 14px; font-weight: 300; color: #fff; margin: 29px 0px 0px -160px;}
.main-title .button-flat {margin: 0px 11px;}
.main-title .button-flat.bg-white:before {background: url(../img/flat/arrow.png) no-repeat; width: 126px; height: 95px; content: ''; position: absolute; left: -85px; top: 0px;}
.second-title {position: relative; float: left; width: 100%; padding-top: 160px; text-align: center;}
.second-title h2 {padding-bottom: 30px;}
.second-title p {font-size: 18px; max-width: 608px; display: block; line-height: 26px; margin: 0 auto; padding-bottom: 100px;}

.flat .pagination {position: absolute;right: 37px; text-align: center; top: 50%; z-index: 5;}
.flat .swiper-pagination-switch {cursor: pointer; width: 31px; height: 9px; background: none; border-top: 3px solid #48b4ce; margin-top: 3px; margin-bottom: 25px; position: relative;  display:block; 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;}
.flat .swiper-pagination-switch.swiper-active-switch {transform: scaleY(3); -webkit-transform: scaleY(3);-moz-transform: scaleY(3);-ms-transform: scaleY(3); backface-visibility: hidden; transform-origin: 50% 50% 0px;-webkit-transform-origin: 50% 50% 0px;-moz-transform-origin: 50% 50% 0px;-ms-transform-origin: 50% 50% 0px;}

.features {padding-bottom: 150px;}
.features-block {position: relative; float: left; width: 100%; text-align: center;}
.features-block h3 {padding-top: 35px;}
.project-wrapp {position: relative; float: left; width: 100%;}
.project-block {position: relative; float: left; width: 20%;}
.project-block img {width: 100%; height: auto;}
.flat .pswp__bg {background: rgba(8,34,53,0.95);}
.flat .pswp__button, .flat .pswp__button--arrow--left::before, .flat .pswp__button--arrow--right::before {display: none;}
.flat .pswp__button--arrow--left {background: url(../img/flat/arro_left.png) no-repeat; width: 22px; height: 16px; position: absolute; left: 15px; top: 55%; opacity: 1; display: block;}
.flat .pswp__button--arrow--right {background: url(../img/flat/arro_right.png) no-repeat; width: 22px; height: 16px; position: absolute; left: 15px; top: 50%; opacity: 1; display: block;}
.flat .pswp__button--close {background: url(../img/flat/close.png) no-repeat; width: 17px; height: 17px; position: absolute; right: 40px; top: 40px; opacity: 1; display: block;}
.pricing {padding-bottom: 150px;}
.no-padding div {padding-left: 0px; padding-right: 0px;}
.pricing-block {position: relative; float: left; width: 100%; text-align: center; min-height: 510px; background: #082235;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;}
.p-caption {width: 100%; position: relative; float: left;}
.p-caption h3 {color: #fff; padding: 40px 0px 35px;}
.p-price {background: #fff; padding: 20px 0px 40px; position: relative; float: left; width: 100%;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.p-price span {font-size: 60px; font-weight: 600; 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;}
.p-price sup {font-size: 28px;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;}
.p-price sub {font-size: 16px;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;}
.p-price p {color: #4d4d4d; font-weight: 600; padding-top: 5px;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;}
.price-list {position: relative; float: left; width: 100%; padding-bottom: 37px;}
.price-list ul {width: 100%; padding: 15px 0px 40px;}
.price-list ul li {color:#eeeded;}
.pricing-block:hover {background: #ef3e53;}
.pricing-block:hover .p-price {background: #082235;}
.pricing-block:hover span {color: #fff;}
.pricing-block:hover sup {color: #fff;}
.pricing-block:hover sub {color: #fff;}
.pricing-block:hover p {color: #fff;}

.facts-block {position: relative; float: left; width: 100%; padding-bottom: 80px;}
.fact-numb {position: absolute; width: 53px; height: 53px; border-radius: 50%; text-align: center; padding-top: 9px; left: 0px; top: 0px;} 
.fact-numb span {color: #fff; font-size: 24px; font-weight: 700; font-family: 'Roboto', sans-serif;}
.fact-text {position: relative; float: left; padding-left: 75px;}
.fact-text h3 {padding-bottom: 13px;}
.fact {padding-bottom: 110px;}

.flat-contact {padding-bottom: 30px;}
.flat-form input {width: 100%; height: 70px; border: 2px solid #d5dadd; padding-left: 15px; font-size: 16px; margin-bottom: 30px; text-transform: none;}
.flat-form textarea {width: 100%; height: 130px; border: 2px solid #d5dadd; padding: 15px; font-size: 16px; margin-bottom: 45px; text-transform: none;}
.flat-form input[type="submit"] {border: 0px none; border-bottom: 3px solid #082235; height: 50px; border-radius: 6px; text-transform: uppercase; color: #fff; text-align: center; padding: 7px 0px 0px 0px; background: #0e3655; width: 203px; font-weight: 600; margin: 0px auto; display: block; letter-spacing: 1px; margin-bottom: 40px;}
.arrow-red {position: relative; float: left; width: 100%; text-align: center;}
.arrow-red img {position: absolute; top: -73px; margin-left: 117px;}
.arrow-red p {color: #0e3655; font-weight: 300;}
.flat footer {background: none;}
.flat footer .copyright {width: 100%; text-align: center; position: relative; float: left; padding: 30px 0px 60px;}
.flat footer .copyright span {font-size: 12px; color: #2e3133; text-transform: uppercase; font-weight: 700;}

.flat-soon .logo {position: absolute; width: 100%; top: 50px; left: 0px; text-align: center;}

@media screen and (max-width: 992px) {
    .second-title {padding-top: 80px;}
	.features-block {padding-bottom: 40px;}
	.features-block h3 {padding-top: 20px;}
	.second-title p {max-width: 100%; padding-bottom: 60px;}
	.features {padding-bottom: 80px;}
	.pricing-block {margin-bottom: 30px;}
	.pricing {padding-bottom: 80px;}
	.fact {padding-bottom: 40px;}
	.project-block {width: 33.3333%;}
	.flat header.slide-menu {overflow-y: auto;}
}
@media screen and (max-width: 768px) {
    .no-padding {padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width: 550px) {
	.flat .logo.scaleLogo {left: 0px; top: 0px;}
	.flat header {max-width: 100%;}
	.flat nav {text-align: center; top: 130px; padding-left: 0px; width: 100%;}
	.flat .logo {left: 15px;}
	.flat h2 {font-size: 36px; line-height: 40px;}
	.flat-form input {height: 50px; margin-bottom: 15px;}
	.arrow-red img {display: none;}
	.flat-form textarea {margin-bottom: 15px;}
	.flat-form input[type="submit"] {margin: 0px auto 20px;}
	.second-title h2 {padding-bottom: 15px;}
	.facts-block {padding-bottom: 40px;}
	.main-title .button-flat.bg-white::before {display: none;}
	.main-title p {margin-left: 0px;}
	.project-block {width: 50%;}
	.flat.fix {overflow-y: hidden;}
}
@media screen and (max-width: 480px) {
    .second-title {padding-top: 50px;}
	.features {padding-bottom: 50px;}
	.flat h1 {font-size: 38px; line-height: 44px;}
	.pricing {padding-bottom: 50px;}
	.project-block {width: 100%;} 
}
@media screen and (max-width: 390px) {
     .main-title .button-flat {margin: 15px 0px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - MAIN LENDING */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.main {color: #121212;}
.main .top-baner {z-index: 60;}
.main .mobile-icon {display: none;}
.main .navigation {background: #121212; height: 100px;}
.top-baner {background: #20272b;}
.main nav {position: relative; float: right; padding-top: 40px;}
.main nav a {font-size: 12px; color: #d8d8d8; text-transform: uppercase; font-weight: 400; margin: 0px 21px;}
.main .logo {margin-top: 24px;}
.main nav a.active {color: #009eec; font-weight: 700;}
.main nav a:hover {color: #009eec;}
.main .bannercontainer {padding-top: 97px;}
.main .slide-boxes {position: absolute; bottom: 120px; right: 0px; background: #121212; padding: 45px 20px 50px 45px; width: 100%; overflow: hidden; z-index: 5;}
.main .slide-boxes h1 {font-size: 36px; color: #fff; font-weight: 600; line-height: 45px; padding-bottom: 15px;}
.main .slide-boxes p {font-size: 13px; color: #fff;}
.main .next {position: absolute; top: 50%; right: 0px; width: 60px; height: 60px; background: #121212; z-index: 50; cursor: pointer;}
.main .prev {position: absolute; top: 50%; left: 0px; width: 60px; height: 60px; background: #121212; z-index: 50; cursor: pointer;}
.main .next:after {content: ''; background: url(../img/main/right_arrow.png) no-repeat; width: 12px; height: 20px; position: absolute; top: 20px; left: 24px;}
.main .prev:after {content: ''; background: url(../img/main/left_arrow.png) no-repeat; width: 12px; height: 20px; position: absolute; top: 20px; left: 22px;}
.news-line {position: absolute; width: 100%; height: 60px; background: #009eec; left: 0px; bottom: 0px; z-index: 50;}
.line-absolute.news-line {position: absolute; left: 0px; bottom: 0px; z-index: 50;}
.news-line h5 {color: #fff; text-transform: uppercase; font-weight: 700; padding-top: 23px; height: 60px; position: relative; float: left; padding: 20px; z-index: 5;}
.news-box {position: absolute; left: 0px; padding-left: 140px; height: 30px; top: 15px; overflow: hidden;}
.news-box p {color: #fff; padding-top: 2px;}
.main .about-section p {text-align: left;}

.about-picture {position: relative; float: left; width: 100%;}
.about-picture img {width: 100%; height: auto;}
.about-time-line {position: relative; float: left; width: 100%; padding-top: 15px; padding-bottom: 130px;}
.timeline-points {position: relative; float: left; width: 100%; padding-bottom: 110px;}
.time-points {;position: relative; float: left; width: 100%; padding-top: 55px;}
.circle-points {width: 10px; height: 10px; border-radius: 50%; background: #20272b; position: relative; left: 50%; margin-left: -5px;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;} 
.time-points:before {content: ''; width: 50%; position: absolute; left: 0px; height: 1px; background: #20272b; margin-top: 5px;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;}
.time-points:after {content: ''; width: 50%; position: absolute; right: 0px; height: 1px; background: #20272b; margin-top: -5px;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;}
.point-text {position:relative; width: 100%; padding-top: 30px; text-align: center; float: left;}
.point-text h3 {font-weight: 400; padding-bottom: 10px;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;}
.point-text span {display: inline-block; position: relative; padding-top: 12px; font-size: 11px;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;}
.about-slider .swiper-slide:first-child .time-points:before {display: none;}
.about-slider .swiper-slide:last-child .time-points:after {display: none;}

.time-points:hover .circle-points {background: #009eec;}
.time-points:hover .point-text {color: #009eec;}
.time-points:hover .line {background: #009eec;}
.time-points:hover:after {background: #009eec;}
.time-points:hover:before {background: #009eec;}
.about-slider .swiper-slide {width: 100%;}
.main .offer-block span {color: #0195dd;}
.main .bg-dark-main {padding-bottom: 130px;}
.main .bg-dark-main h2 {color: #fff;} 
.main .bg-dark-main .offer-block h3 {color: #fff;}
.main .bg-dark-main .offer-block p {color: #fff;} 
.main .bg-dark-main .line {background: #fff;}
.main .work .grid-sizer {width: 33.3333%;}
.main .item.w-33 {width: 33.3333%;}
.main-proj-layer {position: relative; float: left; width: 100%; background: #fff; padding: 30px 30px 30px 30px; text-align: left; 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;}
.main-proj-layer h6 {text-transform: uppercase; letter-spacing: 1px; color: #20272b; padding-top: 12px; 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;}
.main-proj-layer h3 {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;}
.main .work {padding-top: 120px;}
.main .item:hover .main-proj-layer {background: #009eec;}
.main .item:hover .main-proj-layer h6 {color: #fff;}
.main .item:hover .main-proj-layer h3 {color: #fff;}
.main .fix-title span {font-size: 24px; float: left; padding-top: 6px;}
.main .fix-title .main-button-sq {float: right;}
.main .fix-title {padding: 41px 0px 43px;}
.main .aword-block {background: #121212;} 
.main .count-block h4 {color: #fff; padding: 20px 0px 0px;}
.main .count-block span {color: #fff;}
.toggle .toggleta {background: #009eec;}
.toggle .toggleta h4 {color: #fff;}
.toggle .togglet img.toggle-open, .toggle .toggleta img.toggle-closed {display: none;}
.toggle .toggleta img.toggle-open {display: block; padding-top: 2px;}
.toggle .togglec {display: block;position: relative;}
.circle {position: relative; float: right;}
.togglet {height: 40px; border: 1px solid #e4e4e4; cursor: pointer; width: 100%; padding: 9px 16px; font-size: 13px; text-transform: uppercase;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;}
.togglet img {margin-top: 7px; cursor: pointer;}
.togglet h4 {color: #20272b; letter-spacing: 2px; 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;}
.inner-toggle-wrap p {padding: 15px 5px 25px 20px; color: #20272b;}
.togglet:hover {background: #009eec; border: 1px solid #009eec;}
.togglet:hover h4 {color: #fff;}
.choose-us {position: relative; float: left; width: 100%; padding: 115px 0px 115px;}
.choose-us h2 {padding-bottom: 35px;}
.choose-us h3 {padding-bottom: 18px;}
.choose-us .line {margin-bottom: 30px;}
.styled-tabs {position: relative; float: left; width: 100%; padding-top: 60px;}
.choose-list {width: 100%; padding-top: 30px; padding-left: 35px;}
.choose-list li {font-size: 13px; width: 100%; padding: 13px 0px 13px 25px; position: relative; float: left;}
.choose-list span {position: absolute; left: 0px; top: 18px; font-size: 16px; color: #009eec; padding-right: 15px;}

.pricing-main {position: relative; float: left; width: 100%; padding: 120px 0px 130px; text-align: center;}
.pricing-main h2 {padding-bottom: 20px;	}
.pricing-main p {text-align: left;}
.pricing-kind {position: relative; float: left; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; margin-top: 40px;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;}
.pricing-kind h4 {font-weight: 700; font-size: 16px; padding: 15px 0px; text-transform: uppercase;}
.price-wrap {position: relative; float: left; width: 100%; border-top: 1px solid #000; border-bottom:1px solid #000; padding: 20px 0px 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;}
.price-wrap span {font-size: 70px; font-weight: 400;}
.price-wrap sup {font-size: 36px; font-weight: 400; top: -0.6em;}
.price-wrap sub {font-size: 16px; font-weight: 400; bottom: 0px;}
.price-wrap h5 {font-weight: 600; line-height: 20px; text-transform: uppercase;}
.price-ul {width: 100%; text-align: center; position: relative; float: left; padding: 25px 0px 45px;}
.price-ul ul {text-align: center; padding-bottom: 30px; width: 100%;}
.price-ul ul li {font-size: 14px; padding: 10px 0px; font-weight: 300;}
.main .price-ul .bg-dark-main {padding-bottom: 15px;}
.price-ul .main-button-sq:after {background: #009eec;}
.pricing-kind:hover {border-top: 1px solid #009eec; border-bottom: 1px solid #009eec; color: #009eec;}
.pricing-kind:hover .price-wrap {border-top: 1px solid #009eec; border-bottom: 1px solid #009eec;}
.pricing-kind:hover .main-button-sq {color: #fff;}

.main-testimonials {position: relative; float: left; width: 100%; background: #20272b; padding: 120px 0px 130px;}
.main-testimonials h2 {color: #fff; padding-bottom: 30px;  text-align: center;}
.main-testi-block {position: relative; float: left; width: 100%; padding: 50px 30px;}
.main-testi-block:before {width: 0;height: 0;border-style: solid;border-width: 18px 18px 0 0; border-color: #fff transparent transparent transparent; content: ''; position: absolute; bottom: -18px; left: 30px;}
.main-testi-block.bg-grey-white:before {border-color: #e1e9ec transparent transparent transparent;}
.main-testi-author {position: relative; float: left; padding-left: 30px; padding-top: 30px; color: #fff;}
.main-testi-author .line {background: #fff; margin-bottom: 10px;}
.main-testi-author h3 {padding-bottom: 13px;}
.main-contact {background: #f2f7f9; padding: 60px 0px 10px;}
.slide-prev {position: absolute; top: 0%; left: -50px; color: #494845; font-size: 22px; cursor: pointer;}
.slide-next {position: absolute; top: 0%; right: -50px; color: #494845; font-size: 22px; cursor: pointer;}
.logotype-clients {text-align: center; position: relative; float: none;}


.footer-blue {background: #009eec;}
.footer-top-bar {position: relative; float: left; width: 100%; background: #fff; padding: 130px 0px 110px;}
.footer-mini-block {position: relative; float: left; width: 100%;}
.footer-mini-block h3 {padding-bottom: 20px;}
.footer-mini-block ul {position: relative; float: left; width: 100%;}
.instagram-wiget {  position: relative;float: left;width: 100%;background: none;height: 100px;text-align: center;padding-bottom: 100%;}
.footer-mini-block iframe {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.footer-logo-tite {position: relative; float: left; width: 100%; padding-bottom: 18px;}
.f-post-block-txt {position: relative; float: left; padding-left: 68px; font-weight: 300; margin-top: -5px;}
.f-post-block-txt span {font-size: 13px;}
.f-post-block-txt p {line-height: 22px;}
.f-post-block {position: relative; float: left; width: 100%; margin-bottom: 25px;}
.f-post-block img {position: absolute; left: 0px; top: 0px;}
.footer-form {position: relative; float: left; width: 100%;}
.footer-form span {font-size: 11px; text-transform: uppercase; position: relative; float: left; padding-top: 8px;}
.footer-form input {height: 30px; border: 1px solid #4d4d4d; padding: 0px 5px; font-size: 11px; position: relative; float: right; margin-right: 20px; width: 70%; margin-bottom: 15px; border-radius: 0px;}
.footer-input {position: relative; float: left; width: 100%;}
.footer-form input[type="submit"] {width: 114px; background: #121212; text-transform: uppercase; color: #fff; text-align: center; font-weight: 400; letter-spacing: 2px; float: left; margin-left: 58px;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;}
.footer-form input[type="submit"]:hover {background: #f2f7f9; color: #999;}
.instansive-widget {width: 100%;}
.footer-mail {position: relative; float: left; width: 100%; padding: 7px 0px;}
.footer-mail span {font-size: 13px; text-transform: uppercase; position: relative; float: left;}
.footer-mail a {font-size: 13px; position: relative; float: left; color: #121212; padding-left: 5px;}

@media screen and (max-width: 992px) {
	.main .navigation .container {width: 100%;}
	.main .mobile-icon {display: block; margin-top: 24px; border: 2px solid #fff;}
    .main .nav-menu-icon a i {background: #fff;}
	.main .nav-menu-icon a i::before, .main .nav-menu-icon a i::after {background: #fff;}
	.main .nav-menu-icon a.active i {background: none;}
	.main nav {position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: #121212; margin-top: 0px; padding-top: 100px; transform: translateY(-150%); -webkit-transform: translateY(-150%);-moz-transform: translateY(-150%);-ms-transform: translateY(-150%); 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; overflow-y: auto;}
	.main nav.slide-menu {transform: translateY(0%); -webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
	.main nav a {width: 100%; margin: 15px 0px; position: relative; float: left; text-align: center;}
	.main .item.w-33 {width: 50%;}
	.main .work .grid-sizer {width: 50%;}
	.footer-mini-block {margin-top: 30px;}
	.footer-form input[type="submit"] {float: right;}
	.footer-form input {margin-right: 0px;}
	.about-section {padding-top: 80px;}
	.main .offerings-section {padding-top: 80px;}
	.main .bg-dark-main {padding-bottom: 80px;}
	.main .work {padding-top: 80px; padding-bottom: 40px;}
	.choose-us {padding: 80px 0px;}
	.pricing-main {padding: 80px 0px;}
	.main-testimonials {padding: 80px 0px;}
	.footer-top-bar {padding: 80px 0px;}
	.about-time-line {padding-bottom: 80px;}
	.main .mobile-icon {margin-right: 15px;}
	.main .logo {margin-left: 15px;}
}
@media screen and (max-width: 768px) {
    .no-pad {padding-left: 15px; padding-right: 15px;}
	.main-testi-author {padding-bottom: 30px;}
	.footer-mini-block ul {text-align: center;}
	.footer-mail {text-align: center;}
	.footer-mail a {float: none; display: inline-block;}
	.footer-mail span {float: none; display: inline-block;}
	.footer-logo-tite {text-align: center;}
	.footer-mini-block {text-align: center;}
	.f-post-block {padding-top: 15px;}
	.f-post-block img {position: relative; float: none; display: block; left: auto; top: auto; margin: 0 auto;}
	.f-post-block-txt {float: none; display: inline-block; padding-left: 0px; padding-top: 15px;}
	.main .fix-title {text-align: center;}
	.main .fix-title .main-button-sq {float: none; margin-top: 30px;}
	.main .fix-title span {width: 100%;}
	.main .slide-boxes {bottom: 0px;}
	.slide-next {display: none;}
	.slide-prev {display: none;}
}
@media screen and (max-width: 480px) {
    .main .item.w-33 {width: 100%;}
	.main .work .grid-sizer {width: 100%;}
	.choose-list {padding-left: 0px;}
	.about-section {padding-top: 50px;}
	.main .offerings-section {padding-top: 50px;}
	.main .bg-dark-main {padding-bottom: 50px;}
	.main .work {padding: 50px 0px 40px;}
	.main .offer-block {padding: 20px 0px;}
	.choose-us {padding: 50px 0px;}
	.pricing-main {padding: 50px 0px;}
	.main-testimonials {padding: 50px 0px;}
	.footer-top-bar {padding: 50px 0px;}
	.main-testi-block {padding: 30px 15px;}
	.about-time-line {padding-bottom: 50px;}
	.main .slide-boxes h1 {font-size: 24px; line-height: 30px; padding-bottom: 5px;}
	.main .slide-boxes {padding: 15px;}
	.main .navigation {height: 60px;}
	.main .mobile-icon {margin-top: 4px;}
	.main .logo {margin-top: 4px;}
	.main .bannercontainer {padding-top: 58px;}
	.main .next {top: 35%;}
	.main .prev {top: 35%;}
}
@media screen and (max-height: 400px) {
    .main .top-baner {display: none;}
	.main .bannercontainer {padding-top: 59px;}
	.main .mobile-icon {margin-top: 4px;}
	.main .logo {margin-top: 4px;}
	.main .navigation {height: 60px;}
	.main nav {padding-top: 60px;}
	.news-line {display: none;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - CORPORATE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.corp {color: #20272b;}
.corp  {z-index: 5;}
.corp-baner {color: #fff; text-align: center; font-size: 13px; padding-top: 15px;}
.corp .mobile-icon {border: 2px solid #4d9de0;}
.corp .mobile-icon a i {background: #4d9de0;}
.corp .nav-menu-icon a i::before, .corp .nav-menu-icon a i::after {background: #4d9de0;}
.corp-baner span {color: #fff; padding-right: 10px; position: relative; float: left; margin-top: 4px;}
.corp h1 {font-size: 36px; line-height: 45px;}
.corp nav a {color: #20272b;}
.corp nav a.active {color: #4d9de0;}
.corp nav a:hover {color: #4d9de0;}
.corp .news-line {background: #4d9de0;}
.corp .navigation {background: #f1f5f5;}
.corp .top-baner {background: #0b253b;}
.corp .logo {margin-top: 33px;}
.corp .prev {background: none; color: #fff;}
.corp .next {background: none; color: #fff;}
.corp .next:before {content: ''; position: absolute; width: 60px; height: 60px; background: #20272b; opacity: 0; left: 60px; 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;}
.corp .prev:before {content: ''; position: absolute; width: 60px; height: 60px; background: #20272b; opacity: 0; left: -60px; 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;}
.corp.main .prev:after {background: url(../img/corporate/left_arrow.png) no-repeat; top: 20px; left: 23px;}
.corp.main .next:after {background: url(../img/corporate/right_arrow.png) no-repeat; top: 20px; left: 23px;}
.corp .next:hover:before {opacity: 1; left: 0px;}
.corp .prev:hover:before {opacity: 1; left: 0px;}
.corp-main-title {position: absolute; right: 0px; bottom: 100px;}
.corp .main-button-sq {border: 0px none;}
.corp .main-button-sq:after {background: #fff; transform: translate3d(0,-100%, 0);-webkit-transform: translate3d(0,-100%, 0);-moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0);} 
.corp .main-button-sq:hover:after {transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);}
.corp .main-button-sq:hover {color: #fff;}
.corp .main-button-sq.dark-button:hover {color: #000;}
.corp .main-button-sq.b-dark-col {color: #20272b;} 
.corp-main-title h1 {padding-bottom: 15px;} 
.corp-main-title p {padding-bottom: 40px;}
.corp-main-title .main-button-sq {margin-right: 25px;}

.second-main-title {position: relative; float: left; width: 100%; text-align: center; padding: 80px 0px 30px;}
.second-main-title h2 {padding-bottom: 15px; color: #808080;}
.second-main-title .line {background: #4d9de0; margin-bottom: 25px;}
.about-col {position: relative; float: left; width: 100%; padding-top: 40px;}
.about-col img {width: 100%; height: auto;}
.about-col-txt {position: relative; float: left; padding-top: 20px; text-align: left; padding-bottom: 80px;}
.about-col-txt h3 {padding-bottom: 20px;}
.about-col-txt p {padding-bottom: 30px;}
.link-style-1 {color: #4d9de0; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; font-size: 11px; position: relative; float: left;}
.link-style-1:after {content: ''; position: absolute; width: 100%; height: 30px; margin-top: -7px; background: #4d9de0; top: 0px; left: 0px; z-index: -1; transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);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;}
.link-style-1:hover {color: #fff; padding: 0px 5px;}
.link-style-1:hover:after {transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
.corp .fix-title {padding: 170px 0px 140px;}
.corp .fix-title  span {float: none; font-weight: 500; width: 100%; padding-bottom: 30px;}
.corp .fix-title .main-button-sq.br-wh {border: 1px solid #fff; float: none;}
.corp .fix-title .main-button-sq.br-wh:after {background: #fff;}
.corp .fix-title .main-button-sq.br-wh:hover {color: #000; border: 1px solid rgba(0,0,0,0);}

.progress-col {position: relative; float: left; width: 100%; text-align: center;}
.progress-col:after {position: absolute; width: 100%; margin-left: -52px; height: 1px; top: 71px; background: #74a2a2; content: '';}
.col:last-child .progress-col:after {display: none;}
.progress-col .prog-img {width: 142px; height: 142px; border: 1px solid #74a2a2; border-radius: 50%; position: relative; float: none; display: inline-block; z-index: 1; background: #fff;} 
.hov_img {opacity: 0; position: absolute; left: 0px; top: 0px;}
.progress-col .prog-img:before {background: #4d9de0; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border-radius: 50%; content: ''; transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);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;}
.progress-col .prog-img:hover:before {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.progress-col .prog-img:hover .hov_img {opacity: 1;} 
.progress-col .prog-img:hover .img-hide-hov {opacity: 0;}
.progress-col .prog-img:hover {transform: scale(0.95);-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-ms-transform: scale(0.95); border: 1px solid rgba(0,0,0,0);}
.progress-col .prog-img:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);}
.prog-txt {position: relative; float: left; padding-top: 30px;}
.prog-txt h3 {color: #808080; padding-bottom: 32px;}
.prog-txt p {font-size: 12px; line-height: 25px; padding: 0px 15px;}
.team-col {position: relative; float: left; width: 100%;}
.team-col img {width: 100%; height: auto;}
.team-txt {position: relative; float: left; width: 100%; color: #808080; padding-top: 35px;}
.team-txt h3 {padding-bottom: 5px;}
.team-txt h6 {letter-spacing: 2px;}
.team-follow {position: relative; float: left; width: 100%; padding-top: 27px;}
.team-follow .fa {font-size: 18px; color: #969595; position: relative; float: left; width: 32px; height: 32px; border: 1px solid #969595; border-radius: 50%; padding: 6.5px 0px 0px 7.2px; margin-right: 10px;}
.team-follow .fa:hover {border:1px solid #74a2a2;color: #74a2a2;}

.corp-work {position: relative; float: left; width: 100%; text-align: center; padding-bottom: 60px; background: #f1f5f5;}
.work-slider {position: relative; float: left; width: 100%;}
.work-slider .pagination {display: none;}
.corp-work .slide-prev {position: relative; left: auto; display: inline-block; float: none; top: 15px;}
.corp-work .slide-next {position: relative; left: auto; display: inline-block; float: none; top: 15px;}
.corp-work .slide-prev:hover {color: #4d9de0;}
.corp-work .slide-next:hover {color: #4d9de0;}
.work-slide-text {position: relative; display: block; max-width: 750px; text-align: center; padding-top: 50px; margin: 0 auto;}

.corp-service {position: relative; float: left; width: 100%; padding-top: 80px;}
.skill-bar {position: relative; float: left; width: 100%;}
.skill-block {position: relative; float: left; width: 100%; height: 40px; margin: 10px 0px;}
.skill-block span {position: relative; font-size: 14px; color:#808080; padding: 20px 0px; font-weight: 400;}
.skill-block .skill-line {height: 10px; background: #f1f5f5; position: relative; margin-top: 17px; width: 100%;}
.skill-block .skill-line div {position: absolute; background: #4d9de0; width: 0%; height: 10px; transition:all 2s ease-in-out 0.3s;-webkit-transition:all 2s ease-in-out 0.3s;-moz-transition:all 2s ease-in-out 0.3s;-o-transition:all 2s ease-in-out 0.3s;-ms-transition:all 2s ease-in-out 0.3s;}
.skill-block h5 {font-size: 10px;text-align: right;padding: 2px 8px;position: absolute;right: -29px;top: -6px;background: #20272b;color: #fff;
font-weight: 400;}
.skill-block h5:after {font-size: 10px; font-weight: 400; content: '%';}
.vimeo-video {position: relative; float: left; width: 100%;}
.post-item {padding-bottom: 65px;}
.blog-section {margin-top: 10px;}
.blog-section .post-text {padding: 0px;}
.blog-section .post-text p {padding: 25px 0px 20px;}
.corp-points {position: absolute; bottom: 0px; width: 100%; text-align: center; left: 0px; margin: 0px;}
.corp-points .swiper-pagination-switch {width: 8px; height: 8px; position: relative; float: none; display: inline-block; background: #fff; border-radius: 50%; margin: 0px 5px; 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;}
.corp-points .swiper-pagination-switch.swiper-active-switch {transform: scale(1.7);-webkit-transform: scale(1.7);-moz-transform: scale(1.7);-ms-transform: scale(1.7); border: 1px solid #fff; background: none; margin-top: 5px; z-index: 5;}

.video-click {position: relative; float: left; width: 100%;}
.det-img .video-click {padding-top: 0px;}
.video-click.vsplay {padding-top: 0px;}
.video-click img {cursor: pointer;}
.video {float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0; display: none;}
.video iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
.video .clos {width: 16px; height: 16px; position: absolute; top: 20px; right: 53px; z-index: 5;}
.play {position: absolute; top: 50%; left: 50%; margin-left: -34px; margin-top: -34px; }
.close-v {position: absolute; right: 20px; top: 20px; cursor: pointer;}
.video img {width: 16px; height: 16px;}
.testi-slider {padding: 60px 0px 120px;}
.corpor-comm {position: relative; float: none; display: block; margin: 0 auto; max-width: 670px; color: #fff;}
.corpor-comm h4 {padding: 30px 0px 5px;}
.corpor-comm p {font-weight: 400; padding-top: 25px;}
.testi-slider .corp-points {bottom: 60px;}
.corpor-price {margin-bottom: 40px;}
.corpor-price .clients-slider {margin-top: 120px; height: 39px;} 
.corpor-price .slide-prev {top: 55%;}
.corpor-price .slide-next {top: 55%;}
.corpor-price .pricing-kind {background: #f1f5f5; padding: 0px 70px; border-top: 0px none; border-bottom: 0px none; margin-top: 0px;}
.corpor-price .price-wrap {border-top: 1px solid #d9dfe4; border-bottom: 1px solid #d9dfe4;} 
.corpor-price .pricing-kind h4 {font-weight: 400;}
.corpor-price .price-wrap span {font-weight: 300; color: #4d9de0;}
.corpor-price .price-wrap h5 {font-weight: 400;}
.corpor-price .price-ul ul li {color: #8b8b8b;}
.corpor-price .main-button-sq.bg-dark-main-1 {border: 0px none;}
.corpor-price .main-button-sq.bg-dark-main-1:hover {color: #000; border: 0px none;}
.corpor-price .pricing-kind:hover {background: #4d9de0; color: #fff;}
.corpor-price .pricing-kind:hover span {color: #fff;}
.corpor-price .pricing-kind:hover .price-wrap {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.corpor-price .pricing-kind:hover .price-ul ul li {color: #fff;}
.contact-section .bg-dark-main-1 {margin-top: 35px;}
.contact-section .bg-dark-main-1:hover {color: #000;}
.contact-section.contact-corpor {padding: 0px 0px 60px; background: #f1f5f5;}

.main-wrap {position: relative; float: left; width: 100%; z-index: 2; background: #fff;} 
.footer-fix {position: fixed; bottom:0; left:0; width: 100%; background: #0b253b; z-index: -1;}
.footer-fix.no-fix {position: relative; float: left;}
.footer-fix .copy {text-align: center; width: 100%; padding: 40px 0px 35px;}
.footer-fix-share {position: relative; float: left; width: 100%; overflow: hidden; z-index: 3;}
.footer-fix-share a {position: relative; float: left; width: 25%; height: 100px; text-align: center; 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;}
.footer-fix-share a span {position: relative; float: none; display: inline-block; font-size: 36px; color: #606060; padding-top: 30px; overflow: hidden; z-index: 1;}
.footer-fix-share a i {font-size: 36px; position: absolute; left: 0px; top: 0px; color: #fff; padding-top: 30px; width: 100%; text-align: center;}
.footer-fix-share a:nth-child(2n+1) {background: #fff;}
.footer-fix-share a:nth-child(2n) {background: #e4e6e6;}
.footer-fix-share a:hover {background: #4d9de0;}
.footer-fix-share a:hover span {transform: translateY(-180%) scale(1.8);-webkit-transform: translateY(-180%) scale(1.8);-moz-transform: translateY(-180%) scale(1.8);-ms-transform: translateY(-180%) scale(1.8);}

.static-title {position: absolute; right: 0px;bottom:0px; z-index: 5; width: 100%;}
.static-title .corp-main-title h1 {color: #fff;}
.static-title .corp-main-title p {color: #fff;}
.corp .soon-wrap {z-index: 5;} 

@media screen and (max-width: 992px) {
	.corp nav {background: #fff;}
    .about-col-txt {padding-bottom: 40px;}
	.about-col {padding-top: 20px;}
	.corp .fix-title {padding: 120px 0px 100px;}
	.progress-col::after {display: none;}
	.progress-col {padding-top: 40px;}
	.team-col {padding-bottom: 40px;}
	.skill-bar {padding-bottom: 60px;}
	.corp-service {padding-top: 40px;}
	.blog-section .post-text {padding-top: 30px;}
	.corpor-price .pricing-kind {margin-bottom: 40px;}
	.corpor-price {margin-bottom: 40px;}
	.corp .footer-fix-share {margin-bottom: 0px;}
}
@media screen and (max-width: 768px) {
    .footer-fix-share a {height: 80px;}
	.footer-fix-share a span {font-size: 26px;}
	.footer-fix-share a i {font-size: 26px;}
	.corpor-comm {max-width: 100%;}
	.work-slide-text {max-width: 100%; padding: 40px 15px 0px;}
	.prog-txt {width: 100%;}
	.corp-work .slide-prev {left: auto; margin-right: 20px;}
	.corp-work .slide-next {right: auto; margin-left: 20px;}
	.corp-main-title {padding-left: 15px;}
	.corpor-price .clients-slider{margin-top: 80px;}
	.post-item {padding-left: 15px; padding-right: 15px; padding-bottom: 40px;}
}
@media screen and (max-width: 480px) {
	.news-line {display: none;}
	.corp .next {display: none;}
	.corp .prev {display: none;}
    .corp .logo {margin-top: 15px;}
    .corp .top-baner {display: none;} 
	.corp .bannercontainer {padding-top: 59px;}
	.second-main-title {padding: 50px 0px 30px;}
	.progress-col {padding-top: 20px;}
	.corpor-price .clients-slider{margin-top: 40px;}
}
@media screen and (max-width: 400px) {
    .corp-main-title .main-button-sq {margin-top: 20px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - APP */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.app .bannercontainer {padding-top: 0px; height: 100vmin!important; min-height: 600px;}
.app .bannercontainer ul li:after {content: ''; position: absolute; left: 0px; bottom: 0px; height: 80px; background: #fff; width: 100%; z-index: 50;}
.app h1 {font-size: 36px; font-weight: 600; line-height: 48px;}
.app h2 {font-size: 36px; font-weight: 300;}
.app h3 {font-size: 24px; font-weight: 400;}
.app h4 {font-size: 16px; font-weight: 600; text-transform: uppercase;}
.app p {font-weight: 400; line-height: 24px;}
.app .navigation {background: none;}
.app .navigation.scrol {background: #000;}
.app .navigation.scrol nav a {color: #fff;}
.app nav a {color: #af9876;}
.app nav a:hover {color: #fff;}
.app nav a.active {font-weight: 700; color: #af9876;}
.app .nav-menu-icon a i {background: #af9876;}
.app .mobile-icon {border: 2px solid #af9876;}
.app .navigation.scrol nav a.active {color: #AF9876; font-weight: 700;}
.phapps {position: relative; float: left; width: 100%; background: url(../img/app/photoapps.png) no-repeat; width: 263px; height: 53px;}
.app .nav-menu-icon a i::before, .app .nav-menu-icon a i::after {background: #af9876;}
.app-title .app-button {margin-right: 30px;} 
.add-title-img {position: absolute; right: 0px; margin-right: 60px; top: -150px; width: 180px;}
.add-title-img img {width: 100%; height: auto;}
.app-main-title {position: relative; width: 100%; float: left; top: 0px;}
.app-main-title h1 {padding-bottom: 15px; padding-top: 15px; position: relative; float: left; width: 100%; color: #fff;}
.app-main-title p {padding-bottom: 40px; position: relative; float: left; width: 100%;}
.app-title {position: absolute; left: 0px; bottom: 115px; width: 100%; z-index: 500;}
.app-button {position: relative; float: left; background: #fff; border-radius: 15px; height: 75px; width: 250px; color: #000;}
.app-button a {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.app-button span {font-size: 50px; color: #af9876; background: #c8d7d4; position: absolute; left: -2px; top: 0px; width: 72px; height: 100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 10px 15px;}
.button-txt {padding-left: 93px;}
.button-txt p {font-size: 15px; padding-top: 10px;font-weight: 400; padding-bottom: 3px;}
.app-button:hover {background: #000; color: #fff;}
.app-button:hover span {color: #c8d7d4; background: #af9876;}
.app .second-main-title h2 {padding-bottom: 30px; color: #27282d;}
.app .second-main-title p {color: #787878;}
.brief-section {position: relative; float: left; width: 100%; margin-top: 100px;}
.main-button-sq.bg-braun {border: 0px none; text-transform: capitalize; color: #c8d7d4;}
.bg-bref {position: relative; float: left; width: 100%; min-height: 370px;}
.brief-caption {position: relative; float: left; width: 100%; padding: 70px 15px 0px 115px;}
.brief-caption h2 {padding-bottom: 15px;}
.brief-caption p {padding-bottom: 43px;}
.load-more-brief {position: absolute; left: 90px; bottom: 40px;}
.load-more-brief a {text-transform: uppercase; font-size: 24px; color: #323635; font-weight: 700; position: relative; float: left; width: 100%;}
.load-more-brief a p {font-size: 36px; font-weight: 700; padding-top: 5px;}
.big-line {width: 110px; height: 1px; background: #323635; position: relative; float: none; display: inline-block; margin-bottom: 12px;}
.featur-block-wrap {position: relative; float: left; padding-top: 95px;}
.featur-block {position: relative; float: left; width: 100%; margin-bottom: 80px;}
.featur-block img {position: absolute; left: 0px; top: 0px;}
.featur-block-txt {position: relative; float: left; padding-left: 90px;}
.featur-block-txt p {line-height: 20px; color: #7d7d7d; font-weight: 400;}
.featur-block-txt h4 {padding-bottom: 8px; line-height: 16px;}
.iphone-layer {position: relative; float: left; width: 100%;}
.ibg {position: absolute; top: 68px; left: 18px;}
.features .second-main-title {padding-bottom: 80px;}
.featur-block-wrap:first-child .featur-block:after {content: ''; position: absolute; top: 50%; right: -110px; background: url(../img/app/check-line_1.png) no-repeat; width: 168px; height: 6px; z-index: 50;}
.featur-block-wrap:first-child .featur-block:nth-child(2):after {background: url(../img/app/check-line_2.png) no-repeat; content: ''; width: 182px; height: 53px; top: 10%; right: -124px; position: absolute;}
.featur-block-wrap:last-child .featur-block:after {content: ''; position: absolute; top: 50%; left: -185px; background: url(../img/app/check-line_1.png) no-repeat; width: 168px; height: 6px; z-index: 50; transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.video-app-title {position: absolute; left: 0px; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); text-align: center;}
.video-app-title h2 {padding-bottom: 25px;}
.video-app-title p {color: #fff;}
.video-section {position: relative; float: left; width: 100%; overflow: hidden;}
.bg-video {position: absolute;width: 100%;top: 0px;left: 0px;z-index: 0;}
.bg-video video {width: 100%; position: absolute; top: 0px; left: 0px; min-height: 400px;}
.video-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.6);}
.bg-video .container {z-index: 2;}
.video-app-wrappp {position: relative; float: left; width: 100%; min-height: 550px;}
.screen-slider {padding-top: 80px; width: 100%; padding-bottom: 270px;} 
.screen-slider .swiper-wrapper {overflow: hidden;}
.screen-slider .swiper-slide {text-align: center; position: relative; float: none; display: inline-block;}
.screen-slider .swiper-slide img {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;}
.screen-slider .swiper-slide.swiper-slide-active img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);} 
.screen-layer {position: absolute; left: 50%; top: 180px; margin-left: -134px; overflow: hidden; z-index: 1;} 
.app .pagination {position: absolute; width: 100%; bottom: 0px; text-align: center; left: 0px;}
.screen-slider .pagination  {bottom: 90px;}
.app .swiper-pagination-switch {position: relative; float: none; display: inline-block; margin: 0px 8px; width: 8px; height: 8px; background: #000; border-radius: 50%; 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;}
.app .swiper-pagination-switch.swiper-active-switch {background: none; border: 1px solid #000; transform: scale(1.8);-webkit-transform: scale(1.8);-moz-transform: scale(1.8);-ms-transform: scale(1.8);}

.pricing-app {padding-bottom: 80px;}
.pricing-app .pricing-kind {border-top: 0px none; border-bottom: 0px none;}
.pricing-app .price-wrap {border-top: 1px solid #c8d7d4; border-bottom: 1px solid #c8d7d4; color: #af9876;}
.pricing-app .pricing-kind h4 {font-size: 18px; font-weight: 400;}
.pricing-app .price-wrap span {font-size: 100px; font-weight: 300;}
.pricing-app .price-wrap sup {font-size: 56px; font-weight: 300;}
.pricing-app .price-wrap h5 {font-size: 16px; font-weight: 300;}
.pricing-app .price-ul ul li {color: #7d7d7d; font-size: 18px; line-height: 35px; padding: 0px; font-weight: 400;}
.pricing-app .main-button-sq {font-size: 18px; background: #c8d7d4; border: 0px none; text-transform: capitalize;}
.pricing-app .pricing-kind:hover {color: #af9876;}
.pricing-app .pricing-kind:hover .price-ul ul li {color: #af9876;}
.pricing-app .pricing-kind:hover .price-wrap {border-top: 1px solid #af9876; border-bottom: 1px solid #af9876;}
.pricing-app .price-ul .main-button-sq::after {background: #af9876;}
.app .clients-slider .pagination {display: none;}
.app .clients-slider {padding: 80px 0px;}
.activ-logo {position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); top: 0px; opacity: 0; 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;}
.client-app .logotype-clients:hover .activ-logo {opacity: 1; cursor: pointer;}
.logotype-clients.active .activ-logo {opacity: 1;}
.testi-slider-wrap {position: relative; float: left; width: 100%;} 
.app #testi-slider .pagination {display: none;}
.client-app-com {position: relative; float: left; text-align: center; width: 100%; padding: 70px 0px 80px; text-align: center;}
.client-app-com img {position: relative; float: none; display: block; margin: 0 auto;}
.client-app-com i {font-size: 14px; font-family: 'Libre Baskerville', serif; line-height: 30px; color: #fff; text-transform: none; position: relative; width: 100%; display: block; padding: 80px 0px 30px;}
.rate {position: relative; float: left; width: 100%; text-align: center;}
.rate img {position: relative; float: none; display: inline-block; margin: 0px 3px;}
.download-title {position: relative; float: left; width: 100%; text-align: center; padding: 190px 0px 180px; }
.download-title .app-button {position: relative; float: none; display: inline-block; margin: 0px 15px 50px; }
.app-footer .footer-fix-share {z-index: 5;}
.app-footer .footer-fix-share a:nth-child(2n+1) {background: #e9f1ef;} 
.app-footer .footer-fix-share a:nth-child(2n) {background: #c8d7d4;}  
.app-footer .footer-fix-share a:hover {background: #af9876;}
.app-footer {background: #fff;}
.app-footer .copy {text-align: center; float: none;}
.app-footer .copy span {color: #000;}

.popup-info-modal {position: fixed; background: #ccc; left: 80px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); max-width: 180px; height: auto; padding: 15px; margin-top: 50px; opacity: 0; width: 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;}
.popup-info-modal.slide {opacity: 1; width: 100%;}
.popup-info-modal span {font-size: 14px; color: #222; line-height: 18px; position: relative; float: left; width: 100%; padding-bottom: 10px;}
.popup-info-modal:after {content: ''; position: absolute; top: 50%; left: -10px;border-style: solid;border-width: 10px 15px 10px 0;
border-color: transparent #ccc transparent transparent; z-index: 5; margin-top: -10px;}

.video-wrapper .app-main-title h1 {color: #fff;}

@media screen and (max-width: 1200px) {
      .brief-caption {padding: 50px 15px 30px 35px;}
}
@media screen and (max-width: 992px) {
	  .load-more-brief {left: 15px;}
      .app-button {height: 60px; width: 210px;}
      .app-button span {font-size: 35px; width: 60px; padding: 12px 16px;} 
	  .button-txt {padding-left: 75px;}
	  .button-txt p {font-size: 14px; padding-top: 5px; padding-bottom: 0px;}
	  .button-txt h3 {font-size: 20px;}
	  .add-title-img {top: -55px; margin-right: 0px;}
	  .brief-section {margin-top: 50px;}
	  .app .logo {margin-top: 30px;}
	  .featur-block-wrap:first-child .featur-block:after  {display: none;}
	  .featur-block-wrap:first-child .featur-block:nth-child(2):after {display: none;}
      .featur-block-wrap:last-child .featur-block:after {display: none;}
	  .featur-block-wrap {padding-top: 0px;}
	  .screen-slider {padding-bottom: 180px;}
	  .screen-slider .pagination {bottom: 25px;}
	  .client-app-com i {padding: 40px 10px 30px;}
	  .client-app-com {padding: 60px 0px;}
	  .download-title {padding: 135px 0px 120px;}
	  .footer-fix-share {margin-bottom: 45px;}
	  .video-app-wrappp {min-height: 400px;}
	  .app-main-title {top: 0px;}
	  .app-title .app-button {margin-bottom: 15px;}
}
@media screen and (max-width: 768px) {
      .add-title-img {display: none;}
	  .pricing-app {padding-bottom: 40px;}
	  .pricing-app .pricing-kind {padding-left: 60px; padding-right: 60px;}
	  .features {padding-bottom: 40px;}
	  .bg-video video {width: auto;}
	  .app .bannercontainer ul li:after {display: none;}
	  .app-title {top: 50%; bottom: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); margin-top: 40px;}
      .app-title .app-button {margin-bottom: 15px!important;}
}
@media screen and (max-width: 480px) {
	  .featur-block {margin-bottom: 50px;}
	  .app .logo {margin-top: 12px;}
	  .app nav {padding-top: 60px;}
	  .brief-caption {padding: 50px 0px 30px 0px;}
	  .screen-layer {top: 150px;}
	  .pricing-app .pricing-kind {padding-left: 15px; padding-right: 15px;}
	  .download-title .app-button {margin: 0px 0px 30px;}
	  .blog {padding: 80px 0px 40px;}
} 
@media screen and (max-width: 396px) {
      .screen-layer {top: 200px;}
	  .client-app-com i {padding: 40px 0px 30px;}
	  .app-main-title h1 {font-size: 32px; line-height: 40px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - CAREER */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.career {background: #f3f3f3; color: #606060; position: relative; width: 100%; z-index: 500;}
.career .second-main-title {padding-bottom: 40px;}
.career .second-main-title h2 {padding-bottom: 35px;}
.career .nav-menu-icon a.active i {background: none;}
.career .nav-menu-icon a i {background: #a1a1a1;}
.career .mobile-icon {border: 2px solid #a1a1a1;}
.career.main.fix {overflow-y:auto;}
.career .nav-menu-icon a i::before, .career .nav-menu-icon a i::after {background: #a1a1a1;}
.career p {color: #8f8f8f;}
.career h2 {font-size: 24px; font-weight: 500; line-height: 32px;}
.career h3 {font-size: 18px; font-weight: 400; line-height: 24px;}
.career h5 {font-size: 12px; text-transform: uppercase; font-weight: 400;}
.career header {max-width: 1170px; display: block; margin: 0 auto; left: auto; margin-left: -15px;}
.career .corp-baner {background: #a1a1a1;}
.career .navigation {background: #fff; height: 125px; width: 102.6%; margin-left: -1.3%; margin-right: -1.3%;}
.career .navigation:before {content: ''; position: absolute; left:0px; bottom: -17px; z-index: 5; width: 0;height: 0;border-style: solid;
border-width: 0 17px 17px 0;border-color: transparent #a1a1a1 transparent transparent;}
.career .navigation:after {content: ''; position: absolute; width: 0;height: 0;border-style: solid;border-width: 17px 17px 0 0;border-color: #a1a1a1 transparent transparent transparent; right:0px; bottom: -17px; z-index: 5;}
.career nav {padding-top: 70px;}
.career .logo {margin-top: 60px;}
.career nav a {color: #606060;}
.career nav a:hover {color: #ff2020;}
.career nav a.active {font-weight: 700; color: #000;}
.car-home {padding-top: 175px;}
.career-sl-point {position: relative; float: left; width: 100%; z-index: 5;}
.career-sl-point h2 {text-align: left; letter-spacing: -1px; padding-bottom: 8px;}
.career-sl-point p {font-size: 12px; line-height: 18px; text-align: left;}
.career-point {position: relative; float: left; width: 100%; height: 155px; text-align: left; padding: 50px 30px 0px; cursor: pointer;}
.career-point:nth-child(2n) {background: #ebebeb;}
.career-point:nth-child(2n+1) {background: #e0e0e0;}
.career-slider .pagination {display: none;}
.career-point:before {content: ''; position: absolute; left: -18px; top: 50%; margin-top: -9px; border: 9px solid transparent; border-right: 9px solid  #ff2020; opacity: 0; 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;}
.career-point:hover {background: #ff2020; color: #fff;}
.career-point:hover p {color: #fff;}
.career-point:hover:before {opacity: 1;} 
.career-point.active {background: #ff2020; color: #fff;}
.career-point.active p {color: #fff;}
.career-point.active:before {opacity: 1;}  
.car-service {border-bottom: 1px solid #efefef;}
.car-service .offerings-section {padding-top: 0px;}
.car-service .offer-block img {margin: 20px;}
.car-service .offer-block h3 {padding-bottom: 30px;}
.car-service .offer-block {padding-bottom: 85px;}
.car-team .team-col {padding-bottom: 80px;}
.car-team .team-col {text-align: center;}
.car-team .team-col img {width: auto; height: auto;}

.car-team .team-follow .fa {float: none; text-align: left;}
.car-team .team-follow .fa:hover {color: #ff2020; border: 1px solid #ff2020;}
.career .fix-title {text-align: center; padding: 170px 0px 135px;}
.career .fix-title span {text-align: center; float: none; width: 100%; padding-bottom: 40px;}
.career .fix-title .main-button-sq {float: none; border: 1px solid #fff;}
.career .fix-title .main-button-sq:after {background: #0b253b;}
.career .fix-title .main-button-sq:hover {border: 1px solid #0b253b;}
.position-block {position: relative; float: left; width: 100%; padding: 35px 0px 30px; text-align: center; border: 1px solid #f7f7f7;}
.position-block h3 {padding-bottom: 12px;}
.position-block p {padding: 0px 70px 12px; line-height: 20px;}

.left-features {position: relative; float: left; width: 100%; padding: 0px 30px 0px 45px;}
.left-features h2 {padding-bottom: 10px; padding-top: 70px;}
.left-features .line {background: #ff2020; margin-bottom: 14px;}
.left-features h3 {color: #8f8f8f; text-transform: uppercase; font-weight: 700; padding-bottom: 30px;}
.left-features .togglet {border: 1px solid #fff;}
.left-features .togglet:hover {background: #606060; border: 1px solid #606060;}
.left-features .toggle .toggleta {background: #606060;} 
.car-form {position: relative; float: left; width: 100%; padding: 75px 35px 85px;}
.car-form h2 {padding-bottom: 35px;}
.car-drop {position: relative; float: left; width: 100%; margin-bottom: 20px; height: 35px;} 
.car-input {position: relative; float: left; width: 100%;}
.car-form input {width: 100%; height: 35px; border: 1px solid #fff; font-size: 12px; padding: 0px 15px; margin-bottom: 20px; background: none; position: relative; float: left;}
.half-input input {width: 48%; margin-left: 4%;}
.half-input input:first-child {margin-left: 0px;}
.car-feat .main-button-sq {border: 0px none; margin-top: 20px; font-weight: 400;}
.career .main-button-sq:after {background: #222;}
.career .main-button-sq:hover {color: #fff;}
.styled-tabs {padding: 50px 0px 20px;}
.carr-testi .pagination {display: none;}
.lf-block {position: relative; float: left; width: 50%;}
.testi-caption {position: absolute; width: 100%; bottom: 35px; left: 0;}
.testi-caption-txt {position: relative; float: right; margin-right: 60px;}
.testi-caption-txt span {font-family: 'Libre Baskerville', serif; font-size: 14px; font-weight: 400;}
.testi-caption-txt h5 {padding: 5px 0px 2px;}
.lf-block q {font-family: 'Libre Baskerville', serif; font-size: 14px; color: #8b8b8b; line-height: 25px; padding: 50px 30px; position: relative; float: left; width: 100%;}
.lf-block img {width: 100%; height: auto;}
.car-client .slide-prev {top: 50%; margin-top: -16px;}
.car-client .slide-prev:hover span {color: #ff2020;}
.car-client .slide-next {top: 50%; margin-top: -16px;}
.car-client .slide-next:hover span {color: #ff2020;}
.car-logo {position: relative; float: left; width: 100%; padding: 80px 0px 40px;}

.footer-grey {background: #606060;}
.footer-grey .copy {padding: 30px 0px 25px 25px;}
.footer-grey .footer-share {padding-top: 30px; padding-right: 25px;}
.footer-grey .footer-share a:hover {color: #333a42;}
.footer-grey .footer-mini-block h3 {padding-bottom: 50px;}
.footer-grey .footer-logo-tite {margin-bottom: 30px;}
.footer-grey .footer-form input[type="submit"] {background: #ff2020; border: 0px none; padding: 15px 0px; height: auto;}
.footer-grey .footer-form input[type="submit"]:hover {background: #222; color: #fff;}
.footer-grey .footer-mail a {color: #606060;}
.bottom-footer-bar {position: relative; float: left; width: 100%; background: #606060;}

.career .static-img {position: relative; float: left; width: 100%;}
.career .date .date-square {margin: 0px 5px; width: 140px; padding: 10px 15px; background: #606060;}

@media screen and (max-width: 1200px) {
    .career-point {padding: 20px;}
	.career header {max-width: 973px;}
	.lf-block q {padding: 20px;}
}
@media screen and (max-width: 992px) {
	.career nav.slide-menu {background: #fff;}
    .career nav {z-index: 100;}
	.career .mobile-icon {z-index: 101;}
	.career .navigation {height: 60px; margin-left: 0px; margin-right: 0px; width: 100%;}
	.career .top-baner {height: 40px; padding-top: 10px;}
	.career .logo {margin-top: 13px;}
	.career .mobile-icon {margin-top: 5px;}
	.car-home {padding-top: 99px;}
	.career .navigation::before {display: none;}
	.career .navigation::after {display: none;}
	.career-point {width: 33.333%; padding: 0px;}
	.career-sl-point h2 {text-align: center; position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); padding-bottom: 0px;}
	.career-sl-point p {display: none;}
	.career-point:before {top: -2px; left: 50%;width: 0;height: 0;border-style: solid;border-width: 0 12px 16px 12px;border-color: transparent transparent #ff2020 transparent; margin-left: -9px;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;}
	.career header {max-width: 750px;} 
	.car-service .offer-block {padding: 20px 0px 40px;}
	.career .second-main-title {padding-top: 40px;}
	.car-team .team-col {padding-bottom: 40px;}
	.career .fix-title {padding: 120px 0px 100px;}
	.left-features {padding-left: 0px;}
	.lf-block {width: 100%;}
}
@media screen and (max-width: 768px) {
    .no-pad {padding-left: 0px; padding-right: 0px;}
	.car-service .offer-block {padding: 20px 0px;}
	.car-service .offerings-section {padding: 40px 0px;}
	.career .second-main-title h2 {padding-bottom: 20px;}
	.left-features {padding: 0px 15px 40px;} 
	.left-features h2 {padding-top: 40px;}
	.car-form {padding: 40px 15px 45px;}
	.footer-grey .copy {width: 100%; text-align: center; padding-left: 0px;}
	.footer-grey .footer-share {text-align: center; padding-right: 0px; width: 100%; padding-bottom: 20px;}
	.footer-grey .footer-share a {float: none; margin: 0 10px;}
}
@media screen and (max-width: 550px) {
    .career-sl-point h2 {font-size: 18px;}
}

@media screen and (max-width: 480px) {
	.car-form input {padding: 0px 10px;}
    .career-sl-point {display: none;}
	.career .corp-baner {display: none;}
	.car-home {padding-top: 59px;}
	.testi-caption-txt {margin-right: 20px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - SPA */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.spa {color: #646464;}
.spa h1 {font-family: 'Playfair Display', serif; font-size: 36px; text-transform: none; font-weight: 400; letter-spacing: 1px;}
.spa h2 {font-family: 'Playfair Display', serif; font-size: 36px; text-transform: uppercase; font-weight: 400; color: #323232;}
.spa h5 {font-size: 16px;}
.spa p {color: #646464; line-height: 24px;}
.bar-content {padding-top: 38px;}
.bar-content .top-icon {font-size: 14px; color: #000;}
.bar-content span{line-height: 20px; font-size: 14px; font-weight: 500; color: #787878;}
.spa .top-baner {text-align: center; height: 100px; background: #fff;}
.spa .top-baner .logo {position: relative; float: none; display: inline-block;} 
.spa .navigation {height: 70px; background: #f3f3f3;}
.spa nav {text-align: center; padding-top: 25px; float: none; width: 100%;}
.spa nav a {color: #646464; font-size: 14px; text-transform: uppercase; font-weight: 500; margin: 0px 18px; padding: 0px 12px; position: relative; float: none;}
.spa nav a:hover {color: #e74653;}
.spa nav a span:first-child {width: 100%; opacity: 0; height: 2px; background: #e74653; border-radius: 2px; position: absolute; left: 0px; top: -8px;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;}
.spa nav a span:last-child {width: 100%; opacity: 0; height: 2px; background: #e74653; border-radius: 2px; position: absolute; left: 0px; bottom: -8px;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;}
.spa nav a span:first-child:before {position: absolute; width: 6px; height: 9px; content: ''; background: url(../img/spa/top-right-point.png) no-repeat; left: -4px; top: 0;}
.spa nav a span:first-child:after {position: absolute; width: 6px; height: 9px; content: ''; background: url(../img/spa/top-left-point.png) no-repeat; right: -4px; top: 0;}
.spa nav a span:last-child:before {position: absolute; width: 6px; height: 9px; content: ''; background: url(../img/spa/bottom-left-point.png) no-repeat; left: -4px; bottom: 0;}
.spa nav a span:last-child:after {position: absolute; width: 6px; height: 9px; content: ''; background: url(../img/spa/bottom-right-point.png) no-repeat; right: -4px; bottom: 0;}
.spa nav a:hover span:last-child {opacity: 1; bottom: -4px;} 
.spa nav a:hover span:first-child {opacity: 1; top: -4px;} 
.spa nav a.active {color: #e74653; font-weight: 500;}
.spa nav a.active span:last-child {opacity: 1; bottom: -4px;}
.spa nav a.active span:first-child {opacity: 1; top: -4px;}
.spa .bannercontainer {padding-top: 170px;}
.span-caption {position: absolute; left: 0%; bottom: 115px; width: auto; background: rgba(0,0,0,0.9); text-align: center; padding: 35px 80px 40px; z-index: 5;}
.span-caption h1 {padding-bottom: 10px;}
.span-caption p {color: #fff;}
.separator {position: relative; float: none; display: inline-block; margin-bottom: 20px;}
.spa-title {position: relative; float: left; width: 100%; text-align: center; padding: 152px 0px 75px;}
.spa-title h2 {padding-bottom: 30px; letter-spacing: 1px;}
.spa-title P {padding: 0px 80px;}
.spa-title .separator {margin-bottom: 55px;}
.about-spa {padding-bottom: 160px;}
.about-spa-img {position: relative; float: left; width: 100%;}
.about-spa-img img {width: 100%; height: auto;}
.spa .fillter-wrap {width: 100%; text-align: center; padding-bottom: 35px;}
.spa-button {font-size: 18px; color: #646464; position: relative; float: none;}
.spa .fillter-wrap .spa-button {width: 200px; background: none; font-size: 18px; }
.spa-button span:first-child {width: 100%; opacity: 1; height: 2px; background: #646464; border-radius: 2px; position: absolute; left: 0px; top: -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;}
.spa-button span:first-child:before {position: absolute; width: 6px; height: 9px; content: ''; background: url(../img/spa/top-right-point_dark.png) no-repeat; left: -4px; top: 0;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;}
.spa-button span:first-child:after {position: absolute; width: 6px; height: 9px; content: ''; background: url(../img/spa/top-left-point_dark.png) no-repeat; right: -4px; top: 0;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;}
.spa-button span:last-child {width: 100%; opacity: 1; height: 2px; background: #646464; border-radius: 2px; position: absolute; left: 0px; bottom: -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;}
.spa-button span:last-child:before {position: absolute; width: 6px; height: 9px; content: ''; background: url(../img/spa/bottom-left-point_dark.png) no-repeat; left: -4px; bottom: 0;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;}
.spa-button span:last-child:after {position: absolute; width: 6px; height: 9px; content: ''; background: url(../img/spa/bottom-right-point_dark.png) no-repeat; right: -4px; bottom: 0;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;}
.spa .fillter-wrap .spa-button.activbut {color: #e74653; font-weight: 400;}
.spa-button.activbut span:first-child {background: #e74653;}
.spa-button.activbut span:first-child:before {background: url(../img/spa/top-right-point.png) no-repeat;}
.spa-button.activbut span:first-child:after {background: url(../img/spa/top-left-point.png) no-repeat;}
.spa-button.activbut span:last-child {background: #e74653;}
.spa-button.activbut span:last-child:before {background: url(../img/spa/bottom-left-point.png) no-repeat;}
.spa-button.activbut span:last-child:after {background: url(../img/spa/bottom-right-point.png) no-repeat;}
.spa .spa-button:hover {color: #e74653; font-weight: 400;}
.spa .spa-button:hover span:first-child {background: #e74653;}
.spa .spa-button:hover span:first-child:before {background: url(../img/spa/top-right-point.png) no-repeat;}
.spa .spa-button:hover span:first-child:after {background: url(../img/spa/top-left-point.png) no-repeat;}
.spa .spa-button:hover span:last-child {background: #e74653;}
.spa .spa-button:hover span:last-child:before {background: url(../img/spa/bottom-left-point.png) no-repeat;}
.spa .spa-button:hover span:last-child:after {background: url(../img/spa/bottom-right-point.png) no-repeat;}
.item.spa-item {text-align: center; padding-top: 40px; width: 25%;}
.item.spa-item img {width: auto; height: auto;}
.serv-spa {padding-bottom: 140px;}
.serv-spa-title {position: relative; float: left; width: 100%; padding-bottom: 40px;}
.serv-spa-title h3 {position: relative; float: left; width: 100%; padding: 18px 0px 14px;}
.serv-spa-price {position: relative; float: left; width: 100%;}
.serv-spa-price .spa-button {display: block; float: none; width: 150px; margin: 58px auto 50px; font-weight: 500; color: #646464;}
.serv-spa .grid-sizer {width: 25%;}
.spa-gallery-slider .pagination {display: none;}
.baner-nav-wrap {position: relative; float: left; width: 100%; height: 140px; background: #eaeaea;}
.gall-spa .slide-next-slide {position: absolute; right: 50%; margin-right: -85px; margin-top: -25px; top: 50%; background: none; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #000; cursor: pointer;}
.gall-spa .slide-prev-slide {position: absolute; left: 50%; margin-left: -85px; margin-top: -25px; top: 50%; background: none; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #000; cursor: pointer;}
.spa .slide-next-slide:after {background: url(../img/spa/next-arrow.png) no-repeat; width: 16px; height: 29px; top: 9px; left: 15px; position: absolute; content: '';}
.spa .slide-prev-slide:after {background: url(../img/spa/prev-arrow.png) no-repeat; width: 16px; height: 29px; top: 9px; left: 15px; position: absolute; content: '';}
.spa .gall-spa .bannercontainer {padding-top: 0px;} 
.spa-pattern {background: url(../img/spa/sativa.png) repeat;}
.price-spa {padding-bottom: 120px;}
.price-spa .pricing-kind {border-top: 0px none; border-bottom: 0px none; padding: 0px 70px 0px; margin-top: 0px;}
.price-spa .price-wrap span {font-weight: 300; font-size: 100px; color: #646464;}
.price-spa .pricing-kind {color: #646464;}
.price-spa .pricing-kind h4 {font-weight: 400; font-size: 18px;}
.price-spa .serv-spa-price .spa-button {margin: 0px auto; font-weight: 300;} 
.price-spa .price-ul ul li {font-size: 18px; line-height: 35px; font-weight: 300; padding: 0px;}
.price-spa .price-wrap {border-top: 1px solid #d9dfe4; border-bottom: 1px solid #d9dfe4;}
.price-spa .price-wrap h5 {font-weight: 400; text-transform: none; font-size: 16px;}
.price-spa .price-wrap sup {font-size: 55px; font-weight: 300; color: #646464;}
.price-spa .pricing-kind:hover .price-ul ul li {color: #000;}
.price-spa .pricing-kind:hover .price-wrap {border-top-color: #000; border-bottom-color: #000;}
.price-spa .pricing-kind:hover h4 {color: #e74653;}
.price-spa .pricing-kind:hover .price-wrap h5 {color: #e74653;}
.price-spa .pricing-kind:hover .price-wrap sup {color: #e74653;}
.price-spa .pricing-kind:hover .price-wrap sub {color: #e74653;}
.price-spa .pricing-kind:hover .price-wrap span {color: #e74653;}
.spa-title.no-text .separator {margin-bottom: 0px;}
.newslatter-wrap {position: relative; float: left; width: 100%;}
.newslatter {position: relative; float: left; width: 100%; padding: 100px 0px 50px; text-align: center;}
.newslatter h3 {font-size: 24px; line-height: 32px;}
.newslatter .serv-spa-price .spa-button {font-weight: 300;}
.spa-team {position: relative; float: left; width: 100%; text-align: center; padding-bottom: 40px;}
.team-spa{padding-bottom: 120px;}
.spa-team img {margin-bottom: 30px;}
.spa-team h5 {padding-bottom: 8px;}
.spa-team h6 {font-size: 13px; color: #787878;padding-bottom: 20px;}
.spa-team .team-follow .fa {float: none; background: #919191; color: #fff; padding: 6.5px 0px 0px 0; margin: 0 5px;}
.spa-team .team-follow .fa:hover {background: #e74653; border: 1px solid #e74653;}
.span-clients {padding-bottom: 65px;}
.span-clients {position: relative; float: left; width: 100%;}
.span-clients .spa-title {padding: 102px 0px 45px;}
.spa-clients-txt p {padding-bottom: 30px;}
.spa-clients-txt span {font-size: 12px; text-transform: uppercase; font-weight: 400;}
.spa-logo {position: relative; float: left; width: 100%; padding: 160px 0px 0px;}
.bootom-input {position: relative; float: left; width: 100%; border-top: 1px solid #000; padding-top: 10px;}
.bootom-input h4 {color: #e74653;}
.bootom-input a {font-size: 16px; color: #787878; padding-top: 25px; position: relative; float: left; width: 100%;}
.bootom-input a:hover {color: #e74653;}
.bootom-input ul {padding-top: 20px;}
.bootom-input ul li {font-size: 16px; color: #787878; line-height: 25px;}
.contact-spa .full-width {padding-bottom: 160px;}
.spa-clients-slider .logotype-clients:hover .activ-logo {opacity: 1;}
.spa footer {background: #e74653;}
.spa .footer-share a:hover {color:#98151f; }

.spa-button-s1.spa-button span:first-child {background: #e74653;} 
.spa-button-s1.spa-button span:last-child {background: #e74653;}
.spa-button-s1.spa-button span:first-child:before {background:url(../img/spa/top-right-point.png) no-repeat;}
.spa-button-s1.spa-button span:first-child:after {background:url(../img/spa/top-left-point.png) no-repeat; }
.spa-button-s1.spa-button span:last-child:before {background:url(../img/spa/bottom-left-point.png) no-repeat;}
.spa-button-s1.spa-button span:last-child:after {background:url(../img/spa/bottom-right-point.png) no-repeat;}
.spa .date .date-square span {color: #e74653;}
.spa .date .date-square p {padding-top: 20px;} 

@media screen and (max-width: 1200px) {
    .spa .fillter-wrap .spa-button {width: 130px;}
}
@media screen and (max-width: 992px) {
    .spa .mobile-icon {border:0px none; margin-top: 11px;}
	.spa .nav-menu-icon a i {background: #e74653;}
	.spa .nav-menu-icon a i::before, .spa .nav-menu-icon a i::after {background: #e74653;}
	.spa .top-baner {height: 60px; z-index: 5;}
	.bar-content {padding-top: 13px;}
	.spa .bar-content {padding-top: 24px;}
	.spa .logo {margin-top: 4px;}
	.spa .bannercontainer {padding-top: 130px;}
	.spa nav {z-index: 6; padding-top: 70px;}
	.spa nav a {margin: 15px auto; display: block; float: none;  max-width: 250px;}
	.spa-title {padding: 80px 0px 45px;}
	.spa-title P {padding: 0px 15px;}
	.spa-title .separator {margin-bottom: 35px;}
	.about-spa {padding-bottom: 80px;}
	.item.spa-item {width: 50%;}
	.serv-spa .grid-sizer {width: 50%;}
	.serv-spa {padding-bottom: 80px;}
	.baner-nav-wrap {height: 80px;}
	.price-spa {padding-bottom: 80px;}
	.team-spa {padding-bottom: 80px;}
	.span-clients {padding-bottom: 0px;}
	.span-clients .spa-title {padding: 60px 0px 25px;}
	.spa-logo {padding-top: 80px;}
	.contact-spa .full-width {padding-bottom: 80px;}
}
@media screen and (max-width: 768px) {
    .spa .fillter-wrap .spa-button {width: 100px;}
	.spa .fillter-wrap .spa-button {font-size: 14px; margin: 0px 15px;}
	.spa .map-canvas {height: 350px;}
	.bootom-input {padding-bottom: 40px;}
}
@media screen and (max-width: 600px) {
    .item.spa-item {width: 100%;}
	.serv-spa .grid-sizer {width: 100%;}
	.serv-spa-title img {display: block; margin: 0 auto;}
	.spa .fillter-wrap .spa-button span {display: none;}
	.spa .fillter-wrap .spa-button {width: auto;}
	.item.spa-item {padding-top: 20px;}
}
@media screen and (max-width: 480px) {
    .spa .top-baner {margin-top: -60px;}
	.spa .top-baner .logo {position: fixed; top: 13px; left: 15px;}
	.spa .bannercontainer {padding-top: 69px;}
	.spa-title {padding: 40px 0px 35px;}
	.about-spa {padding-bottom: 0px;}
	.spa .fillter-wrap .spa-button {width: 100%; margin: 0px;}
	.serv-spa {padding-bottom: 40px;}
	.price-spa {padding-bottom: 40px;}
	.newslatter {padding: 80px 0px 40px;}
	.team-spa {padding-bottom: 40px;}
	.contact-spa .full-width {padding-bottom: 40px;}
	.span-caption {padding: 25px 15px 30px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - REAL ESTATE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.nav-wrap {position: relative; float: left; width: 100%;}
.wr-menu {position: relative; display: inline-block;}
.real nav {width: 100%; position: absolute; left: 0px; top: 0px; padding-top: 36px;}
.real nav a {color: #606060; font-weight: 400; letter-spacing: 1px;}
.real .nav-menu-icon a i {background: #b6a795;} 
.real .mobile-icon {margin-top: 20px; border: 0px none;}
.real .nav-menu-icon a i:before, .real .nav-menu-icon a i:after {background: #b6a795;}
.real nav a.active {color: #b6a795;}
.real nav a:hover  {color: #b6a795;}
.real .logo {position: absolute; left: 0px; top: 0px; width: 100%;}
.real .logo a {position: relative; float: none; display: block; margin: 0px auto; max-width: 50px;z-index: 50;}
.real .logo a img {z-index: 50;}
.real h1 {font-family: 'Montserrat', sans-serif; font-size: 48px; font-weight: 700; line-height: 60px; color: #fff;}
.real h2 {font-size: 36px; line-height: 50px; color: #b6a795; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
.real h3 {font-size: 30px; text-transform: uppercase; line-height: 50px; color: #b6a795; font-family: 'Montserrat', sans-serif;}
.real h4 {font-size: 14px; line-height: 18px; color: #606060; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
.real .navigation {height: 85px; background: #fff;}
.real .bannercontainer {padding-top: 85px;}
.real-caption {max-width: 680px; height: 400px; border:6px solid #fff; left: 50%; margin-left: -340px; z-index: 50; color: #fff;}
.real-caption-nav {position: absolute; left: 0; bottom: 0px; width: 100%; border-top: 6px solid #fff; height: 60px;}
.real-caption-nav span {font-size: 18px; position: relative; float: left; padding-left: 25px; font-weight: 700; padding-top: 15px;}
.real .next {right: 0px; width: 50px; height: 60px; border-left: 6px solid #fff; background: none; 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;}
.real-caption-nav a:hover {color: #f84f4f;}
.real .prev {right: 90px!important; left: auto!important; width: 50px; height: 60px; border-left: 6px solid #fff; background: none; 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;}
.real .next:after {background: url(../img/real/right_arrow.png) no-repeat; width: 22px; height: 18px; top: 20px; left: 19px; 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;}
.real .prev:after {background: url(../img/real/left_arrow.png) no-repeat; width: 22px; height: 18px; top: 20px; left: 19px; 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;}
.real .next:hover:after {margin-left: 15px;}
.real .prev:hover:after {margin-left: -12px;}
.real-caption h1 {top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); position: absolute; width: 100%; left: 0px;}
.real-caption-button {position: absolute; right: 0px; top: 0px; font-size: 18px; color: #fff; padding: 18px 16px; border-left: 6px solid #fff; border-bottom: 6px solid #fff; background: #f84f4f;}
.about-real {position: relative; float: left; width: 100%; padding-top: 160px;}
.real-title {position: relative; float: left; width: 100%; padding: 150px 0px 15px;}
.real-title .line {width: 30px; height: 3px; background: #606060; margin-bottom: 45px;}
.real-title h2 {padding-bottom: 24px;}
.real-title p {padding-bottom: 70px;}
.real .scrollto {padding-bottom: 160px;}
.hight-block {position: relative; float: left; width: 100%; text-align: center;}
.hight-block img {margin-bottom: 30px;}
.about-real .real-title {padding: 0px;}
.about-real .real-title h3 {padding-bottom: 20px;}
.about-real .real-title p {padding: 0px;}
.real-pattern {background: url(../img/real/old_wall.png) repeat;}
.real .scrollto.home-real {padding-bottom: 0px;}
.hight-real-img {position: relative; float: left; width: 100%; padding-top: 160px;}
.hight-real-img img {width: 100%; height: auto;}
.real .hight-real.scrollto {padding-bottom: 0px;}
.real-img-wall {position: relative; float: left; width: 100%;}
.real-img-wall img {margin-bottom: 30px;}
.amenities-real .togglet {border: 0px none; border-bottom: 1px solid #c2c2c2; padding: 15px 15px 15px 0px; height: auto;}
.amenities-real .styled-tabs {padding: 0px; padding-right: 10px;}
.amenities-real .togglet:hover {background: none;}
.amenities-real .togglet:hover h4 {color: #606060;}
.amenities-real .toggle .toggleta h4 {color: #606060;}
.amenities-real .toggle .toggleta {background: none;}
.ameniti-list {position: relative; float: left; width: 100%; padding: 15px 0px;}
.ameniti-list li {font-size: 12px; line-height: 24px; padding: 10px 0px;}
.ameniti-list img {margin: 0px 15px 0 0;}
.gall-real .bannercontainer {padding-top: 0px;}
.real .gall-real.scrollto {padding-bottom: 0px;}
.real .gall-real .next {top: 50%;}
.real .gall-real .prev {top: 50%;}
.img-points {position: absolute; left: 0px; bottom: 0px!important; width: 100%; z-index: 50;}
.img-points .points-prev {position: relative; float: left; width: 16.66666666666667%; cursor: pointer;} 
.img-points .points-prev img {width: 100%; height: auto;}
.layer-prev {position: absolute; left: 0px; top: 0px; width: 100%; opacity: 0; height: 100%; background: rgba(0,0,0,0.5); transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);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;}
.points-prev.active .layer-prev {opacity: 1; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.real .testi-real.scrollto {padding-bottom: 0px;}
.real .spa-clients-txt p {color: #fff;}
.real .spa-clients-txt span {color: #fff;}
.real-point {position: absolute; left: 0px; bottom: 40px; width: 100%; text-align: center;}
.real-point .swiper-pagination-switch {cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background: #fff; position: relative;  display:inline-block; float: none; margin: 0px 5px; 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;}
.real-point .swiper-pagination-switch.swiper-active-switch {border-radius: 50%; border: 1px solid #fff; background: none;}
.real .spa-testi {padding-bottom: 130px;}
.real .spa-clients-txt p {padding-bottom: 25px;}
.testi-real .real-title {padding-top: 90px;} 
.testi-real .real-title .line {background: #fff; margin-bottom: 35px;}
.real .bootom-input {border-top: 1px solid #b6a795;}
.real .bootom-input h4 {font-weight: 400;}
.real .contact-spa.scrollto {padding-bottom: 0px;}
.real footer {background: #b6a795;}
.real footer .copy {padding: 40px 0px;} 
.real footer .footer-share {padding-top: 40px;}
.real footer .footer-share a:hover {color: #3c3124;}
.real .bootom-input a:hover {color: #b6a795;}
.gall-real-navigation .next {border-left: 0px none;}
.gall-real-navigation .prev {border-left: 0px none; left: 90px; right: auto!important;}
.gall-real-navigation {display: none;}

.real .date .date-square {background: #b6a795; padding: 10px 15px; margin: 0px 5px; width: 160px;}

@media screen and (max-width: 992px) {
    .real .scrollto {padding-bottom: 80px;}
	.about-real {padding-top: 80px;}
	.real-title {padding-top: 80px;}
	.hight-block img {margin-bottom: 15px;}
	.hight-block {padding-bottom: 30px;}
	.real-title p {padding-bottom: 40px;}
	.hight-real-img {padding-top: 80px;}
	.amenities-real .styled-tabs {padding: 0px 0px 80px 0px;}
	.real-img-wall img {width: 100%; height: auto;}
	.real .logo a {margin: 0px;}
	.real nav {position: fixed; padding-top: 80px;}
	.real nav a {margin: 10px 0px;}
	.wr-menu {width: 100%;}
}
@media screen and (max-width: 768px) {
	.real-caption {max-width: 100%; left: 0px; margin-left: 0px;}
	.bg-bg-chrome {position: absolute;}
}
@media screen and (max-width: 650px) {
    .real footer .footer-share {padding-top: 0px;}
	.img-points {display: none;}
	.gall-real-navigation {display: block;}
}
@media screen and (max-width: 480px) {
	.real .logo {margin-top: 24px;}
    .real-caption-nav span {font-size: 16px; padding-left: 5px;}
	.real .next {margin-top: -20px!important;}
	.real .prev {margin-top: -20px!important;}
	.real .scrollto {padding-bottom: 40px;}
	.about-real {padding-top: 40px;}
	.real-title .line {margin-bottom: 20px;}
	.about-real img {width: 100%; height: auto;}
	.real-title {padding-top: 40px;}
	.hight-real-img {padding-top: 40px;}
	.real-title h2 {font-size: 30px; line-height: 36px;}
	.testi-real .real-title .line {margin-bottom: 20px;}
	.testi-real .real-title {padding-top: 50px;}
	.real .spa-testi {padding-bottom: 90px;}
	.real .spa-clients-txt p {padding-bottom: 15px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - EDUCATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.education .bannercontainer {padding-top: 0px; min-height: 600px;}
.education h1 {font-size: 24px; font-weight: 700; color: #009ddc; line-height: 26px;}
.education h2 {font-size: 24px; font-weight: 700;}
.education h3 {font-size: 16px; font-weight: 500;}
.education .top-icon {color: #000;}
.education p {color: #787878; font-weight: 400;}
.education .navigation {background: #009ddc; height: 90px;}
.education .top-baner {background: #f3f3f3;}
.education .logo {margin-top: 38px; margin-left: 15px;}
.education .soon .logo {margin-left: 0px;}
.education nav {padding-top: 37px;}
.education nav a {color: #fff;}
.education nav a:hover {color: #ffc000;}
.education nav a.active {color: #ffc000;}
.education .prev {background: #009ddc;}
.education .next {background: #009ddc;}
.education .next:hover {background: #FFC000;}
.education .prev:hover {background: #FFC000;}
.education .login {position: relative; float: right; margin-top: 20px;}
.education .login a {font-size: 12px; text-transform: uppercase; color: #646464; padding: 0px 5px; line-height: 12px; position: relative; float: left;}
.education .login a:first-child {border-right: 1px solid #646464;}
.edu-home {margin-top: 144px;}
.edu-home.no-m {margin-top: 0px;}
.edu-title {padding: 105px 0px 45px; position: relative; float: left; width: 100%; text-align: center;}
.edu-title h2 {padding-bottom: 22px;}
.education .edu-top-baner {position: relative; float: left; width: 100%; padding: 130px 0px;}
.edu-top-baner .vertical-align {z-index: 5;}
.education .edu-top-baner.no-padd {padding: 0px;}
.main-form {position: relative; float: left; background: rgba(255,255,255,0.9); width: 420px; padding: 40px; z-index: 50;}
.input-wrap  {position: relative; float: left; width: 100%; height: 45px; border: 1px solid #cac9c9; margin-bottom: 10px;}
.input-wrap input {width: 100%; height: 45px; padding-left: 45px; text-transform: uppercase; font-size: 12px; font-weight: 500;}
.input-wrap img {position: absolute; left: 15px; top: 13px;}
.main-form h1 {padding-bottom: 8px;}
.main-form h5 {font-size: 13px; color: #000;}
.main-form p {padding-bottom: 25px; padding-top: 36px; position: relative; float: left; width: 100%; line-height: 20px; font-size: 12px;}
.main-form input[type="submit"] {width: 100%; background: #ffc000; color: #000; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 500; height: 45px; position: relative; float: left; margin-top: 20px;}
.main-form input[type="submit"]:hover {background: #009ddc; color: #fff;}
.main-form a {color: #009ddc; font-size: 14px;}
.main-form a span {text-decoration: underline;}
.main-form a span:hover {color: #ffc000;}
.education .main-button-sq {font-weight: 700; font-size: 14px; padding: 12px 42px;}
.education .main-button-sq:after {background: #e1e1e1;}
.edu-about {padding-bottom: 100px; position: relative; float: left; width: 100%;}
.item.edu-item {color: #787878; padding: 0px 15px 30px; width: 25%;}
.edu-course .grid-sizer {width: 25%;}
.edu-course .izotope-container {padding-bottom: 120px;}
.edu-item-caption {position: relative; float: left; width: 100%; padding: 18px 0px; border-bottom: 1px solid #e5e5e5;}
.edu-item-caption h3 {padding-bottom: 17px;}
.edu-item-rate {position: relative; float: left; width: 100%; padding-top: 22px;}
.edu-comm img {width: auto; height: auto; position: relative; float: left;}
.edu-comm span  {font-size: 14px; position: relative; float: left; padding-left:10px;}
.edu-star span {font-size: 16px; padding: 0px 4px;}
.edu-item-rate .main-button-sq {color: #000; font-weight: 500; width: 100%; margin-top: 25px;}
.izotope-dropdown {position: relative; float: left; width: 100%; height: 40px; margin-bottom: 55px;}
.izotope-dropdown .drop {position: relative; display: block; height:40px; z-index:5; max-width: 250px; margin: 0 auto; top: 0px; text-align: left;}
.izotope-dropdown .fillter-wrap {padding-bottom: 0px;}
.izotope-dropdown .drop b {position:relative; float: left; width: 100%; height: 40px; padding-left: 15px; border: 1px solid #ccc; font-size: 14px; cursor: pointer; text-transform: uppercase; font-weight: 400; padding-top: 8px;color: #8f8f8f;}
.izotope-dropdown .drop .drop-list {position: absolute; right: 16px; top: 8px;}
.izotope-dropdown .drop span {position:absolute; left:0px; top:0px; width:100%; display: none; z-index: 50; border: 1px solid #fff;}
.izotope-dropdown .drop-list.act {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); z-index: 51; margin-top: 4px;}
.izotope-dropdown .drop span button {color: #fff; background: #009DDC; font-size: 14px; margin: 0px; font-weight: 400; float: left; position: relative; width: 100%; height: 40px; text-decoration: none; text-align: left; padding: 0px 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: 52; text-transform: uppercase;}
.izotope-dropdown .drop span button:hover {background: #FFC000; color:#fff;}
.edu-aword {position: relative; float: left; width: 100%;}
.edu-aword .line {background: #fff; margin-bottom: 20px;}
.et-icon {font-size: 40px; color: #fff; position: relative; float: none; display: inline-block; width: 100%;}
.edu-aword .count-block {padding: 145px 0px;}
.edu-aword .count-block h4 {padding-bottom: 20px; padding-top: 15px;}
.edu-aword .count-block span {font-size: 50px;}
.edu-teach-team {position: relative; float: left; width: 100%; padding-bottom: 80px;}
.teach-cours {padding-bottom: 160px;}
.edu-teach .spa-team h5 {font-size: 16px; font-weight: 500;}
.edu-teach .spa-team .team-follow .fa {border: 0px none;}
.edu-teach .spa-team .team-follow .fa:hover {background: #009DDC;} 
.teach-cor-block {position: relative; float: left; width: 100%; border: 1px solid #ccc;}
.teach-cor-block img {width: 100%; height: auto; padding: 5px;}
.teach-cor-img {position: relative; float: left; width: 100%;}
.teach-cor-img .edu-star {position: absolute; right: 15px; bottom: 20px;}
.teach-cor-txt {position: relative; float: left; width: 100%; text-align: center; padding: 20px 35px 25px;}
.teach-cor-txt .main-button-sq {font-size: 14px;  width: 130px; font-weight: 500; padding: 12px 0px; text-align: center; float: none; margin: 0px 5px; letter-spacing: 0px;}
.teach-cor-txt .main-button-sq:after {background: #ffc000;}
.bg-stik-orange {background: #ff6d00;}
.bg-stik-green {background: #14a145;}
.teach-cor-txt p {border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 25px;}
.teach-cor-txt h3 {padding-bottom: 15px;}
.stiker {position: absolute; top: 15px; left: 5px; height: 35px; width: 123px; border-top-left-radius: 3px; padding-top: 9px; text-align: center;}
.stiker span {font-size: 14px; font-weight: 700; color: #000;}
.stiker:after {width: 0;height: 0;border-style: solid;border-width: 17px 14px 0 0; content: ''; position: absolute; right: -14px; top: 0px;}
.stiker.bg-stik-orange:after {border-color: #ff6d00 transparent transparent transparent;}
.stiker.bg-stik-green:after {border-color: #14a145 transparent transparent transparent;}
.stiker:before {width: 0;height: 0;border-style: solid;border-width: 17px 0 0 14px; position: absolute; content: ''; bottom: 0px; right: -14px;}
.stiker.bg-stik-orange:before {border-color: transparent transparent transparent #ff6d00;}
.stiker.bg-stik-green:before {border-color: transparent transparent transparent #14a145;}
.edu-pricing {padding-bottom: 120px;}
.edu-pricing .pricing-kind {border-top: 0px none; border-bottom: 0px none; padding: 0px 70px; background: #f6f6f6; color:  #0e0e0e;}
.edu-pricing .price-wrap {border-top: 1px solid #d9dfe4; border-bottom: 1px solid #d9dfe4;}
.edu-pricing .price-wrap span {font-size: 100px; font-weight: 300; color: #0e0e0e;}
.edu-pricing .price-wrap h5 {font-weight: 400; font-size: 16px; text-transform: none;}
.edu-pricing .price-wrap sup {font-size: 55px; color: #0e0e0e;}
.edu-pricing .price-ul ul li {padding: 0px; line-height: 38px; color: #787878; font-size: 18px;}
.edu-pricing .pricing-kind h4 {font-weight: 500;}
.edu-pricing .pricing-kind:hover {background: #ffc000;}
.edu-pricing .pricing-kind:hover h4 {color: #0e0e0e;} 
.edu-pricing .pricing-kind:hover span {color: #0e0e0e;}
.edu-pricing .pricing-kind:hover h5 {color: #0e0e0e;}
.edu-pricing .pricing-kind:hover .price-wrap {border-top: 1px solid #d09d00; border-bottom: 1px solid #d09d00;}
.edu-pricing .pricing-kind:hover .price-wrap sub {color: #0e0e0e;}
.edu-pricing .pricing-kind:hover .price-wrap sup {color: #0e0e0e;}
.edu-pricing .pricing-kind:hover .price-ul ul li {color: #0e0e0e;}
.edu-pricing .main-button-sq {border: 0px none;}
.edu-pricing .main-button-sq:after {background: #000; color: #f6d05e;}
.edu-testi .corpor-comm img {width: 100px; height: 100px;}
.edu-testi .corpor-comm p {color: #000; font-size: 18px; font-style: italic; padding-bottom: 20px; padding-top: 50px;}
.edu-testi .corpor-comm span {color: #eeeeee; font-size: 14px; font-weight: 500;}
.edu-testi .testi-slider {padding: 100px 0px 160px;}
.edu-testi .testi-slider .corp-points {bottom: 100px;}
.education .footer-mini-block h3 {font-weight: 400;} 
.footer-yellow {background: #ffc000;}
.footer-yellow .footer-form input[type="submit"] {background: #f6d05e; border:0px none; color: #0e0e0e;}
.footer-yellow .footer-top-bar {padding-bottom: 0px;}
.footer-yellow .footer-share a:hover {color: #009ddc;}
.no-m .edu-top-baner .vertical-align {margin-top: 72px;}


@media screen and (max-width: 1200px) {
	.education .edu-top-baner {padding: 80px 0px;}   
}
@media screen and (max-width: 992px) {
	.education .prev {background: none;}
    .education .next {background: none;}
    .education nav {z-index: 60; padding-top: 90px;}
	.education .mobile-icon {z-index: 61;}
	.education .mobile-icon {margin-top: 20px;}
	.education .edu-top-baner {padding: 40px 0px;}
	.edu-title {padding-top: 60px;}
	.edu-about {padding-bottom: 60px;}
	.item.edu-item {width: 50%;}
	.edu-course .izotope-container {padding-bottom: 60px;}
	.edu-aword .count-block {padding: 60px 0px 30px;}
	.edu-aword .time-line {padding-bottom: 30px;}
	.edu-teach-team {padding-bottom: 40px;}
	.teach-cor-block {margin-bottom: 30px;}
	.teach-cours {padding-bottom: 80px;}
	.edu-pricing .pricing-kind {margin-top: 0px; margin-bottom: 30px;}
	.edu-pricing {padding-bottom: 60px;}
	.edu-testi .testi-slider {padding: 80px 0px 100px;}
	.edu-testi .testi-slider .corp-points {bottom: 50px;}
	.flat .pagination {top: 20%;}
}
@media screen and (max-width: 768px) {
    .edu-aword .count-block {padding: 20px 0px;}
	.edu-aword .time-line {padding: 40px 0px;}
}
@media screen and (max-width: 550px) {
    .item.edu-item {width: 100%; padding: 0px 0px 40px;}
}
@media screen and (max-width: 480px) {
    .main-form {width: 320px; padding: 20px 10px; margin-left: -160px; left: 50%;}
	.main-form p {padding: 20px 0px 15px;}
	.edu-title h2 {font-size: 20px; line-height: 28px; padding-bottom: 15px;}
	.edu-title {padding: 40px 0px 20px;}
	.edu-about {padding-bottom: 40px;}
	.education p {font-size: 13px;}
	.edu-course .izotope-container {padding-bottom: 40px;}
	.teach-cours {padding-bottom: 40px;} 
	.edu-pricing {padding-bottom: 40px;}
	.edu-testi .corpor-comm p {padding-top: 30px;}
	.education .next {display: none;}
	.education .prev {display: none;}
	.edu-pricing .pricing-kind {padding: 0px 40px;}
}
@media screen and (max-height: 676px) {
    .main-form {padding: 20px 40px;}
	.main-form p {padding: 15px 0px;}
	.main-form input[type="submit"] {margin-top: 0px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - RESTAURANT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.bg-orang-2 {background: #ff9435;}
.rest h1 {font-family: 'Libre Baskerville', serif; font-size: 48px; color: #fff; text-transform: uppercase; font-weight: 400;}
.rest h2 {font-size: 30px; line-height: 40px; text-transform: uppercase; font-weight: 400;}
.rest h3 {font-size: 16px; font-family: 'Libre Baskerville', serif;}
.rest h4 {font-size: 14px; font-family: 'Libre Baskerville', serif;}
.rest p {font-family: 'Libre Baskerville', serif; font-size: 14px; line-height: 24px; color: #646464;}
.rest  header {max-width: 100%; right: -100%; left: auto; background: #1f1b1b; position: fixed; top: 0px; width: 100%; height: 0px; z-index: 100; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.rest  header.move {right: 0px; height: 100%;}
.rest .mobile-icon {position:fixed; right: 0px; top: 0px; background: #f7f7f7; border: 0px none; border-radius: 0px; margin-top: 0px; display: block; z-index: 101;}
.rest .nav-menu-icon {left: 14px;}
.rest .nav-menu-icon a i {background: #000000; height: 2px;}
.rest .nav-menu-icon a.active i {background: #f7f7f7;}
.rest .nav-menu-icon a i::before, .rest .nav-menu-icon a i::after  {height: 2px; background: #000;}
.rest nav {width: 100%; text-align: center;}
.rest nav a {width: 100%; position: relative; float: left; margin: 0px; font-size: 14px; font-weight: 500; padding: 10px 0px; text-transform: uppercase;}
.rest nav a:hover {text-decoration: line-through; color: #9d846e;}
.rest nav a.active {text-decoration: line-through; color: #9d846e;}
.rest nav .logo {position: relative; float: none; display: inline-block; margin-bottom: 50px;}
.menu-follow {position: relative; float: left; width: 100%; text-align: center; padding-top: 120px;}
.menu-follow h6 {font-size: 14px; font-weight: 500; color: #fff; text-transform: uppercase; padding-bottom: 40px;}
.menu-follow a {font-size: 18px; color: #1f1b1b; position: relative; float: none; display: inline-block; background: #fff; border-radius: 50%; width: 33px; height: 33px; padding-top: 3px; margin: 0 14px;}
.menu-follow a:hover {background: #ff9435; color: #fff;}
.rest .bannercontainer {padding-top: 0px; height: 100vmin!important;}
.res-main-title {color: #fff;}
.rest-home .vertical-align {z-index: 5;}
.res-main-title h1 {padding-top: 40px;}
.res-main-title i {text-transform: none; font-size: 48px;} 
.res-main-title h2 {padding-top: 30px;}
.rest .second-main-title {padding: 110px 0px 62px;}
.rest .second-main-title .line {background: #ff9435; height: 2px; width: 31px; margin-bottom: 45px;}
.rest .second-main-title h2 {padding-bottom: 20px;}
.rest-wall {position: relative; float: left; width: 100%; padding: 70px 0px 50px;}
.rest-wall img {width: 100%; height: auto;}
.rest-quote {position: relative; float: left; width: 100%; padding: 20px 45px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; text-align: center;}
.rest-quote q {color: #ff9435; font-size: 18px; line-height: 38px; font-family: 'Libre Baskerville', serif;}
.res-point {position: relative; float: left; width: 16.66666666666667%; text-align: center; color: #9d846e; cursor: pointer;}
.res-point:hover {color: #ff9435;}
.res-point img, .res-point h4 {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;}
.res-point:hover .img-defalt {opacity: 0;}
.res-point:hover .act-point {opacity: 1;}
.res-point-img {position: relative; float: none; display: inline-block;}
.act-point {position: absolute; margin: 0 auto; display: block; top: 0px; opacity: 0;}
.res-point h4 {padding: 40px 0px 20px; text-transform: uppercase;}
.res-point.active {color: #ff9435;}
.res-point.active .img-defalt {opacity: 0;}
.res-point.active .act-point {opacity: 1;}
.menu-img-wall img {width: 100%; height: auto; margin-bottom: 30px;}
.menu-list {position: relative; float: left; width: 100%; padding-right: 50px; margin-top: -22px;}
.menu-list li {font-size: 14px; line-height: 24px; color: #646464; padding: 22px 0px; text-transform: uppercase; position: relative; float: left; width: 100%; border-bottom: 1px solid #dfdfdf;} 
.menu-list li span {position: relative; float: right; font-size: 14px; font-family: 'Libre Baskerville', serif; font-style: italic; color: #ff9435;}
.menu-slider {padding: 90px 0px 130px;}
.rest-update {position: relative; float: left; width: 100%;}
.rest .rest-update .main-button-sq {float: none; font-size: 16px; border: 1px solid #fff;}
.rest .rest-update .main-button-sq:after {background: #ff9435;}
.rest .rest-update .main-button-sq:hover {border: 1px solid #ff9435; color: #fff;} 
.rest-update .second-main-title {padding: 70px 0px 20px;}
.rest-update .second-main-title h2 {color: #fff;}
.rest-update .second-main-title p {color: #fff;}
.rest .rest-update .fix-title {padding: 60px 0px 90px;}
.menu-slider .pagination {display: none;}
.rest-tour .pagination {display: none;}
.rest-tour-wrapp {position: relative; float: left; width: 100%;}
.rest-tour {position: relative; width: 100%; float: left; max-height: 400px;}
.rest-slide {position: relative; float: left;}
/*.rest-slide img {width: 100%; height: auto;}*/
.mfp-bg {max-height: 650px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); background: rgba(0,0,0,0.95);}
.rest-layer {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); 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;}
.rest-tour .swiper-slide.swiper-slide-visible .rest-layer {opacity: 1;}
.rest-tour .swiper-slide.swiper-slide-visible.swiper-slide-active .rest-layer {opacity: 0;}
.rest-slide a {z-index: 2; position: relative; float: left; width: 100%;}
.rest .baner-nav-wrap {height: 76px; background: #f7f7f7;}
.rest .baner-nav-wrap .slide-prev-slide {position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -11px; cursor: pointer;}
.rest .baner-nav-wrap .slide-next-slide {position: absolute; top: 50%; right: 50%; margin-right: -50px; margin-top: -11px; cursor: pointer;}
.rest .baner-nav-wrap span {font-size: 22px; color: #9d846e; }
.rest .baner-nav-wrap .slide-next-slide:hover span {color: #ff9435;}
.rest .baner-nav-wrap .slide-prev-slide:hover span {color: #ff9435;}
.chef-wrapp {position: relative; float: left; width: 100%; overflow: hidden; padding-bottom: 160px;}
.chef-item {position: relative; float: left; width: 100%; overflow: hidden;}
.chef-item img {width: 100%; height: auto;}
.later-ch {position: absolute; left: -100%; top: 0px; width: 100%; height: 100%; background: rgba(157,132,110,0.6); padding: 40px 30px; 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;}
.later-ch h3 {text-transform: uppercase; color: #fff; padding-bottom: 15px;}
.later-ch .line {width: 14px; background: #fff; margin-bottom: 15px;}
.later-ch p {color: #e8e8e8; font-family: 'Roboto', sans-serif; font-weight: 400;}
.ch-follow {position: relative; float: left; width: 100%; padding-top: 30px;}
.ch-follow a {background: #fff; width: 20px; height: 20px; border-radius: 50%; position: relative; float: left; margin-right: 15px; text-align: center; padding-top: 3px;}
.ch-follow a span {font-size: 14px; color: #9d846e;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;}
.ch-follow a:hover {background: #9d846e;}
.ch-follow a:hover span {color: #fff;}
.chef-item:hover .later-ch {left: 0px;}
.make-res {position: relative; float: left; width: 100%; border: 1px solid #dfdfdf;}
.make-res h4 {border-bottom: 1px solid #dfdfdf; text-transform: uppercase; color: #9d846e; text-align: center; padding: 20px 0px;}
.make-res-inputs {position: relative; float: left; width: 100%; padding: 0 25px 44px; text-align: center;}
.make-res-inputs input {width: 100%; font-size: 12px; color: #646464; text-transform: capitalize; border-bottom: 1px solid #dfdfdf; padding: 30px 0px 15px; position: relative; float: left;}
.make-res-inputs .half-in {width: 45%;}
.make-res-inputs input:nth-child(3) {margin-left: 10%;}
.make-res-inputs input[type="submit"] {width: auto; display: inline-block; margin: 0 auto; padding: 15px 40px; text-transform: uppercase; font-size: 14px;  border: 1px solid #dfdfdf; float: none; margin-top: 50px;}
.make-res-inputs input[type="submit"]:hover {background: #9d846e; color: #fff;}
.reserv-info {position: relative; float: left; width: 100%;}
.reserv-info i {font-family: 'Libre Baskerville', serif; font-size: 14px; color: #9d846e; border-bottom: 1px solid #9d846e; padding: 15px 0px; position: relative; float: left; width: 100%; text-transform: none;}
.reserv-info-type {position: relative; float: left; width: 100%; padding: 30px 0px 15px;}
.reserv-info-type h4 {padding-bottom: 15px; color: #9d846e; text-transform: uppercase;}
.reserv-info-type span {color: #646464; font-size: 14px; position: relative; float: left;}
.reserv-info-type span:nth-child(2n+1) {float: right;}
.rest .span-clients {margin-top: 100px; padding-bottom: 130px;}
.rest .span-clients .spa-clients-txt {padding-top: 120px;}
.rest .span-clients .spa-clients-txt p {color: #fff; font-size: 16px; font-family: 'Libre Baskerville', serif; line-height: 24px; font-style: italic; padding-bottom: 50px;}
.people-say {position: relative; float: none; display: inline-block;}
.people-say img {position: relative; float: left;}
.people-say-txt {position: relative; float: left; text-align: left; padding-left: 20px;}
.people-say-txt h3 {color: #fff; padding-bottom: 10px;} 
.people-say-txt h6 {font-size: 13px; color: #fff;}
.rest .span-clients .pagination {display: none;} 
.rest-blog {padding-top: 160px; padding-bottom: 100px;}
.rest-blog .post-img span {letter-spacing: 2px;}
.rest-blog .post-text a h3 {font-style: italic; font-size: 18px; color: #9d846e;}
.rest-blog .post-text .line {width: 30px; background: #ff9435;}
.rest-blog .post-text h6 {color: #646464;} 
.rest-blog .post-text p {color: #646464; font-size: 12px; line-height: 25px;}
.rest-contact .footer-fix-share a {background: none; border: 1px solid #dfdfdf;}
.rest-contact .footer-fix-share a:nth-child(2n) {background: none;}
.rest-contact .footer-fix-share a:nth-child(2n+1) {background: none;}
.rest-contact .footer-fix-share a span {color: #9d846e;} 
.rest-contact .footer-fix-share a i {color: #d1d1d1;}
.footer-rest {position: relative; float: left; width: 100%; padding: 160px 0px;}
.footer-rest .bootom-input {border-top: 1px solid #dfdfdf;}
.footer-rest .bootom-input h4 {color: #9d846e;}
.footer-rest .bootom-input a:hover {color: #9d846e;}
.rest footer {text-align: center; background: #d1d1d1;}
.rest footer .copy {width: 100%; padding: 35px 0px;}
.rest footer .copy span {text-transform: uppercase; color: #9d846e; font-size: 12px; font-family: 'Libre Baskerville', serif; line-height: 24px;}

@media screen and (max-width: 992px) {
    .rest .second-main-title {padding: 80px 0px 40px;}
	.rest-quote {padding: 10px 25px;}
	.menu-list {padding-bottom: 40px; padding-right: 0px;}
	.menu-slider {padding: 60px 0px 80px;}
	.rest .rest-update .fix-title {padding: 40px 0px;}
	.rest-update .second-main-title {padding-bottom: 20px;}
	.rest .second-main-title .line {margin-bottom: 25px;}
	.chef-wrapp {padding-bottom: 80px;}
	.reserv-info {padding-top: 40px;}
	.reserv-info-type {padding: 20px 0px 15px;}
	.rest .span-clients {margin-top: 80px; padding-bottom: 80px;}
	.rest .span-clients .spa-clients-txt {padding-top: 80px;}
	.rest-blog {padding: 80px 0px 40px;}
	.post-item{padding-bottom: 40px;}
	.footer-rest {padding: 80px 0px;}
	.rest-wall {padding-top: 40px; padding-bottom: 0px;}
	.rest-wall img {margin-top: 30px;}
	
	.date .date-square span {font-size: 60px;}
	.date .date-square {margin: 0px 25px;}
	.soon-wrap h1 {margin-bottom: 20px;}
	.soon .logo {margin-top: 20px; top: 0px;}
	.career .static-img {min-height:465px;}
	.career .static-img .career-sl-point {display: none;}
	.creative .testimonials {padding-top: 40px;}
	.real .date .date-square {width: 20%;}
}
@media screen and (max-width: 768px) {
    .footer-rest {padding-top: 0px; padding-bottom: 40px;}
	.rest-contact .footer-fix-share {margin-bottom: 0px;}
	.footer-rest .bootom-input {padding-top: 40px;}
	.res-point-img {display: none;}
	.point-click {position: relative; float: left; width: 100%; text-align: center;}
	.res-point h4 {padding: 0px;}
	.res-point {width: 100%;}
	
	.date .date-square span {font-size: 40px;} 
	.date .date-square p {font-size: 14px;}
	.soon-wrap h1 {font-size: 26px; padding-bottom: 0px;}
	.main .slide-boxes {bottom: 60px;}
	.date .date-square p {letter-spacing: 1px;}
	
}
@media screen and (max-width: 600px) {
     .career .date .date-square {width: 45%; margin: 0px 5px 15px;}
}
@media screen and (max-width: 500px) {
    .real .date .date-square {padding: 10px 0px; margin: 0px;}
	.date .date-square {margin: 0px 10px;}
}
@media screen and (max-width: 480px) {
    .res-main-title h1 {font-size: 40px; padding-top: 15px;}
	.res-main-title h2 {padding-top: 15px;}
	.rest .second-main-title {padding: 40px 0px;}
	.menu-slider {padding-bottom: 40px;}
	
	.main .slide-boxes {bottom: 0px;}
	.rest .date .date-square p {font-size: 12px;}
	.rest .date .date-square span {font-size: 32px;}
}
@media screen and (max-width: 321px) {
    .soon-wrap form input[type="email"] {margin-right: 0px; margin-bottom: 20px;}
	.date .date-square {margin: 0px 5px;}
}

.border-top {border-top: 1px solid #999;}
.border-top .footer-top-bar {padding-bottom: 0px;}
.blog .grid-sizer {width: 0px;}
.main .blog-itemm .bg-dark-main {padding-bottom: 15px;}
.blog-itemm.item {position: relative; padding: 0px 15px 40px;}
.blog-itemm .post-text {padding: 30px 0 0 0;}
.blog-itemm .post-text p {padding: 20px 0px 30px;}
.blog {padding: 150px 0px 50px;}
.blog-title {position: relative; padding-left: 15px;}
.blog-title h2 {padding-bottom: 15px;}
.blog-title h3 {padding-bottom: 50px;}
.blog-title .line {margin-bottom: 20px;}
.main .soon .bg-dark-main {padding-bottom: 15px;}
.main .soon .bg-dark-main:hover {color: #fff;}
#mc_embed_signup .mc-field-group input {display: inline-block; position: relative; padding: 8px;}
#mc_embed_signup {width: 100%; text-align: center;}
#mc_embed_signup form {text-align: center; padding: 50px 0px 0px 0px;}
#mc_embed_signup .mc-field-group {width: 180px; display: inline-block; float: none; padding-bottom: 0px; min-height: inherit; clear: none;}
#mc-embedded-subscribe {display: inline-block; margin: 0px; clear: none; margin-left: 15px;}
#mc_embed_signup input {border: 0px none;}
#mc_embed_signup div.mce_inline_error {position: absolute;}
#mc-embedded-subscribe:hover {color: #fff;}

.hide-txt {display: none;}
.pswp.pswp--open .hide-txt {display: block;}
.flat .hide-txt h3 {color: #fff; padding-bottom: 10px;} 
.flat .hide-txt span {padding-bottom: 10px; display: block;}  
.main .pswp__caption__center h3 {color: #222; padding-bottom: 10px;} 
.main .pswp__caption__center h6 {padding-bottom: 10px; display: block; text-transform: uppercase; font-size: 14px; font-weight: 300;}