/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: NINE*/
/* Version: 1.0 Initial Release*/
/* Build Date: 25-02-2015*/
/* Author: Unbranded*/
/* Website: http://moonart.net.ua/nrghost/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - FONTS */
/* 02 - LOADER */
/* 03 - RESET STYLES */
/* 04 - GLOBAL SETTINGS */
/* 05 - HEADER */
/* 06 - FOOTER */
/* 07 - PLUGINS */
/* 08 - CREATIVE AGENCY TEMPLATE */
/* 09 - RESTAURANT TEMPLATE */
/* 10 - WOMAN FASHION TEMPLATE */
/* 11 - MAN FASHION TEMPLATE */
/* 12 - TRAVEL AGENCY TEMPLATE */
/* 13 - BUSINESS TEMPLATE */
/* 14 - ARCHITECTURE TEMPLATE */
/* 15 - BARBERSHOP TEMPLATE */
/* 16 - HOSPITAL TEMPLATE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - FONTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - LOADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#loader-wrapper {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 99999999999999;
background: #fff;
}
.loader-content {
position: absolute;
text-align: center;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
}
.spinner {
margin: 100px auto;
width: 32px;
height: 32px;
position: relative;
}
.b-cube {
background: #e66a55;
}
.ar-cube {
background: #196575;
}
.s-cube {
background: #d0a97e;
}
.f-cube {
background: #eb2a2a;
}
.m-cube {
background: #164b9b;
}
.ag-cube {
background: #333;
}
.h-cube {
background: #3cc5de;
}
.r-cube {
background: #d0c4b2;
}
.t-cube {
background: #3cc5de;
}
.cube1, .cube2 {
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family: 'Poppins', 'Open Sans', Arial;
font-size: 14px;
font-weight:normal;
line-height: 20px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
body * {
-webkit-text-size-adjust: none;
}
.clear {
clear: both;
overflow: hidden;
height: 0px;
font-size: 0px;
display: block;
}
input:focus, select:focus, textarea:focus, button:focus {
outline: none;
}
input, textarea, select {
font-family: 'Lato', sans-serif, Arial;
font-weight: 400;
-webkit-appearance: none;
border-radius: 0;
}
a, a:link, a:visited, a:active, a:hover {
cursor: pointer;
text-decoration: none;
outline: none;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*table*/
.table-view {
height: 100%;
width: 100%;
display: table;
}
.row-view {
display: table-row;
}
.cell-view {
display: table-cell;
vertical-align: middle;
height: inherit;
}
/*buttons*/
/*nopadding class*/
.nopadding {
padding-left: 0;
padding-right: 0;
}
/*content wrapper*/
#content-wrapper {
padding-top: 122px;
position: relative;
}
/*body class with moved header*/
body.header-moved #content-wrapper {
padding-top: 244px;
}
/*container to display above header*/
.container-above-header {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
/*text styles*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins';
}
h3 {
text-transform: uppercase;
}
/*map*/
#map-canvas {
height: 660px;
}
.block #map-canvas {
margin-bottom: 60px;
}
/*video player*/
.video-player {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(22, 29, 40, 0.8);
z-index: 10;
transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
}
.video-player.active {
transform: translateX(0%);
-moz-transform: translateX(0%);
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
}
.video-iframe {
position: absolute;
left: 50px;
top: 50px;
right: 50px;
bottom: 50px;
}
.video-iframe iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.video-player .close-iframe {
color: #ff6c3a;
font-family: Arial;
font-size: 27px;
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-align: center;
}
.video-player .close-iframe:hover {
color: #fff;
}
@media (max-width: 991px) {
#content-wrapper, body.header-moved #content-wrapper {
padding-top: 50px;
}
.container-above-header {
position: relative;
}
#map-canvas {
height: 300px;
}
.block #map-canvas {
margin-bottom: 30px;
}
}
.background-parent {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.read-more i {
position: relative;
display: inline-block;
right: 0;
transition: right 0.3s linear;
}
.read-more:hover i {
right: -10px;
}
.block-title {
color: #386BA8;
font-size: 50px;
line-height: 1.3;
text-align: center;
margin-bottom: 23px;
word-wrap: break-word;
font-weight:bolder;
}
@media screen and (max-width: 481px) {
.block-title {
font-size: 32px;
}
}
.sub-title {
color: #8b989b;
font-size: 16px;
text-align: center;
margin: 0 auto;
line-height: 1.7;
padding: 0 15px 80px;
font-family: 'Poppins';
letter-spacing: 0;
}
/*demo*/
.demo-wrapper {
position: static;
}
.demo-banner {
background: url("../images/demo/demo-bg.jpg") no-repeat center;
background-size: cover;
min-height: 660px;
height: 100vh;
position: relative;
background-attachment: fixed;
}
.demo-banner:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 1;
}
@media screen and (max-width: 992px) {
.demo-banner {
height: auto;
padding: 150px 0;
min-height: 100%;
}
}
@media screen and (max-width: 481px) {
.demo-banner {
padding: 70px 0;
}
}
.d-banner-content {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
z-index: 2;
padding: 0 15px;
}
@media screen and (max-width: 992px) {
.d-banner-content {
position: relative;
top: 0;
left: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
}
.d-banner-content h1 {
margin: 55px 0;
color: #fff;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 8px;
line-height: 1.3;
}
@media screen and (max-width: 481px) {
.d-banner-content h1 {
margin: 30px 0;
}
}
.d-banner-content a {
display: inline-block;
background: #fff;
color: #333;
padding: 18px 44px 14px;
text-transform: uppercase;
}
.d-banner-content i {
background: url("../images/demo/arrow.png");
width: 18px;
height: 8px;
}
.demo-info > div {
padding: 17px 0 33px;
text-align: center;
}
.demo-info h3 {
font-family: 'Poppins';
text-transform: uppercase;
font-size: 16px;
color: #d4fafd;
}
.demo-info h3 span {
font-size: 40px;
font-weight: 700;
padding-right: 10px;
position: relative;
top: 5px;
color: #fff !important;
}
.d-color-1 {
background: #31cdda;
}
.d-color-2 {
background: #e76a56;
}
.d-color-2 h3 {
color: #fbbdb3;
}
.d-color-3 {
background: #196575;
}
.d-color-3 h3 {
color: #99cfda;
}
.d-footer {
background: #f9f9f9;
padding: 70px 0 60px;
}
.d-footer div {
color: #333;
text-transform: uppercase;
text-align: center;
}
.demo-content {
padding: 100px 0;
}
.demo-content h2 {
font-size: 40px;
color: #333333;
padding-bottom: 20px;
text-transform: uppercase;
}
.demo-content p {
text-transform: uppercase;
color: #888;
font-weight: bold;
font-family: 'Poppins';
}
.template-box {
float: left;
width: 33.333%;
margin-top: 100px;
padding: 0 15px;
}
@media screen and (max-width: 992px) {
.template-box {
margin-top: 70px;
width: 100%;
}
}
.template-box p {
padding-top: 30px;
text-transform: uppercase;
color: #333;
font-size: 13px;
font-family: 'Poppins';
}
.img-box {
position: relative;
margin: auto;
border: 3px solid transparent;
display: block;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.img-box {
display: inline-block;
}
}
.img-box .template-link {
position: absolute;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity 0.3s linear;
width: 100%;
height: 100%;
}
.img-box .template-link a {
padding: 12px 20px 10px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -300px);
-ms-transform: translate(-50%, -300px);
transform: translate(-50%, -300px);
border: 2px solid #ffffff;
color: #fff;
font-size: 12px;
text-transform: uppercase;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
}
.img-box .template-link a i {
background: url("../images/demo/v-arrow.png");
width: 18px;
height: 8px;
margin-left: 5px;
}
.img-box:hover .template-link {
opacity: 1;
}
.img-box:hover .template-link a {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.img-box img {
max-width: 100%;
display: block;
height: auto;
}
.template-box-1 {
border-color: #37383d;
}
.template-box-2 {
border-color: #c6b7a0;
}
.template-box-3 {
border-color: #eb2b2a;
}
.template-box-4 {
border-color: #164b9b;
}
.template-box-5 {
border-color: #223c3d;
}
.template-box-6 {
border-color: #e06b57;
}
.template-box-7 {
border-color: #196575;
}
.template-box-8 {
border-color: #d0a97e;
}
.template-box-9 {
border-color: #3dc5df;
}
@-webkit-keyframes scroll-arrow {
from {
bottom: 48px;
}
to {
bottom: 30px;
}
}
@-ms-keyframes scroll-arrow {
from {
bottom: 48px;
}
to {
bottom: 30px;
}
}
@keyframes scroll-arrow {
from {
bottom: 48px;
}
to {
bottom: 30px;
}
}
.module {
background: #f1f2f1;
padding: 70px 0 0;
}
.module img {
width: 65px;
float: left;
margin-right: 30px;
}
.module .content {
width: 60%;
font-size: 14px;
line-height: 22px;
color: #2c2c2c;
font-family: 'Poppins';
letter-spacing: 1px;
float: left;
}
@media screen and (max-width: 992px) {
.module .content {
text-align: center;
width: 90%;
margin: 0 auto;
float: none;
}
}
.module .col-md-4 {
min-height: 200px;
}
@media screen and (max-width: 992px) {
.module .col-md-4 {
margin-bottom: 30px;
}
}
@media screen and (max-width: 992px) {
.module {
text-align: center;
}
.module img {
float: none;
margin-bottom: 20px;
}
}
.arrow-down {
width: 18px;
height: 18px;
background: url("../images/demo/down-arrow.png");
position: absolute;
left: 50%;
bottom: 48px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 9999;
cursor: pointer;
-webkit-animation: scroll-arrow 750ms ease-in-out infinite alternate;
animation: scroll-arrow 750ms ease-in-out infinite alternate;
}
a[href^="http://maps.google.com/maps"] {
display: none !important;
}
.gmnoprint a, .gmnoprint span {
display: none;
}
.gmnoprint div {
background: none !important;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 7- PLUGINS STYLE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
direction: ltr;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
/* Fix of Webkit flickering */
z-index: 1;
height: inherit !important;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: inherit !important;
-webkit-transition-property: -webkit-transform, left, top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
-webkit-transition-timing-function: ease;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0px, 0, 0);
-moz-transition-timing-function: ease;
-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;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
transition-timing-function: ease;
box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
height: inherit !important;
box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */
width: 100%;
height: auto;
}
.swiper-slide {
/* Specify Slides's Size: */
width: 100%;
height: 100%;
}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-visible {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
background: transparent;
display: inline-block;
cursor: pointer;
width: 16px;
height: 16px;
border: 2px solid transparent;
position: relative;
margin: 8px;
border-radius: 50%;
}
.swiper-pagination-switch:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
}
.swiper-active-switch {
border-color: #fff;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999999;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.9;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999999999;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 1;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 18px;
height: 8px;
position: absolute;
top: 0;
left: 0;
margin-top: 35px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
width: 30px;
height: 30px;
background: rgba(0, 0, 0, 0.8) url("../images/restouran/l-arrow.png") no-repeat center;
left: 15px;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
left: auto;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
width: 30px;
height: 30px;
background: rgba(0, 0, 0, 0.8) url("../images/restouran/v-arrow.png") no-repeat center;
right: 15px;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/* text-based popup styling */
.white-popup {
position: relative;
background: #FFF;
padding: 25px;
width: auto;
max-width: 400px;
margin: 0 auto;
}
/*
====== Zoom effect ======
*/
.mfp-zoom-in {
/* start state */
/* animate in */
/* animate out */
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/*
====== Newspaper effect ======
*/
.mfp-newspaper {
/* start state */
/* animate in */
/* animate out */
}
.mfp-newspaper .mfp-with-anim {
opacity: 0;
transition: all 0.5s;
-webkit-transform: scale(0) rotate(500deg);
-ms-transform: scale(0) rotate(500deg);
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
-webkit-transform: scale(0) rotate(500deg);
-ms-transform: scale(0) rotate(500deg);
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
}
/*
====== Move-horizontal effect ======
*/
.mfp-move-horizontal {
/* start state */
/* animate in */
/* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
}
/*
====== Move-from-top effect ======
*/
.mfp-move-from-top {
/* start state */
/* animate in */
/* animate out */
}
.mfp-move-from-top .mfp-content {
vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
}
/*
====== 3d unfold ======
*/
.mfp-3d-unfold {
/* start state */
/* animate in */
/* animate out */
}
.mfp-3d-unfold .mfp-content {
-webkit-perspective: 2000px;
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-60deg);
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
-webkit-transform: rotateY(60deg);
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
}
/*
====== Zoom-out effect ======
*/
.mfp-zoom-out {
/* start state */
/* animate in */
/* animate out */
}
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
}
/*
====== "Hinge" close effect ======
*/
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
opacity: 0;
transition: opacity .5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
opacity: 0;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#logo {
margin: -20px 0 10px 10px;
float: left;
}
@media screen and (max-width: 992px) {
#logo {
margin: 0 0 15px 15px;
}
}
.header {
position: fixed;
width: 100%;
z-index: 9999;
background: #fff;
padding-top: 30px;
transition: background 0.3s linear;
}
.header > .container {
position: relative;
}
@media screen and (max-width: 992px) {
.header {
background: rgba(255, 255, 255, 0.97);
padding-top: 15px;
}
}
#sp-component{
margin-top: 95px;
}
@media screen and (max-width: 481px) {
#sp-component {
margin-top: 140px;
}
}
.linkedin {
padding-left: 50px;
}
.phone {
float: right;
margin-top: 5px;
margin-left: 50px;
margin-right: 15px;
padding: 5px 2px 2px 5px;
}
@media screen and (max-width: 992px) {
.phone {
margin-top: 50px;
}
}
@media screen and (max-width: 481px) {
.phone {
margin-top: 0px;
}
}
.nav {
float: right;
margin-top: 5px;
}
@media screen and (max-width: 992px) {
.nav {
display: none;
width: 100%;
margin-right: 0;
}
}
.nav li {
list-style: none;
float: left;
margin: 0 5px;
}
@media screen and (max-width: 1200px) {
.nav li {
margin: 0;
}
}
@media screen and (max-width: 992px) {
.nav li {
float: none;
width: 100%;
text-align: center;
margin: 0;
}
}
@media screen and (max-width: 992px) {
.nav li {
padding-left: 20px;
padding-right: 30px;
}
}
.nav li a {
color: #196575;
font-size: 12px;
text-transform: uppercase;
padding: 5px 2px 2px 5px;
display: inline-block;
}
@media screen and (max-width: 992px) {
.nav li a {
padding: 17px 0;
display: block;
border: none;
border-top: 1px solid #196575;
transition: color 0.2s linear, background 0.2s linear;
font-size: 12px;
}
}
.nav li a:hover {
}
@media screen and (max-width: 992px) {
.nav li a:hover {
background: #196575;
color: #fff;
}
}
.nav li:last-of-type {
margin-right: 0;
}
.nav li.active a {
border-color: #196575;
}
.menu-button, .m-menu-button {
width: 30px;
height: 18px;
position: absolute;
right: 15px;
display: none;
cursor: pointer;
margin-top: 1px;
}
.menu-button span, .m-menu-button span {
height: 2px;
margin-top: 10px;
background: #03dcd4;
display: block;
position: relative;
top: 0;
transition: all 500ms ease-out;
}
@media screen and (max-width: 992px) {
.menu-button, .m-menu-button {
display: block;
}
}
.menu-button span:first-child, .m-menu-button span:first-child {
margin-top: 0;
}
.menu-button.active span:nth-child(1), .m-menu-button.active span:nth-child(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 7px;
}
.menu-button.active span:nth-child(2), .m-menu-button.active span:nth-child(2) {
opacity: 0;
top: 7px;
}
.menu-button.active span:nth-child(3), .m-menu-button.active span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -17px;
}
.m-menu-button {
transition: top 0.4s ease;
}
.m-menu-button.active span {
color: #164b9b;
}
.m-menu-button.active {
top: 5px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 0 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer {
background: #f3f0f5;
padding-top: 119px;
padding-bottom: 119px;
}
@media screen and (max-width: 768px) {
.footer {
padding-top: 45px;
padding-bottom: 45px;
}
}
img.footer-logo {
display: block;
margin: 0 auto;
}
.footer h3 {
text-transform: uppercase;
text-align: center;
font-family: 'Poppins';
font-size: 16px;
margin-top: 70px;
color: #fff;
letter-spacing: 5px;
}
.footer p {
text-align: left;
font-size: 15px;
font-family: 'Poppins';
color: #646464;
max-width: 550px;
margin: 0px 0px 5px;
line-height: 22px;
letter-spacing: 0;
}
.footer .right{
text-align: right;
}
.ftr-social {
display: table;
margin: 50px auto 50px;
}
@media screen and (max-width: 768px) {
.ftr-social {
margin-bottom: 30px;
margin-top: 30px;
}
}
.ftr-social .social-network {
opacity: 1;
text-align: center;
width: 27px;
height: 27px;
border: 2px solid #646464;
margin: 0 25px;
position: relative;
}
@media screen and (max-width: 600px) {
.ftr-social .social-network {
margin: 0 15px;
}
}
.ftr-social .social-network {
line-height: 27px;
}
.ftr-social .social-network i {
color: #646464;
}
.ftr-social .social-network:hover i {
color: #fff;
}
@media (max-width: 991px) {
.footer h3, .s-footer {
margin-top: 20px;
}
.footer p {
margin-top: 15px;
}
}
.ftr-nav-container {
background: #171717;
padding: 28px 0 22px;
}
@media screen and (max-width: 992px) {
.ftr-nav-container {
display: none;
}
}
.ftr-nav {
display: table;
margin: 0 auto;
}
.ftr-nav li {
float: left;
list-style: none;
}
.ftr-nav li a {
text-transform: uppercase;
display: inline-block;
margin: 0 12px;
color: #646464;
transition: color 0.2s linear;
font-size: 11px;
}
.footer-info {
color: #646464;
}
.subscribe-form {
max-width: 570px;
height: 45px;
background: #2c2c2c;
margin: 0 auto;
padding: 0 0 0 20px;
position: relative;
}
@media screen and (max-width: 420px) {
.subscribe-form {
padding-left: 10px;
}
}
.subscribe-form label, .subscribe-form input {
float: left;
line-height: 45px;
}
.subscribe-form label {
color: #fff;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
vertical-align: middle;
padding-top: 2px;
padding-right: 9px;
position: absolute;
left: 20px;
}
@media screen and (max-width: 420px) {
.subscribe-form label {
top: -40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.subscribe-form label:after {
content: '';
height: 10px;
width: 2px;
background: #fff;
display: inline-block;
position: absolute;
right: 0;
top: 17px;
}
@media screen and (max-width: 420px) {
.subscribe-form label:after {
content: none;
}
}
.subscribe-email {
width: 90%;
border: none;
height: 45px;
color: #646464;
background: none;
padding: 0 8px;
float: left;
}
.subscribe-email::-webkit-input-placeholder {
color: #646464;
}
.subscribe-email::-moz-placeholder {
color: #646464;
}
.subscribe-email:-moz-placeholder {
color: #646464;
}
.subscribe-email:-ms-input-placeholder {
color: #646464;
}
.subscribe-submit {
border: none;
background: url("../images/villa/v-arrow.png") no-repeat 40% 19px;
position: absolute;
right: 0;
transition: background 0.3s ease;
width: 10%;
}
@media screen and (max-width: 420px) {
.subscribe-submit {
background-position: 0 19px;
}
}
.subscribe-submit:hover {
background-position: 70% 19px;
}
.input-container {
position: relative;
padding-left: 100px;
}
@media screen and (max-width: 420px) {
.input-container {
padding-left: 0;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08- CREATIVE AGENCY TEMPLATE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*----------HEADER----------------------*/
.a-header {
background: transparent;
}
@media screen and (max-width: 992px) {
.a-header {
background: #fff !important;
border-bottom: 1px solid #ccc;
}
}
.a-header-active {
background: #fff !important;
border-bottom: 1px solid #ccc;
}
.ag-nav li a {
color: #333;
}
.ag-nav li a:hover {
color: #35373e;
border-color: #35373e;
}
@media screen and (max-width: 992px) {
.ag-nav li a {
border-top: 1px solid #acafba;
}
.ag-nav li a:hover {
background: #35373e;
color: #fff;
}
}
.ag-nav li.active a {
color: #35373e;
border-color: #35373e;
}
@media screen and (max-width: 992px) {
.ag-nav li.active a a {
background: #35373e;
color: #fff !important;
border-color: #acafba;
}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.ag-nav li.active a {
background: #35373e;
color: #fff;
}
}
@media screen and (max-width: 481px) {
.ag-nav li {
text-align: left !important;
}
.ag-nav li a {
padding-left: 15px;
}
}
.a-menu-button span {
background: #35373e;
}
.a-block-title {
color: #35373e !important;
}
.a-sub-title {
color: #acafba;
}
.a-banner {
background-size: cover;
min-height: 660px;
height: 100vh;
position: relative;
background-position: center;
}
@media screen and (max-width: 992px) {
.a-banner {
height: auto;
min-height: 100%;
padding: 120px 0 70px;
}
}
.banner_description {
border: 5px solid #35373e;
text-align: center;
max-width: 280px;
padding: 35px 48px;
position: absolute;
left: 50%;
top: 50%;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: hidden;
}
@media screen and (max-width: 992px) {
.banner_description {
margin: 0 auto;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
position: relative;
left: 0;
top: 0;
}
}
.banner_description h1 {
font-size: 60px;
color: #35373e;
line-height: 1.1;
text-transform: uppercase;
margin: 28px 0 8px;
}
.hello {
color: #b2b5bf;
font-size: 26px;
line-height: 1.3;
}
.creative {
color: #acafba;
font-size: 16px;
line-height: 1.3;
}
@media screen and (max-width: 992px) {
.a-banner-slider {
min-height: 500px;
padding: 50px 0 0;
}
.a-banner-slider .banner_description {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.a-banner-slider .banner_description h1 {
font-size: 40px;
margin-top: 20px;
}
}
.ag-slide {
position: relative;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 992px) {
.ag-slide {
min-height: 500px;
}
}
.a-arrow-left {
left: 5% !important;
top: 50% !important;
}
@media screen and (max-width: 992px) {
.a-arrow-left {
display: none;
}
}
.a-arrow-right {
right: 10% !important;
top: 50% !important;
}
@media screen and (max-width: 992px) {
.a-arrow-right {
display: none;
}
}
@media screen and (max-width: 992px) {
.a-pagination {
display: block !important;
position: absolute;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.a-pagination .swiper-pagination-switch {
background: #000;
}
}
video.bgvid {
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: url("../images/agency/bg_top.jpg") no-repeat;
background-size: cover;
}
@media screen and (max-width: 992px) {
.video-banner {
min-height: 600px;
}
}
@media screen and (max-width: 481px) {
.video-banner {
min-height: 480px;
}
}
/*----------ABOUT----------------------*/
.a-about-section {
background: #f4f4f6;
padding: 140px 0;
}
@media screen and (max-width: 992px) {
.a-about-section {
padding: 70px 0;
}
}
.pic-1 {
box-shadow: 5px 8.7px 20px rgba(0, 0, 0, 0.2);
width: 100%;
height: auto;
}
.pic-2 {
width: 100%;
height: auto;
box-shadow: 5px 8.7px 20px rgba(0, 0, 0, 0.2);
margin-top: 30px;
}
@media screen and (max-width: 768px) {
.col-pic1 {
display: none;
}
}
@media screen and (max-width: 992px) {
.col-pic2 {
display: none;
}
}
.about-us {
padding-left: 42px;
padding-top: 90px;
}
.about-us h2 {
text-transform: uppercase;
color: #35373e;
font-size: 40px;
margin-bottom: 26px;
}
.about-us .read-more {
color: #acafba;
}
@media screen and (max-width: 768px) {
.about-us {
padding: 0 15px;
}
}
.about-us p {
font-size: 16px;
color: #acafba;
line-height: 1.5;
margin-bottom: 45px;
}
.arrow-green {
background: url("../images/agency/right.png") no-repeat;
width: 18px;
height: 8px;
}
/*----------SERVICES----------------------*/
.serv {
border-bottom: 1px solid #eeeef0;
}
.serv .container, .capab .container{
margin-bottom: 60px;
}
.a-service {
padding-top: 0 !important;
padding-bottom: 0 !important;
border-bottom: none;
}
.bg-serv {
position: relative;
background: url("../images/agency/image_3.jpg") no-repeat center center;
overflow: hidden;
background-size: cover;
padding: 0;
}
.services {
width: 100%;
min-height: 800px;
left: 0;
top: 0;
background: rgba(53, 55, 62, 0.85);
}
@media screen and (max-width: 992px) {
.services {
min-height: 100%;
padding: 100px 15px;
}
}
@media screen and (max-width: 768px) {
.services {
padding-top: 50px;
padding-bottom: 50px;
}
}
.serv-description, .capab-description {
border: 5px solid #ffffff;
text-align: center;
padding: 50px 20px 45px 20px;
margin: 0 auto;
min-width: 350px;
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 992px) {
.serv-description, .capab-description {
position: relative;
top: 0;
left: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
max-width: 380px;
margin: 0 auto;
min-width: 100%;
}
}
.this-service {
display: block;
}
.topic {
font-size: 40px;
line-height: 1.1;
text-transform: uppercase;
color: #fff;
margin-bottom: 20px;
}
.describe {
font-size: 16px;
line-height: 28px;
color: #bbbcc0;
}
.serv-item, .capab-item {
max-width: 400px;
margin: 0 auto;
padding-top: 50px;
}
@media screen and (max-width: 992px) {
.serv-item, .capab-item {
padding: 0 15px;
}
}
.service {
text-align: center;
margin-top: 115px;
margin-bottom: 0;
cursor: pointer;
}
@media screen and (max-width: 992px) {
.service {
margin-top: 50px;
}
}
.service img {
display: inline-block;
margin: auto;
opacity: 0.45;
}
.service h6 {
text-transform: uppercase;
font-family: 'Poppins';
color: #acafba;
margin-top: 33px;
font-size: 13px;
}
.active-item h6 {
color: #35373e;
}
.active-item img {
opacity: 1;
}
.service:hover h6 {
color: #35373e;
}
.service:hover img {
opacity: 1;
}
/*----------WORK PROCESS----------------------*/
.work-process {
text-align: center;
padding-top: 140px;
background: #fff;
width: 100%;
}
@media screen and (max-width: 992px) {
.work-process {
padding-bottom: 70px !important;
padding-top: 70px !important;
}
}
.a-work-process .sub-title {
padding-bottom: 0;
}
.process {
margin-top: 85px;
cursor: pointer;
}
@media screen and (max-width: 992px) {
.process {
margin-top: 55px;
}
}
.process h6 {
color: #acafba;
font-size: 13px;
font-family: 'Poppins';
margin-top: 28px;
text-transform: uppercase;
}
.process:hover h6 {
color: #35373e;
}
.process img {
display: inline-block;
margin: auto;
opacity: 0.45;
}
.process:hover img {
opacity: 1;
}
.active-process h6 {
color: #35373e;
}
.active-process img {
opacity: 1;
}
.number {
border-radius: 50%;
border: 2px solid #eeeef0;
width: 50px;
height: 50px;
margin: auto;
margin-top: 50px;
font-size: 18px;
font-family: 'Poppins';
color: #acafba;
}
.number p {
color: #acafba;
margin-top: 17px;
font-family: 'Poppins';
}
.active-process p {
color: #35373e;
}
.process:hover p {
color: #35373e;
}
.read {
font-family: 'Poppins';
font-size: 14px;
line-height: 26px;
text-align: left;
color: #acafba;
margin-top: 44px;
}
.use {
font-size: 18px;
text-transform: uppercase;
text-align: center;
line-height: 1.8;
margin-top: 5px;
}
.process-info {
display: none;
}
.active-info {
display: block;
}
.use {
color: #35373e;
font-family: 'Poppins';
}
/*----------LATEST WORK----------------------*/
.lates-work {
background: #f4f4f6;
padding-bottom: 67px;
width: 100%;
}
@media screen and (max-width: 768px) {
.lates-work .work-img {
width: 50%;
}
.lates-work .work-img img {
width: 100%;
}
}
@media screen and (max-width: 481px) {
.lates-work .work-img {
width: 100%;
}
}
.lates-work h3 {
color: #37383d !important;
margin-bottom: 20px;
}
.lates-work .swiper-active-switch {
background: #37383d !important;
}
.tag {
display: inline-block;
color: #c6c5cb !important;
font-family: 'Poppins';
margin-top: 20px;
}
.tag + p {
color: #c6c5cb !important;
line-height: 1.5;
}
.late {
float: left;
margin-top: 70px;
margin-bottom: 66px;
}
@media screen and (max-width: 992px) {
.late {
text-align: center;
float: none;
width: 100%;
margin-bottom: 0;
}
}
.late h3 {
color: #35373e;
font-size: 30px;
text-transform: uppercase;
margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
.late h3 {
text-align: center;
}
}
.lates-work #filters {
float: right;
margin-top: 78px;
font-size: 13px;
text-transform: uppercase;
}
@media screen and (max-width: 992px) {
.lates-work #filters {
float: none;
margin-top: 30px;
margin-bottom: 30px;
}
}
.lates-work #filters button {
display: inline-block;
padding: 0 20px 0 20px;
border: none;
background: transparent;
color: #acafba;
text-transform: uppercase;
}
@media screen and (max-width: 992px) {
.lates-work #filters button {
padding-bottom: 20px;
}
}
.lates-work #filters .actual {
color: #35373e;
}
.lates-work #filters button:hover {
color: #35373e;
}
.lates-work #filters button:last-child {
padding: 0 0 0 20px;
}
.work-img {
display: block;
vertical-align: top;
float: left;
width: 20%;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 479px) {
.work-img {
width: 100%;
}
}
.work-img:hover .work-description {
bottom: 0;
}
.work-img img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
@media screen and (max-width: 479px) {
.work-img img {
width: 100%;
}
}
.work-description {
text-align: center;
width: 100%;
background: #fff;
padding: 30px 0 30px 0;
position: absolute;
bottom: -300px;
left: 0;
transition: bottom 0.4s ease;
}
.work-description h5 {
text-transform: uppercase;
font-family: 'Poppins';
font-size: 14px;
color: #35373e;
}
.work-description p {
margin-top: 27px;
font-size: 14px;
color: #acafba;
}
.view {
text-align: center;
margin-top: 70px;
display: inline-block;
color: #acafba;
}
.view:hover {
color: #acafba;
}
/*----------TEAM----------------------*/
.a-team {
padding-top: 140px;
}
.a-team .block-title {
margin-bottom: 90px;
}
@media screen and (max-width: 992px) {
.a-team .block-title {
margin-bottom: 30px;
}
}
@media screen and (max-width: 992px) {
.a-team {
padding-top: 70px;
}
}
.our-team h2 {
font-family: 'Poppins';
font-size: 40px;
margin-top: 138px;
text-transform: uppercase;
text-align: center;
margin-bottom: 90px;
line-height: 40px;
}
.team-member {
position: relative;
text-align: center;
padding-bottom: 15px;
}
.team-member h5 {
font-size: 13px;
font-family: 'Poppins';
margin-top: 30px;
text-transform: uppercase;
text-align: center;
opacity: 1;
}
.team-member p {
font-size: 14px;
font-family: 'Poppins';
color: #acafba;
margin-top: 22px;
text-align: center;
opacity: 1;
}
.member {
position: relative;
top: 0;
max-width: 100%;
width: 100%;
height: auto;
z-index: 1;
}
.team-member:hover .member {
top: 80px;
}
.team-member:hover h5 {
opacity: 0;
}
.team-member:hover p {
opacity: 0;
}
.soc-net {
position: absolute;
top: 0;
width: 100%;
}
.social-network {
display: inline-block;
margin-bottom: 38px;
width: 23%;
height: 15px;
text-align: center;
}
.team .pagination {
display: none;
}
.arrows {
margin-top: 25px;
width: 130px;
margin: auto;
}
.arrow-left {
margin-right: 90px;
}
.arrows > div {
display: inline-block;
margin-top: 40px;
opacity: 0.45;
}
.arrows > div:hover {
opacity: 1;
cursor: pointer;
}
@media (max-width: 991px) {
.our-team h2 {
margin-top: 50px;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.our-team h2 {
margin-top: 50px;
margin-bottom: 20px;
}
.social-network {
width: 15%;
}
}
.a-team .soc-net {
padding-top: 35px;
}
.a-team .member-social {
position: relative;
z-index: 1;
display: inline-block;
margin: 0 20px;
}
@media screen and (max-width: 1200px) {
.a-team .member-social {
margin: 0 10px;
}
}
.a-team .member-social i {
color: #acafba;
}
.a-team .member-social i:hover {
color: #35373e;
}
.a-arrow {
width: 200px;
position: relative;
margin: 0 auto;
}
.a-arrow div {
position: absolute;
top: 0;
}
.a-arrow .arrow-left {
left: 0;
}
.a-arrow .arrow-right {
right: 0;
}
.a-skills {
width: 100%;
padding: 30px 0 140px;
}
@media screen and (max-width: 992px) {
.a-skills {
padding: 0 0 70px;
}
}
.our-skills h3 {
font-family: 'Poppins';
font-size: 20px;
text-transform: uppercase;
margin-top: 90px;
}
.our-progress {
margin-top: 45px;
}
.our-progress h5 {
font-family: 'Poppins';
font-size: 13px;
text-transform: uppercase;
background: transparent;
background: none;
}
.our-progress > div {
display: inline-block;
}
.line {
height: 2px;
background: #eeeef0;
margin-top: 13px;
width: 100%;
position: relative;
}
.line .line-active {
position: absolute;
left: 0;
top: 0;
background: #35373e;
height: 2px;
width: 0;
transition: width 3s linear;
}
.line-active span {
position: absolute;
right: 0;
top: -12px;
padding: 7px 10px;
background: #acafba;
color: #ffffff;
display: inline-block;
font-size: 13px;
}
.line-active span:after {
content: '%';
}
/*----------FROM BLOG----------------------*/
.blog {
background: #f8f9fd;
padding-bottom: 120px;
padding-top: 0px;
}
@media screen and (max-width: 992px) {
.blog {
padding-top: 70px;
}
}
.post {
padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
.post {
margin-bottom: 30px;
}
.post:last-of-type {
margin-bottom: 0;
}
}
.post h5 a {
font-size: 13px;
line-height: 22px;
margin-top: 20px;
text-transform: uppercase;
display: block;
color: #333333;
transition: color 0.2s linear;
}
.post img {
max-width: 100%;
}
.a-post .read-more, .a-post p {
color: #acafba;
}
@media (max-width: 991px) {
.blog {
padding-bottom: 40px;
}
.from-blog h2 {
margin-top: 40px;
}
.from-blog p, .post p {
margin-top: 15px;
margin-bottom: 20px;
}
.post img {
width: 100%;
height: auto;
}
}
@media (max-width: 767px) {
.blog {
padding-bottom: 40px;
}
.from-blog h2 {
margin-top: 40px;
}
.from-blog p, .post p {
margin-top: 15px;
margin-bottom: 20px;
}
.post img {
width: 100%;
height: auto;
}
}
/*----------TESTIMONIALS----------------------*/
@media screen and (max-width: 992px) {
.testimonials {
padding-bottom: 40px;
}
}
.bg-testimon {
background: url("../images/agency/image_4.jpg") no-repeat center center;
background-size: cover;
overflow: hidden;
padding: 0;
min-height: 800px;
position: relative;
}
@media screen and (max-width: 992px) {
.bg-testimon {
min-height: 100%;
height: auto;
}
}
.ts-container {
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(53, 55, 62, 0.85);
position: absolute;
}
@media screen and (max-width: 992px) {
.ts-container {
position: relative;
padding: 50px 15px;
}
}
.testimotionals-describe {
border: 5px solid #fff;
margin: 0 auto;
padding: 0 30px 40px 30px;
text-align: center;
display: none;
max-width: 360px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
}
@media screen and (max-width: 992px) {
.testimotionals-describe {
position: relative;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
left: 0;
}
}
.this-tes {
display: block;
}
.testimotionals-describe h2 {
text-transform: uppercase;
font-size: 40px;
margin-top: 50px;
color: #fff;
line-height: 1.1;
}
.testimotionals-describe p {
margin-top: 20px;
color: #bbbcc0;
line-height: 28px;
font-size: 16px;
}
.words {
margin-top: 180px;
text-align: center;
}
@media screen and (max-width: 992px) {
.words {
margin-top: 60px;
}
}
.im-center {
margin-top: 30px;
}
.words > .im-center:first-child {
margin-top: 0;
}
.testim-pic {
width: 102px;
height: 102px;
}
.t-describe {
font-size: 22px;
font-family: 'Poppins';
line-height: 32px;
color: #35373e;
max-width: 520px;
margin: 40px auto 0;
}
.t-author {
font-family: 'Poppins';
font-size: 16px;
color: #acafba;
margin-top: 37px;
}
.pagination {
display: block;
margin: 0 auto;
}
.ts-pagination {
display: table;
margin: 0 auto;
padding-top: 45px;
}
@media screen and (max-width: 992px) {
.ts-pagination {
padding-top: 25px;
}
}
.ts-pagination .swiper-pagination-switch {
width: 10px !important;
height: 10px !important;
background: #eeeef0;
margin: 0 6px;
cursor: pointer;
border: none;
}
.ts-pagination .swiper-pagination-switch:after {
content: none;
}
.ts-pagination .swiper-active-switch {
background: #35373e !important;
border: none;
}
/*----------LOGO BLOCK----------------------*/
.logos-list {
background: #f8f9fd;
padding: 70px 0;
width: 100%;
text-align: center;
}
.logos-list a {
line-height: 72px;
margin-top: 0;
text-align: center;
}
.logo-style {
display: inline-block;
opacity: 0.45;
vertical-align: middle;
}
.logo-style:hover {
opacity: 1;
}
@media (max-width: 991px) {
.logos-list a {
margin-top: 20px;
display: inline-block;
}
.logos-list {
padding: 10px 0 30px;
}
}
/*----------CONTACT----------------------*/
.a-contact-section {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.a-contact-section {
padding-top: 70px;
}
}
.contact-us {
padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
.contact-us {
padding-bottom: 30px;
}
}
.contact-us p {
color: #acafba;
}
.contact-info h5 {
text-transform: uppercase;
font-size: 13px;
margin-bottom: 25px;
margin-top: 50px;
color: #333;
}
.contact-info h5:first-child {
margin-top: 0;
}
.contact-info p {
line-height: 24px;
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
.phone {
line-height: 24px;
text-align: left;
text-decoration: none;
color: #473C56;
transition: color 0.3s linear;
font-family: 'Poppins';
font-weight: 400;
letter-spacing: 0;
}
.input-style {
background: #eeeef0;
padding: 16px 19px;
color: #acafba;
font-family: 'Poppins';
font-size: 13px;
display: inline-block;
border: none;
margin-bottom: 30px;
border: 1px solid transparent;
}
.mail-us {
color: #acafba;
transition: color 0.3s linear;
}
.contact-us input[type=text] {
width: 47%;
margin-right: 6%;
float: left;
}
.contact-us input[type=email] {
width: 47%;
float: left;
}
.contact-us input[type=tel] {
width: 47%;
float: left;
}
.tx-style {
width: 100%;
height: 150px;
background: #eeeef0;
padding: 16px 19px;
color: #acafba;
font-family: 'Poppins';
font-size: 13px;
margin-bottom: 40px;
border: none;
resize: none;
}
.contact-us input.send {
font-size: 13px;
text-transform: uppercase;
color: #35373e;
display: block;
margin: 0 auto;
opacity: 1;
text-decoration: none;
letter-spacing: 2px;
font-family: 'Poppins';
padding: 0 35px 0 0;
background-position: 90% 2px !important;
background-repeat: no-repeat;
transition: background 0.3s linear;
border: none;
}
@media (max-width: 992px) {
.contact-us h2 {
margin-top: 40px;
}
.contact-us p {
margin-top: 15px;
margin-bottom: 30px;
}
.contact-info h5 {
margin-top: 15px;
margin-bottom: 10px;
}
.contact-info p {
margin-top: 0;
}
.contact-us input {
margin-bottom: 10px;
}
.contact-us textarea {
margin-bottom: 40px;
}
.contact-us input[type=text] {
width: 100%;
margin-right: 0;
}
.contact-us input[type=email] {
width: 100%;
}
.contact-us input[type=tel] {
width: 100%;
}
}
@media (max-width: 767px) {
.contact-us h2 {
margin-top: 40px;
}
.contact-us p {
margin-top: 15px;
margin-bottom: 30px;
}
.contact-info h5 {
margin-top: 15px;
margin-bottom: 10px;
}
.contact-info p {
margin-top: 0;
}
.contact-us input {
margin-bottom: 10px;
}
.contact-us textarea {
margin-bottom: 20px;
height: 100px;
}
.contact-us input[type=text] {
width: 100%;
margin-right: 0;
}
.contact-us input[type=email] {
width: 100%;
}
.contact-us input[type=tel] {
width: 100%;
}
}
.a-contact-section .input-style, .a-contact-section .tx-style {
background: #eeeef0 !important;
color: #acafba !important;
}
.a-contact-section .input-style::-webkit-input-placeholder, .a-contact-section .tx-style::-webkit-input-placeholder {
color: #acafba !important;
}
.a-contact-section .input-style::-moz-placeholder, .a-contact-section .tx-style::-moz-placeholder {
color: #acafba !important;
}
.a-contact-section .input-style:-moz-placeholder, .a-contact-section .tx-style:-moz-placeholder {
color: #acafba !important;
}
.a-contact-section .input-style:-ms-input-placeholder, .a-contact-section .tx-style:-ms-input-placeholder {
color: #acafba !important;
}
.a-contact-section .contact-us input.send {
color: #acafba;
background-image: url("../images/agency/right.png");
}
/*----------FOOTER----------------------*/
.a-ftr-nav li a:hover {
color: #fff;
}
.a-footer {
background: #35373e;
}
.a-footer .footer-info, .a-footer .subscribe-email {
color: #cfd1db;
}
.a-footer .subscribe-email::-webkit-input-placeholder {
color: #cfd1db;
}
.a-footer .subscribe-email::-moz-placeholder {
color: #cfd1db;
}
.a-footer .subscribe-email:-moz-placeholder {
color: #cfd1db;
}
.a-footer .subscribe-email:-ms-input-placeholder {
color: #cfd1db;
}
.a-footer .subscribe-form {
background: #404249;
}
.a-ftr-nav-container {
background: #2f3138;
}
.a-ftr-nav-container li a {
color: #cfd1db;
}
.a-social .social-network {
border-color: #cfd1db;
line-height: 27px;
}
.a-social .social-network:hover {
background: #cfd1db;
border-color: #cfd1db;
}
.a-social .social-network i {
font-size: 14px;
color: #cfd1db;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ANIMATIONS AGENCY*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.team-member .member, .team-member p, .team-member h5, .social-network img, .process img, .process h6, .process p, .service img, .service h6 {
transition: all 700ms ease-out;
-ms-transition: all 700ms ease-out;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - RESTAURANT TEMPLATE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.arrow-grey {
background: url("../images/restouran/arrow.png");
width: 18px;
height: 8px;
}
.r-block-title {
color: #333333;
}
.r-sub-title {
color: #888;
}
/*----------HEADER----------------------*/
.r-nav li a {
color: #fff;
}
.r-nav li a:hover {
color: #fff;
border-color: #fff;
}
@media screen and (max-width: 992px) {
.r-nav li a {
border-top: 1px solid #fff;
}
.r-nav li a:hover {
background: #333;
color: #fff;
}
}
.r-nav li.active a {
color: #fff;
border-color: #fff;
}
@media screen and (max-width: 992px) {
.r-nav li.active a a {
background: #d1c5b3;
color: #fff !important;
border-color: #fff;
}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.r-nav li.active a {
background: #d1c5b3;
color: #fff;
}
}
@media screen and (max-width: 481px) {
.r-nav li {
text-align: left !important;
}
.r-nav li a {
padding-left: 15px;
}
}
.r-header {
background: transparent !important;
}
@media screen and (max-width: 992px) {
.r-header {
background: rgba(0, 0, 0, 0.9) !important;
}
}
.r-menu-button span {
background: #fff;
}
.r-header-active {
background: rgba(0, 0, 0, 0.9) !important;
}
/*----------BANNER----------------------*/
.r-banner {
height: 800px;
}
@media screen and (max-width: 1200px) {
.r-banner {
height: 700px;
}
}
@media screen and (max-width: 992px) {
.r-banner {
height: 600px;
}
}
@media screen and (max-width: 481px) {
.r-banner {
height: 450px;
}
}
.restouran-slide {
position: relative;
}
.restouran-slide:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.55);
z-index: 0;
}
.restouran-slide .container {
height: 800px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.restouran-slide .container {
height: 700px;
}
}
@media screen and (max-width: 992px) {
.restouran-slide .container {
height: 600px;
}
}
@media screen and (max-width: 481px) {
.restouran-slide .container {
height: 450px;
}
}
.r-banner-content {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
padding: 0 30px;
}
.r-banner-content h1, .r-banner-content h2 {
color: #fff;
font-size: 60px;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 30px;
word-wrap: break-word;
}
@media screen and (max-width: 992px) {
.r-banner-content h1, .r-banner-content h2 {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.r-banner-content h1, .r-banner-content h2 {
font-size: 36px;
margin-bottom: 10px;
}
}
.food-list {
border: 3px solid #fff;
display: inline-block;
padding: 10px;
margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
.food-list {
margin-bottom: 15px;
padding: 5px;
}
}
.food-list li {
color: #fff;
font-size: 16px;
font-family: 'Poppins';
float: left;
list-style: none;
font-weight: 700;
padding: 0 4px;
}
@media screen and (max-width: 992px) {
.food-list li {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.food-list li {
font-size: 14px;
float: none;
}
}
.r-banner-price {
color: #fff;
font-size: 26px;
font-family: 'Poppins';
font-weight: 700;
}
/*----------INFO BLOCK---------------------*/
.col-info {
position: relative;
min-height: 250px;
padding: 0;
background-size: cover;
background-position: center;
}
.col-info:after {
content: '';
background: rgba(0, 0, 0, 0.55);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.f-info-content {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
z-index: 555;
}
.f-info-content h3 {
color: #fff;
}
.f-info-content span {
display: block;
color: #fff;
font-family: 'Poppins';
}
.f-info-det {
border: 3px solid #fff;
padding: 5px;
color: #fff;
font-size: 13px;
font-family: 'Poppins';
display: inline-block;
text-transform: uppercase;
margin: 20px 0;
}
.col-our {
position: relative;
background: #fff;
min-height: 250px;
}
.col-our h3 {
color: #888888;
text-transform: uppercase;
margin: 22px 0;
}
.col-our .read-more {
color: #888;
}
/*----------ABOUT SECTION---------------------*/
@media screen and (max-width: 768px) {
.about-block-1 {
border-top: 1px solid #888;
}
}
.col-about-5 {
width: 43%;
float: left;
min-height: 800px;
position: relative;
padding: 0 15px;
}
@media screen and (max-width: 1200px) {
.col-about-5 {
min-height: 700px;
width: 48%;
}
}
@media screen and (max-width: 992px) {
.col-about-5 {
min-height: 600px;
width: 100%;
}
}
.col-about-7 {
width: 57%;
float: left;
min-height: 800px;
position: relative;
}
@media screen and (max-width: 1200px) {
.col-about-7 {
min-height: 700px;
width: 52%;
}
}
@media screen and (max-width: 992px) {
.col-about-7 {
min-height: 600px;
width: 100%;
}
}
.r-about-info {
position: absolute;
max-width: 500px;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
margin: 0 auto;
padding: 0 15px;
}
@media screen and (max-width: 992px) {
.r-about-info {
position: relative;
top: 0;
left: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
padding: 70px 0;
}
}
.r-about-info img {
margin-bottom: 30px;
}
.r-about-info p {
padding-bottom: 0;
}
@media screen and (max-width: 992px) {
.col-bg-hide {
display: none;
}
}
.r-about-img-block {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 50%;
}
.r-about-img-block:last-of-type {
top: auto;
bottom: 0;
}
.menu-item {
margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
.menu-item {
margin-bottom: 18px;
}
}
.menu-item:last-of-type {
margin-bottom: 0;
}
.menu-item h3 {
color: #333;
margin: 20px 0;
}
@media screen and (max-width: 1200px) {
.menu-item h3 {
margin: 10px 0;
}
}
.menu-item p {
color: #888888;
}
.meat-price {
color: #d1c5b3;
font-family: 'Poppins';
font-weight: 700;
display: block;
}
.r-arrow-l {
position: absolute;
top: 50%;
left: 0;
cursor: pointer;
}
@media screen and (max-width: 600px) {
.r-arrow-l {
display: none;
}
}
.r-arrow-r {
position: absolute;
top: 50%;
right: 0;
cursor: pointer;
}
@media screen and (max-width: 600px) {
.r-arrow-r {
display: none;
}
}
@media screen and (max-width: 600px) {
.meat-pagination {
display: block !important;
position: absolute;
width: 100%;
bottom: 0;
}
.meat-pagination .swiper-pagination-switch:after {
background: #888;
}
.meat-pagination .swiper-active-switch {
border-color: #888;
}
}
@media screen and (max-width: 600px) {
.meat-slider {
padding-bottom: 50px;
}
}
.r-popular {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.r-popular {
padding-top: 70px;
}
}
/*----------POPULAR DISHES---------------------*/
.dishes-info {
position: absolute;
width: 100%;
padding: 0 15px;
top: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.dishes-info img {
width: auto;
height: auto;
max-width: inherit;
display: inline-block;
}
@media screen and (max-width: 992px) {
.dishes-info img {
display: none;
}
}
@media screen and (max-width: 767px) {
.dishes-info img {
display: inline-block;
}
}
.dishes-info h3 {
line-height: 1.5;
margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
.dishes-info h3 {
font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.dishes-info h3 {
font-size: 14px;
}
}
.dishes-info .meat-price {
margin: 20px 0;
}
.dishes-box {
background: #fffdfa;
width: 25%;
float: left;
}
@media screen and (max-width: 767px) {
.dishes-box {
display: none;
}
}
.dishes-box-transparent:after {
content: '';
position: absolute;
}
@media screen and (max-width: 767px) {
.dishes-box-transparent {
display: block;
width: 100%;
height: 250px;
border-bottom: 1px solid #f5f1e8;
}
.dishes-box-transparent:last-of-type {
border-bottom: none;
}
.dishes-box-transparent:after {
content: none;
}
}
.bord {
border-bottom: 1px solid #f5f1e8;
}
.tri-top:after {
top: -18px;
left: 50%;
margin-left: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 18px 15px;
border-color: transparent transparent #fffdfa transparent;
}
.tri-top:after {
top: -18px;
left: 50%;
margin-left: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 18px 15px;
border-color: transparent transparent #fffdfa transparent;
}
.tri-top:after {
top: -18px;
left: 50%;
margin-left: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 18px 15px;
border-color: transparent transparent #fffdfa transparent;
}
.tri-bottom:after {
bottom: -18px;
left: 50%;
margin-left: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 15px 0 15px;
border-color: #fffdfa transparent transparent transparent;
z-index: 1;
}
.tri-left:after {
top: 50%;
left: -18px;
margin-top: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 18px 15px 0;
border-color: transparent #fffdfa transparent transparent;
}
/*----------TEAM BLOCK---------------------*/
.r-team-section {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.r-team-section {
padding-top: 70px;
}
}
.team-container {
position: relative;
}
.team-member-photo, .team-member-box {
width: 50%;
float: left;
position: relative;
}
@media screen and (max-width: 992px) {
.team-member-photo, .team-member-box {
width: 100%;
}
}
.team-member-box {
min-height: 600px;
}
@media screen and (max-width: 1200px) {
.team-member-box {
min-height: 580px;
}
}
@media screen and (max-width: 992px) {
.team-member-box {
min-height: 100%;
}
}
.team-member-photo {
background-size: cover;
background-position: center top;
min-height: 800px;
}
@media screen and (max-width: 1200px) {
.team-member-photo {
min-height: 700px;
}
}
@media screen and (max-width: 992px) {
.team-member-photo {
min-height: 600px;
}
}
@media screen and (max-width: 768px) {
.team-member-photo {
min-height: 400px;
}
}
.team-member-info {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
max-width: 530px;
text-align: center;
}
@media screen and (max-width: 992px) {
.team-member-info {
position: relative;
left: 0;
top: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
margin: 0 auto;
padding: 70px 0;
}
}
.team-member-info span {
color: #d1c5b3;
text-transform: uppercase;
font-family: 'Poppins';
display: block;
margin-bottom: 30px;
}
.team-member-info p {
padding-bottom: 0;
}
.team-member-info img {
margin-bottom: 40px;
}
.team-member-info .block-title {
margin-bottom: 10px;
}
.team-nav {
position: absolute;
width: 50%;
right: 0;
bottom: 0;
}
@media screen and (max-width: 992px) {
.team-nav {
width: 100%;
position: relative;
}
}
.member-slide {
cursor: pointer;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.member-slide img {
max-width: 100%;
width: 100%;
height: auto;
display: block;
}
.member-slide.active {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
.team-member-container {
display: none;
}
.team-member-container.active {
display: block;
}
/*----------TESTIMONIALS SECTION---------------------*/
.testimonials-section {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.testimonials-section {
padding-top: 70px;
}
}
.testimonials-slider {
max-width: 900px;
margin: 0 auto;
}
.client-slide {
text-align: center;
cursor: pointer;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.client-slide img {
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
border-radius: 50%;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
margin-left: -20px;
}
.client-slide.swiper-slide-active {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
.client-slide.swiper-slide-active img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.star {
background: url("../images/restouran/star.png");
width: 19px;
height: 19px;
display: inline-block;
}
.testimonials-item {
width: 100%;
text-align: center;
max-width: 800px;
margin: 0 auto;
display: none;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
}
.testimonials-item h3 {
text-transform: uppercase;
color: #333;
margin: 20px 0;
font-size: 16px;
}
.testimonials-item span {
color: #d1c5b3;
font-family: 'Poppins';
letter-spacing: 1px;
font-size: 16px;
display: block;
margin-bottom: 15px;
}
.testimonials-item .blockquote {
color: #888;
line-height: 1.5;
font-size: 16px;
font-family: 'Poppins';
letter-spacing: 1px;
}
.testimonials-block {
padding-top: 30px;
}
.testimonials-item.active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
display: block;
}
/*----------GALLERY FOOD----------------------*/
.gallery-food {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.gallery-food {
padding-top: 70px;
}
}
.gallery-food-container {
position: relative;
}
.r-gallery-link {
float: left;
overflow: hidden;
width: 33.333%;
}
.r-gallery-link img {
width: 100%;
max-width: 100%;
display: block;
height: auto;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: -webkit-transform 0.5s linear;
transition: transform 0.5s linear;
}
.r-gallery-link:hover img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
@media screen and (max-width: 361px) {
.r-gallery-link {
width: 100%;
}
}
.col-gallery-info {
position: absolute;
left: 0;
height: 100%;
top: 0;
}
@media screen and (max-width: 992px) {
.col-gallery-info {
position: relative;
}
}
.col-gallery {
float: right;
}
.r-gallery-info {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.r-gallery-info img {
margin-bottom: 40px;
}
.r-gallery-info .sub-title {
padding-bottom: 0;
}
@media screen and (max-width: 992px) {
.r-gallery-info {
position: relative;
margin-top: 0;
top: 0;
left: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
padding-bottom: 50px;
}
}
/*----------RESERVATION-SECTION---------------------*/
.reservation-section {
position: static;
}
.reservation-container {
background-size: cover;
background-position: center top;
padding: 140px 0 100px;
position: relative;
}
@media screen and (max-width: 992px) {
.reservation-container {
padding: 70px 0;
}
}
.reservation-container:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.reservation-container .block-title, .reservation-container .sub-title {
color: #fff;
}
.reservation-container .container {
position: relative;
z-index: 11;
}
.reservation-form {
max-width: 770px;
margin: 0 auto;
}
.input-reservation {
border: 3px solid #fff;
height: 45px;
float: left;
width: 46%;
margin-bottom: 30px;
position: relative;
}
@media screen and (max-width: 481px) {
.input-reservation {
width: 100%;
}
}
.input-reservation img {
position: absolute;
right: 16px;
top: 12px;
}
.input-reservation:nth-of-type(2n) {
margin-left: 8%;
}
@media screen and (max-width: 481px) {
.input-reservation:nth-of-type(2n) {
margin-left: 0;
}
}
.input-reservation input {
background: none;
border: none;
line-height: 39px;
color: #fff;
padding: 0 45px 0 16px;
font-weight: 900;
font-family: 'Poppins';
width: 100%;
}
.input-reservation input::-webkit-input-placeholder {
color: #fff;
}
.input-reservation input::-moz-placeholder {
color: #fff;
}
.input-reservation input:-moz-placeholder {
color: #fff;
}
.input-reservation input:-ms-input-placeholder {
color: #fff;
}
.reserv-submit {
margin-top: 20px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
background: url("../images/restouran/v-arrow.png") no-repeat 90% 2px;
font-family: 'Poppins';
border: none;
padding-right: 30px;
letter-spacing: 2px;
transition: background 0.5s ease;
}
.reserv-submit:hover {
background-position: 100% 2px;
}
/*--------------------CONTACT ------------*/
.r-contact-us {
margin-top: 90px;
}
.r-contact-us h5 {
color: #333;
}
.r-contact-us p {
color: #888;
}
.r-contact-us a:hover {
color: #c6b7a0;
}
.r-contact-us .input-style, .r-contact-us .tx-style {
color: #888;
background: #edecea;
}
.r-contact-us .input-style::-webkit-input-placeholder, .r-contact-us .tx-style::-webkit-input-placeholder {
color: #888;
}
.r-contact-us .input-style::-moz-placeholder, .r-contact-us .tx-style::-moz-placeholder {
color: #888;
}
.r-contact-us .input-style:-moz-placeholder, .r-contact-us .tx-style:-moz-placeholder {
color: #888;
}
.r-contact-us .input-style:-ms-input-placeholder, .r-contact-us .tx-style:-ms-input-placeholder {
color: #888;
}
.r-contact-us input.send {
color: #888;
background-image: url("../images/restouran/arrow.png") !important;
}
/*----------FOOTER----------------------*/
.r-footer {
background: #d0c4b2;
}
.r-footer .subscribe-form {
background: #c6b7a0;
}
.r-footer .footer-info, .r-footer .subscribe-email {
color: #f8f0e5;
}
.r-footer .subscribe-email::-webkit-input-placeholder {
color: #f8f0e5;
}
.r-footer .subscribe-email::-moz-placeholder {
color: #f8f0e5;
}
.r-footer .subscribe-email:-moz-placeholder {
color: #f8f0e5;
}
.r-footer .subscribe-email:-ms-input-placeholder {
color: #f8f0e5;
}
.r-footer .ftr-nav-container {
background: #c6b7a0;
}
.r-footer .ftr-nav-container a {
color: #f8f0e5;
}
.r-footer .ftr-nav-container a:hover {
color: #fff;
}
.r-social .social-network {
border-color: #f8f0e5;
}
.r-social .social-network i {
color: #f8f0e5;
}
.r-social .social-network:hover {
background: #f8f0e5;
border-color: #f8f0e5;
}
.r-social .social-network:hover i {
color: #d1c6b4;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10- WOMAN-FASHION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*----------HEADER----------------------*/
.icon-right {
background: url("../images/fashion/right-f.png") no-repeat;
width: 18px;
height: 8px;
}
.f-block-title {
color: #333333 !important;
}
.f-block-title span {
color: #eb2a2a !important;
}
.f-sub-title {
color: #888888 !important;
}
.w-header {
background: #fff;
transition: background 0.3s linear;
border-bottom: 1px solid #f3f3f3;
}
.w-nav li a {
color: #333;
}
.w-nav li a:hover {
color: #eb2a2a;
border-color: #eb2a2a;
}
@media screen and (max-width: 992px) {
.w-nav li a {
border-top: 1px solid #eb2a2a;
}
.w-nav li a:hover {
background: #eb2a2a;
color: #333;
}
}
.w-nav li.active a {
color: #eb2a2a;
border-color: #eb2a2a;
}
@media screen and (max-width: 992px) {
.w-nav li.active a a {
background: #eb2a2a;
color: #333 !important;
border-color: #eb2a2a;
}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.w-nav li.active a {
background: #eb2a2a;
color: #fff;
}
}
@media screen and (max-width: 481px) {
.w-nav li {
text-align: left !important;
}
.w-nav li a {
padding-left: 15px;
}
}
/*-------------------- BLOCK-TYPE-1 ------------*/
body.fashion .w-banner {
padding-top: 215px;
background-image: none;
text-align: center;
position: relative;
}
@media screen and (max-width: 992px) {
body.fashion .w-banner {
padding-top: 150px;
}
}
@media screen and (max-width: 768px) {
body.fashion .w-banner {
padding-top: 120px;
}
}
.w-banner .read-more {
margin-bottom: 110px;
}
@media screen and (max-width: 992px) {
.w-banner .read-more {
margin-bottom: 50px;
}
}
body.fashion .w-banner h1 {
font-size: 60px;
margin-bottom: 45px;
color: #333333;
text-transform: uppercase;
padding: 0 15px;
}
@media screen and (max-width: 1200px) {
body.fashion .w-banner h1 {
font-size: 48px;
}
}
@media screen and (max-width: 992px) {
body.fashion .w-banner h1 {
font-size: 36px;
}
}
body.fashion .w-banner h1 span {
color: #fff;
background: #eb2a2a;
padding: 10px 9px 0 13px;
display: inline-block;
}
@media screen and (max-width: 992px) {
body.fashion .w-banner h1 span {
margin: 5px 0 15px;
}
}
body.fashion .w-banner p {
font-size: 22px;
line-height: 34px;
color: #888;
max-width: 535px;
margin: 0 auto 45px;
padding: 0 15px;
}
@media screen and (max-width: 992px) {
body.fashion .w-banner p {
font-size: 18px;
}
}
a.fash {
color: #eb2a2a;
margin-bottom: 115px;
display: inline-block;
}
a.fash:after {
content: url(../images/fashion/right-f.png);
}
a.fash:hover {
opacity: 1;
}
body.fashion .w-banner img {
width: 100%;
height: auto;
}
body.fashion .w-banner .pagination {
display: none;
}
@media (max-width: 991px) {
a.fash {
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
a.fash {
margin-bottom: 50px;
}
}
/*-------------------- 07-BLOCK-TYPE-2 ------------*/
.about-fashion {
margin-top: 140px;
padding-bottom: 140px;
}
@media screen and (max-width: 992px) {
.about-fashion {
margin-top: 70px;
padding-bottom: 70px;
}
}
.about-fashion h2 {
text-align: center;
text-transform: uppercase;
font-size: 40px;
margin-bottom: 45px;
line-height: 1.1;
}
.about-fashion h2 span {
color: #eb2a2a;
}
@media screen and (max-width: 768px) {
.about-fashion h2 {
font-size: 32px;
margin-bottom: 25px;
}
}
.about-fashion p {
font-size: 16px;
line-height: 28px;
color: #888;
max-width: 560px;
margin: 0 auto;
text-align: center;
}
.numbers {
text-align: center;
text-transform: uppercase;
color: #fff;
width: 20%;
float: left;
padding-top: 90px;
padding-bottom: 85px;
border-right: 1px solid #de2424;
}
@media screen and (max-width: 768px) {
.numbers {
width: 100%;
border-right: 0;
border-bottom: 1px solid #de2424;
}
.numbers:last-of-type {
border-bottom: none;
}
}
.row-count, .f-logo-list {
background: #eb2a2a;
}
.numbers:last-child {
border: none;
}
.numbers img {
margin-bottom: 30px;
}
.numbers h4 {
margin-bottom: 25px;
font-size: 42px;
}
.numbers p {
font-size: 13px;
}
.about-fashion .container-fluid {
margin-bottom: 90px;
}
.fashion-serv {
text-align: center;
}
.fashion-serv h5 {
text-transform: uppercase;
font-size: 13px;
margin-bottom: 30px;
color: #333333;
}
.fashion-serv img {
max-width: 100%;
height: auto;
margin-bottom: 25px;
}
.fashion-serv p {
font-size: 14px;
color: #888888;
max-width: 98%;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.fashion-serv p {
max-width: 370px;
}
}
body.fashion .read-more {
font-size: 12px;
text-transform: uppercase;
color: #eb2a2a;
display: inline-block;
}
.fashion-serv .read-more {
margin-top: 45px;
}
@media screen and (max-width: 992px) {
.fashion-serv .read-more {
margin: 20px 0 45px;
}
}
@media (max-width: 991px) {
.about-fashion {
padding-bottom: 45px;
}
.about-fashion p {
margin: 0 auto 55px;
}
.about-fashion .container-fluid {
margin-bottom: 65px;
}
.numbers {
padding-top: 40px;
padding-bottom: 40px;
}
.fashion-serv p {
margin: 0;
padding: 0 5px;
}
}
@media (max-width: 767px) {
.about-fashion {
padding-bottom: 20px;
}
.about-fashion p {
margin: 0 auto;
}
.numbers {
padding-bottom: 40px;
padding-top: 45px;
}
}
@media screen and (max-width: 992px) {
.fashion-text-info {
margin-bottom: 30px !important;
}
}
/*-------------------- BLOCK-TYPE-3 ------------*/
.models {
text-align: center;
margin-bottom: 140px;
}
@media screen and (max-width: 992px) {
.models {
margin-bottom: 70px;
}
}
.models h3 {
font-size: 40px;
text-transform: uppercase;
margin-bottom: 45px;
color: #333333;
}
.models .pagination {
display: none;
}
.models .swiper-slide {
position: relative;
min-height: 621px;
}
@media screen and (max-width: 992px) {
.models .swiper-slide {
min-height: 400px;
}
}
.about-model {
padding: 30px 15px 0 20px;
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 100%;
background: #eb2a2a;
}
.about-model h5 {
text-transform: uppercase;
text-align: left;
font-size: 14px;
color: #fff;
line-height: 1.4;
margin-bottom: 20px;
}
.about-model p {
font-size: 14px;
text-align: left;
margin-bottom: 25px;
color: #fdbcbc;
}
.model-pic {
position: absolute;
min-height: 621px;
width: 100%;
left: 0;
top: 0;
background-position: center top;
background-size: cover;
z-index: 1;
}
@media screen and (max-width: 992px) {
.model-pic {
min-height: 400px;
}
}
.models .swiper-slide:hover .model-pic {
left: 150px;
}
.arrow-container {
width: 210px;
position: relative;
display: table;
margin: 50px auto 0;
}
.arrow-container .arrow-right {
position: absolute;
right: 0;
cursor: pointer;
top: 0;
}
.arrow-container .arrow-left {
position: absolute;
left: 0;
cursor: pointer;
top: 0;
}
.slider-index span {
color: #888;
letter-spacing: 0;
}
.slider-index .start_index {
color: #eb2a2a;
}
/*-------------------- 07-BLOCK-TYPE-4 ------------*/
.main-event {
padding: 0;
}
.events {
text-align: center;
position: relative;
margin-bottom: 135px;
min-height: 700px;
}
@media screen and (max-width: 992px) {
.events {
min-height: 600px;
margin-bottom: 70px;
}
}
.up-event {
position: absolute;
text-align: center;
text-transform: uppercase;
font-size: 40px;
left: 50%;
top: 50%;
width: 100%;
color: #fff;
line-height: 1.1;
z-index: 222;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1200px) {
.up-event {
position: relative;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
color: #333;
margin-bottom: 50px;
}
}
.events .main-event {
position: relative;
z-index: 1;
min-height: 700px;
}
@media screen and (max-width: 992px) {
.events .main-event {
min-height: 600px;
}
}
.event-pic {
position: relative;
min-height: 700px;
width: 100%;
height: auto;
left: 0;
top: 0;
background-position: top center;
background-size: cover;
}
@media screen and (max-width: 992px) {
.event-pic {
min-height: 600px;
}
}
.event-pic:after {
content: '';
background-color: rgba(0, 0, 0, 0.65) !important;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.event-describe {
position: absolute;
max-width: 285px;
margin: 0 auto;
border: 5px solid #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 50px 47px;
}
@media screen and (max-width: 992px) {
.event-describe {
max-width: 350px;
width: 100%;
}
}
.event-describe h6 {
text-transform: uppercase;
font-size: 16px;
margin-bottom: 22px;
color: #eb2a2a;
}
.event-describe h3 {
text-transform: uppercase;
font-size: 20px;
margin-bottom: 15px;
color: #fff;
line-height: 1.3;
}
.event-describe p {
color: #ebebeb;
font-size: 14px;
margin-bottom: 36px;
line-height: 1.7;
}
/*-------------------- 07-BLOCK-TYPE-5 ------------*/
.collections {
margin-bottom: 70px;
}
.collections .block-title {
margin-bottom: 75px;
word-wrap: break-word;
}
@media screen and (max-width: 992px) {
.collections .block-title {
margin-bottom: 30px;
}
}
.nav-collection {
margin-top: 155px;
}
@media screen and (max-width: 992px) {
.nav-collection {
margin-top: 100px;
}
}
@media screen and (max-width: 768px) {
.nav-collection {
margin-top: 0;
}
}
.nav-collection li {
list-style-type: none;
padding-left: 10px;
}
.nav-collection button {
border: none;
background: transparent;
text-decoration: none;
font-size: 13px;
text-transform: uppercase;
color: #888;
line-height: 52px;
}
.nav-collection button:before {
content: '';
width: 3px;
height: 3px;
border-radius: 50%;
background: #888;
display: inline-block;
top: -3px;
left: -10px;
position: relative;
}
.nav-collection button.active-col:before {
background: #eb2a2a;
}
.photo-season img {
width: 100%;
height: auto;
margin-bottom: 50px;
}
.photo-season h5 {
text-transform: uppercase;
color: #333;
font-size: 14px;
margin-bottom: 10px;
}
.photo-season p {
font-size: 14px;
line-height: 26px;
color: #888;
min-height: 120px;
}
.season-col {
margin-top: 95px;
}
@media screen and (max-width: 992px) {
.season-col {
margin-top: 0;
}
}
.season-col h4 {
color: #333;
font-size: 20px;
margin-bottom: 40px;
text-transform: uppercase;
}
@media screen and (max-width: 992px) {
.season-col h4 {
margin-bottom: 20px;
}
}
.collection-info {
display: none;
}
.collection-active {
display: block;
}
.season-col p {
font-size: 14px;
line-height: 26px;
color: #888;
margin-bottom: 45px;
}
.col-inform {
position: relative;
}
.col-inform .pagination {
display: none;
}
.col-inform .arrows {
width: 100%;
margin: 0;
position: absolute;
bottom: 170px;
left: 0;
padding: 0 15px;
z-index: 1;
}
.col-inform .arrow-right {
float: right;
}
@media (max-width: 991px) {
.collections {
margin-bottom: 90px;
}
.collections h3 {
margin-bottom: 40px;
}
.photo-season img {
max-height: 350px;
width: auto;
}
}
@media (max-width: 767px) {
.collections {
margin-bottom: 50px;
}
.collections h3 {
margin-bottom: 40px;
}
}
/*-------------------- 07-BLOCK-TYPE-6 ------------*/
.fashion-gallery #filters {
z-index: 1;
background: #eb2a2a;
}
.corner-stamp {
border: 15px solid #fff;
position: relative;
}
.fashion-gallery #filters button {
border: none;
background: none;
font-size: 13px;
font-family: 'Poppins';
text-transform: uppercase;
color: #ff7b7b;
margin-bottom: 35px;
display: block;
text-align: center;
width: 100%;
}
.filter-container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fashion-gallery #filters button:last-child {
margin-bottom: 0;
}
.fashion-gallery #filters button.actual {
color: #fff;
}
.fashion-gallery #filters button:hover {
color: #fff;
}
body.fashion .grid {
width: 0;
}
.fashion-gallery .work-img {
position: relative;
width: 25%;
}
@media screen and (max-width: 992px) {
.fashion-gallery .work-img {
width: 50%;
}
}
@media screen and (max-width: 479px) {
.fashion-gallery .work-img {
width: 100%;
}
}
.gallery-border {
position: relative;
}
.gallery-border:after {
content: '';
border: 15px solid #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.fashion-gallery .work-img:hover .gallery-border:after {
opacity: 0;
}
.girl-laugh {
position: absolute;
color: #fff;
width: 100%;
left: 0;
bottom: 0;
text-align: center;
opacity: 0;
}
.girl-laugh h6 {
text-transform: uppercase;
margin-bottom: 25px;
font-size: 14px;
}
.girl-laugh p {
font-size: 14px;
margin-bottom: 28px;
}
.fashion-gallery .work-img:hover .girl-laugh {
opacity: 1;
}
@media (max-width: 991px) {
.amazing-team h3 {
margin-bottom: 40px;
}
.amazing-team p {
margin-bottom: 40px;
}
.am-team li {
display: inline-block;
width: 32%;
}
}
@media screen and (max-width: 991px) and (max-width: 481px) {
.am-team li {
width: 100%;
}
}
@media (max-width: 991px) {
.team-image {
min-height: 350px;
}
}
@media (max-width: 767px) {
.collections {
margin-bottom: 50px;
}
.collections h3 {
margin-bottom: 40px;
}
}
/*-------------------- 07-BLOCK-TYPE-7 ------------*/
.amazing-team {
padding: 140px 0 130px;
}
@media screen and (max-width: 992px) {
.amazing-team {
padding: 70px 0;
}
}
.amazing-team h3 {
text-transform: uppercase;
text-align: center;
font-size: 40px;
color: #333;
margin-bottom: 60px;
}
.amazing-team p {
text-align: center;
padding: 0 15px;
color: #888;
font-size: 16px;
line-height: 28px;
margin-bottom: 75px;
}
.am-team li {
list-style-type: none;
text-transform: uppercase;
text-align: center;
}
.am-team button {
border: none;
background: transparent;
text-decoration: none;
font-family: 'Poppins';
font-size: 13px;
text-transform: uppercase;
color: #888;
line-height: 52px;
}
.teamers .swiper-slide {
opacity: 0.5;
transition: opacity 0.2s linear;
}
.teamers .swiper-slide-active {
opacity: 1;
}
.teamers h5 {
text-transform: uppercase;
font-size: 13px;
color: #35373e;
text-align: center;
}
.teamers p {
margin-bottom: 0;
}
.amazing-team .pagination {
display: none;
}
.teamers {
display: none;
}
.team-image {
min-height: 526px;
width: auto;
background-position: top center;
background-size: cover;
margin-bottom: 30px;
}
.collection-active {
display: block;
}
/*===============================================*/
/*--------------------BLOCK "TYPE 8"-------------*/
/*===============================================*/
body.fashion .logos-list .pagination {
display: none;
}
.f-contact {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.f-contact {
padding-top: 70px;
}
}
.f-contact-us {
margin-top: 90px;
}
.f-contact-us a:hover {
color: #eb2a2a;
}
.f-contact-us input.send {
color: #eb2a2a;
background-image: url("../images/fashion/right-f.png") !important;
}
.f-ftr-nav a:hover {
color: #eb2a2a;
}
.f-ftr-social .social-network:hover {
background: #eb2a2a;
border-color: #eb2a2a;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FASHION ANIMATIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
a.fash, .nav-collection li button, .fashion-gallery #filters button {
transition: all 700ms ease-out;
-ms-transition: all 700ms ease-out;
}
.models .swiper-slide .model-pic, .fashion-gallery .work-img .girl-laugh, .am-team button,
.fashion-gallery .work-img .gallery-border:after {
transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11- MAN-FASHION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*----------HEADER----------------------*/
.blue-arrow {
background: url("../images/man/read-man.png");
width: 18px;
height: 8px;
}
.m-block-title {
color: #164b9b;
}
.m-header {
background: transparent !important;
}
@media screen and (max-width: 992px) {
.m-header {
background: rgba(0, 0, 0, 0.8) !important;
}
}
.m-header .container {
position: relative;
z-index: 1;
}
.m-header:after {
content: '';
background: rgba(0, 0, 0, 0.8);
position: absolute;
left: -400%;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
transition: right 0.5s ease;
}
@media screen and (max-width: 992px) {
.m-header:after {
content: none;
}
}
@media screen and (max-width: 992px) {
.m-header {
background: rgba(0, 0, 0, 0.8);
}
}
.m-header-active:after {
left: 0;
}
.m-header-bg {
background: rgba(0, 0, 0, 0.8) !important;
}
.m-menu-button {
display: block !important;
}
.m-menu-button span {
background: #fff;
}
.m-nav {
-webkit-transform: translateX(-400%);
-ms-transform: translateX(-400%);
transform: translateX(-400%);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
position: relative;
z-index: -1;
}
@media screen and (max-width: 992px) {
.m-nav {
position: absolute;
top: 39px;
display: block !important;
}
}
@media screen and (min-width: 992px) {
.m-nav {
padding-right: 35px;
}
}
.m-nav li a {
color: #fff;
}
.m-nav li a:hover {
color: #fff;
border-color: #fff;
}
@media screen and (max-width: 992px) {
.m-nav li a {
border-top: 1px solid #fff;
}
.m-nav li a:hover {
background: #164b9b;
color: #fff;
}
}
.m-nav li.active a {
color: #164b9b;
border-color: #164b9b;
}
@media screen and (max-width: 992px) {
.m-nav li.active a a {
background: #164b9b;
color: #fff !important;
border-color: #fff;
}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.m-nav li.active a {
background: #164b9b;
color: #fff;
}
}
@media screen and (max-width: 481px) {
.m-nav li {
text-align: left !important;
}
.m-nav li a {
padding-left: 15px;
}
}
.m-nav-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
@media screen and (max-width: 992px) {
.m-nav-active {
background: rgba(0, 0, 0, 0.8) !important;
}
}
/*-------------------- MAN BANNER ------------*/
body.man .w-banner {
width: 100%;
background: none;
}
.man-banner {
width: 50%;
min-height: 800px;
background-position: top center;
background-size: cover;
float: left;
position: relative;
text-align: center;
}
@media screen and (max-width: 1200px) {
.man-banner {
min-height: 700px;
}
}
@media screen and (max-width: 992px) {
.man-banner {
width: 100%;
min-height: 500px;
}
}
@media screen and (max-width: 481px) {
.man-banner {
min-height: 450px;
}
}
.man-banner:after {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
}
.man-banner h1, .man-banner h2 {
color: #fff;
font-size: 40px;
margin-bottom: 45px;
text-transform: uppercase;
line-height: 1.3;
}
@media screen and (max-width: 481px) {
.man-banner h1, .man-banner h2 {
font-size: 32px;
padding: 0 15px;
}
}
.man-banner .read-more {
color: #bed8ff;
}
.m-banner-content {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 5;
width: 100%;
}
/*-------------------- MAN ABOUT ------------*/
.about-man {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.about-man {
padding-top: 70px;
}
}
@media screen and (max-width: 992px) {
.about-img-box {
width: 33.333%;
}
}
@media screen and (max-width: 481px) {
.about-img-box {
width: 100%;
}
}
.about-img-box img {
box-shadow: 5px 8.7px 20px rgba(0, 0, 0, 0.2);
margin-bottom: 35px;
width: 100%;
height: auto;
}
.m-about-text {
font-size: 16px;
line-height: 28px;
text-align: center;
color: #8d9bb0;
max-width: 500px;
margin: 0 auto;
padding: 0 15px 140px;
}
@media screen and (max-width: 992px) {
.m-about-text {
padding-bottom: 70px;
}
}
@media screen and (max-width: 768px) {
.m-about-text {
max-width: 100%;
}
}
.about-box {
min-height: 500px;
position: relative;
overflow: hidden;
background-position: center top;
}
.about-box:hover .m-info-hide {
bottom: 0;
}
@media screen and (max-width: 768px) {
.about-box {
width: 50%;
float: left;
}
}
@media screen and (max-width: 481px) {
.about-box {
width: 100%;
min-height: 400px;
}
}
.img-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
max-width: 100%;
height: 40%;
}
@media screen and (max-width: 1200px) {
.img-bottom {
height: 30%;
}
}
.m-box-text {
position: absolute;
width: 100%;
height: 60%;
left: 0;
top: 0;
}
@media screen and (max-width: 1200px) {
.m-box-text {
height: 70%;
}
}
.m-box-text-content {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
padding: 0 15px;
width: 70%;
}
@media screen and (max-width: 1200px) {
.m-box-text-content {
width: 85%;
}
}
.m-box-text-content h3 {
color: #0d213f;
font-size: 13px;
text-transform: uppercase;
padding-bottom: 18px;
line-height: 1.2;
}
.m-box-text-content p {
color: #8d9bb0;
font-size: 13px;
line-height: 1.7;
}
.m-info-hide {
background: #164b9b;
padding: 30px;
position: absolute;
left: 0;
bottom: -300px;
transition: bottom 0.8s ease;
width: 100%;
}
.m-info-hide h4 {
text-transform: uppercase;
font-size: 14px;
color: #fff;
padding-bottom: 18px;
}
.m-info-hide span {
display: block;
color: #bed8ff;
font-size: 14px;
font-family: 'Poppins';
}
@media screen and (max-width: 768px) {
.m-info-hide {
display: none;
}
}
/*-------------------- POPULAR PRODUCTS------------*/
.popular {
padding: 140px 0;
background: #f8faff;
}
@media screen and (max-width: 992px) {
.popular {
padding: 70px 0;
}
}
.m-product-box {
min-height: 580px;
position: relative;
background-size: cover;
background-position: center top;
}
@media screen and (max-width: 1200px) {
.m-product-box {
min-height: 500px;
}
}
@media screen and (max-width: 600px) {
.m-product-box {
min-height: 450px;
}
}
@media screen and (max-width: 481px) {
.m-product-box {
min-height: 350px;
}
}
@media screen and (max-width: 381px) {
.m-product-box {
min-height: 300px;
}
}
.m-product-box-layer:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.m-product-title {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 10;
}
.m-product-title h3 {
color: #fff !important;
text-transform: uppercase;
line-height: 1.5;
font-size: 20px;
margin-top: 20px;
}
.m-product-title span {
font-size: 14px;
color: #bed8ff;
display: inline-block;
text-transform: uppercase;
}
.box-item {
position: absolute;
width: 50%;
height: 50%;
background-color: #fff;
text-align: center;
background-size: cover;
background-position: center;
}
.m-popular-img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.box-item:nth-of-type(1) {
left: 0;
top: 0;
}
.box-item:nth-of-type(2) {
right: 0;
top: 0;
}
.box-item:nth-of-type(3) {
left: 0;
bottom: 0;
}
.box-item:nth-of-type(4) {
right: 0;
bottom: 0;
}
.box-item-info {
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.box-item-info h4 {
text-transform: uppercase;
color: #0d213f;
line-height: 1.6;
margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
.box-item-info h4 {
font-size: 10px;
margin-bottom: 14px;
}
}
.box-item-info a {
position: relative;
transition: right 0.3s ease;
right: 0;
}
.box-item-info a:hover {
right: -5px;
}
.box-item-info-l:after {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 18px 15px 0;
border-color: transparent #fff transparent transparent;
}
.box-item-info-r:after {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 18px;
border-color: transparent transparent transparent #fff;
}
/*-------------------- GALLERY SECTION ------------*/
body.man .gallery {
width: 100%;
padding-top: 140px;
}
@media screen and (max-width: 992px) {
body.man .gallery {
padding-top: 70px;
}
}
body.man .gallery h3 {
font-size: 40px;
margin-bottom: 45px;
text-align: center;
text-transform: uppercase;
}
.gallery-item {
min-height: 800px;
position: relative;
background-size: cover;
background-position: top center;
width: 100%;
}
@media screen and (max-width: 1200px) {
.gallery-item {
min-height: 700px;
}
}
@media screen and (max-width: 992px) {
.gallery-item {
min-height: 600px;
}
}
@media screen and (max-width: 481px) {
.gallery-item {
min-height: 400px;
}
}
.gallery-pagination {
position: absolute;
left: 50%;
bottom: 20px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
.gallery-pagination {
bottom: 0;
}
}
.gallery-pagination .swiper-pagination-switch {
background: transparent;
cursor: pointer;
width: 16px;
height: 16px;
border: 2px solid transparent;
position: relative;
}
.gallery-pagination .swiper-pagination-switch:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
background: #bed8ff;
border-radius: 50%;
}
.gallery-pagination .swiper-active-switch {
border-color: #bed8ff;
}
/*--------------------DETAILS SECTION ------------*/
.special-details {
padding: 140px 0;
background: #f8faff;
}
@media screen and (max-width: 992px) {
.special-details {
padding: 70px 0;
}
}
.special-details .container {
position: relative;
}
.m-detaly-box {
max-width: 270px;
margin: 0 auto;
}
.m-det-info {
background: #164b9b;
text-align: center;
height: 215px;
position: relative;
}
.m-det-info:after {
content: '';
position: absolute;
left: 50%;
margin-left: -15px;
bottom: -18px;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 15px 0 15px;
border-color: #164b9b transparent transparent transparent;
}
.m-det-info div {
position: absolute;
left: 0;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-det-info span {
display: block;
color: #bed8ff;
font-family: 'Poppins';
font-size: 14px;
font-weight: 700;
}
.m-det-info h3 {
color: #fff;
text-transform: uppercase;
line-height: 2;
margin: 25px 0 15px;
letter-spacing: 3px;
}
.m-det-info p {
color: #bed8ff;
}
.det-arrow {
position: absolute;
width: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 481px) {
.det-arrow {
display: none;
}
}
.det-arrow div {
position: absolute;
top: 180px;
opacity: 1;
cursor: pointer;
z-index: 555;
}
.det-arrow .arrow-left {
left: 0;
}
@media screen and (max-width: 992px) {
.det-arrow .arrow-left {
left: 15px;
}
}
.det-arrow .arrow-right {
right: 0;
}
@media screen and (max-width: 992px) {
.det-arrow .arrow-right {
right: 15px;
}
}
@media screen and (max-width: 481px) {
.det-pagination {
display: block !important;
position: absolute;
bottom: -20px;
margin-bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.det-pagination .swiper-pagination-switch {
background: transparent;
cursor: pointer;
width: 16px;
height: 16px;
border: 2px solid transparent;
position: relative;
}
.det-pagination .swiper-pagination-switch:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
background: #164b9b;
border-radius: 50%;
}
.det-pagination .swiper-active-switch {
border-color: #164b9b;
}
}
@media screen and (max-width: 481px) {
.det-slider {
padding-bottom: 50px;
}
}
/*--------------------CONTACT ------------*/
.m-contact-us {
margin-top: 90px;
}
.m-contact-us h5 {
color: #0d213f;
}
.m-contact-us p {
color: #a7acb3;
}
.m-contact-us a:hover {
color: #164b9b;
}
.m-contact-us input.send {
color: #164b9b;
background-image: url("../images/man/man-r.png") !important;
}
/*--------------------FOOTER ------------*/
.m-footer {
background: #0b1729;
}
.m-footer .subscribe-form {
background: #162337;
}
.m-footer .footer-info, .m-footer .subscribe-email {
color: #56667f;
}
.m-footer .subscribe-email::-webkit-input-placeholder {
color: #56667f;
}
.m-footer .subscribe-email::-moz-placeholder {
color: #56667f;
}
.m-footer .subscribe-email:-moz-placeholder {
color: #56667f;
}
.m-footer .subscribe-email:-ms-input-placeholder {
color: #56667f;
}
.m-footer .ftr-nav-container {
background: #091423;
}
.m-footer .ftr-nav-container a {
color: #56667f;
}
.m-footer .ftr-nav-container a:hover {
color: #fff;
}
.m-ftr-social .social-network {
border-color: #56667f;
}
.m-ftr-social .social-network i {
color: #56667f;
}
.m-ftr-social .social-network:hover {
background: #164b9b;
border-color: #164b9b;
}
body.food .mfp-close {
width: 30px;
height: 30px;
}
body.food .mfp-close:after {
content: 'x';
font-size: 20px;
color: #000;
text-align: center;
position: absolute;
left: 0;
right: 0;
top: -8px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12- TRAVEL TEMPLATE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.travel p {
color: #91a4a6;
line-height: 1.5;
}
.t-about-title {
color: #223c3e;
}
.t-sub-title {
color: #91a4a6;
}
.t-title-block {
text-align: center;
}
.t-title-block img {
margin-bottom: 40px;
}
/*----------HEADER----------------------*/
body.travel .r-nav li a {
color: #fff;
}
body.travel .r-nav li a:hover {
color: #32cddb;
border-color: #32cddb;
}
@media screen and (max-width: 992px) {
body.travel .r-nav li a {
border-top: 1px solid #fff;
}
body.travel .r-nav li a:hover {
background: #32cddb;
color: #fff;
}
}
body.travel .r-nav li.active a {
color: #32cddb;
border-color: #32cddb;
}
@media screen and (max-width: 992px) {
body.travel .r-nav li.active a {
background: #32cddb;
color: #fff !important;
border-color: #fff;
}
}
@media screen and (max-width: 481px) {
body.travel .r-nav li {
text-align: left !important;
}
body.travel .r-nav li a {
padding-left: 15px;
}
}
/*----------BANNER----------------------*/
.t-banner .swiper-slide {
min-height: 800px;
position: relative;
}
@media screen and (max-width: 1200px) {
.t-banner .swiper-slide {
min-height: 700px;
}
}
@media screen and (max-width: 992px) {
.t-banner .swiper-slide {
min-height: 600px;
}
}
@media screen and (max-width: 768px) {
.t-banner .swiper-slide {
min-height: 100%;
height: auto;
}
}
.t-banner .swiper-slide:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.t-banner .swiper-slide .container {
position: relative;
min-height: 800px;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.t-banner .swiper-slide .container {
min-height: 700px;
}
}
@media screen and (max-width: 992px) {
.t-banner .swiper-slide .container {
min-height: 600px;
}
}
@media screen and (max-width: 768px) {
.t-banner .swiper-slide .container {
min-height: 100%;
height: auto;
padding: 120px 0;
}
}
.banner-info {
display: none;
}
.banner-info.active {
display: block;
}
.t-banner-content {
position: absolute;
left: 70px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 430px;
}
.t-banner-content h1, .t-banner-content h2 {
font-size: 60px;
color: #fff;
text-transform: uppercase;
margin: 42px 0 30px;
}
@media screen and (max-width: 768px) {
.t-banner-content h1, .t-banner-content h2 {
font-size: 40px;
margin: 32px 0 20px;
}
}
.t-banner-content p {
color: #fff;
font-size: 14px;
line-height: 1.5;
margin-bottom: 44px;
}
@media screen and (max-width: 768px) {
.t-banner-content p {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.t-banner-content {
position: relative;
top: 0;
left: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin: 0 auto;
padding: 0 30px;
text-align: center;
}
}
.banner-price {
color: #fff;
font-size: 26px;
}
.banner-price span {
color: #32cddb;
}
.banner-price sub {
color: #fff;
font-size: 14px;
}
@media screen and (max-width: 768px) {
.banner-price {
font-size: 20px;
}
}
.info-img img {
box-shadow: 2.5px 4.3px 10px rgba(0, 0, 0, 0.2);
margin-right: 20px;
}
@media screen and (max-width: 768px) {
.info-img {
display: none;
}
}
.banner-l, .banner-r {
position: absolute;
top: 400px;
cursor: pointer;
transition: left 0.5s linear, right 0.5s ease;
}
@media screen and (max-width: 1200px) {
.banner-l, .banner-r {
top: 350px;
}
}
@media screen and (max-width: 992px) {
.banner-l, .banner-r {
top: 300px;
}
}
@media screen and (max-width: 768px) {
.banner-l, .banner-r {
display: none;
}
}
.banner-l {
left: 0;
}
.banner-l:hover {
left: -10px;
}
.banner-r {
right: 0;
}
.banner-r:hover {
right: -10px;
}
.banner-nav-container {
position: relative;
height: 0;
}
@media screen and (max-width: 768px) {
.t-pagination {
display: block !important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
bottom: 0;
}
.t-pagination .swiper-pagination-switch {
background: #fff;
cursor: pointer;
}
.t-pagination .swiper-pagination-switch:last-of-type {
margin-right: 0;
}
.t-pagination .swiper-active-switch {
background: #32cddb;
}
}
.travel-click {
cursor: pointer;
border: 1px solid transparent;
}
.travel-click.active {
border-color: #fff;
}
/*----------ABOUT----------------------*/
.t-about {
padding: 140px 0;
background: #eefbfc;
}
@media screen and (max-width: 992px) {
.t-about {
padding: 70px 0;
}
}
.t-about .container {
position: relative;
}
.t-about-img {
max-width: 100%;
display: block;
}
.t-about-img-box {
width: 40%;
padding-right: 15px;
}
@media screen and (max-width: 992px) {
.t-about-img-box {
width: 30%;
}
}
@media screen and (max-width: 768px) {
.t-about-img-box {
display: none;
}
}
.t-about-info-box {
position: absolute;
right: 0;
top: 0;
width: 60%;
height: 100%;
padding-right: 15px;
}
@media screen and (max-width: 992px) {
.t-about-info-box {
width: 70%;
}
}
@media screen and (max-width: 768px) {
.t-about-info-box {
width: 100%;
position: relative;
}
}
.t-about-info {
position: absolute;
left: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.t-about-info h2 {
text-align: left;
padding-right: 15px;
}
.t-about-info p {
padding: 0 15px 0 0;
text-align: left;
float: left;
max-width: 100%;
width: 100%;
}
@media screen and (max-width: 768px) {
.t-about-info {
position: relative;
top: 0;
left: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.t-about-info h2 {
text-align: center;
}
.t-about-info p {
padding-right: 0;
text-align: center;
}
}
/*----------HOT TOUR SECTION----------------------*/
.hot-tour {
padding: 140px 0;
}
@media screen and (max-width: 992px) {
.hot-tour {
padding: 70px 0 100px;
}
}
.hot-container {
background: #fff;
max-width: 270px;
margin: 0 auto;
box-shadow: 2.5px 4.3px 10px rgba(0, 0, 0, 0.1);
}
.hot-place-box {
text-align: center;
padding: 50px 0 38px;
}
.hot-place-box h3 {
text-transform: uppercase;
color: #223b3d;
font-size: 14px;
margin-bottom: 20px;
}
.hot-price {
font-family: 'Poppins';
font-size: 14px;
font-weight: bold;
color: #32cddb;
margin-bottom: 18px;
}
.place-det li {
color: #91a4a6;
font-size: 14px;
margin-bottom: 10px;
font-family: 'Poppins';
letter-spacing: 0;
list-style: none;
}
.place-det li span {
font-weight: 700;
}
.place-more {
background: #223b3d;
text-align: center;
padding: 18px 0 16px;
}
.place-more a {
color: #fff;
}
.hot-arrows {
position: relative;
width: 200px;
margin: 0 auto;
}
.hot-arrows div {
cursor: pointer;
position: absolute;
top: 0;
}
.hot-arrows .arrow-left {
left: 0;
}
.hot-arrows .arrow-right {
right: 0;
}
/*----------SERVICE SECTION---------------------*/
.t-service {
padding: 140px 0;
background: #eefbfc;
}
@media screen and (max-width: 992px) {
.t-service {
padding: 70px 0 20px;
}
}
.t-col-serv {
text-align: center;
}
@media screen and (max-width: 992px) {
.t-col-serv {
margin-bottom: 50px;
}
}
.t-col-serv img {
margin-bottom: 30px;
}
.t-col-serv h3 {
margin-bottom: 20px;
text-transform: uppercase;
color: #223b3d;
font-size: 13px;
}
/*----------POPULAR SECTION---------------------*/
.popular-tour {
background: #223b3d;
padding: 140px 0;
}
@media screen and (max-width: 992px) {
.popular-tour {
padding: 70px 0;
}
}
.col-popular-info {
text-align: left;
padding-top: 20px;
}
.col-popular-info h2 {
color: #fff;
text-align: left;
}
.col-popular-info p {
padding: 0;
text-align: left;
}
.col-popular-info img {
margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
.col-popular-info {
text-align: center;
}
.col-popular-info p {
text-align: center;
margin-bottom: 40px;
}
.col-popular-info h2 {
text-align: center;
}
}
.t-popular-item {
max-width: 270px;
margin: 0 auto;
box-shadow: 2.5px 4.3px 10px rgba(0, 0, 0, 0.1);
}
.t-popular-box {
background: #fff;
padding: 30px;
text-align: left;
}
.t-popular-box h3 {
text-transform: uppercase;
margin-bottom: 11px;
font-size: 13px;
}
.t-popular-arrows {
position: absolute;
top: 0;
width: 100%;
left: 0;
}
.t-popular-arrows div {
width: 50px;
height: 50px;
background: #fff;
opacity: 1;
transition: opacity 0.5s linear;
position: absolute;
margin-top: 0;
z-index: 111;
top: 110px;
}
.t-popular-arrows div:hover {
opacity: 0.8;
}
.t-popular-arrows div img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.t-popular-arrows .arrow-left {
left: 22px;
}
@media screen and (max-width: 1200px) {
.t-popular-arrows .arrow-left {
left: 55px;
}
}
@media screen and (max-width: 992px) {
.t-popular-arrows .arrow-left {
left: 15px;
}
}
.t-popular-arrows .arrow-right {
right: 20px;
}
@media screen and (max-width: 1200px) {
.t-popular-arrows .arrow-right {
right: 54px;
}
}
@media screen and (max-width: 992px) {
.t-popular-arrows .arrow-right {
right: 15px;
}
}
/*----------TRAVEL GALLERY---------------------*/
.t-gallery {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.t-gallery {
padding-top: 70px;
}
}
.cont-filter {
display: table;
margin: 0 auto 100px;
}
@media screen and (max-width: 992px) {
.cont-filter {
margin: 0 auto 50px;
text-align: center;
}
}
.cont-filter .button {
float: left;
background: none;
border: none;
text-transform: uppercase;
color: #91a4a6;
padding: 0 16px;
display: inline-block;
}
@media screen and (max-width: 992px) {
.cont-filter .button {
margin-bottom: 10px;
float: none;
text-align: center;
}
}
.cont-filter .button.actual {
color: #32cddb;
}
.country-link {
float: left;
width: 25%;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.country-link {
width: 50%;
}
}
@media screen and (max-width: 481px) {
.country-link {
width: 100%;
}
}
.country-link img {
max-width: 100%;
height: auto;
display: block;
width: 100%;
}
.country-link:hover .info-panel {
bottom: 0;
}
.info-panel {
background: #fff;
text-align: center;
position: absolute;
width: 100%;
bottom: -200px;
left: 0;
padding: 28px 0;
transition: bottom 0.4s ease;
}
@media screen and (max-width: 992px) {
.info-panel {
padding: 18px 0;
}
}
.country-name {
color: #223b3d;
text-transform: uppercase;
font-size: 13px;
}
@media screen and (max-width: 992px) {
.country-name {
font-size: 12px;
}
}
.sw-container {
max-width: 680px;
width: 100%;
margin: 0 auto;
}
.plase-box {
min-height: 400px;
}
@media screen and (max-width: 992px) {
.plase-box {
min-height: 300px;
}
}
.place-info {
background: #fff;
padding: 100px 80px 40px;
text-align: center;
}
.place-info p {
padding-top: 30px;
}
@media screen and (max-width: 992px) {
.place-info {
padding-left: 15px;
padding-right: 15px;
}
}
.pagination-gallery {
display: block !important;
position: absolute;
top: 440px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
text-align: center;
}
@media screen and (max-width: 992px) {
.pagination-gallery {
top: 340px;
}
}
.pagination-gallery .swiper-pagination-switch {
background: #ededef;
border: none;
width: 10px;
height: 10px;
margin: 5px;
}
.pagination-gallery .swiper-pagination-switch:after {
content: none;
}
.pagination-gallery .swiper-active-switch {
background: #37cbd7 !important;
border: none !important;
}
.mfp-close-btn-in .mfp-close {
cursor: pointer;
background: #fff;
z-index: 9999999999999999999999999;
}
/*----------HOTEL SECTION---------------------*/
.hotel-section {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.hotel-section {
padding-top: 70px;
}
}
.hotel-slider, .hotel-info {
width: 50%;
float: left;
height: 800px;
position: relative;
}
@media screen and (max-width: 992px) {
.hotel-slider, .hotel-info {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 992px) {
.hotel-slider {
width: 100%;
height: 700px;
}
}
@media screen and (max-width: 600px) {
.hotel-slider {
height: 400px;
}
}
.vertical-slide {
height: 800px !important;
}
@media screen and (max-width: 992px) {
.vertical-slide {
height: 700px !important;
}
}
@media screen and (max-width: 600px) {
.vertical-slide {
height: 400px !important;
}
}
.vertical-pagination {
position: absolute;
top: 50%;
left: 45px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
.vertical-pagination {
left: 15px;
}
}
@media screen and (max-width: 992px) {
.vertical-pagination {
left: 0;
}
}
.vertical-pagination .swiper-pagination-switch {
background: transparent;
display: block;
cursor: pointer;
width: 16px;
height: 16px;
border: 2px solid transparent;
position: relative;
margin: 8px;
}
.vertical-pagination .swiper-pagination-switch:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
}
.vertical-pagination .swiper-active-switch {
border-color: #fff;
}
.hotel-info-container {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
padding: 0 200px;
}
@media screen and (max-width: 1600px) {
.hotel-info-container {
padding: 0 100px;
}
}
@media screen and (max-width: 1200px) {
.hotel-info-container {
padding: 0 50px;
}
}
@media screen and (max-width: 992px) {
.hotel-info-container {
position: relative;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding: 70px 30px;
}
}
.t-star {
background: url("../images/travel/star.png");
width: 18px;
height: 19px;
display: inline-block;
}
.t-star-n {
background: url("../images/travel/star-no.png");
width: 18px;
height: 19px;
display: inline-block;
}
.hotel-info-container h3 {
text-transform: uppercase;
font-size: 20px;
line-height: 1.5;
margin: 46px 0 26px;
color: #333;
}
.hotel-info-container p {
font-size: 16px;
line-height: 1.5;
}
.hotel-info-list {
max-width: 360px;
margin: 26px auto;
}
.hotel-info-list li {
padding: 10px 0;
border-bottom: 1px solid #ebf2f3;
color: #ced6d7;
list-style: none;
font-family: 'Poppins';
}
.hotel-info-list li span {
font-weight: 700;
}
.t-testimonials-slider {
padding-top: 85px;
position: relative;
}
.hotel-testimonials-slide h4 {
font-size: 14px;
color: #333;
text-transform: uppercase;
margin-bottom: 20px;
}
.hotel-testimonials-slide p {
font-size: 14px;
color: #91a4a6;
line-height: 2;
}
.testimonials-arrow {
position: absolute;
width: 100%;
top: 0;
}
.testimonials-arrow span {
color: #91a4a6;
}
.testimonials-arrow .start_index {
color: #32cddb;
}
.testimonials-arrow .arrow-right, .testimonials-arrow .arrow-left {
top: 70px;
}
.testimonials-arrow .arrow-right {
right: -50px;
}
@media screen and (max-width: 1200px) {
.testimonials-arrow .arrow-right {
right: -30px;
}
}
@media screen and (max-width: 992px) {
.testimonials-arrow .arrow-right {
right: 0;
top: 0;
}
}
.testimonials-arrow .arrow-left {
left: -50px;
}
@media screen and (max-width: 1200px) {
.testimonials-arrow .arrow-left {
left: -30px;
}
}
@media screen and (max-width: 992px) {
.testimonials-arrow .arrow-left {
left: 0;
top: 0;
}
}
.t-review-section {
padding: 140px 0;
background: #eefbfc;
}
@media screen and (max-width: 992px) {
.t-review-section {
padding: 70px 0;
}
}
.t-review-section h3 {
color: #32cddb;
}
.t-review-section p {
color: #91a4a6;
}
.testimonials-container .swiper-arrow-left, .testimonials-container .swiper-arrow-right {
cursor: pointer;
position: absolute;
top: 80px;
cursor: pointer;
}
.testimonials-container .swiper-arrow-left {
left: 0;
}
.testimonials-container .swiper-arrow-right {
right: 0;
}
@media screen and (max-width: 992px) {
.testimonials-container .swiper-arrow-left {
left: 100px;
top: 200px;
}
.testimonials-container .swiper-arrow-right {
right: 100px;
top: 200px;
}
}
/*----------CONTACT---------------------*/
.t-contact {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.t-contact {
padding-top: 70px;
}
}
.t-contact-us {
margin-top: 90px;
}
.t-contact-us h5 {
color: #223b3d;
}
.t-contact-us p {
color: #a7acb3;
}
.t-contact-us a:hover {
color: #223b3d;
}
.t-contact-us input.send {
color: #223b3d;
background-image: url("../images/travel/send.png") !important;
}
/*--------------------FOOTER ------------*/
.t-footer {
background: #223b3d;
}
.t-footer .subscribe-form {
background: #274244;
}
.t-footer .footer-info, .t-footer .subscribe-email {
color: #91a4a6;
}
.t-footer .subscribe-email::-webkit-input-placeholder {
color: #91a4a6;
}
.t-footer .subscribe-email::-moz-placeholder {
color: #91a4a6;
}
.t-footer .subscribe-email:-moz-placeholder {
color: #91a4a6;
}
.t-footer .subscribe-email:-ms-input-placeholder {
color: #91a4a6;
}
.t-footer .ftr-nav-container {
background: #1f3739;
}
.t-footer .ftr-nav-container a {
color: #91a4a6;
}
.t-footer .ftr-nav-container a:hover {
color: #fff;
}
.t-ftr-social .social-network {
border-color: #91a4a6;
}
.t-ftr-social .social-network i {
color: #91a4a6;
}
.t-ftr-social .social-network:hover {
background: #32cddb;
border-color: #32cddb;
}
/*------------------------------------------------------------*/
/*--------13-BUSINESS-----------------------------------------*/
/*---------------------------------------------------------*/
.bw-block-title, .w-sub-title {
color: #fff !important;
}
/*----------HEADER----------------------*/
.b-header {
background: #ffffff;
transition: background 0.3s linear;
}
.b-nav li a {
color: #473c56;
font-weight: bold;
}
.b-nav li a:hover {
color: #2A3541;
border-color: #2A3541;
}
@media screen and (max-width: 992px) {
.b-nav li a {
border-top: 1px solid #2A3541;
}
.b-nav li a:hover {
color: #2A3541;
}
}
.b-nav li.active a {
color: #2A3541;
border-color: #2A3541;
}
@media screen and (max-width: 992px) {
.b-nav li.active a {
color: #2A3541 !important;
border-color: #2A3541;
}
}
@media screen and (max-width: 481px) {
.b-nav li {
text-align: left !important;
}
.b-nav li a {
padding-left: 15px;
}
}
.b-header-active {
background: #ffffff;
}
.bs-menu-button span {
background: #e66a55;
}
/*-------------------- 13-BLOCK-TYPE-1 ------------*/
body.red .w-banner {
position: relative;
overflow: hidden;
min-height: 800px;
}
@media screen and (max-width: 1200px) {
body.red .w-banner {
min-height: 700px;
}
}
@media screen and (max-width: 992px) {
body.red .w-banner {
min-height: 600px;
}
}
@media screen and (max-width: 768px) {
body.red .w-banner {
min-height: 530px;
}
}
@media screen and (max-width: 481px) {
body.red .w-banner {
min-height: 480px;
}
}
body.red .w-banner {
background-image: none;
}
body.red .w-banner .swiper-slide {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
min-height: 800px;
}
@media screen and (max-width: 1200px) {
body.red .w-banner .swiper-slide {
min-height: 700px;
}
}
@media screen and (max-width: 992px) {
body.red .w-banner .swiper-slide {
min-height: 600px;
}
}
@media screen and (max-width: 768px) {
body.red .w-banner .swiper-slide {
min-height: 480px;
}
}
body.red .w-banner .swiper-slide:after {
content: '';
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
body.red .w-banner .pagination {
display: none;
}
.content-red {
margin-top: 225px;
padding: 0 40px 0 0;
position: relative;
z-index: 1;
}
@media screen and (max-width: 992px) {
.content-red {
margin-top: 175px;
}
}
@media screen and (max-width: 768px) {
.content-red {
text-align: center;
margin-top: 100px;
padding: 50px 15px 50px;
}
.content-red br {
display: none;
}
}
@media screen and (max-width: 481px) {
.content-red {
padding-bottom: 0;
}
}
.content-red h1, .content-red h2 {
text-transform: uppercase;
font-size: 60px;
color: #fff;
margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
.content-red h1, .content-red h2 {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
.content-red h1, .content-red h2 {
font-size: 36px;
text-align: center;
}
.content-red h1 br, .content-red h2 br {
display: none;
}
}
@media screen and (max-width: 481px) {
.content-red h1, .content-red h2 {
font-size: 32px;
}
}
.content-red h1 span, .content-red h2 span {
color: #e66a55;
}
.content-red p {
color: #eaeaea;
line-height: 28px;
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.content-red p {
text-align: center;
margin: 0 auto 50px;
}
.content-red p br {
display: none;
}
}
@media screen and (max-width: 481px) {
.content-red p {
max-width: 100%;
}
}
.banner-nav {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
}
@media screen and (max-width: 992px) {
.banner-nav {
display: none;
}
}
.banner-navigation {
text-align: center;
border-bottom: 10px solid transparent;
height: 120px;
cursor: pointer;
}
.banner-navigation.active {
border-color: #e66a55;
}
.banner-navigation img {
display: inline-block;
}
.banner-navigation h5 {
text-transform: uppercase;
font-size: 14px;
font-family: 'Poppins';
padding: 30px 0;
color: #fff;
}
.active-nav, .banner-navigation:hover {
border-color: #e66a55;
}
@media (max-width: 991px) {
.banner-description {
margin-top: 110px;
}
.content p {
margin-top: 25px;
}
.banner-nav {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.banner-description {
margin-top: 110px;
}
.content p {
margin-top: 25px;
}
.banner-nav {
margin-top: 50px;
}
}
@media screen and (max-width: 992px) {
.pagination-bs {
display: block !important;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pagination-bs .swiper-pagination-switch {
background: #fff;
cursor: pointer;
}
.pagination-bs .swiper-active-switch {
background: #e66a55;
}
}
/*-------------------- 13-BLOCK-TYPE-2 ------------*/
.serv, .capab {
padding-top: 210px;
border-top: 1px solid #ededed;
background-image: url("../images/solution.jpg");
background-position: center top;
background-repeat: no-repeat;
}
.serv {
background-image: url("../images/solution.jpg");
}
.capab {
background-image: url("../images/capabilities.jpg");
}
@media screen and (max-width: 992px) {
.serv, .capab {
padding-top: 70px;
}
}
@media screen and (max-width: 481px) {
.serv, .capab {
padding-top: 200px;
}
}
.about-serv h2 {
margin-top: 140px;
font-size: 40px;
color: #333333;
text-transform: uppercase;
text-align: center;
}
.about-serv p {
color: #888888;
margin: auto;
margin-top: 45px;
margin-bottom: 85px;
max-width: 65%;
text-align: center;
}
body.red .service, body.red .capability{
text-align: center;
margin-top: 0;
opacity: 0.7;
cursor: pointer;
}
body.red .service img, body.red .capability img {
display: inline-block;
margin: auto;
vertical-align: middle;
opacity: 0.7;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
body.red .service:hover, body.red .capability:hover {
opacity: 1;
}
body.red .active-serv img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
body.red .service p, body.red .capability p {
text-align: center;
line-height: 52px;
}
body.red .service h5, body.red .capability h5 {
text-transform: uppercase;
font-size: 13px;
margin-top: 25px;
color: #000;
text-align: center;
line-height: 48px;
margin-bottom: 30px;
}
body.red .active-serv h5, body.red .active-serv {
color: #e66a55;
opacity: 1;
}
.service-detail, .capability-detail{
padding: 15px;
min-height: 500px;
}
.serv .Outbound {
background-image: url("../images/outbound_bg.png");
background-position:right top;
background-repeat:no-repeat;
padding-top:110px;
}
.serv .Inbound {
background-image: url("../images/inbound_bg.png");
background-position:right top;
background-repeat:no-repeat;
padding-top:110px;
}
.capab .Advisory {
background-image: url("../images/advisory_bg.png");
background-position:right top;
background-repeat:no-repeat;
padding-top:110px;
}
.capab .Outbound {
background-image: url("../images/capabilities_outbound_bg.png");
background-position:right top;
background-repeat:no-repeat;
padding-top:110px;
}
.capab .Inbound {
background-image: url("../images/capabilities_inbound_bg.png");
background-position:right top;
background-repeat:no-repeat;
padding-top:110px;
}
.purple .service-detail {
background-color: #473C56;
}
.blue .detail {
background-color: #386BA8;
}
.blue .grey {
background-color: #f3f3f3;
}
.sppb-addon-content {
padding:0 70px;
}
.sppb-panel-info {
color: #a5a2aa;
background-color: transparent;
border-color: transparent;
border-top: #a5a2aa 1px;
border-bottom: #a5a2aa 1px;
}
.sppb-panel-info > .sppb-panel-heading {
color: #ffffff;
background-color: transparent;
border-color: transparent;
background-image: url("../images/arrow_right.png");
background-position:right 10px ;
background-repeat:no-repeat;
border-top: #a5a2aa solid 1px;
border-bottom: #a5a2aa solid 1px;
padding: 15px 0px;
}
.sppb-panel-title {
font-weight:bold;
color:#ffffff;
font-size:16px;
padding-right:200px;
}
.sppb-panel-group .sppb-panel-heading + .sppb-panel-collapse > .sppb-panel-body {
border-color: transparent;
line-height:30px;
font-size:15px;
}
.sppb-panel-body {
padding:15px 0px;
}
.sppb-panel-body li, .sppb-panel-body p {
line-height:30px;
font-size:15px;
}
.sppb-panel-info > .sppb-panel-heading.active{
background-image: url("../images/arrow_down.png") ;
border-color: transparent;
}
.serv h5, .capab h5{
color:#ffffff;
margin-left: 70px;
font-size:25px;
font-weight:300;
margin-bottom: 15px;
}
@media screen and (max-width: 481px) {
.serv h5, .capab h5 {
font-size:20px;
}
}
.serv h6, .capab h6{
color:#ffffff;
font-weight: 300;
font-size:20px;
line-height: 30px;
margin-bottom: 25px;
}
@media screen and (max-width: 992px) {
.service-detail, .capability-detail {
min-height: 100%;
height: auto;
}
}
.service-detail > div, .capability-detail > div {
display: table-cell;
height: 500px;
}
@media screen and (max-width: 992px) {
.service-detail > div, .capability-detail > div {
height: auto;
padding: 50px 0;
}
}
.service-detail h4, .capability-detail h4 {
font-size: 30px;
font-weight: bold;
margin-left: 70px;
margin-bottom: 15px;
color: #fff;
text-align: left;
}
.service-detail p, .capability-detail p {
line-height: 28px;
text-align: left;
/* color: #a5a2aa; */
color: #ffffff;
margin: 0 0 25px;
}
.service-detail ul, .capability-detail ul, .capability-detail ol{
margin-left:15px;
color: #ffffff;
line-height: 28px;
margin-bottom: 25px;
}
@media (max-width: 767px){
.service-detail h4, .capability-detail h4 {
margin-left: 0px;
}
.service-detail p, .capability-detail p {
margin-left: 0px;
}
.serv h5, .capab h5 {
margin-left: 0px;
}
.sppb-addon-content{
padding-left: 0px;
}
}
.read-more {
text-transform: uppercase;
font-size: 12px;
text-align: center;
position: relative;
}
.service-detail .read-more, .capability-detail .read-more {
color: #ffd7d0;
display: block;
}
.detail {
display: none;
}
.current-det {
display: block;
}
.detail .row {
position: relative;
}
.serv-pic, .capab-pic {
position: absolute;
padding: 0;
width: 50%;
height: 100%;
background-size: cover;
background-position: center center;
right: 0;
top: 0;
}
@media screen and (max-width: 992px) {
.serv-pic, .capab-pic {
display: none;
}
}
@media (max-width: 991px) {
.about-serv h2 {
margin-top: 80px;
}
.about-serv p {
margin-top: 25px;
margin-bottom: 40px;
}
.service-detail, .capability-detail {
padding: 1px 10px;
}
}
@media screen and (max-width: 991px) and (max-width: 992px) {
.service-detail, .capability-detail {
width: 100%;
}
}
@media (max-width: 991px) {
body.red .service, body.red .capability {
margin-bottom: 20px;
}
body.red .service h5, body.red .capability h5 {
margin-top: 15px;
}
.service-detail h4, .capability-detail h4 {
margin-top: 80px;
margin-bottom: 25px;
}
.service-detail p, .capability-detail p {
line-height: 22px;
}
.service-detail .read-more, .capability-detail .read-more {
margin-top: 35px;
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.about-serv h2 {
margin-top: 30px;
}
.about-serv p {
margin-top: 15px;
margin-bottom: 20px;
}
.service-detail, .capability-detail {
padding: 1px 10px;
}
body.red .service, body.red .capability {
margin-bottom: 20px;
}
body.red .service h5, body.red .capability h5 {
margin-top: 15px;
}
.service-detail h4, .capability-detail h4 {
margin-top: 30px;
margin-bottom: 15px;
}
.service-detail p, .capability-detail p {
line-height: 22px;
}
.service-detail .read-more, .capability-detail .read-more {
margin-top: 15px;
margin-bottom: 15px;
}
}
/*-------------------- 13-BLOCK-TYPE-3 ------------*/
.history {
border-bottom: 1px solid #eaeaea;
padding-bottom: 100px;
padding-top: 136px;
}
@media screen and (max-width: 992px) {
.history {
padding-top: 70px;
padding-bottom: 70px;
}
}
.story h3 {
text-transform: uppercase;
font-size: 40px;
margin-top: 140px;
text-align: center;
color: #333333;
margin-bottom: 45px;
}
.story p {
color: #888888;
text-align: center;
margin: auto;
line-height: 28px;
font-size: 16px;
padding-bottom: 65px;
}
.story-date {
padding: 13px 19px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
max-width: 50%;
text-align: center;
background-color: #e66a55;
position: absolute;
top: 103px;
left: 27%;
z-index: 1;
}
.story-description {
position: relative;
}
.story-d {
position: relative;
}
.story-description h6 {
margin-top: 35px;
text-align: center;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 35px;
}
.story-description p {
color: #fff;
}
p.history-p {
color: #888888;
line-height: 26px;
text-align: center;
padding: 0 25px;
}
.story-image {
text-align: center;
position: relative;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.story-image img {
border-radius: 50%;
display: inline-block;
border: 15px solid #e66a55;
width: 256px;
height: 256px;
}
.story-image p {
color: #fff;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
width: 100%;
text-align: center;
position: absolute;
top: 115px;
left: 0;
}
.swiper-slide-visible .story-date {
opacity: 1;
}
.story-description {
opacity: 0;
}
.swiper-slide-visible.swiper-slide-active .story-description {
opacity: 1;
}
.swiper-slide-visible.swiper-slide-active .story-image {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-slide-visible.swiper-slide-active .story-date {
opacity: 0;
}
.history .pagination {
display: none;
}
@media (max-width: 991px) {
.story h3 {
margin-top: 80px;
margin-bottom: 25px;
}
.story p {
padding-bottom: 40px;
}
.history {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.story h3 {
margin-top: 40px;
margin-bottom: 15px;
}
.story p {
padding-bottom: 20px;
}
.history {
padding-bottom: 50px;
}
}
/*-------------------- 13-BLOCK-TYPE-4 ------------*/
.work-process{
padding-top: 210px;
border-top: 1px solid #ededed;
background-image: url("../images/about_bg.jpg") ;
background-position:center top;
background-repeat:no-repeat;
}
body.red .process {
margin-top: 0;
cursor: pointer;
}
body.red .process img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
body.red .active-process img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
body.red .number {
background-color: #e66a55;
}
body.red .number p {
margin-top: 15px;
color: #fff;
}
.read {
text-align: center;
}
@media (max-width: 991px) {
.process {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.process {
margin-bottom: 20px;
}
}
/*-------------------- 13-BLOCK-TYPE-5 ------------*/
.our-projects {
padding-top: 210px;
border-top: 1px solid #ededed;
background-image: url("../images/partners_bg.jpg") ;
background-position:center top;
background-repeat:no-repeat;
}
.client {
padding-top: 210px;
border-top: 1px solid #ededed;
background-image: url("../images/client_bg.png") ;
background-position:center top;
background-repeat:no-repeat;
}
.our-projects > .container-fluid {
padding-top: 20px;
padding-bottom: 20px;
background-color: #2A3541;
}
.our-projects.clients > .container-fluid {
background-image: url("../images/clients_bg.jpg") ;
background-position:center top;
background-repeat:no-repeat;
background-color: #ec616c;
}
.work-process > .container-fluid {
background-image: url("../images/about_bg2.jpg") ;
background-position:center top;
background-repeat:no-repeat;
padding-top:98px;
padding-bottom:98px;
background-color: #473c56;
min-height: 500px;
}
.work-process .container-fluid, .work-process .container-fluid .read {
color:#ffffff;
}
.work-process .container-fluid h4{
font-size: 20px;
margin-bottom: 30px;
}
.work-process .container-fluid p{
font-size: 15px;
line-height: 30px;
}
@media screen and (max-width: 768px) {
.our-projects > .container-fluid {
padding-top: 70px;
padding-bottom: 70px;
}
}
.project h3 {
margin-top: 140px;
text-transform: uppercase;
text-align: center;
font-size: 40px;
margin-bottom: 40px;
color: #fff;
}
.project p {
font-size: 16px;
text-align: center;
max-width: 65%;
margin: 0 auto 60px;
line-height: 28px;
font-family: 'Poppins';
color: #fff;
}
.project-desk {
width: 25%;
display: inline-block;
text-align: center;
position: relative;
margin-bottom: 15px;
float: left;
height:200px;
}
.clients .project-desk {
width: 20%;
display: inline-block;
text-align: center;
position: relative;
margin-bottom: 15px;
float: left;
height:135px;
}
@media screen and (max-width: 992px) {
.project-desk {
width: 50%;
}
}
@media screen and (max-width: 481px) {
.project-desk {
width: 100%;
}
}
.logo-d {
position: absolute;
top: 45%;
text-align: center;
width: 100%;
}
.logo-d img {
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.logo-d img:hover {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
.project-mon {
opacity: 0;
width: 100%;
position: relative;
}
.project-mon img {
width: 100%;
height: auto;
}
.project-desk:hover .project-mon {
opacity: 1;
}
.logo-ds {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
width: 100%;
}
.logo-ds h5 {
text-align: center;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 20px;
color: #000;
font-size: 13px;
}
.logo-ds p {
font-size: 14px;
text-align: center;
padding: 0 15px 25px 15px;
color: #888888;
}
@media (max-width: 991px) {
.our-projects {
margin-top: 25px;
}
.project h3 {
margin-top: 45px;
margin-bottom: 20px;
}
.project p {
margin: 0 auto 20px;
}
.logo-desk h5 {
margin-top: 10px;
margin-bottom: 10px;
}
.logo-desk p {
padding: 0 10px 15px 10px;
}
.our-projects > .container-fluid {
padding-bottom: 50px;
}
}
@media (max-width: 768px) {
.our-projects {
margin-top: 25px;
}
.project h3 {
margin-top: 25px;
margin-bottom: 20px;
}
.project p {
margin: 0 auto 20px;
}
.logo-desk h5 {
margin-top: 15px;
margin-bottom: 15px;
}
.logo-desk p {
padding: 0 15px 15px 15px;
}
.our-projects > .container-fluid {
padding-bottom: 15px;
}
}
/*-------------------- 13-BLOCK-TYPE-6 ------------*/
body.red .team {
padding-top: 136px;
padding-bottom: 70px;
}
@media screen and (max-width: 992px) {
body.red .team {
padding-top: 70px;
}
}
body.red .team-member {
max-width: 270px;
margin: 0 auto;
}
body.red .team-member:after {
content: '';
background: #e56b54;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
z-index: 0;
}
body.red .soc-net {
padding-top: 35px;
}
body.red .member-social {
position: relative;
z-index: 1;
display: inline-block;
margin: 0 20px;
}
@media screen and (max-width: 1200px) {
body.red .member-social {
margin: 0 10px;
}
}
body.red .member-social i {
color: #ffd2cc;
}
body.red .member-social i:hover {
color: #fff;
}
.our_prices {
padding: 136px 0 136px;
background: #f9f9f9;
}
@media screen and (max-width: 992px) {
.our_prices {
padding: 70px 0 70px;
}
}
.price h3 {
font-size: 40px;
text-align: center;
text-transform: uppercase;
padding: 0 15px;
line-height: 50px;
color: #e66a55;
}
.price p {
text-align: center;
font-size: 16px;
color: #9a9a9a;
margin-top: 40px;
margin-bottom: 10px;
line-height: 24px;
padding: 0 10px;
}
.year-price {
box-shadow: 2.5px 4.3px 10px rgba(0, 0, 0, 0.1);
text-align: center;
padding-top: 45px;
background: #fff;
}
.year-price:hover {
background: rgba(229, 107, 84, 0.8);
}
.year-price:hover h3, .year-price:hover .p-year, .year-price:hover .price-list li, .year-price:hover .user, .year-price:hover .price-list li span {
color: #fff;
}
.year-price:hover div {
background: #FFD6D0;
}
.year-price:hover img {
-webkit-filter: contrast(100%) brightness(0%) grayscale(0%) saturate(100%) hue-rotate(0deg) sepia(0%) invert(100%) blur(0px);
filter: contrast(100%) brightness(0%) grayscale(0%) saturate(100%) hue-rotate(0deg) sepia(0%) invert(100%) blur(0px);
}
.year-price:hover {
opacity: 1;
}
.year-price p {
font-size: 16px;
line-height: 30px;
color: #9a9a9a;
padding: 0 20px;
}
.price-number {
text-transform: uppercase;
text-align: center;
font-size: 26px;
color: #e66a55;
}
p.p-year {
text-align: center;
line-height: 16px;
color: #e66a55;
}
.year-price img {
display: inline-block;
margin-top: 45px;
margin-bottom: 28px;
opacity: 1;
}
.user {
color: #333333;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 45px;
}
.year-price .read-more {
color: #fff;
}
.year-price div {
margin-top: 40px;
width: 100%;
background-color: #e66a55;
}
.year-price div a {
display: block;
padding: 15px 10px;
}
.price-list {
list-style: none;
padding: 0 15px;
}
.price-list li {
font-size: 14px;
font-family: 'Poppins';
color: #888;
letter-spacing: 1px;
padding-bottom: 27px;
line-height: 1.3;
}
.price-list li:last-of-type {
padding-bottom: 10px;
}
.price-list li span {
color: #e66b55;
font-weight: bold;
}
@media (max-width: 991px) {
.our_prices {
margin-top: 80px;
}
.price {
margin-bottom: 25px;
}
.price p {
margin-top: 20px;
}
.year-price {
padding-top: 25px;
}
.year-price p {
padding: 0 10px;
}
.year-price img {
margin-top: 20px;
margin-bottom: 15px;
}
.user {
margin-bottom: 20px;
}
.year-price div {
margin-top: 20px;
padding: 10px 5px;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.our_prices {
margin-top: 40px;
}
.price {
margin-bottom: 25px;
}
.price p {
margin-top: 20px;
}
.year-price {
padding-top: 15px;
}
.year-price p {
padding: 0 10px;
}
.year-price img {
margin-top: 20px;
margin-bottom: 15px;
}
.user {
margin-bottom: 20px;
}
.year-price div {
margin-top: 20px;
padding: 10px 5px;
margin-bottom: 20px;
}
}
/*-------------------- 13-BLOCK-TYPE-7 ------------*/
.best-skills {
background: url("../images/business/skills_bg.jpg") no-repeat top center;
background-size: cover;
}
.best-skills > .container-fluid {
padding-top: 136px;
padding-bottom: 130px;
background: rgba(230, 107, 85, 0.85);
}
@media screen and (max-width: 992px) {
.best-skills > .container-fluid {
padding-top: 70px;
padding-bottom: 70px;
}
}
.skill-deskription {
text-align: center;
margin-top: 140px;
}
.skill-deskription h3 {
text-transform: uppercase;
font-size: 40px;
color: #fff;
}
.skill-deskription p {
font-size: 16px;
max-width: 60%;
margin: 40px auto 50px;
color: #ffd7d0;
line-height: 28px;
}
.sk-describe {
text-align: center;
}
.sk-describe h5 {
color: #faeeed;
text-transform: uppercase;
padding: 30px 0;
font-size: 13px;
}
.sk-describe p {
color: #faeeed;
font-size: 13px;
line-height: 24px;
margin-bottom: 20px;
}
.skill {
width: 100%;
text-align: center;
height: 190px;
padding-top: 70px;
position: relative;
}
.skill .timer-wrapper {
position: absolute;
left: 0;
bottom: 0;
background: #fff;
height: 0;
width: 100%;
display: block;
z-index: 0;
transition: height 1s linear;
}
.skill .timer-wrapper h3 {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.skill h3 {
font-size: 40px;
color: #e66a55;
}
.skill h3:after {
content: '%';
font-size: 40px;
}
@media (max-width: 991px) {
.best-skills > .container-fluid {
padding-bottom: 80px;
}
.skill-deskription {
margin-top: 80px;
}
.skill-deskription p {
margin: 25px auto 50px;
}
.sk-describe h5 {
padding: 20px 0;
}
}
@media (max-width: 767px) {
.best-skills > .container-fluid {
padding-bottom: 30px;
}
.skill-deskription {
margin-top: 40px;
}
.skill-deskription p {
margin: 25px auto 30px;
max-width: 75%;
}
.sk-describe h5 {
padding: 15px 0;
}
}
/*-------------------- 13-BLOCK-TYPE-8 ------------*/
body.red .blog {
background: #fff;
}
.red-blog {
color: #e66a55;
opacity: 0.9;
}
.red-blog:hover {
opacity: 1;
color: #e66a55;
}
body.red .post h5 a:hover {
color: #e66a55;
}
.red-blog:after {
content: url(../images/business/arrow.png);
margin-left: 8px;
}
/*-------------------- 13-BLOCK-TYPE-9------------*/
#map-canvas {
height: 400px;
}
.red-form .send {
color: #e66a55;
opacity: 0.7;
}
.red-form .send:hover {
opacity: 1;
}
.red-form .send:after {
content: url(../images/business/arrow.png);
margin-left: 8px;
opacity: 0.7;
}
.red-form .send:hover:after {
opacity: 1;
}
@media (max-width: 767px) {
#map-canvas {
height: 250px;
}
}
.b-ftr-nav li a:hover {
color: #e66a55;
}
.b-ftr-social .social-network:hover {
background: #e66a55;
border-color: #e66a55;
}
body.red .contact {
padding-top: 210px;
border-top: 1px solid #ededed;
background-image: url("../images/contact_bg.jpg") ;
background-position:center top;
background-repeat:no-repeat;
}
body.red .contact h5{
color: #473C56;
font-weight:bold;
font-size:20px;
}
@media screen and (max-width: 992px) {
body.red .contact {
padding-top: 70px;
}
}
@media screen and (max-width: 481px) {
body.red .contact {
padding-top: 200px;
}
}
body.red .contact-us {
margin-top: 90px;
}
body.red .contact-us p, body.red .contact-us a {
color: #888;
}
body.red .contact-us a:hover {
color: #e66b55;
}
body.red .contact-us input.send {
color: #ffffff;
background-color:#473C56;
padding:20px;
float:right;
}
body.red .input-style, body.red .tx-style {
background: #f2f2f2;
color: #888;
}
body.red .input-style::-webkit-input-placeholder, body.red .tx-style::-webkit-input-placeholder {
color: #888;
}
body.red .input-style::-moz-placeholder, body.red .tx-style::-moz-placeholder {
color: #888;
}
body.red .input-style:-moz-placeholder, body.red .tx-style:-moz-placeholder {
color: #888;
}
body.red .input-style:-ms-input-placeholder, body.red .tx-style:-ms-input-placeholder {
color: #888;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BUSINESS ANIMATIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.team-member .member, .team-member p, .team-member h5, .social-network img, .process img, .process h6, .process p, .service img, .service h6 {
transition: all 700ms ease-out;
-ms-transition: all 700ms ease-out;
}
.swiper-slide-visible .story-date, .swiper-slide-visible .story-description,
.story-description, .story-date, .story-image {
transition: all 250ms ease-out;
-ms-transition: all 250ms ease-out;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14- ARCHITECTURE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*----------HEADER----------------------*/
body.villa .mfp-close {
width: 30px;
height: 30px;
}
body.villa .mfp-close:after {
content: 'x';
font-size: 20px;
color: #000;
text-align: center;
position: absolute;
left: 0;
right: 0;
top: -8px;
}
.ar-menu-button span {
background: #196575;
}
.w-arrow {
background: url("../images/villa/v-arrow.png");
width: 18px;
height: 8px;
}
.a-nav li.active a {
color: #196575;
border-color: #196575;
}
@media screen and (max-width: 992px) {
.a-nav li.active a a {
background: #196575;
color: #fff !important;
border-color: #fff;
}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.a-nav li.active a {
background: #196575;
color: #fff;
}
}
@media screen and (max-width: 481px) {
.a-nav li {
text-align: left !important;
}
.a-nav li a {
padding-left: 15px;
}
}
/*-------------------- 14-BLOCK-TYPE-1 ------------*/
.banner-slide {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 800px;
position: relative;
letter-spacing: 10px;
}
.banner-slide:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
display: block;
}
.pagination-hide {
display: none;
}
.v-header {
border-bottom: 1px solid #eaedee;
}
.banner-slide .container {
min-height: 800px;
position: relative;
}
.banner-slide .container {
z-index: 2;
}
.container-banner-nav {
position: relative;
height: 50px;
}
.banner-content {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.v-read-more {
font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
opacity: 1 !important;
margin-top: 30px;
display: inline-block;
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform: scale(0);
transition: -webkit-transform 500ms ease-out 0.6s;
transition: transform 500ms ease-out 0.6s;
}
.v-read-more:after {
position: relative;
transition: right 0.3s ease;
-webkit-transition: right 0.3s ease;
margin-left: 0;
right: -8px;
}
.v-read-more:hover {
color: #fff;
}
.v-read-more:hover:after {
right: -14px;
}
.v-banner-title {
color: #fff;
font-size: 60px;
text-transform: uppercase;
letter-spacing: 10px;
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform: scale(0);
transition: -webkit-transform 500ms ease-out 0.3s;
transition: transform 500ms ease-out 0.3s;
}
.swiper-slide-active .v-banner-title, .swiper-slide-active .v-read-more {
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
}
.banner-nav-right, .banner-nav-left {
width: 50px;
height: 50px;
background: #fff;
position: absolute;
top: 375px;
margin-top: -25px;
cursor: pointer;
transition: opacity 0.2s linear;
}
.banner-nav-right:hover, .banner-nav-left:hover {
opacity: .7;
}
.banner-nav-right img, .banner-nav-left img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-nav-right {
right: 0;
}
.banner-nav-left {
left: 0;
}
.pagination-banner {
max-width: 100%;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pagination-banner .swiper-pagination-switch {
background: #fff;
opacity: 0.7;
cursor: pointer;
}
.pagination-banner .swiper-active-switch {
background: #fff;
opacity: 1;
}
@media screen and (max-width: 1200px) {
.v-banner-title {
font-size: 48px;
}
.banner-slide {
min-height: 700px;
}
.banner-slide .container {
min-height: 700px;
}
.banner-nav-right, .banner-nav-left {
top: 325px;
}
}
@media screen and (max-width: 992px) {
.banner-content {
width: 80%;
}
}
@media screen and (max-width: 768px) {
.banner-nav-right, .banner-nav-left {
display: none;
}
.pagination-banner {
display: block;
}
}
@media screen and (max-width: 481px) {
.v-banner-title {
font-size: 40px;
}
.banner-slide {
min-height: 500px;
}
.banner-slide .container {
min-height: 500px;
}
}
/*-------------------- 14-BLOCK-TYPE-2 ------------*/
.v-about-block {
background: #fff;
border-bottom: 1px solid #eaedee;
}
.block-style {
padding: 133px 0 126px;
}
.about-title {
text-align: center;
margin-top: 25px;
}
@media screen and (max-width: 992px) {
.about-title {
margin: 0 0 30px;
}
.block-style {
padding: 80px 0;
}
}
.about-text {
font-size: 16px;
color: #8b989b;
line-height: 1.7;
font-family: 'Poppins';
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.about-text {
margin: 0 0 30px;
}
.v-about-block {
padding-bottom: 50px;
}
}
/*-------------------- 14-BLOCK-TYPE-3 ------------*/
.v-servise-block {
padding-bottom: 0;
}
.tab-container {
border-bottom: 1px solid #eaedee;
}
.nav-tab-serv {
border-bottom: none;
display: table;
margin: 0 auto;
}
.nav-tab-item {
float: left;
}
.nav-item-serv {
background: #fff;
border-radius: 0;
font-size: 13px;
text-transform: uppercase;
color: #8b989b;
letter-spacing: 2px;
margin-right: 0;
border: 1px solid #eaedee;
border-bottom: none;
display: inline-block;
padding: 19px 19px 17px;
cursor: pointer;
margin-left: -1px;
transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}
@media screen and (max-width: 1200px) {
.nav-item-serv {
font-size: 12px;
}
}
.nav-item-serv.active, .nav-item-serv:hover {
background: #196575;
border-color: #196575;
color: #fff;
margin-bottom: -1px;
}
.tab-nav-wrapper {
border-bottom: 1px solid #eaedee;
margin-bottom: 90px;
}
.tab-serv-content {
min-height: 498px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.tab-serv-img {
display: block;
height: auto;
max-width: 100%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.tab-serv-text {
text-align: center;
padding: 100px 15px 0;
}
.tab-serv-text h3 {
color: #196575;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 17px;
}
.tab-serv-text p {
max-width: 330px;
font-size: 14px;
color: #8b989b;
margin: 0 auto;
line-height: 1.7;
font-family: 'Poppins';
letter-spacing: 0;
}
.tab-info {
display: none;
}
.tab-info.active {
display: block;
}
@media screen and (max-width: 1200px) {
.tab-serv-text {
padding-top: 130px;
}
}
@media screen and (max-width: 992px) {
.nav-item-serv {
padding: 12px 12px 10px;
width: 100%;
max-width: 500px;
text-align: center;
margin: 0 auto;
}
.tab-nav-wrapper {
margin-bottom: 70px;
}
.tab-serv-content {
min-height: 440px;
}
.tab-serv-text {
padding-top: 100px;
}
.nav-tab-serv {
max-width: 500px;
}
}
@media screen and (max-width: 768px) {
.tab-nav-wrapper {
margin-bottom: 40px;
}
.tab-serv-content {
min-height: 350px;
}
.tab-serv-text-content {
min-height: 100% !important;
height: auto !important;
}
.tab-serv-img {
display: none;
}
.tab-serv-text {
padding: 50px 15px;
}
}
@media screen and (max-width: 481px) {
.tab-serv-text {
padding: 30px 15px;
}
}
/*-------------------- 14-BLOCK-TYPE-4 ------------*/
.v-block-style-mod {
background: #196575;
}
.block-title-mod {
color: #fff;
}
.block-sub-title-mod {
color: #b4d9e1;
}
.nav-tab-item-proc {
text-align: center;
cursor: pointer;
width: 100%;
}
.nav-tab-item-proc span {
display: block;
font-size: 13px;
text-transform: uppercase;
color: #add3db;
letter-spacing: 2px;
padding-top: 30px;
transition: color 0.2s linear;
}
.nav-tab-item-proc.active span {
color: #fff;
}
.img-process {
width: 100%;
min-width: 100%;
display: block;
height: auto;
}
.v-process-info {
padding-top: 28px;
}
.v-process-info h3 {
font-size: 13px;
text-transform: uppercase;
color: #fff;
margin-bottom: 15px;
letter-spacing: 2px;
}
.v-process-info p {
color: #b4d9e1;
font-size: 14px;
line-height: 1.7;
font-family: 'Poppins';
letter-spacing: 0;
}
.v-nav-tab-process {
margin-bottom: 70px;
}
@media screen and (max-width: 1200px) {
.v-process-info {
padding-top: 0;
}
}
@media screen and (max-width: 768px) {
.tab-info-procs > div {
margin-bottom: 20px;
}
.tab-info-procs > div:last-of-type {
margin-bottom: 0;
}
.nav-tab-item-proc {
margin-bottom: 30px;
}
.v-nav-tab-process {
margin-bottom: 50px;
}
}
.tab-num {
width: 5.85%;
float: left;
font-size: 18px;
color: #b4d9e1;
text-align: center;
position: relative;
}
.tab-num.active {
color: #fff;
}
.tab-line {
width: 25.52%;
float: left;
border-top: 1px solid #b4d9e1;
position: relative;
top: 6px;
}
.tab-line:after {
content: '';
height: 3px;
background: #fff;
width: 0;
top: -1px;
left: 0;
position: absolute;
transition: width 0.3s ease-in-out;
}
.tab-line.active:after {
width: 100%;
}
.tab-line-container {
max-width: 928px;
margin: 0 auto 70px;
}
@media screen and (max-width: 1200px) {
.tab-line-container {
max-width: 770px;
}
}
@media screen and (max-width: 992px) {
.tab-line-container {
display: none;
}
}
/*-------------------- 14-BLOCK-TYPE-5 ------------*/
.v-project-box, .v-project-box-sm, .v-project-box-xs {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.v-project-box {
min-height: 760px;
}
.v-project-box-sm {
min-height: 338px;
}
.v-project-text {
text-align: center;
padding: 80px 30px 0;
}
.v-project-text h3 {
font-size: 13px;
text-transform: uppercase;
color: #196575;
margin-bottom: 18px;
}
.v-project-text p {
font-size: 14px;
color: #8b989b;
line-height: 1.7;
letter-spacing: 1px;
}
.v-project-img {
max-width: 100%;
display: block;
height: auto;
width: 100%;
}
.more-btn {
font-size: 12px;
color: #8b989b;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
}
.more-box {
padding: 80px 0 0 70px;
}
.more-btn:after {
content: '';
background: url("../images/villa/more-grey.png") no-repeat;
width: 18px;
height: 8px;
position: relative;
transition: right 0.4s ease;
right: -5px;
display: inline-block;
}
.more-btn:hover {
color: #8b989b;
}
.more-btn:hover:after {
color: #8b989b;
right: -10px;
}
.v-project-prev, .v-project-next {
cursor: pointer;
position: absolute;
bottom: 0;
}
.v-project-prev img, .v-project-next img {
position: relative;
top: -2px;
}
.v-project-prev span, .v-project-next span {
font-size: 13px;
color: #8b989b;
text-transform: uppercase;
letter-spacing: 2px;
}
.v-project-prev {
left: 0;
display: none;
}
.v-project-prev span {
padding-left: 8px;
}
.v-project-next span {
padding-right: 8px;
}
.v-project-next {
right: 0;
}
.swiper-project {
padding-bottom: 57px;
}
@media screen and (max-width: 1200px) {
.v-project-box {
min-height: 660px;
}
.v-project-text {
padding: 50px 30px 0;
}
.more-box {
padding: 60px 0 0 40px;
}
}
@media screen and (max-width: 992px) {
.v-project-box {
min-height: 560px;
}
.v-project-text {
padding: 15px 15px 0;
}
.more-box {
padding: 30px 0 0 15px;
}
}
@media screen and (max-width: 768px) {
.v-project-img {
display: none;
}
.v-project-box {
min-height: 360px;
}
.more-box {
padding: 30px 0 0 0;
text-align: center;
}
.v-project-prev span, .v-project-next span {
display: none;
}
}
/*-------------------- 14-BLOCK-TYPE-6 ------------*/
.v-all-project-container {
position: relative;
}
.v-project-link, .transparent-img {
float: left;
width: 20%;
display: block;
height: auto;
overflow: hidden;
}
.v-project-link img, .transparent-img img {
max-width: 100%;
display: block;
height: auto;
width: 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
transition-timing-function: ease-out;
transition-duration: 2000ms;
}
.v-project-link:hover img {
-webkit-transform: scale(1.15, 1.15);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1500ms;
-moz-transform: scale(1.15, 1.15);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1500ms;
-webkit-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
transform: scale(1.15, 1.15);
transition-timing-function: ease-out;
transition-duration: 1500ms;
}
.v-project-list {
list-style: none;
display: table;
margin: 0 auto;
}
.v-project-list li {
float: left;
margin: 0 15px;
}
.v-project-list li a {
font-size: 13px;
text-transform: uppercase;
color: #8b989b;
letter-spacing: 3px;
transition: color 0.3s linear;
display: inline-block;
}
.v-project-list li.active a, .v-project-list li a:hover {
color: #1ed7ff;
}
.v-all-project {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 600px;
z-index: 999;
}
@media screen and (max-width: 992px) {
.v-all-project {
position: relative;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
left: 0;
top: 0;
margin: 0 auto;
max-width: 100%;
padding: 0 15px 50px;
}
.transparent-img {
display: none;
}
.v-project-link {
width: 33.333%;
}
}
@media screen and (max-width: 599px) {
.v-project-list li {
float: none;
text-align: center;
margin: 15px 0;
}
.v-all-project {
padding-bottom: 20px;
}
}
@media screen and (max-width: 481px) {
.v-project-link {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.v-project-link {
width: 100%;
}
}
/*-------------------- 14-BLOCK-TYPE-7 ------------*/
.v-member-box {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 427px;
}
.v-member-box-info {
background: #196575;
padding: 60px 60px 0;
}
.v-member-box-info h3 {
font-size: 20px;
color: #fff;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 35px;
}
.v-member-text {
color: #b5dae2;
font-size: 16px;
line-height: 1.6;
margin-bottom: 50px;
font-family: 'Poppins';
letter-spacing: 1px;
}
.v-member-social a {
float: left;
font-size: 16px;
width: auto;
margin-right: 40px;
display: inline-block;
}
.v-member-social a i {
color: #b5dbe6;
}
.v-member-social a:hover i {
color: #fff;
}
.v-member-nav {
width: 25%;
float: left;
text-align: center;
padding: 48px 10px;
background: #edf2f3;
border-right: 1px solid #fff;
cursor: pointer;
transition: background 0.2s linear;
}
.v-member-nav:last-of-type {
border-right: none;
}
.v-member-nav h4 {
font-size: 13px;
text-transform: uppercase;
color: #196575;
margin-bottom: 25px;
letter-spacing: 2px;
transition: color 0.2s linear;
}
.v-member-nav span {
color: #8b989b;
font-size: 14px;
transition: color 0.2s linear;
font-family: 'Poppins';
letter-spacing: 1px;
}
.v-member-nav.active, .v-member-nav:hover {
background: #196575;
}
.v-member-nav.active h4, .v-member-nav:hover h4 {
color: #fff;
}
.v-member-nav.active span, .v-member-nav:hover span {
color: #b4d9e1;
}
@media screen and (max-width: 992px) {
.v-member-box-info {
min-height: 100%;
height: auto;
padding-bottom: 60px;
}
}
@media screen and (max-width: 768px) {
.v-member-nav {
width: 50%;
}
.v-member-nav:nth-of-type(2n) {
border-right: none;
}
.v-member-social a {
margin-right: 30px;
}
}
@media screen and (max-width: 481px) {
.v-member-box {
min-height: 300px;
}
.v-member-box-info {
min-height: 100%;
height: auto;
padding: 30px;
}
.v-member-nav {
width: 100%;
border-right: none !important;
border-top: 1px solid #fff;
padding: 28px 15px;
}
.v-member-nav h4 {
margin-bottom: 15px;
}
.v-member-social a {
margin-right: 15px;
}
}
/*-------------------- 14-BLOCK-TYPE-8 ------------*/
.v-link-post {
overflow: hidden;
display: block;
margin-bottom: 30px;
}
.v-link-post img {
max-width: 100%;
display: block;
height: auto;
width: 100%;
}
.v-post-title a {
font-size: 13px;
letter-spacing: 2px;
color: #ffffff;
text-transform: uppercase;
line-height: 1.5;
display: block;
transition: color 0.3s linear;
margin-bottom: 25px;
}
.v-post-title a:hover {
color: #b4d9e1;
}
.v-post-info {
margin-bottom: 45px;
letter-spacing: 1px;
}
.v-post-info span {
color: #b4d9e1;
font-size: 12px;
font-family: 'Poppins';
}
.v-more-btn {
color: #fff;
transition: right 0.4s ease;
}
.v-more-btn:hover {
color: #fff;
}
.v-more-btn:after {
content: '';
background: url("../images/villa/v-arrow.png") no-repeat;
width: 18px;
height: 8px;
display: inline-block;
position: relative;
transition: right 0.4s ease;
right: -4px;
}
.v-more-btn:hover:after {
right: -8px;
}
@media screen and (max-width: 768px) {
.v-post {
margin-bottom: 20px;
}
}
/*-------------------- 14-BLOCK-TYPE-1 ------------*/
.contact {
padding-bottom: 0;
}
body.villa .v-contact-info h5 {
color: #196575;
letter-spacing: 2px;
}
body.villa .v-contact-info a:hover {
color: #196575;
}
body.villa .contact-us input, body.villa .contact-us textarea {
color: #8b989b;
}
body.villa .contact-us input::-webkit-input-placeholder {
color: #8b989b;
}
body.villa .contact-us input::-moz-placeholder {
color: #8b989b;
}
body.villa .contact-us input:-moz-placeholder {
color: #8b989b;
}
body.villa .contact-us input:-ms-input-placeholder {
color: #8b989b;
}
body.villa .contact-us textarea::-webkit-input-placeholder {
color: #8b989b;
}
body.villa .contact-us textarea::-moz-placeholder {
color: #8b989b;
}
body.villa .contact-us textarea:-moz-placeholder {
color: #8b989b;
}
body.villa .contact-us textarea:-ms-input-placeholder {
color: #8b989b;
}
/*----------FOOTER----------------------*/
.container-footer {
text-align: center;
}
.ar-social .social-network:hover {
background: #196575;
border-color: #196575;
}
.ar-ftr-nav li a:hover {
color: #196575;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15- BARBERSHOP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.body-shop {
position: relative;
}
@media screen and (min-width: 992px) {
.body-shop .container {
max-width: 970px !important;
width: 100% !important;
}
}
@media screen and (min-width: 1200px) {
.body-shop .container {
max-width: 1170px !important;
width: 100% !important;
}
}
.title-ico {
margin-bottom: 42px;
text-align: center;
}
.s-block-title {
color: #333333;
}
.main-text {
font-family: 'Poppins';
font-size: 16px;
color: #888;
line-height: 1.5;
letter-spacing: 0;
}
/*-------------------15-HEADER-------------*/
.s-header {
position: absolute;
top: 0;
left: 0;
width: 150px;
background: #222222;
height: 100%;
padding-top: 0 !important;
}
@media screen and (min-width: 993px) {
.s-header > .container {
width: 150px;
padding: 0;
}
}
@media screen and (max-width: 992px) {
.s-header {
width: 100%;
height: auto;
padding-bottom: 0;
margin-bottom: 0;
background: rgba(34, 34, 34, 0.98);
}
}
.s-header.fixed-top {
position: fixed;
}
.s-header.fixed {
position: fixed;
}
.s-header.fixed-bottom {
position: fixed;
top: auto;
bottom: 0;
height: auto;
}
@media screen and (min-width: 993px) {
.s-main {
padding-left: 150px;
}
}
.s-nav {
margin: 0;
}
@media screen and (max-width: 992px) {
.s-nav {
display: none;
position: relative;
float: left;
width: 100%;
top: 0;
}
}
.s-nav li {
display: block;
width: 100%;
margin: 0;
}
.s-nav li a {
display: block;
text-align: center;
padding: 27px 0;
text-transform: uppercase;
color: #ffffff;
border: none;
border-bottom: 1px solid #1c1c1c;
font-size: 11px;
transition: background 0.3s linear;
width: 100%;
background: #222;
}
@media screen and (max-width: 992px) {
.s-nav li a {
padding: 18px 0;
}
}
@media screen and (max-width: 481px) {
.s-nav li a {
text-align: left !important;
padding-left: 15px;
}
}
.s-nav li a:hover, .s-nav li.active a {
background: #d0a97e;
border-color: #1c1c1c;
}
.s-nav li a:hover i:after, .s-nav li.active a i:after {
opacity: 1;
}
.s-nav li a i {
display: block;
text-align: center;
margin: 0 auto 10px;
}
.s-nav li a i:after {
content: '';
display: block;
opacity: 0;
transition: opacity 0.3s linear;
}
@media screen and (max-width: 992px) {
.s-nav li a i {
display: none;
}
}
.s-nav li:first-of-type a {
border-top: 1px solid #1c1c1c;
}
.s-logo {
display: block;
text-align: center;
padding: 50px 0;
}
@media screen and (max-width: 992px) {
.s-logo {
padding: 20px 0;
float: left;
margin-left: 15px;
}
}
.s-home-ico {
width: 27px;
height: 10px;
background: url("../images/shop/menu-icon-1.png") no-repeat;
}
.s-home-ico:after {
background: url("../images/shop/menu-icon-1a.png") no-repeat;
width: 27px;
height: 10px;
}
.s-about-ico {
width: 15px;
height: 22px;
background: url("../images/shop/menu-icon-2.png") no-repeat;
}
.s-about-ico:after {
width: 15px;
height: 22px;
background: url("../images/shop/menu-icon-2a.png") no-repeat;
}
.s-interior-ico {
width: 26px;
height: 22px;
background: url("../images/shop/menu-icon-3.png") no-repeat;
}
.s-interior-ico:after {
width: 26px;
height: 22px;
background: url("../images/shop/menu-icon-3a.png") no-repeat;
}
.s-service-ico {
width: 24px;
height: 22px;
background: url("../images/shop/menu-icon-4.png") no-repeat;
}
.s-service-ico:after {
width: 24px;
height: 22px;
background: url("../images/shop/menu-icon-4a.png") no-repeat;
}
.s-team-ico {
width: 10px;
height: 22px;
background: url("../images/shop/menu-icon-5.png") no-repeat;
}
.s-team-ico:after {
width: 10px;
height: 22px;
background: url("../images/shop/menu-icon-5a.png") no-repeat;
}
.s-product-ico {
width: 40px;
height: 22px;
background: url("../images/shop/menu-icon-6.png") no-repeat;
}
.s-product-ico:after {
width: 40px;
height: 22px;
background: url("../images/shop/menu-icon-6a.png") no-repeat;
}
.s-contact-ico {
width: 19px;
height: 22px;
background: url("../images/shop/menu-icon-7.png") no-repeat;
}
.s-contact-ico:after {
width: 19px;
height: 22px;
background: url("../images/shop/menu-icon-7a.png") no-repeat;
}
/*-------------------- 15-BLOCK-TYPE-1 ------------*/
.s-banner {
min-height: 700px;
position: relative;
height: 100vh;
}
.s-banner:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.55);
z-index: 1;
}
.s-banner-title {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 2;
width: 100%;
}
.s-banner-title img {
max-width: 100%;
padding: 0 15px;
}
.s-since {
text-transform: uppercase;
color: #cea679;
letter-spacing: 3px;
}
@media screen and (max-width: 992px) {
.s-banner {
min-height: 600px;
height: auto;
}
}
@media screen and (max-width: 768px) {
.s-banner {
min-height: 500px;
}
}
@media screen and (max-width: 481px) {
.s-banner {
min-height: 400px;
}
}
/*-------------------- 15-BLOCK-TYPE-2 ------------*/
.s-about-section {
position: relative;
margin: 20px;
}
.s-about-bg {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
}
.s-about-info {
padding: 110px 100px;
text-align: center;
float: right;
width: 50%;
}
@media screen and (max-width: 1200px) {
.s-about-info {
padding: 70px 60px;
}
}
@media screen and (max-width: 992px) {
.s-about-info {
padding: 40px 30px;
}
}
@media screen and (max-width: 768px) {
.s-about-section {
margin: 0;
}
.s-about-bg {
display: none;
}
.s-about-info {
float: none;
width: 100%;
}
}
@media screen and (max-width: 360px) {
.s-about-info {
padding: 20px 15px;
}
}
.s-menu-button {
margin-top: 38px;
}
.s-menu-button span {
background: #cea679;
}
/*-------------------- 15-BLOCK-TYPE-3 ------------*/
.interior-section {
position: relative;
}
.s-interior-info {
position: absolute;
height: 100%;
width: 36%;
top: 0;
left: 0;
}
.s-interior-info-block {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
padding: 0 100px;
}
.s-interior-img {
float: right;
width: 64%;
}
.interior-img-box {
float: left;
padding: 20px;
}
.interior-img-type1 {
width: 62%;
}
.interior-img-type2 {
width: 38%;
}
.interior-img-type3 {
width: 38%;
}
.interior-img-type4 {
width: 62%;
}
.interior-img-type1 div, .interior-img-type2 div {
min-height: 263px;
}
.interior-img-type3 div, .interior-img-type4 div {
min-height: 570px;
}
@media screen and (max-width: 1200px) {
.s-interior-info-block {
padding: 0 60px;
}
.interior-img-type1 div, .interior-img-type2 div {
min-height: 243px;
}
.interior-img-type3 div, .interior-img-type4 div {
min-height: 500px;
}
}
@media screen and (max-width: 1200px) {
.s-interior-info-block {
padding: 0 60px;
}
.interior-img-type1 div, .interior-img-type2 div {
min-height: 243px;
}
.interior-img-type3 div, .interior-img-type4 div {
min-height: 500px;
}
}
@media screen and (max-width: 992px) {
.s-interior-info {
width: 100%;
position: relative;
padding: 40px 30px;
}
.s-interior-info-block {
position: relative;
top: 0;
left: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
padding: 0 30px;
}
.s-interior-img {
float: none;
width: 100%;
}
.s-interior-info-block {
padding: 0 30px;
}
.interior-img-type1 div, .interior-img-type2 div {
min-height: 243px;
}
.interior-img-type3 div, .interior-img-type4 div {
min-height: 450px;
}
}
@media screen and (max-width: 768px) {
.s-interior-info-block {
padding: 0;
}
}
@media screen and (max-width: 481px) {
.interior-img-type1, .interior-img-type2, .interior-img-type3, .interior-img-type4 {
width: 100%;
}
.interior-img-box {
padding-top: 0;
}
}
@media screen and (max-width: 360px) {
.s-interior-info {
padding: 20px 15px;
}
}
/*-------------------- 15-BLOCK-TYPE-4 ------------*/
.s-service {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.s-service {
padding-top: 70px;
}
}
.title-block {
text-align: center;
}
.s-service-box {
text-align: center;
}
.s-service-box img {
margin-bottom: 30px;
}
.s-service-box h3 {
margin-bottom: 20px;
}
.s-serv-title {
font-size: 13px;
text-transform: uppercase;
color: #223b3d;
}
.s-service-box p {
color: #91a4a6;
font-size: 14px;
line-height: 1.7;
margin-bottom: 20px;
font-family: 'Poppins';
letter-spacing: 0;
}
.s-serv-price {
text-transform: uppercase;
color: #d0a97e;
font-family: 'Poppins';
font-weight: 700;
}
@media screen and (max-width: 992px) {
.s-service-box {
margin-bottom: 40px;
}
.s-service {
padding-bottom: 100px;
}
}
/*-------------------- 15-BLOCK-TYPE-5 ------------*/
.s-team {
padding: 140px 20px 0;
}
@media screen and (max-width: 992px) {
.s-team {
padding-top: 70px;
}
}
.s-nav-tab {
width: 50%;
right: 0;
bottom: 0;
position: absolute;
padding-left: 20px;
padding-right: 0;
}
.s-member-item {
cursor: pointer;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: -webkit-transform 0.5s linear;
transition: transform 0.5s linear;
width: 20%;
float: left;
padding: 20px;
}
.s-member-item img {
max-width: 100%;
height: auto;
display: block;
}
.s-member-item:hover, .s-member-item.active {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
.s-member-item.active {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
.s-member-photo {
width: 50%;
min-height: 760px;
float: left;
background-position: center top;
}
.s-member-info-block {
width: 50%;
min-height: 655px;
float: left;
position: relative;
}
.s-tab-wrapper {
position: relative;
overflow: hidden;
padding-bottom: 20px;
}
.s-member-info {
text-align: center;
padding: 0 90px;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
}
.s-member-info h3 {
color: #d0a97e;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 38px;
}
@media screen and (max-width: 1200px) {
.s-member-info-block {
min-height: 495px;
}
.s-member-photo {
min-height: 600px;
}
}
@media screen and (max-width: 992px) {
.s-member-photo {
width: 100%;
min-height: 600px;
}
.s-member-info-block {
width: 100%;
min-height: 100%;
margin-top: 50px;
}
.s-member-info {
text-align: center;
padding: 0 90px;
position: relative;
top: 0;
left: 0;
-ms-transform: translate(0);
transform: translate(0);
-webkit-transform: translate(0);
width: 100%;
}
.s-nav-tab {
width: 100%;
right: 0;
bottom: 0;
position: relative;
padding-left: 0;
padding-right: 0;
margin-top: 50px;
}
}
@media screen and (max-width: 768px) {
.s-member-photo {
min-height: 400px;
}
.s-member-info {
padding: 0 30px;
}
}
@media screen and (max-width: 361px) {
.s-member-info {
padding: 0;
}
.s-member-item {
padding: 6px;
}
.s-member-photo {
min-height: 300px;
}
}
/*-------------------- 15-BLOCK-TYPE-6 ------------*/
.s-our-product {
padding-top: 140px;
padding-bottom: 50px;
border-bottom: 1px solid #eaeaea;
}
@media screen and (max-width: 992px) {
.s-our-product {
padding-top: 70px;
padding-bottom: 30px;
}
}
.s-product-box {
max-width: 270px;
margin: 0 auto;
}
.s-product-info {
background: #d0a97e;
text-align: center;
height: 270px;
padding-top: 95px;
}
.s-product-info h3 {
font-size: 14px;
text-transform: uppercase;
color: #fff;
line-height: 25px;
}
.s-product-info span {
display: inline-block;
color: #f6e4d0;
padding-bottom: 20px;
font-family: 'Poppins';
}
.s-product-img {
background: #fafafa;
height: 270px;
}
.s-arrow-l, .s-aroow-r {
position: absolute;
top: 50%;
margin-top: -42px;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.s-arrow-l, .s-aroow-r {
display: none;
}
}
.pagination-product {
display: block;
visibility: hidden;
}
@media screen and (max-width: 768px) {
.pagination-product {
display: table;
visibility: visible;
}
.pagination-product .swiper-pagination-switch {
width: 10px;
height: 10px;
border: none;
background: #ccc;
}
.pagination-product .swiper-pagination-switch:after {
content: none;
}
.pagination-product .swiper-active-switch {
background: #cea679;
border: none;
}
}
.s-arrow-l {
left: 0;
}
.s-aroow-r {
right: 0;
}
/*-------------------- 15-BLOCK-TYPE-7 ------------*/
.s-contact-section {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.s-contact-section {
padding-top: 70px;
}
}
.s-form .input-style, .s-form .tx-style {
background: #edecea;
color: #888;
}
.s-form .input-style::-webkit-input-placeholder {
color: #888;
}
.s-form .input-style::-moz-placeholder {
color: #888;
}
.s-form .input-style:-moz-placeholder {
color: #888;
}
.s-form .input-style:-ms-input-placeholder {
color: #888;
}
.s-form .tx-style::-webkit-input-placeholder {
color: #888;
}
.s-form .tx-style::-moz-placeholder {
color: #888;
}
.s-form .tx-style:-moz-placeholder {
color: #888;
}
.s-form .tx-style:-ms-input-placeholder {
color: #888;
}
.s-form input[type=submit] {
color: #888;
}
.s-contact-info .phone:hover {
color: #d0a97e !important;
}
.s-contact-info .mail-us:hover {
color: #d0a97e !important;
}
/*----------15-FOOTER----------------------*/
.s-footer-info {
letter-spacing: 0;
}
@media screen and (min-width: 993px) {
.sh-footer {
padding-left: 150px;
}
}
.s-social .social-network:hover {
background: #d0a97e;
border-color: #d0a97e;
}
.s-ftr-nav li a:hover {
color: #d0a97e;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 16- HOSPITAL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*----------HEADER----------------------*/
.h-nav li a {
color: #333;
}
.h-nav li a:hover {
color: #3cc5de;
border-color: #3cc5de;
}
@media screen and (max-width: 992px) {
.h-nav li a {
border-top: 1px solid #3cc5de;
}
.h-nav li a:hover {
background: #3cc5de;
color: #fff;
}
}
.h-nav li.active a {
color: #3cc5de;
border-color: #3cc5de;
}
@media screen and (max-width: 992px) {
.h-nav li.active a a {
background: #32cddb;
color: #fff !important;
border-color: #fff;
}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.h-nav li.active a {
background: #3cc5de;
color: #fff;
}
}
@media screen and (max-width: 481px) {
.h-nav li {
text-align: left !important;
}
.h-nav li a {
padding-left: 15px;
}
}
.h-menu-button span {
background: #3cc5de;
}
.hospital .header {
border-bottom: 1px solid #ccc;
}
.h-block-title {
color: #083b46;
}
.h-sub-title {
color: #98a6a9;
}
.hospital p {
color: #98a6a9;
line-height: 1.5;
letter-spacing: 1px;
}
.padding-top {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.padding-top {
padding-top: 70px;
}
}
/*----------BANNER----------------------*/
.h-banner .swiper-slide {
min-height: 880px;
position: relative;
background-position: center top;
}
.h-banner .swiper-slide:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 992px) {
.h-banner .swiper-slide {
min-height: 700px;
}
}
@media screen and (max-width: 768px) {
.h-banner .swiper-slide {
min-height: 450px;
}
}
.h-banner .swiper-slide h1, .h-banner .swiper-slide h2 {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1.2;
color: #fff;
text-transform: uppercase;
font-size: 60px;
text-align: center;
opacity: 0;
transition: opacity 1s linear;
z-index: 55555;
}
@media screen and (max-width: 992px) {
.h-banner .swiper-slide h1, .h-banner .swiper-slide h2 {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.h-banner .swiper-slide h1, .h-banner .swiper-slide h2 {
font-size: 36px;
padding: 0 15px;
width: 100%;
}
.h-banner .swiper-slide h1 br, .h-banner .swiper-slide h2 br {
display: none;
}
}
.h-banner .swiper-slide-active h1, .h-banner .swiper-slide-active h2 {
opacity: 1 !important;
}
.h-banner-nav-item {
width: 25%;
float: left;
background: #3cc5de;
padding: 39px 30px 36px;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
z-index: 10;
}
@media screen and (max-width: 992px) {
.h-banner-nav-item {
display: none;
}
}
.h-banner-nav-item h3 {
font-size: 13px;
color: #fff;
text-transform: uppercase;
margin: 25px 0;
}
.h-banner-nav-item p {
color: #c7f2fa;
font-size: 14px;
line-height: 1.5;
}
.h-banner-nav-item:nth-last-of-type(2) {
background: #22bdda;
}
.h-banner-nav-item:nth-last-of-type(3) {
background: #05b4d5;
}
.h-banner-nav-item:nth-last-of-type(4) {
background: #00aacf;
}
.h-banner-nav-item.active {
background: #093B46;
}
@media screen and (max-width: 992px) {
.pagination-h {
display: block !important;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pagination-h .swiper-pagination-switch {
background: #3cc5de;
cursor: pointer;
opacity: 0.5;
}
.pagination-h .swiper-active-switch {
background: #00aacf;
opacity: 1;
}
}
/*----------ABOUT SECTION----------------------*/
.h-about-section {
padding-top: 20px;
}
@media screen and (max-width: 992px) {
.h-about-section {
padding-top: 70px;
}
}
.h-about-box {
min-height: 500px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 1200px) {
.h-about-box {
min-height: 450px;
}
}
@media screen and (max-width: 768px) {
.h-about-box {
width: 50%;
float: left;
min-height: 400px;
}
}
@media screen and (max-width: 481px) {
.h-about-box {
width: 100%;
}
}
.h-about-box:hover .h-about-info {
bottom: 0;
}
.h-about-box {
text-align: center;
}
.h-about-box h3 {
text-transform: uppercase;
color: #083b46;
font-size: 13px;
margin-bottom: 20px;
}
.h-about-text {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 325px;
width: 100%;
padding: 0 15px;
}
.h-about-text-wrap {
position: absolute;
width: 100%;
height: 60%;
top: 0;
left: 0;
}
@media screen and (max-width: 992px) {
.h-about-text-wrap {
height: 70%;
}
}
.h-img-bottom {
position: absolute;
height: 40%;
width: 100%;
max-width: 100%;
left: 0;
bottom: 0;
}
@media screen and (max-width: 992px) {
.h-img-bottom {
height: 30%;
}
}
.h-about-info {
padding: 30px 30px 27px;
text-align: left;
position: absolute;
width: 100%;
bottom: -200px;
left: 0;
background: rgba(60, 197, 222, 0.9);
transition: bottom 0.6s ease;
}
.h-about-info h4 {
text-transform: uppercase;
color: #fff;
font-size: 13px;
margin-bottom: 15px;
}
.h-about-info span {
display: block;
color: #d6f3f9;
font-family: 'Poppins';
}
/*----------OUR SERVICES----------------------*/
.h-services {
position: relative;
background-position: center top;
}
.h-services:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(60, 197, 222, 0.9);
}
.h-services .block-title {
color: #fff;
}
.h-services .sub-title {
color: #c7f2fa;
}
.h-services .container {
position: relative;
z-index: 1;
}
.col-serv {
text-align: center;
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.col-serv {
margin-bottom: 50px;
}
}
.col-serv h3 {
text-transform: uppercase;
margin: 32px 0 18px;
color: #fff;
line-height: 1.2;
}
.col-serv p {
color: #c7f2fa;
}
/*----------DOCTORS----------------------*/
.doctors-section {
padding-top: 140px;
}
@media screen and (max-width: 992px) {
.doctors-section {
padding-top: 70px;
}
}
.nav-doctor .nav-item-serv.active, .nav-doctor .nav-item-serv:hover {
background: #3cc5de;
border-color: #3cc5de;
color: #fff;
margin-bottom: -1px;
}
.doctor-photo {
min-height: 650px;
}
@media screen and (max-width: 992px) {
.doctor-photo {
min-height: 400px;
}
}
.team-doctor .team-member-box {
min-height: 650px;
}
@media screen and (max-width: 992px) {
.team-doctor .team-member-box {
min-height: 100%;
}
}
.doctor-nav {
position: relative;
width: 100%;
}
.team-doctor .block-title {
color: #083b46;
}
.team-doctor span {
color: #98a6a9;
}
/*----------PROCEDURES----------------------*/
.procedure-slider {
padding-top: 100px;
}
.procedure-slider .swiper-slide {
text-align: center;
}
.procedure-slider .swiper-slide h3 {
color: #083b46;
margin-bottom: 30px;
font-size: 20px;
}
.procedure-slider .swiper-slide p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px;
}
.procedure-slide {
text-align: center;
opacity: 0.3;
}
.procedure-slide.swiper-slide-active {
opacity: 1;
}
.procedure-slide h3 {
color: #083b46;
font-size: 13px;
margin: 20px 0;
}
.procedure-slide span {
display: block;
color: #98a6a9;
font-family: 'Poppins';
font-size: 14px;
letter-spacing: 1px;
}
.h-arrow-container {
position: absolute;
left: 50%;
margin-left: -100px;
width: 200px;
top: 50px;
text-align: center;
}
.h-arrow-container span {
color: #98a6a9;
}
.h-arrow-container .start_index {
color: #3cc5de;
}
.h-arrow-container .swiper-arrow-left, .h-arrow-container .swiper-arrow-right {
position: absolute;
top: 0;
cursor: pointer;
}
.h-arrow-container .swiper-arrow-left {
left: 0;
}
.h-arrow-container .swiper-arrow-right {
right: 0;
}
/*----------PRICE----------------------*/
.price-section {
background: #fcfcfc;
padding: 140px 0;
}
@media screen and (max-width: 992px) {
.price-section {
padding: 70px 0;
}
}
.h-price-block {
background: #fff;
box-shadow: 2.5px 4.3px 10px rgba(0, 0, 0, 0.1);
}
.h-price-block div {
background: #3cc5de;
}
.h-price-block .price-list li {
color: #98a6a9;
}
.h-price-block .price-list li span {
color: #a0adb0;
}
.h-price-block img {
opacity: 1;
margin-top: 35px;
}
.h-price-block h6 {
color: #083b46;
margin-bottom: 26px;
}
.h-price-block h3 {
color: #3cc5de;
}
.h-price-block:hover {
background: rgba(60, 197, 222, 0.5) !important;
}
.h-price-block:hover div {
background: rgba(60, 197, 222, 0.8) !important;
}
.h-price-col {
text-align: center;
}
.h-price-col p {
margin-bottom: 40px;
letter-spacing: 1px;
line-height: 1.5;
font-size: 16px;
}
/*----------REVIEW----------------------*/
.review-section {
position: relative;
padding: 140px 0;
background-size: cover;
background-position: center top;
}
.review-section:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(60, 197, 222, 0.9);
}
@media screen and (max-width: 992px) {
.review-section {
padding: 70px 0;
}
}
.review-section .container {
position: relative;
z-index: 22;
}
.review-section .block-title, .review-section .sub-title {
color: #fff;
}
.rewiev-slider .swiper-slide {
text-align: center;
}
.rewiev-slider .swiper-slide h3 {
text-transform: uppercase;
font-size: 14px;
color: #fff;
margin: 20px 0;
}
.rewiev-slider .swiper-slide p {
font-size: 16px;
color: #c7f2fa;
line-height: 1.5;
max-width: 760px;
margin: 0 auto;
}
.rewiev-slider .swiper-slide h3, .rewiev-slider .swiper-slide p, .rewiev-slider .swiper-slide img {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transition: -webkit-transform 1s ease 0.1s;
transition: transform 1s ease 0.1s;
}
.rewiev-slider .swiper-slide-active h3, .rewiev-slider .swiper-slide-active p, .rewiev-slider .swiper-slide-active img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.h-arrow {
position: absolute;
top: 0;
left: 50%;
width: 270px;
margin-left: -135px;
}
.h-arrow .swiper-arrow-left, .h-arrow .swiper-arrow-right {
position: absolute;
top: 80px;
cursor: pointer;
}
.h-arrow .swiper-arrow-left {
left: 0;
}
.h-arrow .swiper-arrow-right {
right: 0;
}
/*--------------------CONTACT ------------*/
.h-contact-us h5 {
color: #083b46;
}
.h-contact-us p {
color: #98a6a9;
}
.h-contact-us a:hover {
color: #083b46;
}
.h-contact-us input.send {
color: #083b46;
background-image: url("../images/hospital/arrow-right.png") !important;
}
/*----------REVIEW----------------------*/
.h-footer {
background: #083b46;
}
.h-footer .subscribe-form {
background: #10434e;
}
.h-footer .footer-info, .h-footer .subscribe-email {
color: #5b838c;
}
.h-footer .subscribe-email::-webkit-input-placeholder {
color: #5b838c;
}
.h-footer .subscribe-email::-moz-placeholder {
color: #5b838c;
}
.h-footer .subscribe-email:-moz-placeholder {
color: #5b838c;
}
.h-footer .subscribe-email:-ms-input-placeholder {
color: #5b838c;
}
.h-footer .ftr-nav-container {
background: #083741;
}
.h-footer .ftr-nav-container a {
color: #5b838c;
}
.h-footer .ftr-nav-container a:hover {
color: #fff;
}
.h-social .social-network {
border-color: #5b838c;
}
.h-social .social-network i {
color: #5b838c;
}
.h-social .social-network:hover {
background: #3cc5de;
border-color: #3cc5de;
}
.s-form label {
display: none;
}
textarea#message {
width: 100%;
height: 150px;
}
.input-style-subject {
width: 100%!important;
}
.page-title {
background-color: #fcfcfc;
padding-top: 50px;
padding-bottom: 25px;
}
.page-title .block-title {
color: #333;
margin-bottom: 0px;
}
.page-title .sub-title {
padding-bottom: 0px;
color: rgba(51,51,51,0.71);
margin-top: 23px;
}
.not-front header {
}
.blog {
background: #fff;
}
.front .blog {
background: #f8f9fd;
padding-bottom: 120px;
padding-top: 136px;
}
.blog-section .single-content {
padding: 0 120px;
}
.content-media {
margin-bottom: 40px;
}
.content-media img {
width: 100%;
height: auto;
}
.blog-section .single-content p {
font-size: 16px;
line-height: 20px;
margin-bottom: 2em;
letter-spacing: 0;
}
.blog-section .single-content .tags {
font-size: 0;
margin-top: 15px;
float: left;
border-top: 1px solid #ddd;
width: 100%;
padding-top: 50px;
}
.blog-section .single-content .tags a {
font-size: 12px;
border: 2px solid;
padding: 2px 10px 1px;
margin: 0 8px 0 0;
letter-spacing: 2px;
color: #333;
text-transform: uppercase;
}
.gallery-box .swiper-container {
position: static;
}
.place-info {
max-width: 680px;
margin: 0 auto;
}
.blog-section .post h2 a {
font-size: 13px;
line-height: 22px;
margin-top: 20px;
text-transform: uppercase;
display: block;
color: #333333;
transition: color 0.2s linear;
}
.subscribe-form p {
margin: 0;
}
#system-message-container {
max-width: 1170px;
margin: 0 auto;
}
#system-message-container .alert:first-child {
margin-top: 100px;
}
#system-message-container .alert:last-child {
marginb-bottom: 30px;
}
#system-message-container .alert {
background: #eee;
color: #555;
}
#sp-main-body > .row {
margin-left: 0!important;
margin-right: 0!important;
}
.procedure-slider .swiper-slide .procedure-images h3 {
font-size: 13px;
margin: 20px 0;
}
.procedure-slider .swiper-slide .procedure-images {
display: block;
color: #98a6a9;
font-family: 'Poppins';
font-size: 14px;
letter-spacing: 1px;
}
.procedure-slider .swiper-slide .procedure-text h3 {
margin-top: 50px;
}
.section-procedures {
padding-bottom: 140px;
}
form.red-form label {
display: none;
}
.front .blog {
background: #fcfcfc;
}
.a-post .read-more,
.a-post h5 a,
.a-post h2 a {
color: #e66a55;
}
body.red .process {
cursor: default;
}
body.red .team {
padding-bottom: 140px;
}
.sppb-carousel-caption h2{
font-size:25px;
color:#473c56;
text-align:center;
text-transform: uppercase;
}
.sppb-carousel-caption p{
font-size:90px;
color:#f05762;
text-align:center;
line-height:100px;
font-weight:bold;
}
@media screen and (max-width: 992px) {
.sppb-carousel-caption h2{
display: none;
}
.sppb-carousel-caption i {
display: none;
}
.sppb-carousel-caption p {
font-size:25px;
line-height:30px;
}
}
@media screen and (max-width: 481px) {
.sppb-carousel-caption h2{
display: none;
}
.sppb-carousel-caption p {
font-size:25px;
line-height:30px;
}
}
.sppb-carousel-caption{
margin: 0 auto;
}
.sppb-carousel-caption i{
color:#473c56;
font-size:60px;
}
.solution-left {
float:left;
width:50%;
background-color:#F3F2F3;
padding:20px;
}
.solution-right {
float:left;
width:50%;
background-color:#386BA8;
padding:20px;
}
@media screen and (max-width: 481px){
.hidden-phone{
display: none;
}
}
.sppb-carousel-inner > .sppb-item > img {
display: inline;
}
.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
@media (min-width: 768px) and (max-width: 979px){
.hidden-desktop{display:inherit !important;}
.visible-desktop{display:none !important;}
.visible-tablet{display:inherit !important;}
.hidden-tablet{display:none !important;}}
@media (max-width: 767px){
.hidden-desktop{display:inherit !important;}
.visible-desktop{display:none !important;}
.visible-phone{display:inherit !important;}
.hidden-phone{display:none !important;}}