/*STYLE.CSS*/
/*---------------
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: NRGVideo*/
/* Version: 1.0.0*/
/* Build Date: 15-12-2016*/
/* Author: NRGThemes*/
/* Website: http://nrgthemes.com/
/* Copyright: (C) 2016 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - HOME-2 */
/* 04 - HOME-3 */
/* 05 - HOME-4 */
/* 06 - HOME-5 */
/* 07 - HOME-6 */
/* 08 - HOME-7 */
/* 09 - ABOUT */
/* 10 - TEAM */
/* 11 - NEWS */
/* 12 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------*/
/*----------------------RESET---------------------------*/
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
{
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
}
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
{
font-size: 0;
display: block;
clear: both;
overflow: hidden;
height: 0;
}
input:focus,
select:focus,
textarea:focus,
button:focus
{
outline: none;
box-shadow: none;
}
input,
textarea,
select
{
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
border: 0 none;
border-radius: 0;
outline: none;
outline: none;
background: none;
-webkit-appearance: none;
}
a,
a:link,
a:visited,
a:active,
a:hover
{
cursor: pointer;
text-decoration: none;
outline: none;
}
a:hover
{
color: inherit;
}
a
{
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
text-decoration: none;
color: inherit;
outline: none;
}
iframe
{
border: none;
outline: none;
}
/*ul
{
list-style: none;
}*/
ul ul{
padding-left: 15px;
}
button
{
border: 0 none;
background: none;
}
::-webkit-input-placeholder
{
opacity: 1;
color: #9e9e9e;
}
::-moz-placeholder
{
opacity: 1;
color: #9e9e9e;
}
:-moz-placeholder
{
opacity: 1;
color: #9e9e9e;
}
:-ms-input-placeholder
{
opacity: 1;
color: #9e9e9e;
}
/*------------------------------------------------------*/
/*----------------------BACKGROUND----------------------*/
.bg {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.bg img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.bg video
{
position: absolute;
}
.bg-bg
{
background-repeat: no-repeat;
background-position: 50% 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bg-bg-bag
{
position: relative;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 0;
background-clip: initial;
background-origin: initial;
background-size: cover;
}
.bg-bg-chrome
{
position: fixed;
backface-visibility: hidden;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-ms-background-size: cover;
}
.bg-bg-chrome.act {
position: absolute;
}
.clip {
}
.full-width {
position: relative;
display: inline-block;
width: 100%;
}
.full-height {
position: relative;
width: 100%;
height: 100vmin;
}
.vertical-align {
position: absolute;
z-index: 1;
}
.align-vertical {
position: absolute;
top: 50%;
z-index: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.align-vertical.full {
left: 0;
width: 100%;
text-align: center;
}
.two-block-align
{
width: 100%;
}
.table-view
{
display: table;
width: 100%;
height: 100%;
}
.row-view
{
display: table-row;
}
.cell-view
{
display: table-cell;
vertical-align: middle;
}
/*------------------------------------------------------*/
/*----------------------TEXT STYLE----------------------*/
body {
font-family: 'Roboto', sans-serif;
color: #3c3c3c;
background: #fff;
position: relative;
overflow-x: hidden;
}
/*body.show_border {
border: 49px solid transparent;
}
*/
h1,
h2,
h3,
h4,
h5
{
font-family: 'Work Sans', sans-serif;
}
h1 {
font-size: 80px;
font-weight: 900;
line-height: 80px;
}
h1 span, h2 span, h3 span {
position: relative;
}
h1 span:before, h2 span:before, h3 span:before {
position: absolute;
content: "";
bottom: 5px;
height: 3px;
width: 100%;
background: #fff
}
h2 {
font-size: 60px;
font-weight: 900;
line-height: 70px;
}
h3 {
font-size: 40px;
font-weight: 900;
line-height: 50px;
}
h4 {
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
h5 {
font-size: 14px;
font-weight: 400;
line-height: 30px;
}
p {
font-size: 16px;
font-weight: 300;
line-height: 26px;
letter-spacing: 0.9px;
}
.default-video h1, .for-slider-1_2 h1, .full-screen-slider h1, .two-video-slider h1, .single-video-slider h1,
.slider-1_6 h1, .about-page-wrapper h1, .home-team-slider h1, #contact-page h1{
color: #fff;
}
.p-white,
.p-white p {
color: #ffffff;
}
.resp-img {
display: block;
width: 100%;
height: auto;
}
.subtitle-bg {
position: relative;
display: block;
padding: 8px 9px;
color: #fff;
backface-visibility: hidden;
}
.subtitle-bg h5 {
line-height: 9px;
-webkit-font-smoothing: subpixel-antialiased;
}
.col-main {
color: #e7c77e;
}
.col-black {
color: #1a1a1a;
}
.but-style-1 {
line-height: 20px;
position: relative;
z-index: 1;
display: block;
padding: 10px 25px;
border: 2px solid #fff;
}
.but-style-1:before {
position: absolute;
z-index: -1;
top: 50%;
display: block;
width: 14px;
height: 18px;
content: '';
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
-webkit-transform: translate(-200%, -50%);
-moz-transform: translate(-200%, -50%);
-ms-transform: translate(-200%, -50%);
transform: translate(-200%, -50%);
opacity: 1;
background: url('../img/play.png') no-repeat;
background-size: contain;
}
.but-style-1 h2 {
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.but-style-1:hover {
border: 2px solid #e7c77e;
}
.but-style-1:hover h2 {
opacity: 0;
}
.but-style-1.no-border {
padding: 0;
border: 0 none;
}
.but-style-2 {
font-size: 11px;
font-weight: 400;
line-height: 11px;
position: relative;
display: block;
padding: 17px 50px;
text-align: center;
letter-spacing: 3px;
color: #e7c77e;
border: 2px solid #e7c77e;
}
@media screen and (max-width: 480px){
h1{
font-size: 50px;
line-height: 60px;
}
h2{
font-size: 40px;
line-height: 50px;
}
h3{
font-size: 30px;
line-height: 40px;
}
}
/*---------------------------------------------------------*/
/*----------------------SWIPER SLIDER----------------------*/
.swiper-container {
position: relative;
overflow: hidden;
height: auto;
margin: 0 auto;
direction: ltr;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-wrapper {
position: relative;
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
height: inherit!important;
margin: 0 auto;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-property: -webkit-transform, left, top;
-moz-transition-property: -moz-transform, left, top;
-ms-transition-property: -ms-transform, left, top;
-o-transition-property: -o-transform, left, top;
transition-property: transform, left, top;
-webkit-transform: translate3d(0px,0,0);
-moz-transform: translate3d(0px,0,0);
-ms-transform: translate3d(0px,0,0);
-o-transform: translate3d(0px,0,0);
-o-transform: translate(0px,0px);
transform: translate3d(0px,0,0);
}
.swiper-free-mode > .swiper-wrapper
{
margin: 0 auto;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-slide {
float: left;
height: inherit!important;
}
.team-slider .swiper-slide {
height: auto !important;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
.swiper-arrow-left,
.swiper-arrow-right {
top: 50%;
z-index: 50;
color: #fff;
width: 72px;
height: 32px;
cursor: pointer;
font-size: 24px;
line-height: 50px;
position: absolute;
text-align: center;
z-index: 100;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.line-arrow {
width: 60px;
height: 1px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
top: 50%;
display: block;
position: absolute;
background: #ffffff;
z-index: 100;
}
.line-arrow:before, .line-arrow:after {
width: 1px;
height: 20px;
background: #ffffff;
position: absolute;
top: 0;
content: "";
z-index: 101;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.swiper-arrow-left .line-arrow {
right: 0;
}
.swiper-arrow-right .line-arrow {
left: 0;
}
.swiper-arrow-left .line-arrow:before, .swiper-arrow-left .line-arrow:after {
left: -4px;
}
.swiper-arrow-right .line-arrow:before, .swiper-arrow-right .line-arrow:after {
right: -4px;
}
.line-arrow:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.line-arrow:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.swiper-arrow-left .line-arrow:before {
top: -16px;
}
.swiper-arrow-left .line-arrow:after {
top: -2px;
}
.swiper-arrow-right .line-arrow:before {
top: -2px;
}
.swiper-arrow-right .line-arrow:after {
top: -16px;
}
/*ARROWS HOVER*/
.swiper-arrow-left.arr-sw:hover{
left: 5px;
}
.swiper-arrow-right.arr-sw:hover {
right: 5px;
}
.pagination {
position: absolute;
z-index: 50;
bottom: 5px;
left: 0;
width: 100%;
margin: 0;
text-align: center;
}
.swiper-pagination-switch {
position: relative;
display: inline-block;
width: 6px;
height: 6px;
margin: 0 5px;
cursor: pointer;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
border-radius: 50%;
border: 1px solid rgba(255,255,255,.6);
background: transparent;
}
.swiper-pagination-switch.swiper-active-switch {
background: #e7c77e;
}
.hidden-pag.pagination {
display: none;
}
.vertical-pag.paginationи{
bottom: 0;
left: 50px;
width: auto;
height: 100%;
}
.vertical-pag.pagination .swiper-pagination-switch {
display: block;
margin: 10px 0;
}
.arr-sw b:first-of-type:before {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 0;
height: 2px;
content: '';
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
background: #fff;
}
.arr-sw b:first-of-type:after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 2px;
height: 0;
content: '';
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
background: #fff;
}
.arr-sw b:last-of-type:before {
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
width: 0;
height: 2px;
content: '';
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
background: #fff;
}
.arr-sw b:last-of-type:after
{
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 2px;
height: 0;
content: '';
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
background: #fff;
}
.arr-sw:hover b:first-of-type:before
{
width: 100%;
}
.arr-sw:hover b:first-of-type:after
{
height: 100%;
}
.arr-sw:hover b:last-of-type:before
{
width: 100%;
}
.arr-sw:hover b:last-of-type:after
{
height: 100%;
}
/*------------------------------------------------------*/
/*----------------------PRELOADER----------------------------*/
.vc_row.act {opacity: 0;}
.preload
{
position: fixed;
z-index: 2000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1a1a1a;
}
.load-align
{
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
width: 60px;
height: 60px;
margin-top: -30px;
margin-left: -30px;
}
.film
{
position: absolute;
top: 0;
width: 60px;
height: 60px;
border-top: 10px solid #fff;
border-right: 2px solid #fff;
border-bottom: 10px solid #fff;
border-left: 2px solid #fff;
}
.load-align .film:first-child
{
left: 0;
}
.load-align .film:last-child
{
left: -100%;
}
.film span:nth-child(1)
{
position: absolute;
top: -8px;
left: 10px;
width: 6px;
height: 6px;
background: #1a1a1a;
}
.film span:nth-child(1):before
{
position: absolute;
top: 0;
left: -10px;
width: 6px;
height: 6px;
content: '';
background: #1a1a1a;
}
.film span:nth-child(1):after
{
position: absolute;
top: 0;
left: 10px;
width: 6px;
height: 6px;
content: '';
background: #1a1a1a;
}
.film span:nth-child(2)
{
position: absolute;
top: -8px;
left: 40px;
width: 6px;
height: 6px;
background: #1a1a1a;
}
.film span:nth-child(2):before
{
position: absolute;
top: 0;
left: -10px;
width: 6px;
height: 6px;
content: '';
background: #1a1a1a;
}
.film span:nth-child(2):after
{
position: absolute;
top: 0;
left: 10px;
width: 6px;
height: 6px;
content: '';
background: #1a1a1a;
}
.film span:nth-child(3)
{
position: absolute;
bottom: -8px;
left: 10px;
width: 6px;
height: 6px;
background: #1a1a1a;
}
.film span:nth-child(3):before
{
position: absolute;
bottom: 0;
left: -10px;
width: 6px;
height: 6px;
content: '';
background: #1a1a1a;
}
.film span:nth-child(3):after
{
position: absolute;
bottom: 0;
left: 10px;
width: 6px;
height: 6px;
content: '';
background: #1a1a1a;
}
.film span:nth-child(4)
{
position: absolute;
bottom: -8px;
left: 40px;
width: 6px;
height: 6px;
background: #1a1a1a;
}
.film span:nth-child(4):before
{
position: absolute;
top: 0;
left: -10px;
width: 6px;
height: 6px;
content: '';
background: #1a1a1a;
}
.film span:nth-child(4):after
{
position: absolute;
top: 0;
left: 10px;
width: 6px;
height: 6px;
content: '';
background: #1a1a1a;
}
@keyframes move
{
50%
{
left: 50%;
}100%
{
left: 100%;
}
}
@-webkit-keyframes move
{
50%
{
left: 50%;
}100%
{
left: 100%;
}
}
@-moz-keyframes move
{
50%
{
left: 50%;
}100%
{
left: 100%;
}
}
@keyframes move2
{
50%
{
left: -50%;
}100%
{
left: 0;
}
}
@-webkit-keyframes move2
{
50%
{
left: -50%;
}100%
{
left: 0;
}
}
@-moz-keyframes move2
{
50%
{
left: -50%;
}100%
{
left: 0;
}
}
.film:first-child
{
-webkit-animation: move 1s infinite .1s;
-moz-animation: move 1s infinite .1s;
-ms-animation: move 1s infinite .1s;
animation: move 1s infinite .1s;
animation-timing-function: linear;
}
.film:last-child
{
-webkit-animation: move2 1s infinite .1s;
-moz-animation: move2 1s infinite .1s;
-ms-animation: move2 1s infinite .1s;
animation: move2 1s infinite .1s;
animation-timing-function: linear;
}
/*------------------------------------------------------*/
/*----------------------MENU----------------------------*/
header {
position: absolute;
z-index: 50;
}
.nav-menu-icon {
position: absolute;
z-index: 1005;
top: 30px;
right: 30px;
overflow: hidden;
cursor: pointer;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.nav-menu-icon a {
display: inline-block;
width: 32px;
height: 32px;
cursor: pointer;
text-decoration: none;
}
.nav-menu-icon a i {
font: bold 14px/.4 Helvetica;
position: relative;
display: inline-block;
width: 32px;
height: 2px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
text-indent: -55px;
color: #000;
background: #fff;
}
.nav-menu-icon a i:before,
.nav-menu-icon a i:after {
position: absolute;
left: 0;
width: 32px;
height: 2px;
content: '';
transition: all .2s ease-out;
background: #fff;
}
.nav-menu-icon a i:before {
top: -7px;
}
.nav-menu-icon a i:after {
bottom: -7px;
}
.nav-menu-icon a:hover i {
width: 22px;
}
.nav-menu-icon a.active i:before {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.nav-menu-icon a.active i:after {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
nav {
position: fixed;
z-index: 1001;
visibility: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
-webkit-transition: all 1000ms ease-out;
-moz-transition: all 1000ms ease-out;
-ms-transition: all 1000ms ease-out;
-o-transition: all 1000ms ease-out;
transition: all 1000ms ease-out;
text-align: center;
opacity: 0;
background: rgba(26,26,26,.9);
backface-visibility: hidden;
right: 0px;
left: 0px;
top: 0;
}
/*body.show_border nav {
box-sizing: content-box;
top: -49px;
left: -49px;
padding-left: 49px;
overflow: hidden;
padding-bottom: 49px;
}*/
nav.slide-menu {
visibility: visible;
opacity: 1;
}
nav > ul {
position: relative;
display: inline-block;
width: 100%;
padding: 100px 0 50px;
}
nav > ul > li {
font-size: 20px;
font-weight: 400;
line-height: 20px;
padding: 13px 0;
}
nav ul li a {
position: relative;
position: relative;
display: block;
display: inline-block;
width: 370px;
margin: 0 auto;
padding: 10px 0;
color: #fff;
}
nav ul li a:hover {
color: #cabb7a;
}
nav ul li a:active {
color: #cabb7a;
}
nav ul li a:focus {
color: #cabb7a;
}
nav ul li.active > a {
color: #cabb7a;
}
nav ul li ul {
padding: 25px 0 0;
}
nav ul li ul li a {
font-size: 12px;
font-weight: 400;
padding: 10px 0;
color: #8a8a8a;
}
nav ul li ul li a:hover {
color: #fff;
background: #e7c77e;
}
.dark-menu.nav-menu-icon a i {
background: #838383;
}
.dark-menu.nav-menu-icon a i:before,
.dark-menu.nav-menu-icon a i:after {
background: #838383;
}
.dropmenu {
display: none;
}
.dropmenu.slidemenu {
display: block;
}
.home-left-middle-nav.nav-menu-icon {
right: 0px;
top: 0px;
width: 70px;
height: 70px;
position: fixed;
background: #ebc15d;
}
.home-left-middle-nav.nav-menu-icon a{
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.home-left-middle-nav.nav-menu-icon a:hover i:before,
.home-left-middle-nav.nav-menu-icon a:hover i:after {
width: 26px;
}
.home-left-middle-nav.nav-menu-icon a.active i {
width: 22px
}
.home-left-middle-nav.nav-menu-icon a.active i:before,
.home-left-middle-nav.nav-menu-icon a.active i:after {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
/*CLASSIC MENU*/
.classic-menu {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100px;
z-index: 40;
}
.classic-menu nav {
position: relative;
visibility: visible;
overflow-y: visible;
width: auto;
height: auto;
left: auto;
top: auto;
opacity: 1;
background: none;
z-index: 99;
float: right;
}
.classic-menu a {
color: #555555;
font-size: 14px;
letter-spacing: 0.5px;
}
.classic-menu nav > ul {
padding: 0;
font-size: 0;
right: 5px;
margin: 20px 0px;
}
.classic-menu nav > ul > li {
display: inline-block;
padding: 13px 25px;
position: relative;
}
.classic-menu nav #top-menu li a, .classic-menu nav #top-menu-1 li a, .classic-menu nav #top-menu-2 li a, .classic-menu nav #top-menu-main li a {
color: #777777;
font-size: 14px;
letter-spacing: 0.2px;
}
.classic-menu nav #top-menu li a:hover, .classic-menu nav #top-menu-1 li a:hover, .classic-menu nav #top-menu-2 li a:hover, .classic-menu nav #top-menu-main li a:hover{
color: #cabb7a;
}
.classic-menu nav #top-menu li .sub-menu a, .classic-menu nav #top-menu-2 li .sub-menu a, .classic-menu nav #top-menu-main li .sub-menu a{
text-transform: capitalize;
padding-right: 25px;
padding-left: 25px;
}
.classic-menu nav #top-menu li .sub-menu a:hover, .classic-menu nav #top-menu-1 li .sub-menu a:hover, .classic-menu nav #top-menu-2 li .sub-menu a:hover, .classic-menu nav #top-menu-main li .sub-menu a:hover {
color: #fff;
}
.classic-menu .sub-menu {
overflow: visible;
position: absolute;
left: 0;
top: 100%;
background: #FFF;
width: 100%;
min-width: 320px;
max-height: none;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
visibility: hidden;
opacity: 0;
transition: all 0.35s ease-out;
height: auto;
}
.classic-menu .sub-menu .sub-menu{
left: -100%;
top: 0;
}
.classic-menu .menu-item-has-children:hover>.sub-menu {
visibility: visible;
opacity: 1;
}
.classic-menu .menu-item-has-children > a {
margin-left: 0;
}
.classic-menu .sub-menu li {
text-align: left;
position: relative;
width: 100%;
display: inline-block;
}
.classic-menu nav ul.sub-menu li.menu-item a, .classic-menu nav ul.sub-menu li.menu-item a:link {
position: relative;
width: 100%;
display: inline-block;
}
.classic-menu .menu-item-has-children > a .item_arrow {
display: none;
}
.for-classic-menu-none {
display: none;
}
@media screen and (max-width: 991px) {
.for-classic-menu-none {
display: block;
}
.classic-menu {
display: none;
}
.nav-menu-icon.for-classic-menu-none a i,
.nav-menu-icon.for-classic-menu-none a i:before,
.nav-menu-icon.for-classic-menu-none a i:after,
.blog-main-wrapper .nav-menu-icon a i,
.blog-main-wrapper .nav-menu-icon a i:before,
.blog-main-wrapper .nav-menu-icon a i:after {
background: #000;
}
}
/*-----------------------------------------------------------
/*----------------------VIDEO POPUP--------------------------*/
.video-player
{
position: fixed;
z-index: 1050;
top: 0;
left: 0;
visibility: hidden;
overflow: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
-webkit-transition: all 1000ms ease-out;
-moz-transition: all 1000ms ease-out;
-ms-transition: all 1000ms ease-out;
-o-transition: all 1000ms ease-out;
transition: all 1000ms ease-out;
opacity: 0;
background: rgba(26,26,26,.9);
backface-visibility: hidden;
}
.video-player.active
{
visibility: visible;
opacity: 1;
}
.video-iframe
{
position: absolute;
top: 50px;
right: 50px;
bottom: 50px;
left: 50px;
}
.video-iframe iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-player .close-iframe
{
font-family: 'Montserrat', sans-serif;
font-size: 47px;
font-weight: 400;
line-height: 50px;
position: absolute;
top: 10px;
right: 10px;
width: 50px;
height: 50px;
cursor: pointer;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
color: #e7c77e;
}
.video-player .close-iframe:hover
{
color: #fff;
}
.popup
{
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 50px auto;
background: #fff;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.main-wrapper {
width: 100%;
position: relative;
}
.main-wrapper.active {
position: fixed;
z-index: 5000;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.layer-dark {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
background: rgba(0,0,0,.4);
}
.layer-white {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
background: rgba(255,255,255,.6);
}
.main_bg_wrap {
position: relative;
height: 100vh;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
-moz-align-content: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
}
.bg-wrapp {
backface-visibility: hidden;
}
.bg-wrapp {
/* position: relative;
height: 100vh;*/
}
.bg-wrapp .clip {
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
opacity: 0;
}
.bg-wrapp .clip.active,
.bg-wrapp .clip.active .layer-dark {
opacity: 1;
}
.home-slider {
width: 100%;
height: 100vh;
position: relative;
}
.search .main_bg_wrap,
.search .home-slider{
height: auto;
}
.blog-main-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.blog .folow-bottom a, .single .folow-bottom a{
border-color: #d3d3d3;
}
.blog .folow-bottom a:hover, .single .folow-bottom a:hover {
border-color:#ebc15d;
}
.blog .copyright a:hover {
color: #ebc15d !important;
}
.blog-h1-wrapper {
text-align: center;
}
.blog-h1-wrapper h1 span {
color: #000;
line-height: 90px;
}
.blog-h1-wrapper h1 span:before {
background: #000;
}
.blog .content-area{
background-color: #fff;
background-size: cover;
background-position: center;
}
.news-slider {
height: auto !important;
}
.home-slider.fullheight {
padding-top: 215px;
}
.home-slider.fullheight .container{
position: relative;
}
.home-slider.fullheight .swiper-arrow-left,
.home-slider.fullheight .swiper-arrow-right{
position: absolute;
top: 0;
right: 130px;
left: auto;
/* Firefox */
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.home-slider.fullheight .swiper-arrow-right{
top: 70px;
}
.home-slider.fullheight .load-more{
color: #fff;
text-align: center;
padding: 30px 0;
}
.home-slider.fullheight .load-more:hover{
color: #e7c77e;
}
.home-slider.fullheight .icon-load{
}
.home-slider.arrow-center {
padding-right: 30px;
padding-left: 30px;
}
.home-slider.four-video-slider {
padding-right: 50px;
padding-left: 50px;
}
.home-slider .swiper-slide {
position: relative;
}
.swiper-1 {
max-width: 1180px;
padding: 40px 0;
margin: 0 auto;
}
.swiper-2 {
max-width: 970px;
}
.logo {
position: absolute;
z-index: 50;
}
.logo-top {
top: 28px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.logo-left {
top: 28px;
left: 30px;
}
.header-folow {
position: absolute;
z-index: 55;
}
.folow-left {
top: 30px;
left: 30px;
}
.folow-bottom.header-folow a {float: none;display:inline-block;}
.header-folow.dark-folow a {color: #b2b2b2;}
.header-folow.dark-folow a:hover {color: #e7c77e;}
.header-folow a {position: relative; display:block; font-size:12px; width:34px;height:34px; float: left; color:#fff; margin-right: 11px; border:1px solid rgba(255,255,255,0.2);}
.header-folow a:before{position: absolute;top: 50%;left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.header-folow a:hover {color: rgba(255,255,255,0.4); border-color: #ebc15d}
.soon-caption {position: absolute; color: #fff; top: 50%; right: -69px; transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg); transform-origin: top center; -webkit-transform-origin: top center;-moz-transform-origin: top center;-ms-transform-origin: top center;}
.header-folow.style-2 a{font-size:12px;margin: 0px 5px;height:16px;border:none;}
.soon-caption h4 {-webkit-font-smoothing: subpixel-antialiased; letter-spacing: 3.1px;}
.soon-caption h4 span
{
color: #e7c77e;
}
/*.swiper-1 .swiper-slide {
width: 1170px;
height: 100%;
}*/
.swiper-1 .caption {
position: absolute;
width: 450px;
height: 100%;
top: 0;
border: 3px solid #57e8e6;
z-index: 2;
}
.swiper-1 .caption-img{
/* top: 50%;
left: 0;*/
max-width: 700px;
position: relative;
/* -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
}
.swiper-1 .caption p {
padding: 0 100px;
}
.swiper-1 .vertical-align {
width: 100%;
left: 70px;
width: 780px;
}
.swiper-1 .subtitle-bg {
background: transparent;
text-align: left;
}
.swiper-1 .subtitle-bg .line {
display: block;
width: 145px;
height: 1px;
position: absolute;
top: 50%;
left: -175px;
background: #ffffff;
}
.swiper-1 h1 {
text-align: left;
}
.swiper-1 .but-style-1:before {
top: -80px;
}
.caption p{
display: block;
font-size: 14px;
line-height: 22px;
text-align: center;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.block-wrapp{
position: relative;
display: inline-block;
text-align: center;
}
.block-wrapp .but-style-1{
margin-bottom: 20px;
color: #fff;
}
.count-new{
position: absolute;
top: 50%;
display: block;
color: #e9ecf4;
width: 80px;
height: 80px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.count-new i{
font-style: normal;
}
.count-new span{
font-size: 12px;
position: relative;
font-weight: normal;
}
.count-new .line-count {
position: absolute;
top: 0;
left: 50%;
}
.count-new.left-count .count-slide {
top: 10px;
right: 25px;
position: absolute;
}
.count-new.left-count .number-slide {
left: 30px;
bottom: 5px;
position: absolute;
}
.count-new.right-count .count-slide {
top: 10px;
left: 25px;
position: absolute;
}
.count-new.right-count .number-slide {
right: 30px;
bottom: 5px;
position: absolute;
}
.count-new .line-count-left:before {
width: 1px;
height: 90px;
background-color: #e9ecf4;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
content: "";
z-index: 101;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.count-new .line-count-right:before {
width: 1px;
height: 90px;
background-color: #e9ecf4;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 0;
content: "";
z-index: 101;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
/*-----------------HOME-SLIDER-------------*/
.bg.bg-bg-chrome.act {
display: block !important;
background-attachment: fixed;
}
.default-video h1 {
margin: 0;
padding: 0;
line-height: 90px;
}
.default-video h4 {
margin: 0;
padding: 0;
}
/*.default-video {
width: 100%;
height: 100%;
overflow-y: auto;
position: absolute;
}*/
.home_main_bg_wrap {
height: 100%;
}
.default-video .caption {
position: absolute;
top: 50%;
left: 50%;
width: 530px;
height: 413px;
box-sizing: border-box;
border: 3px solid #ebc15d;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.default-video .caption .title {
top: 50%;
left: 50%;
width: 735px;
text-align: center;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.default-video .caption .date,
.default-video .caption .date span {
color: #cecece;
}
.default-video .play-icon {
left: 50%;
bottom: -105px;
padding: 0 10px;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.default-video .play-icon h5 {
color: #fff;
font-weight: bold;
position: relative;
text-align: center;
}
.default-video .play-icon h5:before,
.default-video .play-icon h5:after {
left: 50%;
content: "";
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.default-video .play-icon h5:before {
top: -113px;
width: 1px;
height: 95px;
background: none;
}
.default-video .play-icon h5:after {
height: 2px;
width: 100px;
bottom: -7px;
background: #ebc15d;
}
.default-video .play-icon:hover {
color: #ebc15d;
}
.default-container {
width: 100%;
min-height: 700px;
margin: 130px 0 75px;
position: relative;
}
.default-container .def-img-wrapper-1 {
top: 0;
left: 0;
height: auto;
max-width: 460px;
position: absolute;
}
.default-container .def-img-wrapper-2 {
top: 20px;
right: 0;
height: auto;
max-width: 375px;
position: absolute;
}
.default-container .def-img-wrapper-3 {
bottom: 0;
left: 215px;
height: auto;
max-width: 430px;
position: absolute;
}
.default-container .def-img-wrapper:before {
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.2);
}
.default-container .def-img1,
.default-container .def-img2,
.default-container .def-img3 {
width: 100%;
height: 100%;
}
@media screen and (max-width: 1199px) {
.default-container .def-img-wrapper-3 {
left: 0;
}
}
@media screen and (max-width: 991px) {
.default-container .def-img-wrapper {
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
margin: 0 auto;
position: relative;
}
.default-container {
text-align: center;
}
}
@media screen and (max-width: 767px){
.default-video .caption {
width: 300px;
height: 234px;
}
.default-video h1 {
font-size: 45px;
line-height: 60px;
}
.default-video .caption .title {
width: 410px;
}
.default-video .play-icon h5:before {
top: -65px;
height: 65px;
}
}
@media screen and (max-width: 500px) {
.default-container {
margin: 65px 0 50px;
}
.default-video .caption {
width: 100%;
height: 300px;
}
.default-video .caption .title {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.default-video h1 {
font-size: 32px;
line-height: 40px;
}
}
.content-area.white-border {
border-bottom: none;
height: 100% !important;
}
.show_border .content-area.white-border{
border: 35px solid #fff;
}
.show_border .base_footer_top.white-border {
border-left: 35px solid #fff;
border-right: 35px solid #fff;
}
@media screen and (max-width: 480px) {
.content-area.white-border {
border-bottom: none;
height: 100% !important;
}
.show_border .content-area.white-border{
border: 15px solid #fff;
}
.show_border .base_footer_top.white-border {
border-left: 15px solid #fff;
border-right: 15px solid #fff;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - HOME-2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-2 {
padding-top: 80px;
}
.video-block {
position: relative;
}
.play-iconn{
position: absolute;
z-index: 3;
left: 50%;
width: 90px;
height: 90px;
margin-left: -45px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
text-align: center;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
}
.play-icon span {
font-size: 34px;
line-height: 90px;
color: #fff;
margin-left: 3px;
}
.play-icon:hover {
color: #fff;
border-color: #e7c77e;
background: #e7c77e;
}
/*.play-icon.style-2{background:#dbba6e;border:9px solid #e7c77e;}*/
.play-icon.style-2 span{position:absolute;z-index:10;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition: all .2s ease-in-out;}
.play-icon.style-2:hover{border-width:0px;}
.left-block
{
position: relative;
display: inline-block;
float: left;
width: 50%;
margin-top: -80px;
-webkit-transform: translateX(15px);
-moz-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}
.left-block .video-block
{
width: 100%;
min-height: 376px;
}
.right-block {
display: inline-block;
float: left;
width: 50%;
padding: 83px 50px;
-webkit-transform: translateX(-15px);
-moz-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
background: #fff;
}
.right-block .but-style-1 h2 {
color: #1a1a1a;
}
.right-block .subtitle-bg {
display: inline-block;
margin-bottom: 20px;
}
.right-block p {
padding: 0 36px;
color: #838383;
}
.two-block-align .count {
top: auto;
bottom: 30px;
left: 15px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*04 - HOME-3 SLIDER 1-3*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.caption h2 {
color: #fff;
}
.swiper-3 {
padding: 80px 0;
}
.swiper-3 p {
padding: 0 100px;
}
.swiper-3 .caption {
text-align: center;
}
.swiper-3 .subtitle-bg {
display: inline-block;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
}
.home3-image {
position: relative;
width: 100%;
padding: 0 90px;
}
.home3-image img {
width: 100%;
height: auto;
}
.home3-image-wrapper:before {
top: 0;
right: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.1);
}
.home3-image h2 {
left: 50%;
top: -90px;
z-index: 2;
width: 550px;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.caption .home3-image .p-white p{
left: 50%;
z-index: 2;
bottom: -32px;
font-size: 30px;
font-weight: 900;
line-height: 50px;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
letter-spacing: -2.5px;
}
.home3-image .play-icon {
position: absolute;
top: 50%;
left: 50%;
content: "";
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.home3-img-wrapper {
position: relative;
}
.home3-img-wrapper .layer-ft.light {
background-color: rgba(0,0,0,0.2);
}
.full-screen-slider .swiper-arrow-right.arr-sw {
right: 50px;
}
.full-screen-slider .swiper-arrow-left.arr-sw {
left: 50px;
}
.full-screen-slider .swiper-arrow-right.arr-sw:hover {
right: 60px;
}
.full-screen-slider .swiper-arrow-left.arr-sw:hover {
left: 60px;
}
.full-screen-slider .left-count {
left: 135px;
}
.full-screen-slider .right-count {
right: 135px;
}
.full-screen-slider .home3-image .play-icon{
width: 90px;
border: 1px solid #fff;
border-radius: 50%;
height: 90px;
}
.full-screen-slider h2 span:before {
display: none;
}
@media screen and (max-width: 1400px) {
.swiper-3 {
padding: 180px 0 130px;
}
}
@media screen and (max-width: 991px) {
.full-screen-slider h2 {
font-size: 45px;
line-height: 55px;
top: 10px;
left: 0;
position: relative;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
width: 100%;
}
.caption .home3-image .p-white p {
position: relative;
left: 0;
bottom: 0;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.caption .home3-image .p-white p:before {
position: absolute;
content: "";
bottom: 0;
height: 3px;
width: 100%;
}
.swiper-3 {
padding: 80px 0;
}
.home3-image {
padding: 0 30px;
}
.full-screen-slider .arr-sw {
display: none;
}
.full-screen-slider .hidden-pag.pagination {
display: block;
bottom: 30px;
}
.count-new {display: none;}
.full-screen-slider .home3-image .play-icon {
width: 50px;
height: 50px;
}
.full-screen-slider .play-icon.style-2 span {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.full-screen-slider h2 {
font-size: 32px;
line-height: 40px;
}
.caption .home3-image .p-white p {
font-size: 18px;
line-height: 26px;
}
.home3-image .play-icon {
top: 43%;
}
}
@media screen and (max-width: 480px) {
.home3-image {
padding: 0 15px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - HOME-4 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.slide-wrap .video-block {
min-height: 340px;
}
@media screen and (max-width: 991px) {
.slide-wrap .video-block {
min-height: 200px;
}
}
@media screen and (max-width: 767px) {
.slide-wrap .video-block {
min-height: 200px;
}
}
@media screen and (max-width: 413px) {
.slide-wrap .video-block {
min-height: 170px;
}
}
.slide-numb {
font-size: 12px;
font-weight: 400;
line-height: 22px;
position: relative;
display: block;
padding-bottom: 10px;
text-align: left;
color: #fff;
}
.sub-title {
padding: 10px 0 20px;
}
.title {
position: relative;
display: block;
padding: 15px 0;
text-align: left;
}
.title h3 {
padding-bottom: 10px;
color: #222222;
}
.date {
display: block;
}
.date span {
color: #555555;
}
.swiper-4 .pagination {
bottom: 30px;
}
.swiper-4 .video-block .clip:before {
top: 0;
left: 150px;
z-index: 2;
width: 100%;
height: 100%;
content: "";
position: absolute;
background: rgba(255,255,255,0.1);
}
.home4-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
}
@media screen and (max-width: 991px) {
.four-video-slider h3 {
font-size: 30px;
line-height: 40px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------
/* 06 - HOME-5 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bottom-item
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.bottom-item .video-block
{
min-height: 200px;
}
.bottom-item .header-folow
{
right: 30px;
top: 17px;
}
.bottom-item .header-folow a {
font-size: 13px;
margin-right: 4px;
}
.col-50
{
position: relative;
display: inline-block;
float: left;
width: 50%;
}
.col-50:first-child
{
margin-top: -45px;
}
.col-33
{
position: relative;
display: inline-block;
float: left;
width: 33.3333%;
}
.bottom-item .title
{
min-height: 245px;
padding: 0;
color: #838383;
background: #fff;
}
.bottom-item .title h2
{
padding: 30px 50px 20px 50px;
letter-spacing: 6px;
color: #1a1a1a;
}
.bottom-item .title h4{
font-size: 9px;
letter-spacing: 2.7px;
}
.bottom-item .title p {
padding-left: 50px;
padding-right: 50px;
}
.top-bar
{
position: relative;
display: block;
float: none;
clear: both;
width: 100%;
padding-bottom: 50px;
}
.bottom-item .title .top-bar{
background: #f9f9f9;
padding: 24px 50px;
}
.swiper-5 {
/* margin-top: -150px;*/
text-align: center;
}
.bottom-item
{
font-size: 0;
}
.bottom-item .col-50
{
float: none;
vertical-align: bottom;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - HOME-6 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.prev-item {
position: relative;
display: block;
float: left;
width: 100%;
}
.bottom-links .prev-item {width: auto; float: none; display: inline-block;}
.prev-item img {
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.prev-item.active .layer-dark {
opacity: 0;
}
.prev-item.active img{
filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.swiper-6{
padding-top: 50px;
}
.swiper-6 .caption
{
max-width: 420px;
padding-left: 50px;
color: #fff;
}
.swiper-6 .caption p
{
text-align: left;
}
.swiper-6 .swiper-arrow-left,
.swiper-6 .swiper-arrow-right
{
top: 25px;
}
.swiper-6 .swiper-arrow-left
{
left: 50px;
}
.swiper-6 .swiper-arrow-right
{
left: 130px;
}
.testi-slider
{
position: absolute;
z-index: 5;
right: 0;
bottom: 160px;
max-width: 460px;
text-align: right;
color: #fff;
}
.testi-slider .swiper-container
{
right: 50px;
display: block;
}
.testi-slider .vertical-pag.pagination
{
z-index: 6;
right: 0;
left: auto;
}
.testi-block
{
position: relative;
padding-right: 35px;
}
.testi-block .quote
{
padding-bottom: 10px;
}
.testi-block p
{
font-size: 13px;
font-style: italic;
padding-left: 40px;
}
.testi-people
{
position: relative;
float: right;
padding-top: 20px;
}
.testi-people img
{
position: relative;
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.testi-people h4
{
position: relative;
display: inline-block;
vertical-align: middle;
letter-spacing: 2px;
}
.testi-people h4 span
{
color: #e7c77e;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - HOME-7 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.white-item
{
padding: 40px 0 0;
}
.white-item .play-icon
{
z-index: 5;
}
.white-item .title
{
padding: 30px 0 0;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
color: #1a1a1a;
}
.video-block
{
z-index: 2;
/* -webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); */
}
.white-item:hover .title
{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}
.white-item:hover .video-block
{
-webkit-transform: scale(1.16);
-moz-transform: scale(1.16);
-ms-transform: scale(1.16);
transform: scale(1.16);
filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.white-item:hover .layer-white
{
opacity: 0;
}
.caption.col-black
{
padding-top: 130px;
}
.caption.col-black h1
{
color: #1a1a1a;
}
.caption.col-black p
{
color: #838383;
}
.swiper-4.swiper-7
{
padding-top: 45px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.about-block {
position: relative;
display: inline-block;
width: 100%;
min-height: 510px;
}
.about-block .image {
position: relative;
float: left;
width: 49%;
height: 610px;
margin-top: 30px;
margin-left: 0px;
}
.about-block .image img {
margin-left: -70px;
}
.about-block-duble .title p {
padding: 42px 0 25px;
color: #ffffff;
}
.two-img-wr {position: relative;}
.two-img-wr .first {width: 100%; height: auto; display: block;}
.two-img-wr .second {position: absolute; left: 190px; bottom: -55px; max-width: 370px; z-index: -1;}
/*.two-img-wr .second-wrapper {position: relative;}
.two-img-wr .second-wrapper:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
}*/
.about-slide {padding-bottom: 55px;}
.about-block-duble .title h1 {
color: #ffffff;
text-align: left;
padding-right: 90px;
}
.about-page-wrapper .swiper-arrow-left {
left: 190px;
}
.about-page-wrapper .swiper-arrow-right {
right: 190px;
}
.about-page-wrapper .swiper-arrow-left:hover {
left: 180px;
}
.about-page-wrapper .swiper-arrow-right:hover {
right: 180px;
}
.about-page-wrapper .left-count {
left: 273px;
}
.about-page-wrapper .right-count{
right: 273px;
}
.about-block .bg.bg-bg-chrome.act {
background-attachment: scroll;
}
.arrows-about-page {
padding: 135px 0;
position: relative;
width: 100%;
}
.arrows-about-page .anime-slide {position: relative;width: 100%;}
.vertical-wrap {font-size: 0;}
.vertical-wrap > div[class*="col"] {display: inline-block; vertical-align: middle; position: relative; float: none; }
.about-block .title h1 {text-align: left;}
@media screen and (max-width: 1600px) {
.about-block .title {
padding-right: 0;
}
.about-page-wrapper .swiper-arrow-left {
left: 50px;
}
.about-page-wrapper .swiper-arrow-right {
right: 50px;
}
.about-page-wrapper .swiper-arrow-left:hover {
left: 40px;
}
.about-page-wrapper .swiper-arrow-right:hover {
right: 40px;
}
.arrows-about-page {
padding: 90px 0;
}
.about-page-wrapper .left-count {
left: 130px;
}
.about-page-wrapper .right-count{
right: 130px;
}
}
@media screen and (max-width: 991px) {
.about-block .image {
width: 75%;
}
.about-block .vertical-align {
position: relative;
}
.about-block .title, .about-block .image{
float: none;
}
.about-block .title h1 {
text-align: center;
font-size: 60px;
line-height: 70px;
}
.about-block .title {
width: 100%;
}
.about-block-duble .title p {
padding: 10px 15px;
}
.two-img-wr .first {
max-width: 500px;
margin: 0 auto;
}
.two-img-wr .second {
display: none;
}
.about-block-duble .title h1 {
padding-right: 0;
text-align: center;
}
.about-slide {
padding-bottom: 0;
}
.arrows-about-page {
padding-bottom: 55px;
}
}
@media screen and (max-width: 767px) {
.arrows-about-page .container {
padding-right: 15px !important;
padding-left: 15px !important;
}
.about-block-duble .title h1 {
font-size: 45px;
line-height: 55px;
}
.about-block-duble .title p {
padding: 20px 15px;
}
.two-img-wr .first {
max-width: 400px;
}
}
@media screen and (max-width: 480px) {
.about-block-duble .title h1 {
font-size: 32px;
line-height: 40px;
}
.about-block-duble .title p {
font-size: 14px;
line-height: 20px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - TEAM */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.team-wrap {position: relative; margin-bottom:10px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.team-wrap:last-child {margin-bottom:0;}
/*.team-wrap .image img {display: inline-block; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%) -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; padding-bottom: 3px;}*/
.team-wrap .title {text-align: left; color: #838383; padding: 0; overflow: hidden; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.team-wrap .title h4{color:#e7c77e;}
.team-wrap .header-folow {background: #f9f9f9; display: inline-block; width: 100%; padding: 15px 0px 15px 20px; position: relative; float: left;}
.button-wrapp {position: relative; width: 100%;}
.team-wrap .title p {font-size: 11px; line-height: 22px;}
.team-wrap .but-style-2 {width: 100%; margin-top: 20px; height: 50px; overflow: hidden; position: absolute; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.but-style-2:hover {background: #cac1a0; color: #fff;}
.team-wrap:hover .image img {}
.team-wrap:hover .but-style-2 {visibility: visible;}
.team-desc {padding: 40px 70px;}
.team-desc p {padding-bottom: 30px;}
.popup-slider .pagination {bottom: 35px;}
.team-desc h2 {padding-bottom: 20px; font-size: 26px; line-height: 30px;}
.team-desc h4{color:#e7c77e;}
.video-player .close-popup {width: 40px; height: 40px; background: #fff; right: 0px; top: 0px; font-size: 14px; color: #000; transform: rotate(0); -webkit-transform: rotate(0);-ms-transform: rotate(0); line-height: 40px;}
.video-player .close-popup:hover {background: #000;}
.video-wrapper {position: relative; width: 100%; height: 100vh; min-height: 650px;}
video.bgvid {
position: absolute;left: -6px;bottom: 0;min-width: 100%;min-height: 100%;height: auto;z-index: -100;background-size: cover;overflow: hidden;
}
.home-team-slider {
padding: 0 20px;
}
.team-wrap .title h4{
color: #fff;
font-weight: 900;
text-decoration: none;
margin-bottom: 0;
}
.team-wrap .title h5 {
margin-top: 0px;
margin-bottom: 0;
}
.team-slider .slide-wrap{
padding: 0px 20px;
}
.team-wrap .image {
padding: 0 1px;
position: relative;
}
.team-wrap .image:before {
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 80%;
position: absolute;
border: 3px solid #e1c37d;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
z-index: -1;
}
.team-wrap .image:hover:before {
border-color: rgba(0,0,0,0.4);
}
.team-wrap img {padding-bottom: 3px;}
.home-team-slider .page-team-title {
text-align: center;
margin-bottom: 60px;
}
.home-team-slider .page-team-title h1 {
margin-top: 20px;
display: inline-block;
}
.arrow-center .swiper-arrow-left {left: -1px;}
.arrow-center .swiper-arrow-right {right: -1px;}
.arrow-center .count-new {
font-size: 12px;
}
.home-team-slider .arrow-center .swiper-arrow-left:hover {
left: 9px;
}
.home-team-slider .arrow-center .swiper-arrow-right:hover {
right: 9px;
}
.team-slider {
margin-bottom: 15px;
}
@media screen and (max-width: 1400px) {
.home-team-slider {
padding: 130px 20px;
}
.nrg-prod-row-full-height {
min-height: 100% !important;
height: auto !important;
}
.main_bg_wrap {
height: 100% !important;
}
.full-screen-slider-in {
padding: 0;
}
.vc_row.vc_row-o-full-height .wpb_column, .vc_row {
min-height: 100% !important;
}
}
@media screen and (max-width: 991px) {
.home-team-slider {
padding: 80px 20px 20px;
}
.home-team-slider .hidden-pag {
display: block;
bottom: 30px;
}
.team-slider {
padding-bottom: 60px;
}
}
@media screen and (max-width: 480px) {
.home-team-slider {
padding: 60px 0 15px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - NEWS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.news-wrap
{
text-align: left;
/*color: #fff;*/
/* position: relative;*/
}
.news-slider .swiper-slide {
width: 1170px;
margin-bottom: 60px;
}
.blog-img-wrapper {
clear: both;
width: 100%;
max-height: 400px;
height: auto;
}
.blog-img-wrapper img {
max-width: 100%;
height: auto;
display: block;
}
.blog-txt-wrapper {
display: block;
margin: auto 0;
}
.post-date, .blog-txt-wrapper a {
color: #ebc15d;
font-size: 14px;
font-weight: bold;
line-height: 30px;
}
.blog-txt-wrapper a:hover {
color: rgba(0,0,0,0.4);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
}
.post-date {
padding: 5px 0;
}
.blog-txt-wrapper a {
padding: 20px 0;
position: relative;
}
.blog-txt-wrapper a:before {
top: 50%;
left: -75px;
content: '';
width: 65px;
height: 2px;
position: absolute;
background-color: #ebc15d;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-txt-wrapper a:hover:before {
background-color: rgba(0,0,0,0.4);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
}
.blog-txt-wrapper h3 {
color: #222222;
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
.blog-txt-wrapper a:hover h3 {color:#ebc15d;}
.blog-txt-wrapper p {
color: #999999;
padding-left: 4px;
letter-spacing: 1px;
}
.blog-wrapper {
padding: 0 ;
}
.post-blog-wrapper, .post-blog {
overflow: hidden;
}
.post-blog {
padding: 30px 10px;
border: 1px solid transparent;
}
.post-blog.sticky{
background-color: #f0f0f0;
border: 1px solid #ccc;
}
.blog-wrapper h1 {
color: #000;
margin-bottom: 30px;
display: inline-block;
}
.title-blog-wrapper {
text-align: center;
margin-top: 50px;
margin-bottom: 15px;
}
.news-wrap {
overflow: hidden;
}
.blog-main-wrapper {
padding: 180px 0 230px;
}
.single .blog-main-wrapper{
float: left;
}
.blog-img-wrapper .pagination {
bottom: 15px;
}
.post-gall-img {
width: inherit;
height: 100%;
}
.blog-main-wrapper .fa-play {
width: 90px;
height: 90px;
border: 1px solid #ddccaf;
border-radius: 50%;
}
.blog-main-wrapper .fa-play:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.blog-main-wrapper .play-icon.style-2:hover span {
background: #e7c77e;
border-color: transparent;
}
.blog-main-wrapper .play-icon.style-2 {
position: absolute;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
border-radius: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
@media screen and (max-width: 1200px) {
.blog-main-wrapper {
padding: 135px 0 130px;
}
}
@media screen and (max-width: 991px) {
.blog-img-wrapper {
text-align: center;
padding: 15px 0;
max-height: 100%;
}
.blog-img-wrapper img {
width: 100%;
height: 100%;
position: relative;
}
.blog-txt-wrapper a:before {
left: 125px;
}
.blog-h1-wrapper h1,
.single-h1-wrapper h1 {
font-size: 60px;
line-height: 70px;
margin-bottom: 0;
}
.post-blog {
padding: 15px 0;
}
.blog-txt-wrapper h3 {
font-size: 22px;
line-height: 30px;
}
}
@media screen and (max-width: 767px) {
.blog-h1-wrapper h1,
.single-h1-wrapper h1 {
font-size: 45px;
line-height: 55px;
margin-bottom: 0;
}
.blog-main-wrapper {
padding: 80px 0;
}
.blog-txt-wrapper a:before {
display: none;
}
.navigation a:before {
display: none;
}
}
@media screen and (max-width: 480px) {
.blog-wrapper .container {
padding: 0;
}
}
.blog-main-wrapper .navigation {
overflow: hidden;
margin-top: 40px;
position: relative;
}
.blog-main-wrapper .navigation a {
color: #ebc15d;
font-size: 14px;
line-height: 50px;
font-weight: bold;
}
.blog-main-wrapper .navigation a:hover {
color: #555555;
}
.blog-main-wrapper .navigation .prev-page {
float: left;
}
.blog-main-wrapper .navigation .next-page {
float: right;
}
.blog-main-wrapper .navigation .prev-page, .blog-main-wrapper .navigation .next-page {
position: relative;
}
.blog-main-wrapper .navigation .prev-page a {
position: relative;
}
.blog-main-wrapper .navigation .prev-page a:before,
.blog-main-wrapper .navigation .next-page a:before {
top: 50%;
content: '';
width: 65px;
height: 2px;
position: absolute;
background: #e1c37d;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-main-wrapper .navigation .prev-page a:before {
left: 95px;
}
.blog-main-wrapper .navigation .next-page a:before {
right: 95px;
}
.blog-main-wrapper .navigation .page-numbers {
width: 50px;
height: 50px;
border: 1px solid #d3d3d3;
display: inline-block;
color: #999999;
margin: 0 5px;
line-height: 50px;
text-align: center;
}
.blog-main-wrapper .navigation .page-numbers:hover { background: #ebc15d;
color: #fff;
border-color: #ebc15d;}
.blog-main-wrapper .navigation .page-numbers.current {
background: #ebc15d;
color: #fff;
border-color: #ebc15d;
}
.blog-main-wrapper .navigation .prev,.blog-main-wrapper .navigation .next {
display: none;
}
.blog-main-wrapper .navigation {
text-align: center;
}
.blog-main-wrapper .navigation .page-numbers-wrapper {
display: inline-block;
}
@media screen and (max-width: 991px) {
.blog-main-wrapper .navigation {
padding: 0 15px;
}
}
@media screen and (max-width: 414px) {
.navigation .prev-page, .navigation .next-page {
display: none;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#contact-page {
width: 1200px;
margin: 0 auto;
padding: 150px 0 185px;
}
#map-canvas {
width: 100%;
height: 440px;
}
#contact-page .vc_col-sm-12 .wpb_wrapper {
text-align: center;
}
#contact-page h1 {
margin-bottom: 57px;
display: inline-block;
font-weight: 900 !important;
font-family: 'Work Sans', sans-serif !important;
}
.wpcf7-form p {
color: #fff;
font-size: 14px;
line-height: 26px;
margin-bottom: 5px;
}
.wpcf7-form-control-wrap input::-webkit-input-placeholder {
color: #c5c5c5;
}
.wpcf7-form-control-wrap input:-moz-placeholder {
color: #c5c5c5;
}
.wpcf7-form-control-wrap input::-moz-placeholder {
color: #c5c5c5;
}
.wpcf7-form-control-wrap input:-ms-input-placeholder {
color: #c5c5c5;
}
.wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
color: #c5c5c5;
}
.wpcf7-form-control-wrap textarea:-moz-placeholder {
color: #c5c5c5;
}
.wpcf7-form-control-wrap textarea::-moz-placeholder {
color: #c5c5c5;
}
.wpcf7-form-control-wrap textarea:-ms-input-placeholder {
color: #c5c5c5;
}
@media screen and (max-width: 1230px) {
#contact-page{
width: 1170px;
}
}
@media (max-width: 1200px) {
#contact-page {
width: 970px;
}
}
@media (max-width: 991px) {
#contact-page {
width: 750px;
}
#contact-page .vc_col-sm-6 {
width: 100%;
}
}
@media (max-width: 767px) {
#contact-page {
width: 100%;
padding: 80px 15px
}
#contact-page h1 {
font-size: 60px;
}
.wpcf7-form .submit-wrapper {
float: none;
}
.wpcf7-form .submit-wrapper:before {
display: none;
}
}
@media (max-width: 480px) {
#contact-page {
padding: 50px 0;
}
#contact-page h1 {
font-size: 40px;
}
#map-canvas {
height: 300px;
}
}
/*OLD*/
.contact-form {
width: 100%;
color: #fff;
position: relative;
}
.contact-form input {
font-size: 12px;
line-height: 26px;
position: relative;
width: 100%;
margin-top: 25px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,.6);
}
.contact-form textarea {
font-size: 12px;
line-height: 26px;
position: relative;
width: 100%;
height: 75px;
margin-top: 25px;
border-bottom: 1px solid rgba(255,255,255,.6);
}
.contact-form input[type='submit'] {
font-size: 11px;
font-weight: 700;
line-height: 46px;
margin-top: 40px;
padding: 0;
text-align: center;
letter-spacing: 3px;
color: #fff;
border: 2px solid #fff;
}
.contact-form input[type='submit']:hover {
border-color: #e7c77e;
background: #e7c77e;
}
.hide-content {
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-ms-transition: all .6s ease-in;
transition: all .6s ease-in;
}
.video-pause {
cursor: pointer;
}
.close-full-video {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 40px;
position: fixed;
z-index: 500;
top: 0;
right: 0;
display: none;
width: 40px;
height: 40px;
cursor: pointer;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
text-align: center;
color: #e7c77e;
background: #fff;
}
.close-full-video:hover {
color: #fff;
background: #000;
}
.close-full-video.act {
display: block;
}
/*popup*/
.popup-main {
position: fixed;
top: 0;
left: 0;
display: none;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
}
.fancybox-wrap.fancybox-opened .popup-main {
display: block;
}
.fancybox-overlay-fixed {
background: rgba(0,0,0,.8);
}
.fancybox-skin {
position: absolute;
width: 100%!important;
height: 100%!important;
background: none;
box-shadow: none;
}
.fancybox-nav {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
transform: translateY(-50%);
color: #fff;
}
.fancybox-prev {
left: 15px;
}
.fancybox-prev:before {
font-family: 'FontAwesome';
font-size: 24px;
position: absolute;
content: '\f177';
color: #fff;
}
.fancybox-next {
right: 15px;
}
.fancybox-next:before {
font-family: 'FontAwesome';
font-size: 24px;
position: absolute;
content: '\f178';
color: #fff;
}
.fancybox-outer,
.fancybox-inner {
height: 100%;
}
.fancybox-close {
font-size: 14px;
line-height: 40px;
position: fixed;
top: 0;
right: 15px;
left: auto;
width: 40px;
height: 40px;
cursor: pointer;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
text-align: center;
color: #000;
background: #fff;
}
.fancybox-close:before {
font-family: 'FontAwesome';
font-size: 18px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '\f00d';
color: #222;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.fancybox-close:hover:before {
background: rgba(0,0,0,0.4);
}
@media screen and (max-width: 991px) {
.fancybox-close {
right: 0;
}
}
.vc_row {
margin-bottom: 0 !important;
}
.vc_row.vc_row-o-full-height .wpb_column {
min-height: 100vh;
}
.nrg-prod-row-full-height .wpb_column {
min-height: 100vh;
}
.vc_row-o-full-height .vc_row-full-height-fixer {
display: none!important;
}
.vc_col-sm-12 {
width: 100%;
}
@media screen and (min-width: 1700px) {
video.bgvid {
width: calc( 100% + 12px);
}
}
@media screen and (max-width: 1500px) {
.two-block-align .swiper-arrow-right
{
right: 90px;
}
.two-block-align .swiper-arrow-left {
left: 90px;
}
}
@media screen and (max-width: 1370px) {
.bottom-item .header-folow {
margin-left: -15px;
}
}
@media screen and (max-width: 1200px)
{
.bottom-item .header-folow{
position: static;
padding-bottom: 20px;
}
.news-wrap p
{
padding: 10px 5px 0 5px;
}
.news-wrap .title h3
{
font-size: 12px;
padding-bottom: 0;
}
.testi-slider
{
bottom: 120px;
}
.arrows-left .default-video
{
top: 0px;
margin-top:120px!important;
}
.swiper-6 .play-icon
{
top: 50%;
right: 30px;
left: auto;
margin-top: -35px;
}
.swiper-4.swiper-7
{
padding-top: 0;
}
.single-video-slider-wr .swiper-arrow-left
{
left: 90px;
}
.single-video-slider-wr .swiper-arrow-right
{
right: 90px;
}
.home-slider.fullheight .swiper-arrow-left,
.home-slider.fullheight .swiper-arrow-right{
right: 65px;
}
.home-slider.fullheight .swiper-arrow-left{
top: 50px;
}
.home-slider.fullheight .swiper-arrow-right{
top: 130px;
}
}
@media screen and (max-width: 991px)
{
body.show_border {
border-width: 30px;
}
.main-wrapper
{
height: auto;
}
.main_bg_wrap{
height: auto;
min-height: 700px;
}
.vc_row.wpb_row.vc_row-fluid {
width: auto;
display: block;
}
.vc_row.vc_row-o-full-height {
height: auto !important;
/* min-height: 700px!important;*/
}
.vc_row.vc_row-o-full-height .wpb_column {
/* min-height: 700px;*/
}
.vc_row-o-full-height .block .bottom-item {
bottom: 0;
position: absolute;
}
.nrg-prod-row-full-height .wpb_column
{
min-height: 700px;
}
.hide-content .wpb_row
{
margin-bottom: 0;
}
.soon-caption
{
right: -105px;
}
.swiper-arrow-right
{
right: 60px;
}
.swiper-arrow-left
{
left: 60px;
}
.nav-menu-icon
{
right: 30px;
}
.folow-left {
display: none;
}
nav > ul
{
padding: 60px 0;
}
nav ul li ul li a
{
padding: 8px 5px;
}
nav ul li ul
{
padding: 15px 0 0;
}
nav > ul > li
{
padding: 5px 0;
}
.right-block p
{
padding: 0;
}
.right-block
{
padding: 40px 15px;
}
.left-block
{
display: inline-block;
float: none;
width: 100%;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.right-block {
width: 100%;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.two-block-align .count {
bottom: -40px;
left: 0;
}
.logo-top {
left: 30px;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.bottom-item
{
position: relative;
display: inline-block;
float: none;
clear: both;
}
.bottom-item.bottom-item-testi
{
position: absolute;
}
.col-50
{
display: block;
float: none;
width: 100%;
}
.col-50:first-child
{
margin-top: 0;
}
.bottom-item .title {
min-height: initial;
}
.swiper-1 .caption p
{
padding: 0 15px;
}
.swiper-1
{
max-width: none;
padding-bottom: 160px;
}
.swiper-1 .hidden-pag.pagination
{
bottom: 60px;
display: block;
}
.swiper-3 .pagination
{
bottom: 60px;
}
.swiper-4 .pagination
{
bottom: 80px;
}
/* .swiper-4
{
padding-bottom: 120px;
}*/
.swiper-5
{
margin-top: 0;
padding: 160px 0;
}
.swiper-5 .vertical-pag.pagination
{
top: auto;
bottom: 60px;
left: 0;
width: 100%;
height: auto;
}
.swiper-5 .vertical-pag.pagination .swiper-pagination-switch
{
display: inline-block;
margin: 0 5px;
}
.swiper-6
{
padding-top: 50px;
}
.swiper-6 .caption
{
max-width: 50%;
padding-left: 30px;
}
.swiper-6 .swiper-arrow-left
{
left: 35px;
}
.swiper-7 .swiper-arrow-right
{
right: 30px;
margin-top: -100px;
}
.swiper-7 .swiper-arrow-left
{
left: 30px;
margin-top: -100px;
}
.header-folow.folow-right
{
top: 25px;
}
.testi-slider
{
max-width: none;
}
.testi-slider .swiper-container
{
right: 30px;
}
.white-item .title
{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}
.white-item .video-block
{
filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.white-item:hover .video-block
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.white-item .video-block .layer-white
{
opacity: 0;
}
.about-block .image
{
margin-left: 0;
}
.about-block .title
{
padding: 0 20px;
}
.team-wrap:hover .but-style-2
{
visibility: visible;
}
.block
{
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
.block .default-video,
.block .one-video-slider,
.block .four-video-slider,
.three-video-slider,
.block .single-video-slider,
.anime-slide,
.home-team-slider,
.contact-slide
{
position: relative;
top: auto;
display: block;
width: 100%;
}
.three-video-slider,
.anime-slide,
.home-team-slider,
.contact-slide
{
margin-top:0px!important;
}
.block .testi-slider
{
position: relative;
right: auto;
bottom: auto;
left: auto;
display: block;
float: right;
width: 50%;
}
.block .bottom-item
{
position: relative;
bottom: auto;
display: block;
clear: none;
width: 100%;
padding-top: 8px;
}
.block .home-slider.single-video-slider
{
padding-right: 30px;
padding-left: 30px;
}
.home-slider.anime-slide
{
padding-right: 30px;
padding-left: 30px;
}
.one-video-slider .caption h1
{
font-size: 30px;
line-height: 35px;
}
.two-block-align.vertical-align
{
position: relative;
top: 0;
padding: 100px 80px 80px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.single-video-slider-wr .arr-sw {
display: none;
}
.news-slider {
margin-top: 40px;
padding: 0 0 160px;
}
.news-slider .pagination {
bottom: 100px;
display: block;
}
.arrow-center .arr-sw {
display: none;
}
.contact-form {
padding: 100px 0 160px;
}
.nrg-prod-row-full-height .vc_row-full-height-fixer {
display: none;
}
.main-wrapper.active .bg-wrapp .clip.active {
height: 100vh;
}
.main-wrapper.active .video-wrapper {
height: 100vh;
}
.main-wrapper.active .bg-wrapp .clip.active .layer-dark {
z-index: 6000;
}
}
@media screen and (max-width: 767px)
{
body.show_border {
border-width: 15px;
}
.count
{
padding: 0 0 0 10px;
}
.swiper-arrow-right
{
display: none;
}
.swiper-arrow-left
{
display: none;
}
.swiper-6 .swiper-arrow-right
{
display: block;
}
.swiper-6 .swiper-arrow-left
{
display: block;
}
.swiper-1
{
padding-bottom: 120px;
}
.swiper-2
{
padding-bottom: 60px;
}
/* .swiper-3
{
padding-bottom: 60px;
}
*/ .hidden-pag.pagination
{
bottom: 0;
/* display: block; */
}
.swiper-6 .hidden-pag.pagination
{
display: none;
}
.but-style-1
{
padding: 3px 8px;
}
.but-style-1 h2
{
font-size: 16px;
}
.left-block .video-block
{
min-height: 220px;
}
.two-block-align .count
{
bottom: 0;
}
.right-block
{
padding: 20px 0;
}
.swiper-3 .play-icon
{
margin-top: 15px;
}
.swiper-3 p
{
padding: 0 15px;
}
.bottom-item .title
{
padding: 0 20px;
}
.header-folow.folow-right
{
position: absolute;
top: 65px;
right: auto;
left: 17px;
float: left;
margin: 0;
}
.swiper-6 .caption
{
max-width: 100%;
padding: 0 30px;
}
.swiper-6 .swiper-arrow-left
{
left: 30px;
}
.swiper-6 .caption p
{
width: 100%;
}
.swiper-6 .play-icon
{
position: relative;
left: 50%;
/* margin: 0px auto; */ margin-top: 40px;;
}
.testi-slider .swiper-container .swiper-slide
{
padding: 0 30px;
}
.testi-block
{
padding-right: 0;
padding-left: 30px;
}
.testi-block p
{
padding-left: 0;
}
.folow-bottom
{
/* bottom: 15px; */
display: none;
}
/* .about-slide .pagination {
bottom: 60px;
}*/
.block .testi-slider
{
width: 100%;
margin-bottom: 100px;
padding-top: 0;
}
.bottom-item .title .top-bar{
padding: 24px 30px;
}
.bottom-item .header-folow{
}
.bottom-item .header-folow a{
width: 24px;
height: 24px;
margin-top: 2px;
}
/*NEW*/
.page-team-title h1 {
font-size: 50px;
line-height: 50px;
}
.home-slider.arrow-center.home-team-slider {
padding: 60px 30px;
}
.home-team-slider .page-team-title {
margin-bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.logo-left {
left: 30px;
-webkit-transform: translateY(0) rotate(0deg);
-moz-transform: translateY(0) rotate(0deg);
-ms-transform: translateY(0) rotate(0deg);
transform: translateY(0) rotate(0deg);
}
.folow-left {
top: 60px;
left: 30px;
}
.logo img {
width: 80%;
}
.soon-caption {
display: none;
}
.caption-img {
margin-bottom: 10px;
}
nav ul li a {
width: auto;
padding: 8px 12px;
}
.base_footer {
padding: 30px 0 35px;
}
.block-wrapp {
padding: 0 15px;
}
.col-33 {
width: 100%;
}
.vertical-pag.pagination {
left: 20px;
}
.caption.col-black {
padding-top: 0;
}
.two-block-align.vertical-align {
padding: 100px 30px 40px;
}
.but-style-1 h2 {
font-size: 14px;
line-height: 20px;
}
.video-wrapper {
height: 100%;
min-height: 700px;
}
.video-iframe {
top: 50px;
right: 15px;
bottom: 50px;
left: 15px;
}
.subtitle-bg h5 {
letter-spacing: 1px;
line-height: normal;
}
/*NEW*/
.page-team-title h1 {
font-size: 40px;
line-height: 1;
}
.home-slider.arrow-center.home-team-slider {
padding: 50px 0;
}
}
@media screen and (max-width: 320px)
{
.date h4
{
font-size: 9px;
line-height: 16px;
}
.subtitle-bg
{
padding: 5px;
}
.testi-slider
{
bottom: 100px;
}
}
@media screen and (max-height: 768px)
{
.caption.col-black
{
padding-top: 80px;
}
}
/* FOR WP */
.logged-in .close-full-video
{
top: 32px;
}
.logged-in .main-wrapper.active
{
top: 32px;
}
.hide-content > *,
.hide-content .block
{
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-ms-transition: all .6s ease-in;
transition: all .6s ease-in;
}
.hide-content .block
{
opacity: 1;
}
.hide-content.act .block,
.hide-content.act .logo-top,
.hide-content.act .header-folow,
.hide-content.act .nav-menu-icon
{
opacity: 0;
}
.hide-content.act .logo-top
{
opacity: 0;
}
.hide-content.act .vc_row .bg-wrapp
{
opacity: 1;
}
.hide-content.act video.bgvid,
.close-full-video
{
opacity: 1;
}
.testi-block:before {
display: inline-block;
width: 24px;
height: 22px;
padding-bottom: 10px;
content: '';
background: url('../img/quote.png') no-repeat;
}
/*.swiper-arrow-left {
left: 190px;
}
.swiper-arrow-right {
right: 190px;
}*/
.testi-people img {
border-radius: 50%;
}
.no_video_in_portfolio_item {
font-size: 13px;
line-height: 35px;
display: block;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
}
.swiper-4 .pagination {
bottom: 10px;
}
.news-wrap .open_detail {
display: block;
height: 100%;
}
/*.blog_arrow {
position: fixed !important;
position: absolute;
top: 50%;
width: 40px;
height: 40px;
cursor: pointer;
transform: translateY(-50%);
color: #fff;
}
.blog_arrow-prev {
left: 15px;
}
.blog_arrow-prev:before {
font-family: 'FontAwesome';
font-size: 24px;
position: absolute;
content: '\f177';
color: #fff;
}
.blog_arrow-next {
right: 15px;
}
.blog_arrow-next:before {
font-family: 'FontAwesome';
font-size: 24px;
position: absolute;
content: '\f178';
color: #fff;
}*/
.fancybox-wrap
{
position: fixed !important;
}
.comments a
{
text-decoration: underline;
color: #404040;
}
.comments input[type='text'],
.comments input[type='email'],
.comments input[type='url'],
.comments input[type='password'],
.comments input[type='search'],
.comments button,
input[type='button'],
.comments input[type='reset'],
.comments input[type='submit'],
.comments textarea
{
border-radius: 0;
}
.comment-list
{
margin-left: 0;
list-style: none;
}
.team-desc
{
padding: 40px 70px 0;
}
.team-desc p
{
margin-bottom: 30px;
}
.team-desc .title
{
padding-bottom: 0;
}
.comment-respond label
{
display: block;
}
.comment-entry
{
clear: both;
}
.comment-entry .comment-entry,
.comment-entry .comment-respond
{
padding-left: 20px;
}
.comment-list .left.no-padding.ava
{
float: left;
margin-right: 20px;
}
.comment-entry .right
{
overflow: hidden;
}
.comment-entry p
{
margin-bottom: 15px;
}
.comment-entry .alert
{
margin-bottom: 10px;
padding-bottom: 0;
}
.comments .category
{
font-size: 12px;
font-weight: 300;
line-height: 26px;
}
.admin-bar .fancybox-close
{
top: 32px;
}
.vc_row {
position: relative;
/*height: 100vh;*/
}
.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'],
.wpcf7-form input[type='url'],
.wpcf7-form input[type='password'],
.wpcf7-form input[type='search'],
.wpcf7-form textarea
{
color: #fff;
border: 0;
border-bottom: 1px solid rgba(255,255,255,.6);
border-radius: 0;
}
.wpcf7 {
margin-top: 30px !important;
}
.wpcf7-form {
position: relative;
width: 100%;
/*height: 100vh;*/
color: #fff;
}
.wpcf7-form .contact-form {
height: auto;
}
.wpcf7-form input {
width: 100%;
font-size: 14px;
margin-top: 25px;
line-height: 26px;
position: relative;
padding-bottom: 10px;
}
.wpcf7-form textarea {
width: 100%;
height: 80px;
font-size: 14px;
line-height: 26px;
position: relative;
margin-top: 25px;
resize: none;
border-bottom: 1px solid rgba(255,255,255,.6);
}
.wpcf7-form input[type='submit'] {
padding: 5px 0;
color: #ebc15d;
font-size: 14px;
font-weight: 700;
line-height: 30px;
text-align: right;
letter-spacing: 0.4px;
background: none;
box-shadow: none;
position: relative;
width: 100%;
margin-top: 0;
}
.wpcf7-form .submit-wrapper {text-align: right; position: relative; float: right; display: inline-block;}
.wpcf7-form .submit-wrapper:before {
top: 50%;
content: '';
left: -80px;
width: 65px;
height: 2px;
position: absolute;
background: #ebc15d;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
span.wpcf7-not-valid-tip {
font-weight: bold;
}
.wpcf7-response-output {
left: 0 !important;
position: relative !important;
-webkit-transform: translateX(0%) !important;
-moz-transform: translateX(0%) !important;
-ms-transform: translateX(0%) !important;
transform: translateX(0%) !important;
}
.wpcf7-form input[type='submit']:hover {
color: #fff;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.wpcf7-form .submit-wrapper{
float: none !important;
}
.wpcf7-form .submit-wrapper:before {
display: none;
}
}
.wpcf7-form input[type='text']:focus,
.wpcf7-form input[type='email']:focus,
.wpcf7-form input[type='url']:focus,
.wpcf7-form input[type='password']:focus,
.wpcf7-form input[type='search']:focus,
.wpcf7-form textarea:focus
{
color: #fff;
}
div.wpcf7 img.ajax-loader {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/*Sidebar*/
.widget-title
{
font-size: 16px;
padding-bottom: 10px;
}
#tertiary
{
position: fixed;
z-index: 5000;
top: 0;
right: -320px;
overflow: hidden;
box-sizing: border-box;
width: 320px;
height: 100%;
background: #2a2a2a;
}
#tertiary .widget-area
{
position: absolute;
overflow-x: hidden;
overflow-y: scroll;
box-sizing: border-box;
width: 338px;
height: 100%;
padding: 20px 43px 30px 15px;
color: #fff;
}
#tertiary .widget
{
margin-bottom: 20px;
color: #fff;
}
#tertiary ul
{
margin: 0;
padding: 0;
list-style-position: inside;
color: #fff;
}
#tertiary li,
#tertiary a
{
font-size: 13px;
line-height: 22px;
color: #fff;
}
#tertiary li a
{
margin-left: 0;
/* text-decoration: underline; */
}
#tertiary li a:hover{
text-decoration: underline;
}
#wp-calendar{
width: 100%;
}
#wp-calendar a{
color: #000;
background: #fff;
padding: 5px;
}
#tertiary .wp-caption{
padding: 10px;
border: 1px solid #fff;
}
#tertiary img,
#tertiary iframe
{
max-width: 100%;
height: auto;
}
.show-sidebar.show-out
{
position: fixed;
z-index: 5000;
top: 50%;
right: 0;
cursor: pointer;
transform: translateY(-50%);
background: #2a2a2a;
}
.show-sidebar.show-in
{
display: none;
margin-bottom: 20px;
text-align: right;
}
.show-sidebar.show-out i
{
font-size: 1.5em;
padding: 23px;
color: #fff;
}
.widget_calendar caption
{
padding-bottom: 10px;
color: #fff;
}
.widget_calendar th,
.widget_calendar td
{
padding: 5px;
text-align: center;
color: #fff;
border: 1px solid #fff;
}
.widget select
{
display: block;
width: 100%;
max-width: 100%;
padding: 5px;
margin-top: 10px;
border: 1px solid #fff;
background: #fff;
color: #000;
}
.widget_rss li
{
padding-bottom: 20px;
list-style: none;
}
.rss-date
{
font-size: 12px;
display: block;
}
.widget .search-field
{
color: #fff;
width: 100%;
border: 1px solid #fff;
padding: 5px;
margin-top: 10px;
}
.main-wrapper{
overflow: hidden;
}
/*.page-template-default .main-wrapper{
padding-bottom: 120px;
}*/
.search-header
{
color: #3C3C3C;
border: 0;
text-align: center;
border: 0;
margin: 0 0 10px;
}
.popup-main.no_vc .popup
{
margin: 100px 0 0;
padding: 0 30px 50px;
}
.popup-main.no_vc .popup .entry-title
{
padding-top: 30px;
padding-bottom: 0;
color: #3c3c3c;
}
.popup-main.no_vc .popup .comments-area
{
padding-top: 30px;
}
.sub-menu
{
padding-top: 0;
}
.hide-content .sub-menu{
max-height: 0;
-webkit-transition: max-height 0.5s ease-out;
-moz-transition: max-height 0.5s ease-out;
-ms-transition: max-height 0.5s ease-out;
transition: max-height 0.5s ease-out;
overflow: hidden;
height: 100%;
}
.hide-content li{
list-style: none;
}
nav ul li.menu-item a,
nav ul li.menu-item a:link,
nav ul li.menu-item a:visited,
.menu-item a
{
position: relative;
width: auto;
outline: none;
}
nav ul.sub-menu li.menu-item a,
nav ul.sub-menu li.menu-item a:link{
width: auto;
padding-right: 10px;
padding-left: 10px;
}
.menu-item .item_arrow {
position: absolute;
top: 50%;
right: -20%;
display: none;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
font-size: 14px;
}
nav .menu-item-has-children > a{
margin-left: -10px;
}
.menu-item-has-children > a .item_arrow {
right: -20px;
display: inline-block;
padding-left: 10px;
}
.sub-menu.active {
max-height: 500px;
transition: max-height 0.5s ease-in;
}
nav #top-menu .current-menu-item a, nav #top-menu .current-menu-parent a,
.classic-menu nav #top-menu .current-menu-item a,
.classic-menu nav #top-menu .current-menu-parent a,
nav #top-menu-2 .current-menu-item a, nav #top-menu-2 .current-menu-parent a,
.classic-menu nav #top-menu-2 .current-menu-item a,
.classic-menu nav #top-menu-2 .current-menu-parent a,
nav #top-menu-main .current-menu-item a, nav #top-menu-main .current-menu-parent a,
.classic-menu nav #top-menu-main .current-menu-item a,
.classic-menu nav #top-menu-main .current-menu-parent a {
color: #cabb7a;
}
nav #top-menu .sub-menu a, nav #top-menu-2 .sub-menu a, nav #top-menu-main .sub-menu a {
color: #fff;
}
.classic-menu nav #top-menu .sub-menu a, .classic-menu nav #top-menu-2 .sub-menu a, .classic-menu nav #top-menu-main .sub-menu a {
color: #777777;
}
nav #top-menu .current-menu-parent .sub-menu .current-menu-item a,
.classic-menu nav #top-menu .current-menu-parent .sub-menu .current-menu-item a,
nav #top-menu-2 .current-menu-parent .sub-menu .current-menu-item a,
.classic-menu nav #top-menu-2 .current-menu-parent .sub-menu .current-menu-item a ,
nav #top-menu-main .current-menu-parent .sub-menu .current-menu-item a,
.classic-menu nav #top-menu-main .current-menu-parent .sub-menu .current-menu-item a {
color: #cabb7a !important;
}
@media screen and (max-width: 991px)
{
.bg-wrapp
{
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: auto;
min-height: 700px;
}
.vc_row
{
height: auto;
min-height: 700px;
}
}
.wpcf7-response-output {
position: absolute;
top: 8%;
left: 50%;
width: auto;
transform: translateX(-50%);
margin: 0 !important;
margin-top: 60px !important;
}
@media screen and (max-width:1200px) and (max-height: 768px){
.testi-slider {
bottom: 140px;
}
.bottom-item {
bottom: 30px;
}
}
@media screen and (height: 1600px){
.testi-slider{
bottom: 330px;
}
}
@media screen and (max-width:768px) and (max-height: 1200px)
{
.testi-slider
{
bottom: 140px;
}
.block .bottom-item
{
bottom: 0;
padding-bottom: 0;
}
.block .testi-slider
{
top: 0;
}
}
@media screen and (max-width: 830px)
{
.footer-list ul,
.link-lists
{
margin: 0;
padding: 0;
}
}
.search-no-results .page-title{
padding: 20px 0 0;
}
.search-no-results .search-field{
padding: 10px;
border: 1px solid #3C3C3C;
}
.search-no-results .search-field:focus,
.search-no-results .search-field:hover{
border: 1px solid #fff;
}
.search-no-results .search-form{
padding: 10px 0;
}
.search-no-results .page-content p{
font-size: 16px;
}
.search-no-results .search-submit{
padding: 10px;
border: 1px solid #3C3C3C;
background: #3C3C3C;
color: #fff;
margin-left: 5px;
}
.search-no-results .search-submit:hover{
background: #fff;
color: #3C3C3C;
border-color: #fff;
}
.team-desc .comment-list h2{
padding-bottom: 0;
}
.team-desc .comment-list h1{
margin: 0;
}
.simple-text .comment-list{
margin-left: 0;
}
.comment-entry .date{
font-style: italic;
font-size: 12px;
font-weight: 700;
padding-bottom: 0;
margin-bottom: 0;
}
.anime-slide .container{
padding-right: 0px;
padding-left: 0px;
}
.no-results .page-content {
text-align: center;
padding: 0 30px;
}
/* For ajax loader */
body.admin-bar.show_border nav {
top: 30px;
}
.no-results.not-found {
position: relative !important;
top: 100px;
padding-left: 0px !important;
width: 100% !important;
}
.no-results.not-found .page-header {
border: 0;
padding: 30px;
}
.other_page_class .arrows {
height: auto !important;
}
.other_page_class .home-slider{
top: 0;
left: 16%;
}
.search .other_page_class .home-slider{
left: 0;
}
.no-results.not-found{
top: 0!important;
}
.no-results.not-found .page-header{
text-align: center;
}
@media screen and (max-width: 767px) {
.no-results .page-content p{
font-size: 14px;
}
.no-results.not-found .page-header h1 {
font-size: 45px;
line-height: 55px;
}
}
@media screen and (max-width: 480px) {
.no-results.not-found .page-header h1 {
font-size: 32px;
line-height: 40px;
}
}
/*------Home 1.5-- single-video-slider----*/
.single-video-slider {
padding: 105px 0;
}
.single-video-slider h1 {
border-bottom: none;
line-height: 90px;
}
.single-video-slider h1 span:nth-child(2):before,
.single-video-slider h1 span:nth-child(6):before,
.single-video-slider h1 span:nth-child(7):before {
background: transparent;
}
.single-video-slider .vertical-align {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-video-slider .but-style-1:before {
width: 30px;
height: 30px;
right: -55px;
top: -100px;
}
.soon-caption {
display: none;
}
.single-video-slider-wr .single-video-slider-arrow.swiper-arrow-left.arr-sw {
left: 215px !important;
transition: all 0.4s;
}
.single-video-slider-wr .single-video-slider-arrow.swiper-arrow-left.arr-sw:hover {
left: 205px !important;
}
.single-video-slider-wr .single-video-slider-arrow.swiper-arrow-right.arr-sw {
left: 330px !important;
transition: all 0.4s;
}
.single-video-slider-wr .single-video-slider-arrow.swiper-arrow-right.arr-sw:hover {
left: 340px !important;
}
.single-video-slider .watch {
font-size: 14px;
line-height: 30px;
position: absolute;
top: -114px;
right: 63px;
}
.single-video-slider .watch:before {
position: absolute;
content: "";
top: 50%;
left: -130px;
width: 65px;
height: 1px;
background-color: #fff;
}
.single-video-slider .cap-wr {
position: relative;
padding: 70px 1px;
}
.single-video-slider .block-wrapp {
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.offset-left-item {
position: relative;
width: 100%;
padding-left: 320px;
height: inherit;
}
.single-video-slider .count-new {
top: 50%;
left: 265px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.single-video-text-wr {
position: absolute;
top: 50%;
left: 380px;
width: 770px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 2;
}
@media screen and (max-width: 1400px) {
.single-video-slider-wr .single-video-slider-arrow.swiper-arrow-left.arr-sw {
left: 40px !important;
transition: all 0.4s;
}
.single-video-slider-wr .single-video-slider-arrow.swiper-arrow-left.arr-sw:hover {
left: 50px !important;
}
.single-video-slider-wr .single-video-slider-arrow.swiper-arrow-right.arr-sw {
left: 155px !important;
transition: all 0.4s;
}
.single-video-slider-wr .single-video-slider-arrow.swiper-arrow-right.arr-sw:hover {
left: 165px !important;
}
.single-video-slider .count-new {
left: 90px;
}
}
@media screen and (max-width: 1200px) {
.offset-left-item {
padding-left: 120px;
}
.single-video-text-wr {
left: 150px;
}
.swiper-1 .subtitle-bg .line {
width: 65px;
left: -65px;
}
.single-video-slider .but-style-1:before {
right: 0;
}
.single-video-slider .watch {
right: 120px;
}
.single-video-slider .watch:before {
left: -70px;
}
}
@media screen and (max-width: 991px) {
.single-video-text-wr h1 {
font-size: 50px;
line-height: 60px;
}
.single-video-text-wr {
left: 0;
width: 100%;
padding: 0 15px;
position: relative;
text-align: center;
}
.single-video-slider {
padding: 80px 0 40px;
}
.single-video-slider .swiper-1 {
padding-bottom: 100px;
}
.offset-left-item {
padding-left: 0;
}
.single-video-slider .swiper-1 .caption {
left: 50px;
right: 50px;
width: auto;
}
.single-video-slider .swiper-1 h1 {
text-align: center;
}
.single-video-slider .swiper-1 .caption-img {
max-width: 100%;
}
.single-video-slider .swiper-1 .subtitle-bg {
text-align: center;
}
.single-video-slider .swiper-1 .subtitle-bg .line {
display: none;
}
.single-video-slider .watch {
right: auto;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.single-video-slider .watch:before {
display: none;
}
.single-video-slider .but-style-1:before {
right: 50%;
}
}
@media screen and (max-width: 767px) {
.single-video-text-wr h1 {
font-size: 32px;
line-height: 40px;
}
}
@media screen and (max-width: 480px){
.single-video-slider .swiper-1 .caption {
left: 5px;
right: 5px;
}
.single-video-slider .swiper-1 .subtitle-bg {
display: none;
}
.single-video-slider .watch {
display: none;
}
.single-video-slider .but-style-1:before {
top: 210px;
transform: translateX(50%);
}
.single-video-slider .cap-wr {
padding: 50px 0;
}
}
/*------------------------
/*--------Home 1.7-------*/
/*------THREE VIDEO SLIDER------*/
.four-video-slider {
padding: 0 25px;
}
.four-video-slider .vertical-align {
top: 50%;
left: 50%;
z-index: 3;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.four-video-slider .swiper-4 .video-block .clip:before{
left: 0;
}
.four-video-slider .play-icon.style-2 span {
z-index: 3;
}
.four-video-slider .bg.bg-bg-chrome.act {
background-attachment: scroll;
}
.four-video-slider .clip {
overflow: hidden;
width: 100%;
height: 340px;
position: relative;
}
.four-video-slider .slide-wrap {
padding: 0 25px;
}
.four-video-slider .play-icon {
width: 90px;
height: 90px;
border: 1px solid #9c897d;
border-radius: 50%;
}
.four-video-slider .video-block .clip:before {
top: 0;
z-index: 2;
width: 100%;
height: 100%;
content: "";
position: absolute;
background: rgba(0,0,0,0.2) !important;
}
.four-video-slider .sub-title {
padding: 10px 0;
}
.four-video-slider .title {
padding: 0;
}
.four-video-slider .pagination {
bottom: 0 !important;
}
.four-video-slider .swiper-pagination-switch {
border: 1px solid rgba(0,0,0,.6);
}
.four-video-slider h3 span:before{
background: #3c3c3c;
}
@media screen and (max-width: 1400px) {
.four-video-slider {
padding: 130px 25px ;
}
}
@media screen and (max-width: 1200px) {
.four-video-slider h3 {
font-size: 32px;
line-height: 40px;
}
.four-video-slider .slide-wrap .video-block {
min-height: auto;
}
.four-video-slider .clip {
height: 250px;
}
}
@media screen and (max-width: 991px) {
.four-video-slider .slide-wrap {
padding: 0 15px;
}
.four-video-slider {
padding: 90px 25px 70px;
}
}
@media screen and (max-width: 767px) {
.four-video-slider .clip {
height: 350px;
}
}
@media screen and (max-width: 480px) {
.four-video-slider .clip {
height: 250px;
}
.four-video-slider {
padding: 80px 0 60px;
}
}
/*------------------------*/
/*------BASE FOOTER------*/
.base_footer.rs-hide-foot {
display: none;
}
.base_footer {
width: 100%;
background: #fff;
text-align: center;
position: relative;
padding: 0;
}
.base_footer_top {
height: 70px;
padding: 20px 0;
position: relative;
background-color: #ebc15d;
}
.base_footer_bottom {
padding-bottom: 45px;
position: relative;
}
.footer_img_wrapper {
position: relative;
width: 100%;
height: 100%;
}
.layer-ft {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
}
.bg-bg.dark-color .layer-ft {
background-color: rgba(0,0,0,0);
}
.layer-ft.light {
background-color: rgba(0,0,0,0.1);
}
.link-lists li {
float: none;
color: #ffffff;
margin: 0 22px;
font-size: 13px;
line-height: 30px;
display: inline-block;
letter-spacing: 0.5px;
font-weight: normal;
}
.short-footer .link-lists li {
font-size: 12px;
margin: 0 19px;
}
.base_footer_top .link-lists li:hover a {
color: #555555;
}
.base_footer_top .link-lists li.active a {
color: #555555;
}
.footer-list ul {
width: 100%;
font-weight: 400;
position: relative;
padding-top: 40px;
padding-bottom: 20px;
display: inline-block;
font-family: 'Work Sans', sans-serif;
}
.footer-list li {
float: none;
font-size: 11px;
line-height: 30px;
position: relative;
margin: 0 5px;
display: inline-block;
}
.footer-list li span {
font-size: 14px;
font-weight: 900;
line-height: 30px;
margin-left: 10px;
}
.footer-main-container {
width: 100%;
float: left;
padding-top: 35px;
position: relative;
}
.copyright {
font-size: 12px;
line-height: 30px;
letter-spacing: 0.5px;
}
.copyright a {
font-weight: 900;
}
.copyright a:hover {
color: #ebc15d;
}
.base_footer .folow-bottom {
width: 100%;
float: left;
padding-top: 15px;
text-align: center;
}
.base_footer .header-folow {
position: relative;
}
.base_footer .header-folow a {
background-color: #82a541;
}
.base_footer .header-folow a:hover {
color: #999999;
border-color: #82a541;
}
.base_footer .folow-bottom a:last-child {
margin-right: 0;
}
.base_footer .container.light-color {
color: #f4efea !important;
}
.base_footer .container.dark-color .footer-list li{
color: #999999;
}
.base_footer .container.dark-color .footer-list li span {
color: #555555;
}
.base_footer .container.dark-color .copyright{
color: #777777;
}
@media screen and (max-width: 768px) {
.base_footer .folow-bottom {
display: block;
}
.base_footer_top {
height: auto;
}
.base_footer_top #footer-menu li, .base_footer_top #footer-menu-2 li {
display: block;
}
.base_footer_bottom img {
width: auto;
}
}
/*-------------------------*/
/*------SHORT FOOTER-------*/
.single .short-footer{
position: static;
}
.short-footer {
left: 0;
bottom: 0;
width: 100%;
height: auto;
position: absolute;
text-align: center;
}
.short-footer .copyright {
left: 30px;
bottom: 30px;
position: absolute;
display: inline-block;
letter-spacing: -0.2px;
}
.short-footer #footer-menu, .short-footer #footer-menu-2{
padding-bottom: 30px;
margin-bottom: 0;
}
.short-footer #footer-menu li:hover, .short-footer #footer-menu-2 li:hover{
color: #ebc15d;
}
.short-footer .folow-bottom {
right: 30px;
bottom: 30px;
text-align: center;
}
.short-footer .folow-bottom a:last-child {
margin-right: 0;
}
.short-footer.light-color .copyright a, .short-footer.light-color .link-lists li,
.short-footer.light-color .header-folow a, .short-footer.light-color .copyright {
color: #d2d1ce;
}
.short-footer.dark-color .copyright a, .short-footer.dark-color .link-lists li,
.short-footer.dark-color .header-folow a{
color: #555555;
}
.short-footer.dark-color{
}
.short-footer.dark-color .header-folow a:hover {
color: #ebc15d;
}
.short-footer.dark-color .copyright{
color: #777777;
}
@media screen and (max-width: 1500px) {
.short-footer {
padding: 10px 0;
position: relative;
}
.short-footer #footer-menu, .short-footer #footer-menu-2 {
padding: 10px 0;
}
.short-footer .folow-bottom {
right: 0;
bottom: 0;
padding: 10px;
position: relative;
display: inline-block;
}
.short-footer .copyright {
left: 0;
bottom: 0;
padding: 10px;
line-height: 34px;
vertical-align: top;
position: relative;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.short-footer .folow-bottom, .short-footer .copyright, .short-footer #footer-menu li, .short-footer #footer-menu-2 li {
display: block;
}
}
/*------SLIDER 1.6------*/
.arrows.arrows-slider-1_6 {position: relative; display: inline-block; width: 100%;}
.slider-1_6-image {
padding: 30px;
position: relative;
display: inline-block;
border: 3px solid #e1c37d;
}
.main_bg_wrap .block {position: relative;; width: 100%; display: inline-block;}
.slider-1_6-image img {
max-width: 370px;
width: 100%;
height: auto;
}
.slider-1_6-image .img-wrapper {
display: inline-block;
height: 100%;
position: relative;
}
.slider-1_6-image .img-wrapper:after {
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.4);
}
.slider-1_6-box {
top: 50%;
left: 50%;
width: 100%;
padding: 0 15px;
position: absolute;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.slider-1_6 h1 {
max-width: 560px;
width: 100%;
margin: 0 auto;
}
.bottom-thumbnails {
margin-top: 35px;
font-size: 0;
}
.bottom-thumbnail {
width: 150px;
height: 100px;
display: inline-block;
margin: 10px;
}
.bottom-thumbnail img {
width: 100%;
height: 100%;
}
.slider-1_6 .subtitle-bg {
margin-bottom: -10px;
}
.arrows-slider-1_6 .swiper-arrow-left.arr-sw {
left: 190px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.arrows-slider-1_6 .swiper-arrow-right.arr-sw {
right: 190px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.arrows-slider-1_6 .swiper-arrow-left.arr-sw:hover {
left: 180px;
}
.arrows-slider-1_6 .swiper-arrow-right.arr-sw:hover {
right: 180px;
}
.slider-1_6 .caption {
position: relative;
}
.arrows-slider-1_6 .left-count {
left: 270px;
}
.arrows-slider-1_6 .right-count {
right: 270px;
}
.slider-1_6 .play-icon.style-2 span {
position: relative;
top: auto;
left: auto;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform:translate(0,0);
transform: translate(0,0);
line-height: 1;
font-size: inherit;
}
@media screen and (max-width: 1400px) {
.arrows-slider-1_6 .swiper-arrow-left.arr-sw {
left: 60px;
}
.arrows-slider-1_6 .swiper-arrow-right.arr-sw {
right: 60px;
}
.arrows-slider-1_6 .swiper-arrow-left.arr-sw:hover {
left: 50px;
}
.arrows-slider-1_6 .swiper-arrow-right.arr-sw:hover {
right: 50px;
}
.arrows-slider-1_6 .left-count {
left: 140px;
}
.arrows-slider-1_6 .right-count {
right: 140px;
}
}
@media screen and (max-width: 1199px) {
.slider-1_6 h1 {
font-size: 60px;
}
}
@media screen and (max-width: 1025px) {
.slider-1_6-box .bottom-thumbnail {
width: 140px;
height: auto;
}
}
@media screen and (max-width: 991px) {
.slider-1_6 {
top: 0%;
position: relative;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
padding-top: 110px;
padding-bottom: 50px;
}
}
@media screen and (max-width: 768px) {
.slider-1_6 h1 {
font-size: 40px;
line-height: 60px;
}
.slider-1_6-image {
margin: 0 15px;
}
.slider-1_6 .hidden-pag {
display: block;
}
.slider-1_6 .pagination {
bottom: 30px;
}
.arrows-slider-1_6 .arr-sw {
display: none;
}
}
@media screen and (max-width: 480px) {
.slider-1_6 {
padding-top: 15px;
padding-bottom: 15px;
}
.bottom-thumbnails {
display: none
}
}
@media screen and (max-width: 320px) {
.slider-1_6 {
padding-top: 25px;
padding-bottom: 25px;
}
}
/*------TWO VIDEO SLIDER------*/
.two-video-slider .clip .bg.bg-bg-chrome.act {
background-attachment: inherit;
}
.two-video-slider {
padding: 0 60px;
position: relative;
width: 100%;
}
.two-video-wrapper .swiper-arrow-left.arr-sw {
left: 0px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.two-video-wrapper .swiper-arrow-right.arr-sw {
right: 0px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.two-video-wrapper .swiper-arrow-left.arr-sw:hover {
left: 10px;
}
.two-video-wrapper .swiper-arrow-right.arr-sw:hover {
right: 10px;
}
.two-video-slider .sub-title .date span, .two-video-slider .title h3{
color: #fff;
}
.two-video-slider .slide-wrap .video-block {
/* width: 680px;
min-height: 500px;*/
width: 100%;
height: 500px;
padding-left: 20%;
position: relative;
}
.two-video-slider .slide-wrap {
position: relative;
padding: 0 75px;
}
.two-video-slider .title-wrapper {
left: 75px;
top: 50%;
z-index: 3;
width: 41%;
height: 80%;
position: absolute;
box-sizing: border-box;
border: 3px solid #e8bc57;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
/* position: relative; */
}
.two-video-slider .title-wrapper-inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 70px;
}
.two-video-slider .title {
width: 385px;
padding: 0;
}
.two-video-slider .title h3 {
padding: 0;
margin: 0;
}
.two-video-slider .sub-title {
padding: 0;
padding-bottom: 10px;
}
.two-video-slider .sub-title h4 {
margin: 0;
}
.two-video-slider .vertical-align {
top: 75px;
z-index: 3;
right: 75px;
width: 90px;
height: 90px;
border-radius: 50%;
border: 1px solid #fff;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.two-video-slider .pagination {
display: none;
}
.two-video-slider .slider-wr {
width: 100%;
height: inherit;
position: relative;
}
.two-video-slider .bg.bg-bg-chrome.act {
background-attachment: scroll;
}
.two-video-slider .swiper-arrow-left {
left: 90px;
}
.two-video-slider .swiper-arrow-right {
right: 90px;
}
.two-video-wrapper .video-block .clip .bg {
background-size: cover;
background-position: center center;
}
.two-video-wrapper .slide-wrap {
color: #fff;
padding-right: 75px;
padding-left: 75px;
}
@media screen and (max-width: 1400px) {
.two-video-slider {
padding: 180px 0 130px;
}
.two-video-slider .swiper-arrow-left {
left: 30px;
}
.two-video-slider .swiper-arrow-right {
right: 30px;
}
.two-video-slider .slide-wrap {
padding: 0 30px;
}
.two-video-slider .title-wrapper {
left: 30px;
}
}
@media screen and (max-width: 1199px) {
.two-video-slider .title {
width: 320px;
}
}
@media screen and (max-width: 991px) {
.two-video-slider .title {
width: 385px
}
.two-video-slider .title-wrapper {
left: 30px;
}
.two-video-slider .arr-sw {
display: none;
}
.two-video-slider .pagination {
display: block;
}
.two-video-slider .swiper-4 {
padding-bottom: 60px;
}
.two-video-slider {
padding-bottom: 70px;
}
}
@media screen and (max-width: 767px) {
.two-video-slider .slide-wrap .video-block {
padding-left: 0;
}
.two-video-slider .title-wrapper {
width: auto;
height: auto;
left: 20px;
top: 20px;
right: 20px;
bottom: 20px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.two-video-slider .slide-wrap {
padding: 0;
}
.two-video-slider {
padding: 120px 30px 70px;
}
.two-video-slider .title-wrapper-inner {
padding-left: 30px;
position: absolute;
}
.two-video-slider .title {
width: 100%;
max-width: 400px;
}
}
@media screen and (max-width: 480px) {
.two-video-slider {
padding: 80px 15px 20px;
}
.two-video-slider .vertical-align {
width: 50px;
height: 50px;
}
.two-video-slider .play-icon span {
font-size: 20px;
}
}
/*--------SINGLE-PAGE----------*/
.single-page .single-h1-wrapper {
text-align: center;
margin-bottom: 60px;
}
.single-page h1 span {
color: #000;
display: inline-block;
line-height: 90px;
}
.single-page h1 span:before {
background: #000;
}
.single-page .single-thumbnail {
position: relative;
}
.single-page .single-thumbnail img{
width: 100%;
height: auto;
}
.single-page .container {
width: 970px;
}
.single-content-wrapper .folow-title {
font-size: 0;
margin-top: 20px;
margin-bottom: 120px;
}
.single-content-wrapper .folow-title .sub-title {
font-size: 14px;
line-height: 34px;
font-weight: bold;
vertical-align: top;
display: inline-block;
padding: 0 20px 0 0;
}
.page-no-vc{
position:relative;
height: auto;
}
.page-no-vc .popup-main.no_vc{
display: block;
position: relative;
}
.page-no-vc .popup.simple-text{
position: relative;
}
.page-no-vc .popup.simple-text .caption{
text-align:center;
}
@media screen and (max-width: 991px) {
.single-page .container {
width: 750px;
}
.single-page .single-content-wrapper {
width: 100% !important;
}
.single-content-wrapper .folow-title {
margin-bottom: 50px;
}
}
@media screen and (max-width: 767px) {
.single-page .container {
width: 100%;
padding: 15px;
}
}
.single-page .single-content-wrapper {
width: 770px;
margin: 0 auto;
padding-top: 13px;
}
.single-page .single-content-wrapper h3 {
color: #222222;
font-size: 30px;
line-height: 40px;
margin-top: 5px;
margin-bottom: 15px;
}
.single-page .single-content-wrapper p {
margin: 20px 0;
color: #999999;
}
.single-page .single-content-wrapper img {
width: 370px;
height: 370px;
}
.single-page .single-content-wrapper img:first-child {
margin-right: 30px;
}
.single-page .single-content-wrapper img {
margin-bottom: 30px;
}
.single-page .header-folow {
position: relative !important;
z-index: 55;
overflow: hidden;
display: inline-block
}
.single-page .header-folow a {
border-color: #d3d3d3;
color: #999999;
}
.single-page .social-share p {
display: inline-block;
}
.single-page .navigation {
overflow: visible;
visibility: visible;
opacity: 1;
}
.single-page .navigation .screen-reader-text {
display: none;
}
.single-h3-wrapper h3{
color: #222222;
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
.single-page .featured-posts img {
width: 100%;
height: auto;
}
.single-page .featured-posts h3 {
font-size: 22px;
line-height: 30px;
margin-top: 5px;
}
.single-page .img-wrapper {
margin-bottom: 20px;
}
.single-page .pagination {
bottom: 15px;
}
.post-navigation a:hover h3 {
color: #ebc15d;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
}
/*------SLIDER-1.2------*/
.slider-1_2-wrapper {
position: absolute;
top: 50%;
z-index: 1;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider-1_2 .caption {
width: 530px;
height: 413px;
box-sizing: border-box;
border: 3px solid #ebc15d;
margin: 0 auto;
position: relative;
}
.slider-1_2 .caption .title {
top: 50%;
left: 50%;
width: 735px;
text-align: center;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slider-1_2 .caption .date, .slider-1_2 .caption .date span {
color: #cecece;
}
.slider-1_2 h1 {
margin: 0;
padding: 0;
line-height: 90px;
}
.slider-1_2-border {
position: absolute;
top: 90px;
left: 90px;
bottom: 90px;
right: 90px;
border: 1px solid #918c8f;
}
.slider-1_2-border a {
line-height: 80px;
color: #fff;
text-align: center;
font-size: 13px;
font-weight: bold;
}
.slider-1_2-border a:hover {
color: #ebc15d;
}
.slider-1_2-border .right-link:hover,
.slider-1_2-border .left-link:hover {
background-color: #ebc15d;
}
.slider-1_2-border .right-link,
.slider-1_2-border .left-link {
top: 50%;
height: 2px;
width: 170px;
z-index: 5;
position: absolute;
background-color: #ffffff;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider-1_2-border .left-link {
left: -87px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.slider-1_2-border .right-link {
right: -87px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}
.slider-1_2-border a span {
color: #e8bc57;
}
.slider-1_2-border .bottom-links {
left: 0;
width: 100%;
bottom: -87px;
text-align: center;
position: absolute;
z-index: 111;
}
.slider-1_2-border .bottom-links .swiper-container .swiper-slide {
float: none;
display: inline-block;
}
.slider-1_2-border .portfolio-item {
margin: 0 25px;
z-index: 5;
}
.slider-1_2-border .bottom-links a {
color: #79777a;
line-height: 87px;
position: relative;
display: inline-block;
}
.slider-1_2-border .bottom-links a:hover {
color: #fff;
}
.slider-1_2-border .bottom-links a:before {
top: 0;
left: 0;
position: absolute;
height: 2px;
width: 100%;
content: "";
opacity: 0;
background-color: #fff;
}
.slider-1_2-border .bottom-links a:hover:before {
opacity: 1;
}
.slider-1_2-border .bottom-links a.prev-item.active {
color: #fff;
}
.slider-1_2-border .bottom-links a.prev-item.active:before {
opacity: 1;
}
.slider-1_2-border .bottom-links .swiper-slide {
width: auto !important;
}
.slider-1_2-counter, .slider-1_2-counter span {
font-size: 13px;
font-style: normal;
font-weight: bold;
padding-right: 10px;
}
.slider-1_2 .play-icon.style-2 span{
position: relative;
top: auto;
left: auto;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.slider-1_2 .play-icon:hover {
background: none;
}
.menu-main-menu-container:after{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.menu-main-menu-container .menu {vertical-align: middle; padding: 50px 0px; margin-bottom: 0px; }
.classic-menu .menu-main-menu-container .menu { padding:0; }
@media screen and (max-width: 1400px) {
.slider-1_2 {
padding: 130px 0;
}
.slider-1_2, .for-slider-1_2 {position: relative; width: 100%;}
}
@media screen and (max-width: 1200px) {
.slider-1_2 .hidden-pag {
display: block;
bottom: 10px;
}
.slider-1_2-border .bottom-links .swiper-container {
display: none;
}
}
@media screen and (max-width: 1024px) {
.slider-1_2 .caption .title {
top: auto;
left: auto;
width: auto;
text-align: center;
position: relative;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.slider-1_2 .caption {
max-width: 530px;
height: auto;
width: 100%;
}
}
@media screen and (max-width: 991px) {
.slider-1_2 {
padding: 0;
padding-bottom: 20px;
}
.slider-1_2 h1 {
font-size: 60px;
line-height: 70px;
}
.slider-1_2-border .portfolio-item {
margin: 0 10px;
}
.slider-1_2-border {
left: 60px;
right: 60px;
bottom: 80px;
}
.slider-1_2-border .hidden-pag.pagination {
bottom: 15px;
}
.slider-1_2-border a {
line-height: 50px;
}
.slider-1_2-border .bottom-links a {
line-height: 50px;
}
.slider-1_2-border .bottom-links {
bottom: -57px;
}
}
@media screen and (max-width: 767px) {
.slider-1_2 .swiper-slide {
padding: 0 120px;
}
.slider-1_2 .caption {
width: 100%;
}
.slider-1_2 h1 {
font-size: 50px;
line-height: 60px;
}
}
@media screen and (max-width: 600px) {
.slider-1_2 .caption .title {
width: 100%;
}
.slider-1_2 h1 {
font-size: 32px;
line-height: 40px;
}
.slider-1_2 .caption .date,
.slider-1_2 h1 {
padding: 0 50px;
}
.slider-1_2 .caption {
height: 300px;
}
.slider-1_2 .swiper-slide {
padding: 0 80px;
}
.slider-1_2 .caption .date, .slider-1_2 h1 {
padding: 0 60px;
}
.slider-1_2 h4 {
font-size: 12px;
line-height: 24px;
}
}
@media screen and (max-width: 500px) {
.slider-1_2-border {
left: 30px;
right: 30px;
bottom: 60px;
}
.slider-1_2 .caption .date, .slider-1_2 h1 {
padding: 0 30px;
}
.slider-1_2 .swiper-slide {
padding: 0 40px;
}
.slider-1_2 .caption .date,
.slider-1_2 h1 {
padding: 0 40px;
}
.slider-1_2-border a {
line-height: 30px;
}
.slider-1_2-border .bottom-links a {
line-height: 30px;
}
.slider-1_2-border .hidden-pag.pagination {
bottom: 0;
}
}
@media screen and (max-width: 414px) {
.slider-1_2 .caption {
height: 230px;
}
.slider-1_2 h1 {
font-size: 26px;
line-height: 30px;
}
}
/*FOR MAIN MENU*/
@media screen and (max-width: 480px) {
.logo {
top: 15px;
left: 15px;
}
.nav-menu-icon {
top: 15px;
right: 15px;
}
}
/*ERROR 404*/
.error404 .base_footer {
display: none;
}
.page-404-nrg {
width: 100%;
height: 100vh;
position: relative;
}
@media screen and (max-width: 767px) {
.page-404-nrg .arrows {
height: 100%;
padding: 130px 0;
}
}
@media screen and (max-width: 480px) {
.page-404-nrg .arrows {
height: 100%;
padding: 80px 0;
}
}
@media screen and (max-width: 768px)and (min-height: 700px) {
.main_bg_wrap { min-height: 850px; }
}
.content-area-sidebar-left {
width: 100%;
display: inline-block;
vertical-align: top;
}
.content-area-sidebar-left .blog-main-wrapper .single-page{
width: 79%;
display: block;
float: left;
}
.content-area-sidebar-right {
width: 20%;
display: block;
float: left;
margin-bottom: 100px;
padding-right: 100px;
}
.widget-title{
color: #000;
line-height: 36px;
border-bottom: 1px solid #000;
padding-bottom: 0;
margin-bottom: 15px;
}
.widget label{
width: 100%;
color: #777;
font-size: 14px;
}
.widget li{
font-size: 14px;
line-height: 20px;
color: #777777;
list-style-position: inside;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.widget li:hover{
color: #000;
}
.widget select,
.widget option{
font-size: 14px;
color: #777777;
}
.widget select{
border: 1px solid #dfdfdf;
}
.textwidget img{
width: 100%;
height: auto;
}
.widget p{
color: #777;
font-size: 14px;
line-height: 18px;
}
.widget_calendar th, .widget_calendar td {
color: #000;
}
.widget_calendar th, .widget_calendar td{
color: #777;
font-size: 14px;
}
#wp-calendar a{
color: #777;
font-size: 14px;
border: 1px solid #dfdfdf;
}
#wp-calendar a:hover{
color: #000;
}
.widget .search-field{
color: #777;
border: 1px solid #dfdfdf;
}
@media screen and (max-width: 1366px){
.content-area-sidebar-right{
padding-right: 50px;
}
}
@media screen and (max-width: 1280px){
.content-area-sidebar-left .blog-main-wrapper .single-page{
width: 70%;
}
.content-area-sidebar-right{
width: 29%;
padding-right: 20px;
padding-left: 20px;
}
.content-area-sidebar-left .blog-main-wrapper .single-page .container{
width: 100%;
}
}
@media screen and (max-width: 991px){
.content-area-sidebar-left .blog-main-wrapper .single-page{
width: 100%;
}
.content-area-sidebar-right{
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 0;
margin-top: 40px;
}
}
.base_footer_top .sub-menu {
display: none;
}
.popup-main.fancybox-margin .swiper-slide img{width: auto !important; display: inline-block; padding-top: 15px;}
.popup-main.fancybox-margin .swiper-slide {text-align: center;}
.title-cont:before {display: none;}
.data-comment-wr {font-size: 14px;}
.data-comment-wr .post-date,.data-comment-wr .post-comments-wr {display: inline-block;}
.data-comment-wr .post-comments-wr {margin-left: 10px;}
.data-comment-wr .post-comments-wr a {padding: 0;}
.data-comment-wr .post-comments-wr li{list-style: none;}
.data-comment-wr .post-comments-wr a:before {display: none;}
#comments textarea, #comments input {border: 1px solid #ebc15d; width:100%; resize:none; padding:10px 15px;}
.featured-posts {margin-top: 25px;}
#reply-title {font-size:30px;}
#comments .comments-title {font-size:30px;line-height:40px;}
#comments .name {color:#ebc15d; font-weight:bold;}
#comments .comment-reply-link {color: #fff; background:#ebc15d; padding: 5px 10px; margin-top:10px; display: inline-block; border-radius: 2px; }
#comments .comment-reply-link:hover {color: #fff; background: #292929;}
#comments .form-submit {text-align: center;}
#comments .form-submit input[type="submit"] {display: inline-block; margin-top:10px;color: #fff; background:#ebc15d; padding: 5px 10px; margin-top:10px; border-radius: 2px; width: auto; border:none;}
#comments .form-submit input[type="submit"]:hover {color: #fff; background: #292929;}
#comments #respond {margin-top: 10px;}
#reply-title {clear: both;}
.comment-notes, .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url {margin-bottom: 10px;}
.comment-notes label, .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label {margin-bottom: 5px;}
body.admin-bar .home-left-middle-nav.nav-menu-icon{top: 32px;}
footer .widget{
width: 100%;
font-weight: 400;
position: relative;
padding-top: 10px;
padding-bottom: 20px;
display: inline-block;
}
footer .widget-title,
footer .widget li,
footer .widget p{
text-align: left;
}
footer .light-color .widget-title{
color: #fff;
text-align: left;
}
footer .light-color .widget li,
footer .light-color .widget p{
color: #fff;
text-align: left;
}
footer .light-color .widget_calendar th,
footer .light-color .widget_calendar td{
color: #fff;
border: 1px solid #fff;
}
footer .widget{
width: 25%;
padding: 10px 30px 20px 10px;
display: block;
float: left;
z-index: 1999;
}
footer .widget label{
text-align: left;
color: #fff;
}
@media screen and (max-width: 1040px){
footer .widget{
width: 33.33%;
}
}
@media screen and (max-width: 768px){
footer .widget{
width: 50%;
padding: 10px 20px 20px 20px;
}
}
@media screen and (max-width: 480px){
footer .widget{
width: 100%;
padding: 10px 20px 20px 20px;
}
}
.caption .title .styled-page-title span:before {
background: none;
}