/*!
Theme Name: Luxa
Theme URI: http://promo-theme.com/luxa/
Author: Promo Theme
Author URI: https://themeforest.net/user/ypromo
Description: Luxa is the Luxury Black MultiPurpose WordPress Theme for any photography & video businesses, freelancers, agences, portfolio and etc. Everyone can find a suitable page for itself. We have tried to create the big set of components and styles for your awesome website.
Version: 1.0.0
Text Domain: luxa
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@font-face {
font-family: "cfont";
src: url("../font/CocoGothic-Bold_trial.ttf");
}
.cfont{
  font-family: "cfont";
  font-size: 23px;
}

img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.woocommerce form .form-row .required {
    visibility: visible;
}

.woocommerce-product-gallery {
    opacity: 1 !important;
}

body {
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 16px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.wf-loading body {
    opacity: 0;
}

.ie.wf-loading body {
    visibility: hidden;
}

h1, .h1 {
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    font-size: 60px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.wf-loading h1,.wf-loading .h1 {
    opacity: 0;
}

.ie.wf-loading h1,.ie.wf-loading .h1 {
    visibility: hidden;
}

h2, .h2 {
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    font-size: 48px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.wf-loading h2,.wf-loading .h2 {
    opacity: 0;
}

.ie.wf-loading h2,.ie.wf-loading .h2 {
    visibility: hidden;
}

h3, .h3 {
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    font-size: 36px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.wf-loading h3,.wf-loading .h3 {
    opacity: 0;
}

.ie.wf-loading h3,.ie.wf-loading .h3 {
    visibility: hidden;
}

h4, .h4 {
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    font-size: 30px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.wf-loading h4,.wf-loading .h4 {
    opacity: 0;
}

.ie.wf-loading h4,.ie.wf-loading .h4 {
    visibility: hidden;
}

h5, .h5 {
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.wf-loading h5,.wf-loading .h5 {
    opacity: 0;
}

.ie.wf-loading h5,.ie.wf-loading .h5 {
    visibility: hidden;
}

h6, .h6 {
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.wf-loading h6,.wf-loading .h6 {
    opacity: 0;
}

.ie.wf-loading h6,.ie.wf-loading .h6 {
    visibility: hidden;
}

.vc_custom_1553260211791 {
    margin-top: 71px !important;
}

.vc_custom_1554183857120 {
    margin-bottom: 0px !important;
}

.vc_custom_1554461640814 {
    padding-bottom: 20px !important;
}

.wpb_animate_when_almost_visible {
    opacity: 1;
}



/*   SLIDER     */
* {
  margin: 0;
  padding: 0;
}

.pic-wrapper {
  position: absolute;
  width: 105%;
  height: 105%;
  overflow: hidden;
  top: -5%;
}
.pos-abs-100{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.pattern{
  width: 100%;
  height: 100%;
  background: url('../img/pattern.png');
  background-repeat: repeat top left;
}
.o-dark{
  width: 100%;
  height: 100%;
  background: rgba(1,1,1,0.3);
}
figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*animation*/
  
  animation: slideShow 46s linear infinite 0s;
  -o-animation: slideShow 46s linear infinite 0s;
  -moz-animation: slideShow 46s linear infinite 0s;
  -webkit-animation: slideShow 46s linear infinite 0s;
}

figurecaption {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
}

.pic-1 {
  opacity: 1;
  background: url(../img/bg4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url(../img/bg5.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url(../img/bg2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url(../img/8.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pic-5 {
  animation-delay: 24s;
  -o-animation-delay: 24s;
  -moz--animation-delay: 24s;
  -webkit-animation-delay:24s;
  background: url(../img/7.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pic-6 {
  animation-delay: 30s;
  -o-animation-delay: 30s;
  -moz--animation-delay:  30s;
  -webkit-animation-delay:  30s;
  background: url(../img/2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-7 {
  animation-delay: 36s;
  -o-animation-delay: 36s;
  -moz--animation-delay: 36s;
  -webkit-animation-delay: 36s;
  background: url(../img/6.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pic-8 {
  animation-delay: 40s;
  -o-animation-delay: 40s;
  -moz--animation-delay: 40s;
  -webkit-animation-delay:40s;
  background: url(../img/5.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pic-9 {
  animation-delay: 46s;
  -o-animation-delay: 46s;
  -moz--animation-delay:  46s;
  -webkit-animation-delay: 46s;
  background: url(../img/4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* keyframes*/

/*@keyframes 
slideShow {  0% {z-index: 0;
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {z-index: 999;
    display: unset;
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {z-index: 0;
 opacity: 0;
 transform:scale(1.1);
 -ms-transform:scale(1.1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}*/
@keyframes 
slideShow {  0% {z-index: 0;
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {z-index: 999;
    display: unset;
 opacity: 1
}
 35% {
 opacity: 1;
}
 50% {z-index: 0;
 opacity: 1;
 transform:scale(1.1);
 -ms-transform:scale(1.1);
}
 100% {
 opacity: 1;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 1;
 -o-transform:scale(1.1);
}
 100% {
 opacity:1;
 -o-transformm:scale(1);
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 1;
 -moz-transform:scale(1.1);
}
 100% {
 opacity:1;
 -moz-transformm:scale(1);
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity:1;
 -webkit-transform:scale(1.1);
}
 100% {
 opacity: 1;
 -webkit-transformm:scale(1);
}
}