/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Nagual*/
/* Version: 1.0 auto Release*/
/* Build Date: */
/* Author: Unbranded*/
/* Website: 
/* Copyright: (C) 2016 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*

	01 - ALL STYLES
	02 - FONTS
	03 - Header

 */
/*--------------------------------------------------------*/
/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------*/
/* Template Name: NRG.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 02-03-2016*/
/* Author: */
/* Website: */
/* Copyright: (C) 2016 */
/*------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/* GLOBAL SETTINGS */
/*--------------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Work+Sans:100,200,300,400,500,600,700,800,900);

*, *:before, *:after {
  box-sizing: inherit; }

a, a:hover, a:active, a:focus {
  text-decoration: none; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Variables */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Custom paddings/margins */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.no-margin {
  margin-left: 0px;
  margin-right: 0px; }

.no-padding {
  padding-left: 0px;
  padding-right: 0px; }

.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

.t-left {
  text-align: left; }

.margin-lg-0t {
  margin-top: 0px; }

.margin-lg-5t {
  margin-top: 5px; }

.margin-lg-10t {
  margin-top: 10px; }

.margin-lg-15t {
  margin-top: 15px; }

.margin-lg-20t {
  margin-top: 20px; }

.margin-lg-25t {
  margin-top: 25px; }

.margin-lg-30t {
  margin-top: 30px; }

.margin-lg-35t {
  margin-top: 35px; }

.margin-lg-40t {
  margin-top: 40px; }

.margin-lg-45t {
  margin-top: 45px; }

.margin-lg-50t {
  margin-top: 50px; }

.margin-lg-55t {
  margin-top: 55px; }

.margin-lg-60t {
  margin-top: 60px; }

.margin-lg-65t {
  margin-top: 65px; }

.margin-lg-70t {
  margin-top: 70px; }

.margin-lg-75t {
  margin-top: 75px; }

.margin-lg-80t {
  margin-top: 80px; }

.margin-lg-85t {
  margin-top: 85px; }

.margin-lg-90t {
  margin-top: 90px; }

.margin-lg-95t {
  margin-top: 95px; }

.margin-lg-100t {
  margin-top: 100px; }

.margin-lg-105t {
  margin-top: 105px; }

.margin-lg-110t {
  margin-top: 110px; }

.margin-lg-115t {
  margin-top: 115px; }

.margin-lg-120t {
  margin-top: 120px; }

.margin-lg-125t {
  margin-top: 125px; }

.margin-lg-130t {
  margin-top: 130px; }

.margin-lg-135t {
  margin-top: 135px; }

.margin-lg-140t {
  margin-top: 140px; }

.margin-lg-145t {
  margin-top: 145px; }

.margin-lg-150t {
  margin-top: 150px; }

.margin-lg-155t {
  margin-top: 155px; }

.margin-lg-160t {
  margin-top: 160px; }

.margin-lg-165t {
  margin-top: 165px; }

.margin-lg-170t {
  margin-top: 170px; }

.margin-lg-175t {
  margin-top: 175px; }

.margin-lg-180t {
  margin-top: 180px; }

.margin-lg-185t {
  margin-top: 185px; }

.margin-lg-190t {
  margin-top: 190px; }

.margin-lg-195t {
  margin-top: 195px; }

.margin-lg-200t {
  margin-top: 200px; }

.margin-lg-0b {
  margin-bottom: 0px; }

.margin-lg-5b {
  margin-bottom: 5px; }

.margin-lg-10b {
  margin-bottom: 10px; }

.margin-lg-15b {
  margin-bottom: 15px; }

.margin-lg-20b {
  margin-bottom: 20px; }

.margin-lg-25b {
  margin-bottom: 25px; }

.margin-lg-30b {
  margin-bottom: 30px; }

.margin-lg-35b {
  margin-bottom: 35px; }

.margin-lg-40b {
  margin-bottom: 40px; }

.margin-lg-45b {
  margin-bottom: 45px; }

.margin-lg-50b {
  margin-bottom: 50px; }

.margin-lg-55b {
  margin-bottom: 55px; }

.margin-lg-60b {
  margin-bottom: 60px; }

.margin-lg-65b {
  margin-bottom: 65px; }

.margin-lg-70b {
  margin-bottom: 70px; }

.margin-lg-75b {
  margin-bottom: 75px; }

.margin-lg-80b {
  margin-bottom: 80px; }

.margin-lg-85b {
  margin-bottom: 85px; }

.margin-lg-90b {
  margin-bottom: 90px; }

.margin-lg-95b {
  margin-bottom: 95px; }

.margin-lg-100b {
  margin-bottom: 100px; }

.margin-lg-105b {
  margin-bottom: 105px; }

.margin-lg-110b {
  margin-bottom: 110px; }

.margin-lg-115b {
  margin-bottom: 115px; }

.margin-lg-120b {
  margin-bottom: 120px; }

.margin-lg-125b {
  margin-bottom: 125px; }

.margin-lg-130b {
  margin-bottom: 130px; }

.margin-lg-135b {
  margin-bottom: 135px; }

.margin-lg-140b {
  margin-bottom: 140px; }

.margin-lg-145b {
  margin-bottom: 145px; }

.margin-lg-150b {
  margin-bottom: 150px; }

.margin-lg-155b {
  margin-bottom: 155px; }

.margin-lg-160b {
  margin-bottom: 160px; }

.margin-lg-165b {
  margin-bottom: 165px; }

.margin-lg-170b {
  margin-bottom: 170px; }

.margin-lg-175b {
  margin-bottom: 175px; }

.margin-lg-180b {
  margin-bottom: 180px; }

.margin-lg-185b {
  margin-bottom: 185px; }

.margin-lg-190b {
  margin-bottom: 190px; }

.margin-lg-195b {
  margin-bottom: 195px; }

.margin-lg-200b {
  margin-bottom: 200px; }

.padding-lg-0t {
  padding-top: 0px; }

.padding-lg-5t {
  padding-top: 5px; }

.padding-lg-10t {
  padding-top: 10px; }

.padding-lg-15t {
  padding-top: 15px; }

.padding-lg-20t {
  padding-top: 20px; }

.padding-lg-25t {
  padding-top: 25px; }

.padding-lg-30t {
  padding-top: 30px; }

.padding-lg-35t {
  padding-top: 35px; }

.padding-lg-40t {
  padding-top: 40px; }

.padding-lg-45t {
  padding-top: 45px; }

.padding-lg-50t {
  padding-top: 50px; }

.padding-lg-55t {
  padding-top: 55px; }

.padding-lg-60t {
  padding-top: 60px; }

.padding-lg-65t {
  padding-top: 65px; }

.padding-lg-70t {
  padding-top: 70px; }

.padding-lg-75t {
  padding-top: 75px; }

.padding-lg-80t {
  padding-top: 80px; }

.padding-lg-85t {
  padding-top: 85px; }

.padding-lg-90t {
  padding-top: 90px; }

.padding-lg-95t {
  padding-top: 95px; }

.padding-lg-100t {
  padding-top: 100px; }

.padding-lg-105t {
  padding-top: 105px; }

.padding-lg-110t {
  padding-top: 110px; }

.padding-lg-115t {
  padding-top: 115px; }

.padding-lg-120t {
  padding-top: 120px; }

.padding-lg-125t {
  padding-top: 125px; }

.padding-lg-130t {
  padding-top: 130px; }

.padding-lg-135t {
  padding-top: 135px; }

.padding-lg-140t {
  padding-top: 140px; }

.padding-lg-145t {
  padding-top: 145px; }

.padding-lg-150t {
  padding-top: 150px; }

.padding-lg-155t {
  padding-top: 155px; }

.padding-lg-160t {
  padding-top: 160px; }

.padding-lg-165t {
  padding-top: 165px; }

.padding-lg-170t {
  padding-top: 170px; }

.padding-lg-175t {
  padding-top: 175px; }

.padding-lg-180t {
  padding-top: 180px; }

.padding-lg-185t {
  padding-top: 185px; }

.padding-lg-190t {
  padding-top: 190px; }

.padding-lg-195t {
  padding-top: 195px; }

.padding-lg-200t {
  padding-top: 200px; }

.padding-lg-0b {
  padding-bottom: 0px; }

.padding-lg-5b {
  padding-bottom: 5px; }

.padding-lg-10b {
  padding-bottom: 10px; }

.padding-lg-15b {
  padding-bottom: 15px; }

.padding-lg-20b {
  padding-bottom: 20px; }

.padding-lg-25b {
  padding-bottom: 25px; }

.padding-lg-30b {
  padding-bottom: 30px; }

.padding-lg-35b {
  padding-bottom: 35px; }

.padding-lg-40b {
  padding-bottom: 40px; }

.padding-lg-45b {
  padding-bottom: 45px; }

.padding-lg-50b {
  padding-bottom: 50px; }

.padding-lg-55b {
  padding-bottom: 55px; }

.padding-lg-60b {
  padding-bottom: 60px; }

.padding-lg-65b {
  padding-bottom: 65px; }

.padding-lg-70b {
  padding-bottom: 70px; }

.padding-lg-75b {
  padding-bottom: 75px; }

.padding-lg-80b {
  padding-bottom: 80px; }

.padding-lg-85b {
  padding-bottom: 85px; }

.padding-lg-90b {
  padding-bottom: 90px; }

.padding-lg-95b {
  padding-bottom: 95px; }

.padding-lg-100b {
  padding-bottom: 100px; }

.padding-lg-105b {
  padding-bottom: 105px; }

.padding-lg-110b {
  padding-bottom: 110px; }

.padding-lg-115b {
  padding-bottom: 115px; }

.padding-lg-120b {
  padding-bottom: 120px; }

.padding-lg-125b {
  padding-bottom: 125px; }

.padding-lg-130b {
  padding-bottom: 130px; }

.padding-lg-135b {
  padding-bottom: 135px; }

.padding-lg-140b {
  padding-bottom: 140px; }

.padding-lg-145b {
  padding-bottom: 145px; }

.padding-lg-150b {
  padding-bottom: 150px; }

.padding-lg-155b {
  padding-bottom: 155px; }

.padding-lg-160b {
  padding-bottom: 160px; }

.padding-lg-165b {
  padding-bottom: 165px; }

.padding-lg-170b {
  padding-bottom: 170px; }

.padding-lg-175b {
  padding-bottom: 175px; }

.padding-lg-180b {
  padding-bottom: 180px; }

.padding-lg-185b {
  padding-bottom: 185px; }

.padding-lg-190b {
  padding-bottom: 190px; }

.padding-lg-195b {
  padding-bottom: 195px; }

.padding-lg-200b {
  padding-bottom: 200px; }

@media screen and (max-width: 1199px) {
  .margin-md-0t {
    margin-top: 0px; }
  .margin-md-5t {
    margin-top: 5px; }
  .margin-md-10t {
    margin-top: 10px; }
  .margin-md-15t {
    margin-top: 15px; }
  .margin-md-20t {
    margin-top: 20px; }
  .margin-md-25t {
    margin-top: 25px; }
  .margin-md-30t {
    margin-top: 30px; }
  .margin-md-35t {
    margin-top: 35px; }
  .margin-md-40t {
    margin-top: 40px; }
  .margin-md-45t {
    margin-top: 45px; }
  .margin-md-50t {
    margin-top: 50px; }
  .margin-md-55t {
    margin-top: 55px; }
  .margin-md-60t {
    margin-top: 60px; }
  .margin-md-65t {
    margin-top: 65px; }
  .margin-md-70t {
    margin-top: 70px; }
  .margin-md-75t {
    margin-top: 75px; }
  .margin-md-80t {
    margin-top: 80px; }
  .margin-md-85t {
    margin-top: 85px; }
  .margin-md-90t {
    margin-top: 90px; }
  .margin-md-95t {
    margin-top: 95px; }
  .margin-md-100t {
    margin-top: 100px; }
  .margin-md-105t {
    margin-top: 105px; }
  .margin-md-110t {
    margin-top: 110px; }
  .margin-md-115t {
    margin-top: 115px; }
  .margin-md-120t {
    margin-top: 120px; }
  .margin-md-125t {
    margin-top: 125px; }
  .margin-md-130t {
    margin-top: 130px; }
  .margin-md-135t {
    margin-top: 135px; }
  .margin-md-140t {
    margin-top: 140px; }
  .margin-md-145t {
    margin-top: 145px; }
  .margin-md-150t {
    margin-top: 150px; }
  .margin-md-155t {
    margin-top: 155px; }
  .margin-md-160t {
    margin-top: 160px; }
  .margin-md-165t {
    margin-top: 165px; }
  .margin-md-170t {
    margin-top: 170px; }
  .margin-md-175t {
    margin-top: 175px; }
  .margin-md-180t {
    margin-top: 180px; }
  .margin-md-185t {
    margin-top: 185px; }
  .margin-md-190t {
    margin-top: 190px; }
  .margin-md-195t {
    margin-top: 195px; }
  .margin-md-200t {
    margin-top: 200px; }
  .margin-md-0b {
    margin-bottom: 0px; }
  .margin-md-5b {
    margin-bottom: 5px; }
  .margin-md-10b {
    margin-bottom: 10px; }
  .margin-md-15b {
    margin-bottom: 15px; }
  .margin-md-20b {
    margin-bottom: 20px; }
  .margin-md-25b {
    margin-bottom: 25px; }
  .margin-md-30b {
    margin-bottom: 30px; }
  .margin-md-35b {
    margin-bottom: 35px; }
  .margin-md-40b {
    margin-bottom: 40px; }
  .margin-md-45b {
    margin-bottom: 45px; }
  .margin-md-50b {
    margin-bottom: 50px; }
  .margin-md-55b {
    margin-bottom: 55px; }
  .margin-md-60b {
    margin-bottom: 60px; }
  .margin-md-65b {
    margin-bottom: 65px; }
  .margin-md-70b {
    margin-bottom: 70px; }
  .margin-md-75b {
    margin-bottom: 75px; }
  .margin-md-80b {
    margin-bottom: 80px; }
  .margin-md-85b {
    margin-bottom: 85px; }
  .margin-md-90b {
    margin-bottom: 90px; }
  .margin-md-95b {
    margin-bottom: 95px; }
  .margin-md-100b {
    margin-bottom: 100px; }
  .margin-md-105b {
    margin-bottom: 105px; }
  .margin-md-110b {
    margin-bottom: 110px; }
  .margin-md-115b {
    margin-bottom: 115px; }
  .margin-md-120b {
    margin-bottom: 120px; }
  .margin-md-125b {
    margin-bottom: 125px; }
  .margin-md-130b {
    margin-bottom: 130px; }
  .margin-md-135b {
    margin-bottom: 135px; }
  .margin-md-140b {
    margin-bottom: 140px; }
  .margin-md-145b {
    margin-bottom: 145px; }
  .margin-md-150b {
    margin-bottom: 150px; }
  .margin-md-155b {
    margin-bottom: 155px; }
  .margin-md-160b {
    margin-bottom: 160px; }
  .margin-md-165b {
    margin-bottom: 165px; }
  .margin-md-170b {
    margin-bottom: 170px; }
  .margin-md-175b {
    margin-bottom: 175px; }
  .margin-md-180b {
    margin-bottom: 180px; }
  .margin-md-185b {
    margin-bottom: 185px; }
  .margin-md-190b {
    margin-bottom: 190px; }
  .margin-md-195b {
    margin-bottom: 195px; }
  .margin-md-200b {
    margin-bottom: 200px; }
  .padding-md-0t {
    padding-top: 0px; }
  .padding-md-5t {
    padding-top: 5px; }
  .padding-md-10t {
    padding-top: 10px; }
  .padding-md-15t {
    padding-top: 15px; }
  .padding-md-20t {
    padding-top: 20px; }
  .padding-md-25t {
    padding-top: 25px; }
  .padding-md-30t {
    padding-top: 30px; }
  .padding-md-35t {
    padding-top: 35px; }
  .padding-md-40t {
    padding-top: 40px; }
  .padding-md-45t {
    padding-top: 45px; }
  .padding-md-50t {
    padding-top: 50px; }
  .padding-md-55t {
    padding-top: 55px; }
  .padding-md-60t {
    padding-top: 60px; }
  .padding-md-65t {
    padding-top: 65px; }
  .padding-md-70t {
    padding-top: 70px; }
  .padding-md-75t {
    padding-top: 75px; }
  .padding-md-80t {
    padding-top: 80px; }
  .padding-md-85t {
    padding-top: 85px; }
  .padding-md-90t {
    padding-top: 90px; }
  .padding-md-95t {
    padding-top: 95px; }
  .padding-md-100t {
    padding-top: 100px; }
  .padding-md-105t {
    padding-top: 105px; }
  .padding-md-110t {
    padding-top: 110px; }
  .padding-md-115t {
    padding-top: 115px; }
  .padding-md-120t {
    padding-top: 120px; }
  .padding-md-125t {
    padding-top: 125px; }
  .padding-md-130t {
    padding-top: 130px; }
  .padding-md-135t {
    padding-top: 135px; }
  .padding-md-140t {
    padding-top: 140px; }
  .padding-md-145t {
    padding-top: 145px; }
  .padding-md-150t {
    padding-top: 150px; }
  .padding-md-155t {
    padding-top: 155px; }
  .padding-md-160t {
    padding-top: 160px; }
  .padding-md-165t {
    padding-top: 165px; }
  .padding-md-170t {
    padding-top: 170px; }
  .padding-md-175t {
    padding-top: 175px; }
  .padding-md-180t {
    padding-top: 180px; }
  .padding-md-185t {
    padding-top: 185px; }
  .padding-md-190t {
    padding-top: 190px; }
  .padding-md-195t {
    padding-top: 195px; }
  .padding-md-200t {
    padding-top: 200px; }
  .padding-md-0b {
    padding-bottom: 0px; }
  .padding-md-5b {
    padding-bottom: 5px; }
  .padding-md-10b {
    padding-bottom: 10px; }
  .padding-md-15b {
    padding-bottom: 15px; }
  .padding-md-20b {
    padding-bottom: 20px; }
  .padding-md-25b {
    padding-bottom: 25px; }
  .padding-md-30b {
    padding-bottom: 30px; }
  .padding-md-35b {
    padding-bottom: 35px; }
  .padding-md-40b {
    padding-bottom: 40px; }
  .padding-md-45b {
    padding-bottom: 45px; }
  .padding-md-50b {
    padding-bottom: 50px; }
  .padding-md-55b {
    padding-bottom: 55px; }
  .padding-md-60b {
    padding-bottom: 60px; }
  .padding-md-65b {
    padding-bottom: 65px; }
  .padding-md-70b {
    padding-bottom: 70px; }
  .padding-md-75b {
    padding-bottom: 75px; }
  .padding-md-80b {
    padding-bottom: 80px; }
  .padding-md-85b {
    padding-bottom: 85px; }
  .padding-md-90b {
    padding-bottom: 90px; }
  .padding-md-95b {
    padding-bottom: 95px; }
  .padding-md-100b {
    padding-bottom: 100px; }
  .padding-md-105b {
    padding-bottom: 105px; }
  .padding-md-110b {
    padding-bottom: 110px; }
  .padding-md-115b {
    padding-bottom: 115px; }
  .padding-md-120b {
    padding-bottom: 120px; }
  .padding-md-125b {
    padding-bottom: 125px; }
  .padding-md-130b {
    padding-bottom: 130px; }
  .padding-md-135b {
    padding-bottom: 135px; }
  .padding-md-140b {
    padding-bottom: 140px; }
  .padding-md-145b {
    padding-bottom: 145px; }
  .padding-md-150b {
    padding-bottom: 150px; }
  .padding-md-155b {
    padding-bottom: 155px; }
  .padding-md-160b {
    padding-bottom: 160px; }
  .padding-md-165b {
    padding-bottom: 165px; }
  .padding-md-170b {
    padding-bottom: 170px; }
  .padding-md-175b {
    padding-bottom: 175px; }
  .padding-md-180b {
    padding-bottom: 180px; }
  .padding-md-185b {
    padding-bottom: 185px; }
  .padding-md-190b {
    padding-bottom: 190px; }
  .padding-md-195b {
    padding-bottom: 195px; }
  .padding-md-200b {
    padding-bottom: 200px; }
  .no-padd-md {
    padding-left: 0px;
    padding-right: 0px; } }

@media screen and (max-width: 991px) {
  .margin-sm-0t {
    margin-top: 0px; }
  .margin-sm-5t {
    margin-top: 5px; }
  .margin-sm-10t {
    margin-top: 10px; }
  .margin-sm-15t {
    margin-top: 15px; }
  .margin-sm-20t {
    margin-top: 20px; }
  .margin-sm-25t {
    margin-top: 25px; }
  .margin-sm-30t {
    margin-top: 30px; }
  .margin-sm-35t {
    margin-top: 35px; }
  .margin-sm-40t {
    margin-top: 40px; }
  .margin-sm-45t {
    margin-top: 45px; }
  .margin-sm-50t {
    margin-top: 50px; }
  .margin-sm-55t {
    margin-top: 55px; }
  .margin-sm-60t {
    margin-top: 60px; }
  .margin-sm-65t {
    margin-top: 65px; }
  .margin-sm-70t {
    margin-top: 70px; }
  .margin-sm-75t {
    margin-top: 75px; }
  .margin-sm-80t {
    margin-top: 80px; }
  .margin-sm-85t {
    margin-top: 85px; }
  .margin-sm-90t {
    margin-top: 90px; }
  .margin-sm-95t {
    margin-top: 95px; }
  .margin-sm-100t {
    margin-top: 100px; }
  .margin-sm-105t {
    margin-top: 105px; }
  .margin-sm-110t {
    margin-top: 110px; }
  .margin-sm-115t {
    margin-top: 115px; }
  .margin-sm-120t {
    margin-top: 120px; }
  .margin-sm-125t {
    margin-top: 125px; }
  .margin-sm-130t {
    margin-top: 130px; }
  .margin-sm-135t {
    margin-top: 135px; }
  .margin-sm-140t {
    margin-top: 140px; }
  .margin-sm-145t {
    margin-top: 145px; }
  .margin-sm-150t {
    margin-top: 150px; }
  .margin-sm-155t {
    margin-top: 155px; }
  .margin-sm-160t {
    margin-top: 160px; }
  .margin-sm-165t {
    margin-top: 165px; }
  .margin-sm-170t {
    margin-top: 170px; }
  .margin-sm-175t {
    margin-top: 175px; }
  .margin-sm-180t {
    margin-top: 180px; }
  .margin-sm-185t {
    margin-top: 185px; }
  .margin-sm-190t {
    margin-top: 190px; }
  .margin-sm-195t {
    margin-top: 195px; }
  .margin-sm-200t {
    margin-top: 200px; }
  .margin-sm-0b {
    margin-bottom: 0px; }
  .margin-sm-5b {
    margin-bottom: 5px; }
  .margin-sm-10b {
    margin-bottom: 10px; }
  .margin-sm-15b {
    margin-bottom: 15px; }
  .margin-sm-20b {
    margin-bottom: 20px; }
  .margin-sm-25b {
    margin-bottom: 25px; }
  .margin-sm-30b {
    margin-bottom: 30px; }
  .margin-sm-35b {
    margin-bottom: 35px; }
  .margin-sm-40b {
    margin-bottom: 40px; }
  .margin-sm-45b {
    margin-bottom: 45px; }
  .margin-sm-50b {
    margin-bottom: 50px; }
  .margin-sm-55b {
    margin-bottom: 55px; }
  .margin-sm-60b {
    margin-bottom: 60px; }
  .margin-sm-65b {
    margin-bottom: 65px; }
  .margin-sm-70b {
    margin-bottom: 70px; }
  .margin-sm-75b {
    margin-bottom: 75px; }
  .margin-sm-80b {
    margin-bottom: 80px; }
  .margin-sm-85b {
    margin-bottom: 85px; }
  .margin-sm-90b {
    margin-bottom: 90px; }
  .margin-sm-95b {
    margin-bottom: 95px; }
  .margin-sm-100b {
    margin-bottom: 100px; }
  .margin-sm-105b {
    margin-bottom: 105px; }
  .margin-sm-110b {
    margin-bottom: 110px; }
  .margin-sm-115b {
    margin-bottom: 115px; }
  .margin-sm-120b {
    margin-bottom: 120px; }
  .margin-sm-125b {
    margin-bottom: 125px; }
  .margin-sm-130b {
    margin-bottom: 130px; }
  .margin-sm-135b {
    margin-bottom: 135px; }
  .margin-sm-140b {
    margin-bottom: 140px; }
  .margin-sm-145b {
    margin-bottom: 145px; }
  .margin-sm-150b {
    margin-bottom: 150px; }
  .margin-sm-155b {
    margin-bottom: 155px; }
  .margin-sm-160b {
    margin-bottom: 160px; }
  .margin-sm-165b {
    margin-bottom: 165px; }
  .margin-sm-170b {
    margin-bottom: 170px; }
  .margin-sm-175b {
    margin-bottom: 175px; }
  .margin-sm-180b {
    margin-bottom: 180px; }
  .margin-sm-185b {
    margin-bottom: 185px; }
  .margin-sm-190b {
    margin-bottom: 190px; }
  .margin-sm-195b {
    margin-bottom: 195px; }
  .margin-sm-200b {
    margin-bottom: 200px; }
  .padding-sm-0t {
    padding-top: 0px; }
  .padding-sm-5t {
    padding-top: 5px; }
  .padding-sm-10t {
    padding-top: 10px; }
  .padding-sm-15t {
    padding-top: 15px; }
  .padding-sm-20t {
    padding-top: 20px; }
  .padding-sm-25t {
    padding-top: 25px; }
  .padding-sm-30t {
    padding-top: 30px; }
  .padding-sm-35t {
    padding-top: 35px; }
  .padding-sm-40t {
    padding-top: 40px; }
  .padding-sm-45t {
    padding-top: 45px; }
  .padding-sm-50t {
    padding-top: 50px; }
  .padding-sm-55t {
    padding-top: 55px; }
  .padding-sm-60t {
    padding-top: 60px; }
  .padding-sm-65t {
    padding-top: 65px; }
  .padding-sm-70t {
    padding-top: 70px; }
  .padding-sm-75t {
    padding-top: 75px; }
  .padding-sm-80t {
    padding-top: 80px; }
  .padding-sm-85t {
    padding-top: 85px; }
  .padding-sm-90t {
    padding-top: 90px; }
  .padding-sm-95t {
    padding-top: 95px; }
  .padding-sm-100t {
    padding-top: 100px; }
  .padding-sm-105t {
    padding-top: 105px; }
  .padding-sm-110t {
    padding-top: 110px; }
  .padding-sm-115t {
    padding-top: 115px; }
  .padding-sm-120t {
    padding-top: 120px; }
  .padding-sm-125t {
    padding-top: 125px; }
  .padding-sm-130t {
    padding-top: 130px; }
  .padding-sm-135t {
    padding-top: 135px; }
  .padding-sm-140t {
    padding-top: 140px; }
  .padding-sm-145t {
    padding-top: 145px; }
  .padding-sm-150t {
    padding-top: 150px; }
  .padding-sm-155t {
    padding-top: 155px; }
  .padding-sm-160t {
    padding-top: 160px; }
  .padding-sm-165t {
    padding-top: 165px; }
  .padding-sm-170t {
    padding-top: 170px; }
  .padding-sm-175t {
    padding-top: 175px; }
  .padding-sm-180t {
    padding-top: 180px; }
  .padding-sm-185t {
    padding-top: 185px; }
  .padding-sm-190t {
    padding-top: 190px; }
  .padding-sm-195t {
    padding-top: 195px; }
  .padding-sm-200t {
    padding-top: 200px; }
  .padding-sm-0b {
    padding-bottom: 0px; }
  .padding-sm-5b {
    padding-bottom: 5px; }
  .padding-sm-10b {
    padding-bottom: 10px; }
  .padding-sm-15b {
    padding-bottom: 15px; }
  .padding-sm-20b {
    padding-bottom: 20px; }
  .padding-sm-25b {
    padding-bottom: 25px; }
  .padding-sm-30b {
    padding-bottom: 30px; }
  .padding-sm-35b {
    padding-bottom: 35px; }
  .padding-sm-40b {
    padding-bottom: 40px; }
  .padding-sm-45b {
    padding-bottom: 45px; }
  .padding-sm-50b {
    padding-bottom: 50px; }
  .padding-sm-55b {
    padding-bottom: 55px; }
  .padding-sm-60b {
    padding-bottom: 60px; }
  .padding-sm-65b {
    padding-bottom: 65px; }
  .padding-sm-70b {
    padding-bottom: 70px; }
  .padding-sm-75b {
    padding-bottom: 75px; }
  .padding-sm-80b {
    padding-bottom: 80px; }
  .padding-sm-85b {
    padding-bottom: 85px; }
  .padding-sm-90b {
    padding-bottom: 90px; }
  .padding-sm-95b {
    padding-bottom: 95px; }
  .padding-sm-100b {
    padding-bottom: 100px; }
  .padding-sm-105b {
    padding-bottom: 105px; }
  .padding-sm-110b {
    padding-bottom: 110px; }
  .padding-sm-115b {
    padding-bottom: 115px; }
  .padding-sm-120b {
    padding-bottom: 120px; }
  .padding-sm-125b {
    padding-bottom: 125px; }
  .padding-sm-130b {
    padding-bottom: 130px; }
  .padding-sm-135b {
    padding-bottom: 135px; }
  .padding-sm-140b {
    padding-bottom: 140px; }
  .padding-sm-145b {
    padding-bottom: 145px; }
  .padding-sm-150b {
    padding-bottom: 150px; }
  .padding-sm-155b {
    padding-bottom: 155px; }
  .padding-sm-160b {
    padding-bottom: 160px; }
  .padding-sm-165b {
    padding-bottom: 165px; }
  .padding-sm-170b {
    padding-bottom: 170px; }
  .padding-sm-175b {
    padding-bottom: 175px; }
  .padding-sm-180b {
    padding-bottom: 180px; }
  .padding-sm-185b {
    padding-bottom: 185px; }
  .padding-sm-190b {
    padding-bottom: 190px; }
  .padding-sm-195b {
    padding-bottom: 195px; }
  .padding-sm-200b {
    padding-bottom: 200px; }
  .no-padd-sm {
    padding-left: 0px;
    padding-right: 0px; }
  .padd-only-sm {
    padding-left: 15px !important;
    padding-right: 15px !important; } }

@media screen and (max-width: 767px) {
  .margin-xs-0t {
    margin-top: 0px; }
  .margin-xs-5t {
    margin-top: 5px; }
  .margin-xs-10t {
    margin-top: 10px; }
  .margin-xs-15t {
    margin-top: 15px; }
  .margin-xs-20t {
    margin-top: 20px; }
  .margin-xs-25t {
    margin-top: 25px; }
  .margin-xs-30t {
    margin-top: 30px; }
  .margin-xs-35t {
    margin-top: 35px; }
  .margin-xs-40t {
    margin-top: 40px; }
  .margin-xs-45t {
    margin-top: 45px; }
  .margin-xs-50t {
    margin-top: 50px; }
  .margin-xs-55t {
    margin-top: 55px; }
  .margin-xs-60t {
    margin-top: 60px; }
  .margin-xs-65t {
    margin-top: 65px; }
  .margin-xs-70t {
    margin-top: 70px; }
  .margin-xs-75t {
    margin-top: 75px; }
  .margin-xs-80t {
    margin-top: 80px; }
  .margin-xs-85t {
    margin-top: 85px; }
  .margin-xs-90t {
    margin-top: 90px; }
  .margin-xs-95t {
    margin-top: 95px; }
  .margin-xs-100t {
    margin-top: 100px; }
  .margin-xs-105t {
    margin-top: 105px; }
  .margin-xs-110t {
    margin-top: 110px; }
  .margin-xs-115t {
    margin-top: 115px; }
  .margin-xs-120t {
    margin-top: 120px; }
  .margin-xs-125t {
    margin-top: 125px; }
  .margin-xs-130t {
    margin-top: 130px; }
  .margin-xs-135t {
    margin-top: 135px; }
  .margin-xs-140t {
    margin-top: 140px; }
  .margin-xs-145t {
    margin-top: 145px; }
  .margin-xs-150t {
    margin-top: 150px; }
  .margin-xs-155t {
    margin-top: 155px; }
  .margin-xs-160t {
    margin-top: 160px; }
  .margin-xs-165t {
    margin-top: 165px; }
  .margin-xs-170t {
    margin-top: 170px; }
  .margin-xs-175t {
    margin-top: 175px; }
  .margin-xs-180t {
    margin-top: 180px; }
  .margin-xs-185t {
    margin-top: 185px; }
  .margin-xs-190t {
    margin-top: 190px; }
  .margin-xs-195t {
    margin-top: 195px; }
  .margin-xs-200t {
    margin-top: 200px; }
  .margin-xs-0b {
    margin-bottom: 0px; }
  .margin-xs-5b {
    margin-bottom: 5px; }
  .margin-xs-10b {
    margin-bottom: 10px; }
  .margin-xs-15b {
    margin-bottom: 15px; }
  .margin-xs-20b {
    margin-bottom: 20px; }
  .margin-xs-25b {
    margin-bottom: 25px; }
  .margin-xs-30b {
    margin-bottom: 30px; }
  .margin-xs-35b {
    margin-bottom: 35px; }
  .margin-xs-40b {
    margin-bottom: 40px; }
  .margin-xs-45b {
    margin-bottom: 45px; }
  .margin-xs-50b {
    margin-bottom: 50px; }
  .margin-xs-55b {
    margin-bottom: 55px; }
  .margin-xs-60b {
    margin-bottom: 60px; }
  .margin-xs-65b {
    margin-bottom: 65px; }
  .margin-xs-70b {
    margin-bottom: 70px; }
  .margin-xs-75b {
    margin-bottom: 75px; }
  .margin-xs-80b {
    margin-bottom: 80px; }
  .margin-xs-85b {
    margin-bottom: 85px; }
  .margin-xs-90b {
    margin-bottom: 90px; }
  .margin-xs-95b {
    margin-bottom: 95px; }
  .margin-xs-100b {
    margin-bottom: 100px; }
  .margin-xs-105b {
    margin-bottom: 105px; }
  .margin-xs-110b {
    margin-bottom: 110px; }
  .margin-xs-115b {
    margin-bottom: 115px; }
  .margin-xs-120b {
    margin-bottom: 120px; }
  .margin-xs-125b {
    margin-bottom: 125px; }
  .margin-xs-130b {
    margin-bottom: 130px; }
  .margin-xs-135b {
    margin-bottom: 135px; }
  .margin-xs-140b {
    margin-bottom: 140px; }
  .margin-xs-145b {
    margin-bottom: 145px; }
  .margin-xs-150b {
    margin-bottom: 150px; }
  .margin-xs-155b {
    margin-bottom: 155px; }
  .margin-xs-160b {
    margin-bottom: 160px; }
  .margin-xs-165b {
    margin-bottom: 165px; }
  .margin-xs-170b {
    margin-bottom: 170px; }
  .margin-xs-175b {
    margin-bottom: 175px; }
  .margin-xs-180b {
    margin-bottom: 180px; }
  .margin-xs-185b {
    margin-bottom: 185px; }
  .margin-xs-190b {
    margin-bottom: 190px; }
  .margin-xs-195b {
    margin-bottom: 195px; }
  .margin-xs-200b {
    margin-bottom: 200px; }
  .padding-xs-0t {
    padding-top: 0px; }
  .padding-xs-5t {
    padding-top: 5px; }
  .padding-xs-10t {
    padding-top: 10px; }
  .padding-xs-15t {
    padding-top: 15px; }
  .padding-xs-20t {
    padding-top: 20px; }
  .padding-xs-25t {
    padding-top: 25px; }
  .padding-xs-30t {
    padding-top: 30px; }
  .padding-xs-35t {
    padding-top: 35px; }
  .padding-xs-40t {
    padding-top: 40px; }
  .padding-xs-45t {
    padding-top: 45px; }
  .padding-xs-50t {
    padding-top: 50px; }
  .padding-xs-55t {
    padding-top: 55px; }
  .padding-xs-60t {
    padding-top: 60px; }
  .padding-xs-65t {
    padding-top: 65px; }
  .padding-xs-70t {
    padding-top: 70px; }
  .padding-xs-75t {
    padding-top: 75px; }
  .padding-xs-80t {
    padding-top: 80px; }
  .padding-xs-85t {
    padding-top: 85px; }
  .padding-xs-90t {
    padding-top: 90px; }
  .padding-xs-95t {
    padding-top: 95px; }
  .padding-xs-100t {
    padding-top: 100px; }
  .padding-xs-105t {
    padding-top: 105px; }
  .padding-xs-110t {
    padding-top: 110px; }
  .padding-xs-115t {
    padding-top: 115px; }
  .padding-xs-120t {
    padding-top: 120px; }
  .padding-xs-125t {
    padding-top: 125px; }
  .padding-xs-130t {
    padding-top: 130px; }
  .padding-xs-135t {
    padding-top: 135px; }
  .padding-xs-140t {
    padding-top: 140px; }
  .padding-xs-145t {
    padding-top: 145px; }
  .padding-xs-150t {
    padding-top: 150px; }
  .padding-xs-155t {
    padding-top: 155px; }
  .padding-xs-160t {
    padding-top: 160px; }
  .padding-xs-165t {
    padding-top: 165px; }
  .padding-xs-170t {
    padding-top: 170px; }
  .padding-xs-175t {
    padding-top: 175px; }
  .padding-xs-180t {
    padding-top: 180px; }
  .padding-xs-185t {
    padding-top: 185px; }
  .padding-xs-190t {
    padding-top: 190px; }
  .padding-xs-195t {
    padding-top: 195px; }
  .padding-xs-200t {
    padding-top: 200px; }
  .padding-xs-0b {
    padding-bottom: 0px; }
  .padding-xs-5b {
    padding-bottom: 5px; }
  .padding-xs-10b {
    padding-bottom: 10px; }
  .padding-xs-15b {
    padding-bottom: 15px; }
  .padding-xs-20b {
    padding-bottom: 20px; }
  .padding-xs-25b {
    padding-bottom: 25px; }
  .padding-xs-30b {
    padding-bottom: 30px; }
  .padding-xs-35b {
    padding-bottom: 35px; }
  .padding-xs-40b {
    padding-bottom: 40px; }
  .padding-xs-45b {
    padding-bottom: 45px; }
  .padding-xs-50b {
    padding-bottom: 50px; }
  .padding-xs-55b {
    padding-bottom: 55px; }
  .padding-xs-60b {
    padding-bottom: 60px; }
  .padding-xs-65b {
    padding-bottom: 65px; }
  .padding-xs-70b {
    padding-bottom: 70px; }
  .padding-xs-75b {
    padding-bottom: 75px; }
  .padding-xs-80b {
    padding-bottom: 80px; }
  .padding-xs-85b {
    padding-bottom: 85px; }
  .padding-xs-90b {
    padding-bottom: 90px; }
  .padding-xs-95b {
    padding-bottom: 95px; }
  .padding-xs-100b {
    padding-bottom: 100px; }
  .padding-xs-105b {
    padding-bottom: 105px; }
  .padding-xs-110b {
    padding-bottom: 110px; }
  .padding-xs-115b {
    padding-bottom: 115px; }
  .padding-xs-120b {
    padding-bottom: 120px; }
  .padding-xs-125b {
    padding-bottom: 125px; }
  .padding-xs-130b {
    padding-bottom: 130px; }
  .padding-xs-135b {
    padding-bottom: 135px; }
  .padding-xs-140b {
    padding-bottom: 140px; }
  .padding-xs-145b {
    padding-bottom: 145px; }
  .padding-xs-150b {
    padding-bottom: 150px; }
  .padding-xs-155b {
    padding-bottom: 155px; }
  .padding-xs-160b {
    padding-bottom: 160px; }
  .padding-xs-165b {
    padding-bottom: 165px; }
  .padding-xs-170b {
    padding-bottom: 170px; }
  .padding-xs-175b {
    padding-bottom: 175px; }
  .padding-xs-180b {
    padding-bottom: 180px; }
  .padding-xs-185b {
    padding-bottom: 185px; }
  .padding-xs-190b {
    padding-bottom: 190px; }
  .padding-xs-195b {
    padding-bottom: 195px; }
  .padding-xs-200b {
    padding-bottom: 200px; }
  .no-padd-xs {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .padd-only-xs {
    padding-left: 15px !important;
    padding-right: 15px !important; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - ALL STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/

a:active, a:focus {
  outline: none; }

.mark {
  background-color: transparent; }

.clear {
  clear: both;
  float: none; }

.wpc-svg {
  width: 100%;
  height: 100%;
  border-left: none; }

.no-scroll {
  overflow: hidden; }

.s-back-switch {
  background-size: cover;
  background-repeat: no-repeat; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - FONTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Get Font Awesome from CDN */
.wpc-navigation {
  position: relative;
  min-height: 40px;
  top: 33px; }

.main-menu {
  padding: 0;
  margin: 0;
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
  position: fixed;
  top: 0;
  min-height: 40px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  -webkit-transition: 1s;
  transition: 1s;
  z-index: 90; }

.wpc-navigation.open-menu .main-menu {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.main-menu li {
  position: relative; }

.main-menu .sub-menu {
  display: none;
  padding: 0;
  white-space: nowrap; }

/* Active menu items */
.main-menu .current-menu-parent a,
.main-menu .current-menu-item a {
  color: #000; }

/* Responsive menu button */
.nav-menu-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  display: none;
  cursor: pointer; }

.nav-menu-icon {
  display: block; }

/* Don`t reqiured */
.wpc-navigation.active .nav-menu-icon i {
  background: none; }

.wpc-navigation.active .nav-menu-icon i:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.wpc-navigation.active .nav-menu-icon i:after {
  top: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

/* End Don`t reqiured */
.nav-menu-icon i:before, .nav-menu-icon i:after {
  content: '';
  width: 32px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.nav-menu-icon i:before {
  top: -7px; }

.nav-menu-icon i:after {
  bottom: -7px; }

.nav-menu-icon i {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #000; }

.menu-item-has-children > a span {
  display: none; }

.wpc-navigation .social-wrap {
  position: static; }

.main-menu .menu-item a {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: 0.6px;
  color: #fff;
  padding: 15px 0;
  display: inline-block;
  position: relative;
  font-weight: 300; }
  @media (max-width: 767px) {
    .main-menu .menu-item a {
      font-size: 18px;
      padding: 10px 0; } }
  .main-menu .menu-item a:after {
    content: "";
    width: 23px;
    height: 15px;
    display: inline-block;
    background-image: url(../img/arrow-left.png);
    opacity: 0;
    position: absolute;
    left: 103%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
  .main-menu .menu-item a.rotated:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.main-menu .menu-item:hover > a {
  color: #fad31e;
  text-decoration: line-through; }
  .main-menu .menu-item:hover > a:after {
    opacity: 1; }

.main-menu > ul {
  position: absolute;
  bottom: 34%;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%); }
  @media (max-width: 767px) {
    .main-menu > ul {
      bottom: 15%; } }
  .main-menu > ul > .menu-item > a {
    display: block;
    font-weight: 300;
    font-family: "Work Sans", sans-serif;
    font-size: 32px;
    line-height: 0.78125;
    letter-spacing: 0.96px;
    padding: 21px 0; }
    @media (max-width: 767px) {
      .main-menu > ul > .menu-item > a {
        font-size: 22px;
        padding: 15px 0; } }

@media (max-width: 767px) {
  .main-menu .wpc-soc-icons.bottom-icon {
    bottom: 30px; } }

.btn-top-toggle, .btn-bottom {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 26px 0 26px;
  border-color: #fad31e transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  .btn-top-toggle:hover, .btn-bottom:hover {
    border-color: #e0b905 transparent transparent transparent; }
  .btn-top-toggle:before, .btn-bottom:before {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: -25px;
    left: -5.5px;
    font-size: 19px;
    color: #201e15; }

.btn-bottom {
  top: auto;
  bottom: 0;
  border-width: 0 26px 26px 26px;
  border-color: transparent transparent #fad31e transparent; }
  .btn-bottom:hover {
    border-color: transparent transparent #e0b905 transparent; }
  .btn-bottom:before {
    content: "\f106";
    top: 5px; }

.wpc-navigation {
  position: relative; }
  .wpc-navigation .menu-toggle {
    display: inline-block;
    position: absolute;
    right: 59px;
    top: 12px;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 9999; }
    @media (max-width: 991px) {
      .wpc-navigation .menu-toggle {
        top: 5px; } }
    @media (max-width: 767px) {
      .wpc-navigation .menu-toggle {
        right: 35px; } }
    .wpc-navigation .menu-toggle .icon {
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 1px;
      background-color: #fff;
      margin-top: 2px;
      margin-bottom: 4px; }
      .wpc-navigation .menu-toggle .icon:not(:last-child) {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
  @media (max-width: 767px) {
    .wpc-navigation.open-menu .menu-toggle {
      position: fixed;
      top: 30px;
      right: 20px; } }
  .wpc-navigation.open-menu .menu-toggle .icon:first-child {
    -webkit-transform: rotate(-51deg);
    transform: rotate(-51deg);
    position: relative;
    top: 7px;
    width: 30px; }
  .wpc-navigation.open-menu .menu-toggle .icon:nth-child(2) {
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
    width: 30px; }
  .wpc-navigation.open-menu .menu-toggle .icon:last-child {
    visibility: hidden; }

.wpc-logo {
  font: 700 36px "Raleway", sans-serif;
  text-transform: uppercase;
  color: #fff;
  margin-left: 38px;
  letter-spacing: 1.5px;
  z-index: 99;
  position: relative;
  display: inline-block; }
  .wpc-logo a {
    color: #fff; }
  .wpc-logo:hover a {
    color: #fff; }
  .wpc-logo img {
    max-width: 100%; }

.wpc-top-header {
  min-height: 110px;
  background-color: rgba(29, 29, 28, 0.8);
  z-index: 11;
  position: absolute;
  width: 100%;
  padding-top: 45px;
  border-bottom: 1px solid #787878;
  top: -40%;
  -webkit-transition: 0.7s;
  transition: 0.7s; }
  .wpc-top-header a:hover {
    color: #fad31e; }
  .wpc-top-header.active {
    top: 0; }
  .wpc-top-header .info {
    color: #fff;
    font-family: "Work Sans", sans-serif;
    letter-spacing: 0.2px;
    word-spacing: 0.5px; }
  .wpc-top-header span[class*='flaticon']:before {
    margin-left: 0;
    font-size: 12px;
    color: #fad31e; }

.btn-top-close {
  background-color: #fad31e;
  display: inline-block;
  min-width: 35px;
  min-height: 35px;
  padding-top: 8px;
  position: relative;
  bottom: -27px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  .btn-top-close:hover {
    background-color: #e0b905; }
  .btn-top-close span.flaticon-cancel:before {
    margin-left: 0;
    display: inline-block;
    color: #24231c; }

.wpc-svg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-position: center;
  background-size: cover; }

.wpc-swiper-arrow {
  position: absolute;
  top: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 2px solid #fff;
  min-width: 50px;
  min-height: 50px;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer; }
  .wpc-swiper-arrow:hover {
    border-color: #fff;
    background-color: #fff; }
    .wpc-swiper-arrow:hover i {
      color: #121212; }
  .wpc-swiper-arrow.classic {
    border-color: #fad31e;
    top: 82%; }
    .wpc-swiper-arrow.classic.work-arrow {
      top: 26.7%;
      text-align: center; }
    .wpc-swiper-arrow.classic.arrow-left {
      left: auto;
      right: -150px;
      -webkit-transform: rotateZ(-90deg);
      transform: rotateZ(-90deg); }
      .wpc-swiper-arrow.classic.arrow-left.work-arrow {
        left: 34.8%;
        right: auto;
        -webkit-transform: rotateZ(-46deg);
        transform: rotateZ(-46deg); }
        .wpc-swiper-arrow.classic.arrow-left.work-arrow i {
          -webkit-transform: rotateZ(46deg);
          transform: rotateZ(46deg);
          display: inline-block;
          margin-top: -3px;
          margin-left: 13px; }
    .wpc-swiper-arrow.classic.arrow-right {
      -webkit-transform: rotateZ(-90deg);
      transform: rotateZ(-90deg);
      right: -70px; }
      .wpc-swiper-arrow.classic.arrow-right.work-arrow {
        right: 35.8%;
        -webkit-transform: rotateZ(-46deg);
        transform: rotateZ(-46deg); }
        .wpc-swiper-arrow.classic.arrow-right.work-arrow i {
          -webkit-transform: rotateZ(46deg);
          transform: rotateZ(46deg);
          display: inline-block;
          margin-top: -3px;
          margin-left: 22px; }
    .wpc-swiper-arrow.classic:hover {
      background-color: #fad31e; }
    .wpc-swiper-arrow.classic i {
      color: #000; }
    .wpc-swiper-arrow.classic.light i {
      color: #fad31e; }
    .wpc-swiper-arrow.classic.light:hover i {
      color: #000; }
  .wpc-swiper-arrow i {
    color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .wpc-swiper-arrow i:before {
      top: 15px;
      position: relative; }
  .wpc-swiper-arrow.arrow-left {
    left: 50px; }
  .wpc-swiper-arrow.arrow-right {
    right: 50px; }
    .wpc-swiper-arrow.arrow-right i:before {
      left: 5px; }

.wpc-pagination .swiper-pagination-switch {
  width: 40px;
  height: 40px;
  margin-left: 15px;
  margin-right: 15px;
  -webkit-transform: rotate(46deg);
  transform: rotate(46deg); }
  .wpc-pagination .swiper-pagination-switch.swiper-active-switch:after, .wpc-pagination .swiper-pagination-switch.swiper-active-switch:before {
    content: "";
    width: 19px;
    height: 47px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: -1px;
    background-size: contain; }
  .wpc-pagination .swiper-pagination-switch.swiper-active-switch:after {
    background-image: url("../img/left-frame.png");
    left: -1px; }
  .wpc-pagination .swiper-pagination-switch.swiper-active-switch:before {
    background-image: url("../img/right-frame.png");
    right: -2px; }

.wpc-pagination-img .swiper-pagination-switch {
  width: 48px;
  height: 48px;
  padding: 3px; }
  .wpc-pagination-img .swiper-pagination-switch .pagination-wrap-img {
    overflow: hidden;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer; }
    .wpc-pagination-img .swiper-pagination-switch .pagination-wrap-img .img {
      width: 40px;
      height: 40px;
      -webkit-transform: rotate(-46deg) scale(1.4);
      transform: rotate(-46deg) scale(1.4); }

.pagination.wpc-pagination-img {
  bottom: -5px;
  z-index: 10; }
  .pagination.wpc-pagination-img .swiper-pagination-switch {
    background-size: cover;
    background-repeat: no-repeat; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - SOCIAL ICONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-soc-icons a {
  border: 2px solid #fad31e;
  min-width: 30px;
  min-height: 30px;
  margin-left: 15px;
  margin-right: 15px;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center; }
  .wpc-soc-icons a:hover {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
    .wpc-soc-icons a:hover .fa {
      -webkit-transform: rotateZ(0);
      transform: rotateZ(0); }
  .wpc-soc-icons a .fa {
    color: #fff;
    font-size: 12px;
    -webkit-transform: rotateZ(-46deg);
    transform: rotateZ(-46deg);
    padding: 9px 7px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-width: 30px; }

.wpc-soc-icons.bottom-icon {
  position: absolute;
  bottom: 50px;
  width: 100%;
  text-align: center; }

.wpc-soc-icons.classic {
  margin-right: 4px; }
  .wpc-soc-icons.classic .fa:before {
    font-size: 12px; }
  .wpc-soc-icons.classic a {
    min-width: 23px;
    min-height: 23px;
    margin-left: 26px;
    margin-right: 0; }
    .wpc-soc-icons.classic a:hover {
      background-color: #fad31e;
      -webkit-transform: rotateZ(46deg);
      transform: rotateZ(46deg); }
      .wpc-soc-icons.classic a:hover .fa {
        -webkit-transform: rotateZ(-46deg);
        transform: rotateZ(-46deg);
        color: #1c1c1c; }

.wpc-soc-icons.modern a {
  margin-left: 12px;
  margin-right: 12px; }

.wpc-soc-icons.modern .google {
  border-color: #dc4e41; }
  .wpc-soc-icons.modern .google .fa {
    color: #dc4e41; }

.wpc-soc-icons.modern .twitter {
  border-color: #55acee; }
  .wpc-soc-icons.modern .twitter .fa {
    color: #55acee; }

.wpc-soc-icons.modern .facebook {
  border-color: #3b5998; }
  .wpc-soc-icons.modern .facebook .fa {
    color: #3b5998; }

.wpc-romb {
  -webkit-transform: rotateZ(46deg);
  transform: rotateZ(46deg); }
  .wpc-romb > * {
    -webkit-transform: rotateZ(-46deg);
    transform: rotateZ(-46deg);
    display: inline-block; }

.wpc-link {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  color: #fff;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-height: 40px;
  min-width: 171px;
  border: 2px solid transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 40px; }
  .wpc-link:hover {
    border-color: #fad31e;
    color: #fad31e; }
    .wpc-link:hover:before, .wpc-link:hover:after {
      opacity: 0; }
  .wpc-link:before, .wpc-link:after {
    content: "";
    width: 15px;
    height: 44px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .wpc-link:before {
    background-image: url("../img/left-frame.png");
    left: 0; }
  .wpc-link:after {
    background-image: url("../img/right-frame.png");
    right: 0; }
  .wpc-link.dark-text {
    color: #202020; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - TOP SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-top-slider {
  margin-top: -43px; }
  .wpc-top-slider .swiper-container {
    padding-bottom: 40px;
    width: 100%; }
  .wpc-top-slider .swiper-slide {
    background-position: center; }
  .wpc-top-slider .wrap-info {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-23%);
    transform: translateY(-23%);
    width: 100%;
    text-align: center;
    z-index: 9; }
  .wpc-top-slider .title-slide {
    font: 200 67px "Work Sans", sans-serif;
    color: #fff; }
    .wpc-top-slider .title-slide a {
      color: #fad31e;
      position: relative; }
      .wpc-top-slider .title-slide a:before {
        content: "";
        background-color: #fad31e;
        height: 1px;
        width: 100%;
        display: inline-block;
        position: absolute;
        bottom: 10px; }
  .wpc-top-slider .wpc-pagination-img .swiper-pagination-switch .pagination-wrap-img .img {
    width: 170%;
    -webkit-transform: rotate(-46deg) scale(1.4) translate(-5px, -7px);
    transform: rotate(-46deg) scale(1.4) translate(-5px, -7px); }

.wpc-top-slider .img-wrap {
  height: 100vh; }

.wpc-top-slider .wpc-svg-wrap {
  height: 100vh; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-about {
  position: relative;
  margin-top: -40px;
  background-position-x: 50%;
  background-position-y: 65%; }
  .wpc-about .wpc-svg-wrap {
    bottom: 0;
    height: auto; }
  .wpc-about .text-wrap {
    position: relative;
    z-index: 9; }
    .wpc-about .text-wrap p {
      font: 16px "Work Sans", sans-serif;
      color: #9c9c9c;
      line-height: 25px; }
  .wpc-about .arrow-left, .wpc-about .arrow-right {
    color: #919191;
    position: relative;
    top: 15px; }
    .wpc-about .arrow-left:hover, .wpc-about .arrow-right:hover {
      color: #fad31e; }
  .wpc-about .arrow-left {
    right: 175px; }
  .wpc-about .arrow-right {
    left: 175px; }
  .wpc-about .title {
    font: 300 43px "Work Sans", sans-serif;
    color: #000;
    line-height: 76px;
    text-transform: capitalize;
    letter-spacing: 0.5px; }
    .wpc-about .title.small-text {
      font-size: 35px; }
  .wpc-about.classic {
    margin-top: 0;
    overflow: hidden; }
    .wpc-about.classic:before {
      content: "";
      width: 1200px;
      height: 1200px;
      background-color: #fafafa;
      position: absolute;
      top: -85px;
      left: 50%;
      -webkit-transform: translateX(-50%) rotate(-46deg);
      transform: translateX(-50%) rotate(-46deg); }
    .wpc-about.classic .text-wrap p {
      margin-bottom: 24px; }

.wpc-heading {
  font: 600 26px "Work Sans", sans-serif;
  text-transform: uppercase;
  line-height: 76px;
  text-align: center;
  letter-spacing: 1px; }
  .wpc-heading.heading-light {
    color: #fff; }

.wpc-decor-heading {
  background-image: url(../img/divider.png);
  background-repeat: no-repeat;
  background-position: bottom center; }

.wpc-wrapper {
  position: relative;
  z-index: 9; }

.wpc-subheading {
  color: #9c9c9c;
  font: 16px "Work Sans", sans-serif;
  text-align: center;
  max-width: 65%;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto; }

.wpc-tabs .tabs-header {
  float: left; }
  .wpc-tabs .tabs-header li {
    width: 45px;
    height: 45px;
    background-color: #000;
    margin-left: 115px;
    margin-bottom: 50px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .wpc-tabs .tabs-header li .icon {
      color: #fad31e;
      padding-top: 8px;
      padding-bottom: 9px;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .wpc-tabs .tabs-header li.active, .wpc-tabs .tabs-header li:hover {
      background-color: #fad31e; }
      .wpc-tabs .tabs-header li.active .icon, .wpc-tabs .tabs-header li:hover .icon {
        color: #000; }

.wpc-tabs .tabs-content {
  margin-top: 28px; }
  .wpc-tabs .tabs-content .tabs-item .title {
    margin-bottom: 25px; }

.tabs-item.active {
  display: block; }

.tabs-item {
  display: none; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - SERVICES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-services {
  position: relative; }
  .wpc-services:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75); }
  .wpc-services .icon-wrap {
    border: 2px solid #fff;
    text-align: center;
    max-width: 57%;
    min-height: 150px;
    margin-left: auto;
    margin-right: auto; }
    .wpc-services .icon-wrap .icon {
      color: #fad31e;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotateZ(-46deg);
      transform: translate(-50%, -50%) rotateZ(-46deg); }
      .wpc-services .icon-wrap .icon:before {
        font-size: 27px; }
  .wpc-services .title {
    font: 20px "Work Sans", sans-serif;
    color: #fff;
    line-height: 40px;
    margin-top: 65px; }
    .wpc-services .title.title-count {
      font-size: 16px;
      text-transform: uppercase;
      line-height: 76px;
      margin-top: 25px;
      line-height: 76px; }
  .wpc-services .desc {
    color: #808080;
    font: 16px "Work Sans", sans-serif;
    line-height: 22px;
    margin-bottom: 32px; }
  .wpc-services .text-wrap {
    text-align: center; }
  .wpc-services .link {
    color: #fff;
    font: 12px "Work Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
    .wpc-services .link:after {
      content: "";
      width: 5px;
      height: 5px;
      background-color: #fad31e;
      display: inline-block;
      -webkit-transform: rotate(46deg);
      transform: rotate(46deg);
      position: relative;
      top: -1px;
      left: 5px; }
    .wpc-services .link:hover {
      color: #fad31e; }

.wpc-counter {
  font: 300 42px "Work Sans", sans-serif;
  color: #fad31e;
  padding-top: 48px;
  padding-bottom: 50px; }

.wpc-overlay-after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  .wpc-overlay-after.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  .wpc-overlay-after:after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - WORKS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-work {
  position: relative;
  min-height: 939px;
  max-height: 939px; }
  .wpc-work .wpc-svg-wrap {
    top: -8px;
    width: 100%; }
  .wpc-work .img-wrap {
    min-height: 609px; }
  .wpc-work .numbers-wrap .number {
    font: 35px "Merriweather", serif;
    color: #4c4c4c; }
    .wpc-work .numbers-wrap .number.current-number {
      color: #fad31e; }
    .wpc-work .numbers-wrap .number .divider {
      font: 300 25px "Merriweather", serif;
      color: #dedede; }
  .wpc-work .title {
    font: 20px "Work Sans", sans-serif;
    color: #000;
    line-height: 20px;
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    padding-bottom: 20px; }
  .wpc-work .desc {
    font: 16px "Work Sans", sans-serif;
    color: #9c9c9c;
    line-height: 25px;
    margin-top: 5px; }
  .wpc-work .wrap-info {
    position: relative;
    top: -45px; }
  .wpc-work .wpc-triangle-info {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: 1s;
    transition: 1s; }
  .wpc-work .swiper-slide-active .wpc-triangle-info {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.wpc-triangle-info {
  margin: 0 auto;
  position: relative;
  z-index: 9;
  text-align: center; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - WORKS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-team {
  min-height: 940px;
  overflow: hidden;
  position: relative; }
  .wpc-team:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6); }
  .wpc-team .swiper-container {
    padding: 12px 0; }
  .wpc-team .swiper-slide-active .wrapper-img {
    outline-color: rgba(250, 211, 30, 0.6); }
  .wpc-team .wrapper-img {
    width: 262px;
    height: 262px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    outline: 4px solid #fff;
    outline-offset: 3px; }
  .wpc-team .img-wrap {
    position: absolute;
    height: 370px;
    width: 370px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }
  .wpc-team .wrap-info .title {
    font: 200 38px "Work Sans", sans-serif;
    line-height: 25px;
    color: #fff; }
  .wpc-team .wrap-info .desc {
    font: 16px "Work Sans", sans-serif;
    color: #fff;
    line-height: 25px; }
  .wpc-team .team-slider-wrapper {
    background-color: rgba(28, 24, 3, 0.8);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    min-width: 1810px;
    margin-left: -535px;
    min-height: 350px; }
  .wpc-team .wrap-info {
    margin-top: -95px; }

.wpc-team-slider {
  max-width: 850px;
  margin-top: 260px;
  margin-left: 460px;
  padding-top: 35px;
  position: relative; }
  .wpc-team-slider .wrapper-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(250, 211, 30, 0.6);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    z-index: 9; }
  .wpc-team-slider .swiper-slide-active .wrapper-img:before {
    opacity: 1; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - QUOTES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-quotes {
  text-align: center; }
  .wpc-quotes .quote {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    display: inline-block;
    color: #dedede; }
    .wpc-quotes .quote.active {
      color: #fad31e; }
    .wpc-quotes .quote:before {
      font-size: 30px; }
  .wpc-quotes.classic .quote.active {
    margin-right: 23px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - TESTIMONIALS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-testimonials {
  background-position: center 26%;
  position: relative; }
  .wpc-testimonials:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8); }
  .wpc-testimonials .swiper-container {
    padding-bottom: 180px; }
  .wpc-testimonials .wrap-info .desc {
    font: 18px "Work Sans", sans-serif;
    color: #808080;
    line-height: 29px;
    text-align: center; }
  .wpc-testimonials .wpc-pagination {
    bottom: 37px; }
  .wpc-testimonials .pagination-wrap-img {
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .wpc-testimonials .img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .wpc-testimonials .swiper-active-switch + .pagination-title {
    opacity: 1; }
  .wpc-testimonials .swiper-active-switch .img {
    -webkit-filter: none;
    filter: none; }
  .wpc-testimonials .swiper-active-switch .pagination-wrap-img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  .wpc-testimonials .swiper-active-switch.swiper-pagination-switch:before, .wpc-testimonials .swiper-active-switch.swiper-pagination-switch:after {
    width: 30px;
    height: 61px;
    top: -8px; }
  .wpc-testimonials .swiper-active-switch.swiper-pagination-switch:before {
    right: -17px; }
  .wpc-testimonials .swiper-active-switch.swiper-pagination-switch:after {
    left: -8px; }
  .wpc-testimonials .pagination-title {
    position: absolute;
    bottom: -57px;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-left: -103px;
    font: 600 16px "Work Sans", sans-serif;
    text-transform: capitalize;
    color: #353636;
    line-height: 32px;
    display: inline-block !important;
    letter-spacing: 0.2px; }
  .wpc-testimonials.classic .swiper-container {
    padding-bottom: 150px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  12 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-footer {
  position: relative;
  min-height: 940px;
  margin-bottom: -10px; }
  .wpc-footer .wpc-overlay-after {
    background-position: center center; }
  .wpc-footer.footer-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  .wpc-footer .copyright {
    position: absolute;
    bottom: 98px;
    z-index: 9;
    width: 100%;
    text-align: center; }
    .wpc-footer .copyright.classic {
      bottom: 112px; }
    .wpc-footer .copyright p {
      font-family: "Work Sans", sans-serif;
      color: #fff;
      font-weight: 200;
      letter-spacing: 1px; }
  .wpc-footer.classic {
    min-height: 338px;
    margin-bottom: 0;
    background-position: center center; }
    .wpc-footer.classic .wpc-overlay {
      background-color: rgba(0, 0, 0, 0.5); }

.wpc-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.wpc-contact-info {
  text-align: center;
  position: relative;
  z-index: 9; }
  .wpc-contact-info .link {
    font: 300 28px "Work Sans", sans-serif;
    color: #fff;
    line-height: 37px; }
    .wpc-contact-info .link.small-text {
      font-size: 24px; }
    .wpc-contact-info .link:hover {
      color: #fad31e; }
  .wpc-contact-info .text-info {
    font: 300 24px "Work Sans", sans-serif;
    color: #fff; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  13 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-contact-form {
  width: 570px;
  margin: 0 auto;
  text-align: center; }
  .wpc-contact-form .wpc-link {
    background-color: transparent; }
  .wpc-contact-form .field {
    border: 1px solid #fff;
    font-family: "Work Sans", sans-serif;
    font-size: 13px;
    color: #b6b6b6;
    outline: none;
    padding: 10px 15px;
    margin-bottom: 60px;
    font-weight: 600;
    width: 100%;
    min-height: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .wpc-contact-form .field:focus {
      border-color: #fad31e; }
    .wpc-contact-form .field.message {
      height: 270px; }
  .wpc-contact-form .group-form {
    position: relative; }
    .wpc-contact-form .group-form.focus .label-form {
      -webkit-transform: translateY(-200%);
      transform: translateY(-200%); }
    .wpc-contact-form .group-form .label-form {
      position: absolute;
      color: #fff;
      font-family: "Work Sans", sans-serif;
      font-weight: 600;
      top: 13px;
      left: 15px;
      letter-spacing: 0.5px;
      -webkit-transition: 0.5s;
      transition: 0.5s; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  14 - BANNERS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-banner {
  min-height: 487px;
  position: relative;
  margin-top: -60px;
  background-position: center; }
  .wpc-banner .heading {
    font: 200 67px "Work Sans", sans-serif;
    color: #fff;
    line-height: 76px;
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    width: 100%;
    text-align: center;
    z-index: 9;
    letter-spacing: 0.5px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  15 - PORTFOLIO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-portfolio-wrapper {
  position: relative; }
  .wpc-portfolio-wrapper .wpc-overlay-after:after {
    background-color: rgba(255, 255, 255, 0.8); }

.wpc-portfolio {
  text-align: center; }
  .wpc-portfolio .item {
    margin-bottom: 20px; }
  .wpc-portfolio .filters {
    padding-top: 27px; }
  .wpc-portfolio .but {
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 0 11px; }
    .wpc-portfolio .but a {
      color: #202020;
      font: 700 14px "Work Sans", sans-serif;
      line-height: 76px;
      text-transform: uppercase;
      min-height: 40px;
      min-width: 171px;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      display: inline-block; }
      .wpc-portfolio .but a:hover {
        color: #fad31e; }
      .wpc-portfolio .but a:before, .wpc-portfolio .but a:after {
        content: "";
        width: 15px;
        height: 44px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0; }
      .wpc-portfolio .but a:before {
        background-image: url("../img/left-frame.png");
        left: 0; }
      .wpc-portfolio .but a:after {
        background-image: url("../img/right-frame.png");
        right: 0; }
    .wpc-portfolio .but.activbut a:before, .wpc-portfolio .but.activbut a:after {
      opacity: 1; }
  .wpc-portfolio .title {
    font: 300 48px "Work Sans", sans-serif;
    color: #fff;
    margin-top: 43px;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0.96px;
    background-color: #1c1c1c;
    display: inline-block;
    position: relative;
    padding: 0 7px; }
    @media (max-width: 991px) {
      .wpc-portfolio .title {
        font-size: 32px;
        line-height: 1.5;
        letter-spacing: 0.64px; } }
  .wpc-portfolio .link {
    line-height: 76px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Work Sans", sans-serif;
    color: #202020;
    position: relative;
    display: block;
    width: 70px;
    margin-top: 17px; }
    .wpc-portfolio .link:hover {
      text-decoration: underline; }
  .wpc-portfolio .portfolio-item {
    min-height: 200px;
    padding-left: 40px; }
    @media (max-width: 991px) {
      .wpc-portfolio .portfolio-item {
        padding: 0 15px; } }
    .wpc-portfolio .portfolio-item:hover .wpc-overlay {
      opacity: 1; }
    .wpc-portfolio .portfolio-item .wpc-overlay {
      background-color: rgba(250, 211, 30, 0.6);
      opacity: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      width: calc(100% - 30px);
      left: 15px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  16 - ERROR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-top-slider.wpc-error {
  position: relative;
  height: 100vh;
  width: 100%;
  margin-top: 0;
}
.wpc-top-slider.wpc-error .img-wrap {
  height: auto;
}
.wpc-top-slider.wpc-error .img-wrap {
  min-height: initial;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center center; }

.wpc-top-slider.wpc-error .wrap-info {
  top: 43%; }

.wpc-top-slider.wpc-error .title-slide {
  font-size: 33px;
  line-height: 0.66667;
  letter-spacing: 1.32px; }
  .wpc-top-slider.wpc-error .title-slide span {
    color: #fad31e; }

.wpc-top-slider.wpc-error .error-msg {
  font-size: 151px;
  color: #fff;
  font-weight: 300; }
  @media (max-width: 767px) {
    .wpc-top-slider.wpc-error .error-msg {
      font-size: 70px; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  17 - CONTACTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-contacts {
  position: relative;
  font-family: "Work Sans";
  z-index: 40;
  overflow: hidden; }
  .wpc-contacts .map-container {
    width: 100%;
    height: 940px; }
    @media (max-width: 1830px) {
      .wpc-contacts .map-container {
        max-height: 740px; } }
    @media (max-width: 1439px) {
      .wpc-contacts .map-container {
        max-height: 615px; } }
  .wpc-contacts .contact-info-bgc {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    z-index: 101; }
    @media (max-width: 1199px) {
      .wpc-contacts .contact-info-bgc {
        width: 100%; } }
    @media (max-width: 991px) {
      .wpc-contacts .contact-info-bgc {
        display: none; } }
  .wpc-contacts .contact-info-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 102; }
    @media (max-width: 991px) {
      .wpc-contacts .contact-info-wrapper {
        position: relative;
        padding-bottom: 45px; } }
  .wpc-contacts .wpc-logo-invert {
    margin-left: 0;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2px; }
    .wpc-contacts .wpc-logo-invert a {
      color: #000000; }
    @media (max-width: 1199px) {
      .wpc-contacts .wpc-logo-invert {
        margin-bottom: 15px; } }
  .wpc-contacts .logo-heading {
    border-bottom: 1px solid #e5e5e5;
    padding: 190px 0 50px; }
    @media (max-width: 1830px) {
      .wpc-contacts .logo-heading {
        padding: 110px 0 40px; } }
    @media (max-width: 1439px) {
      .wpc-contacts .logo-heading {
        padding: 60px 0 40px; } }
    @media (max-width: 1200px) {
      .wpc-contacts .logo-heading {
        padding: 45px 0 40px; } }
  .wpc-contacts .logo-desc {
    color: #9c9c9c;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.16px;
    font-family: "Work Sans"; }
  .wpc-contacts .contact-info a,
  .wpc-contacts .contact-info .text-info {
    color: #2f2f2f;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: 0.16px;
    margin: 0; }
  .wpc-contacts .contact-info a:hover {
    text-decoration: underline; }
  .wpc-contacts .contact-info i {
    font-size: 16px;
    margin-right: 15px; }
  .wpc-contacts .contact-text {
    color: #9c9c9c;
    font-size: 16px;
    line-height: 1.5625;
    letter-spacing: 0.16px;
    margin-bottom: 30px; }
  .wpc-contacts .wpc-soc-icons {
    margin: 50px 0 72px; }
    @media (max-width: 1199px) {
      .wpc-contacts .wpc-soc-icons {
        margin-bottom: 35px; } }
  .wpc-contacts .wpc-link {
    color: #000000;
    text-align: center; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  18 - OFFLINE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-top-slider.wpc-offline {
  position: relative;
  height: 100vh;
  width: 100%;
  margin-top: 0;
}
.wpc-top-slider.wpc-offline .img-wrap {
  height: auto;
}
.wpc-offline span, .wpc-comming-soon span {
  color: #fad31e; }

.wpc-offline .wpc-overlay, .wpc-comming-soon .wpc-overlay {
  background-color: rgba(0, 0, 0, 0.5); }

.wpc-offline.wpc-top-slider .img-wrap, .wpc-top-slider.wpc-comming-soon .img-wrap {
  min-height: initial;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.wpc-offline .wpc-logo, .wpc-comming-soon .wpc-logo {
  margin-left: 0; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  19 - COMMING SOON */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-top-slider.wpc-comming-soon {
  position: relative;
  height: 100vh;
  width: 100%;
  margin-top: 0;
}
.wpc-top-slider.wpc-comming-soon .img-wrap {
  height: auto;
}
.wpc-comming-soon .title-slide {
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: 0.64px; }

.wpc-comming-soon .wpc-logo {
  margin-left: 0; }

.wpc-comming-soon .img-wrap,
.wpc-comming-soon .wpc-svg-wrap {
  overflow: hidden; }

.wpc-comming-soon .ClassyCountdown-wrapper {
  margin-top: 28px; }
  .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value {
    width: 120px;
    height: 120px;
    border: 2px solid #fad31e;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: rotateZ(46deg);
    transform: rotateZ(46deg);
    position: static; }
    @media (max-width: 767px) {
      .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value {
        width: 45px;
        height: 45px; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value {
        width: 75px;
        height: 75px; } }
    .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value > * {
      -webkit-transform: rotateZ(-46deg);
      transform: rotateZ(-46deg);
      display: inline-block;
      text-align: center; }
    .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value > div {
      padding: 20px;
      font-size: 42px;
      line-height: 1.80952;
      letter-spacing: 0px;
      color: #fff;
      font-family: "Work Sans", sans-serif; }
      @media (max-width: 767px) {
        .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value > div {
          padding: 0;
          font-size: 24px; } }
      @media (min-width: 481px) and (max-width: 767px) {
        .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value > div {
          padding: 14px; } }
    .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value span {
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0px;
      font-weight: 300;
      color: #fff;
      text-transform: uppercase;
      margin: 0 auto 0 85px;
      width: 120px;
      font-family: "Work Sans", sans-serif; }
      @media (max-width: 767px) {
        .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value span {
          margin: 0 auto 0 -10px;
          font-size: 12px; } }
      @media (min-width: 481px) and (max-width: 767px) {
        .wpc-comming-soon .ClassyCountdown-wrapper .ClassyCountdown-value span {
          margin: 0 auto 0 30px;
          font-size: 14px; } }
  .wpc-comming-soon .ClassyCountdown-wrapper canvas {
    display: none; }

.wpc-comming-soon .wrap-info {
  -webkit-transform: translateY(-17%);
  transform: translateY(-17%); }
  @media (max-width: 991px) {
    .wpc-comming-soon .wrap-info {
      top: 30%; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  - PRELOADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 9999; }
  .wpc-preloader .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.cssload-container * {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.cssload-container {
  margin: 19px auto 0 auto;
  max-width: 545px; }

.cssload-container ul li {
  list-style: none; }

.cssload-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -o-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.cssload-flex-container li {
  padding: 10px;
  height: 97px;
  width: 97px;
  margin: 29px 19px;
  position: relative;
  text-align: center; }

.cssload-loading-center {
  display: inline-block;
  position: absolute;
  background: black;
  height: 29px;
  width: 29px;
  left: 35px;
  top: 36px;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  animation: pulse 1.15s ease infinite;
  -o-animation: pulse 1.15s ease infinite;
  -ms-animation: pulse 1.15s ease infinite;
  -webkit-animation: pulse 1.15s ease infinite;
  -moz-animation: pulse 1.15s ease infinite; }

.cssload-loading {
  display: inline-block;
  position: relative;
  width: 73px;
  height: 73px;
  margin-top: 3px;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg); }

.cssload-loading:after, .cssload-loading:before {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  display: block;
  top: 0;
  background: #fad21e;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  animation-delay: -0.5 0.75s;
  -o-animation-delay: -0.5 0.75s;
  -ms-animation-delay: -0.5 0.75s;
  -webkit-animation-delay: -0.5 0.75s;
  -moz-animation-delay: -0.5 0.75s; }

.cssload-loading:after {
  right: 0;
  animation: square-tr 2.3s ease infinite;
  -o-animation: square-tr 2.3s ease infinite;
  -ms-animation: square-tr 2.3s ease infinite;
  -webkit-animation: square-tr 2.3s ease infinite;
  -moz-animation: square-tr 2.3s ease infinite;
  animation-delay: 0.143 0.75s;
  -o-animation-delay: 0.143 0.75s;
  -ms-animation-delay: 0.143 0.75s;
  -webkit-animation-delay: 0.143 0.75s;
  -moz-animation-delay: 0.143 0.75s; }

.cssload-loading:before {
  animation: square-tl 2.3s ease infinite;
  -o-animation: square-tl 2.3s ease infinite;
  -ms-animation: square-tl 2.3s ease infinite;
  -webkit-animation: square-tl 2.3s ease infinite;
  -moz-animation: square-tl 2.3s ease infinite;
  animation-delay: 0.143 0.75s;
  -o-animation-delay: 0.143 0.75s;
  -ms-animation-delay: 0.143 0.75s;
  -webkit-animation-delay: 0.143 0.75s;
  -moz-animation-delay: 0.143 0.75s; }

.cssload-loading.cssload-two {
  position: relative;
  top: -78px; }

.cssload-loading.cssload-two:after, .cssload-loading.cssload-two:before {
  bottom: 0;
  top: initial; }

.cssload-loading.cssload-two:after {
  animation: square-br 2.3s ease infinite;
  -o-animation: square-br 2.3s ease infinite;
  -ms-animation: square-br 2.3s ease infinite;
  -webkit-animation: square-br 2.3s ease infinite;
  -moz-animation: square-br 2.3s ease infinite;
  animation-direction: reverse;
  -o-animation-direction: reverse;
  -ms-animation-direction: reverse;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse; }

.cssload-loading.cssload-two:before {
  animation: square-bl 2.3s ease infinite;
  -o-animation: square-bl 2.3s ease infinite;
  -ms-animation: square-bl 2.3s ease infinite;
  -webkit-animation: square-bl 2.3s ease infinite;
  -moz-animation: square-bl 2.3s ease infinite;
  animation-direction: reverse;
  -o-animation-direction: reverse;
  -ms-animation-direction: reverse;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse; }

@keyframes square-tl {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(0, 60.5px);
    transform: translate(0, 60.5px); }
  50% {
    -webkit-transform: translate(60.5px, 60.5px);
    transform: translate(60.5px, 60.5px); }
  75% {
    -webkit-transform: translate(60.5px, 0);
    transform: translate(60.5px, 0); } }

@-webkit-keyframes square-tl {
  0% {
    -webkit-transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(0, 60.5px); }
  50% {
    -webkit-transform: translate(60.5px, 60.5px); }
  75% {
    -webkit-transform: translate(60.5px, 0); } }

@keyframes square-bl {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(0, -60.5px);
    transform: translate(0, -60.5px); }
  50% {
    -webkit-transform: translate(60.5px, -60.5px);
    transform: translate(60.5px, -60.5px); }
  75% {
    -webkit-transform: translate(60.5px, 0);
    transform: translate(60.5px, 0); } }

@-webkit-keyframes square-bl {
  0% {
    -webkit-transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(0, -60.5px); }
  50% {
    -webkit-transform: translate(60.5px, -60.5px); }
  75% {
    -webkit-transform: translate(60.5px, 0); } }

@keyframes square-tr {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(-60.5px, 0);
    transform: translate(-60.5px, 0); }
  50% {
    -webkit-transform: translate(-60.5px, 60.5px);
    transform: translate(-60.5px, 60.5px); }
  75% {
    -webkit-transform: translate(0, 60.5px);
    transform: translate(0, 60.5px); } }

@-webkit-keyframes square-tr {
  0% {
    -webkit-transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(-60.5px, 0); }
  50% {
    -webkit-transform: translate(-60.5px, 60.5px); }
  75% {
    -webkit-transform: translate(0, 60.5px); } }

@keyframes square-br {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(-60.5px, 0);
    transform: translate(-60.5px, 0); }
  50% {
    -webkit-transform: translate(-60.5px, -60.5px);
    transform: translate(-60.5px, -60.5px); }
  75% {
    -webkit-transform: translate(0, -60.5px);
    transform: translate(0, -60.5px); } }

@-webkit-keyframes square-br {
  0% {
    -webkit-transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(-60.5px, 0); }
  50% {
    -webkit-transform: translate(-60.5px, -60.5px); }
  75% {
    -webkit-transform: translate(0, -60.5px); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(inherit) rotate(45deg);
    transform: scale(inherit) rotate(45deg); }
  75% {
    -webkit-transform: scale(0.25) rotate(45deg);
    transform: scale(0.25) rotate(45deg); } }

@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(inherit) rotate(45deg); }
  75% {
    -webkit-transform: scale(0.25) rotate(45deg); } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 0 - SWIPER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  height: inherit; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  -webkit-transition-property: -webkit-transform, left, top;
  transition-property: transform, left, top;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  box-sizing: content-box;
  cursor: ew-resize;
  margin: 0 auto;
  height: inherit;
  float: left; }

.swiper-slide {
  float: left;
  height: inherit;
  position: relative; }

.pagination {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  text-align: center; }

.swiper-pagination-switch {
  position: relative;
  display: inline-block;
  float: none;
  cursor: pointer;
  transition: all .35s ease-out;
  -webkit-transition: all .35s ease-out;
  -moz-transition: all .35s ease-out;
  -ms-transition: all .35s ease-out; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .no-padding-sm {
    padding-left: 0;
    padding-right: 0; }
  .text-left-sm {
    text-align: left; }
  .text-right-sm {
    text-align: right; }
  .text-center-sm {
    text-align: center; }
  .main-menu .sub-menu li {
    display: block; }
  .wpc-triangle-info {
    max-width: 460px; } }

@media (min-width: 992px) {
  .no-padding-md {
    padding-left: 0;
    padding-right: 0; }
  .text-left-md {
    text-align: left; }
  .text-right-md {
    text-align: right; }
  .text-center-md {
    text-align: center; }
  .wpc-top-slider .img-wrap {
    height: 100vh; }
  .wpc-top-slider .wpc-svg-wrap {
    height: 100vh; }
  .wpc-top-slider.wpc-offline .img-wrap,
  .wpc-top-slider.wpc-comming-soon .img-wrap,
  .wpc-top-slider.wpc-error .img-wrap {
    height: auto;
  }
  .wpc-work .wpc-svg-wrap {
    height: 1080px; }
  .wpc-about.classic .text-wrap.diagonal-text p:nth-child(2) {
    max-width: 880px;
    margin-left: auto; }
  .wpc-about.classic .text-wrap.diagonal-text p:nth-child(3) {
    max-width: 845px;
    margin-left: auto; }
  .wpc-tabs .tabs-content {
    padding-left: 300px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .wpc-team-slider {
    margin-left: 510px; }
  .wpc-services.counters .icon-wrap {
    max-width: 150px;
    min-height: 150px; }
  .wpc-counter {
    padding-top: 55px;
    padding-bottom: 55px; } }

@media (min-width: 1200px) {
  .no-padding-lg {
    padding-left: 0;
    padding-right: 0; }
  .text-left-lg {
    text-align: left; }
  .text-right-lg {
    text-align: right; }
  .text-center-lg {
    text-align: center; }
  .wpc-top-header .info.link-nubmer {
    padding-right: 59px; }
  .wpc-top-header .flaticon-closed-envelope {
    padding-left: 10px; } }

@media (max-width: 1920px) {
  .wpc-about .wpc-svg-wrap {
    top: -7px; } }

@media (max-width: 1800px) {
  .wpc-swiper-arrow.classic.arrow-left.work-arrow {
    left: 24.8%; }
  .wpc-swiper-arrow.classic.arrow-right.work-arrow {
    right: 24.8%; } }

@media (max-width: 1399px) {
  .main-menu {
    padding-top: 12%; } }

@media (max-width: 1199px) {
  .wpc-top-header {
    padding-top: 20px; }
  .wpc-top-slider .title-slide {
    font-size: 52px; }
  .wpc-services .icon-wrap {
    min-height: 120px; }
  .wpc-swiper-arrow.classic.arrow-left.work-arrow {
    left: 20%; }
  .wpc-swiper-arrow.classic.arrow-right.work-arrow {
    right: 20%; }
  .wpc-footer {
    min-height: 620px; }
  .wpc-tabs .tabs-header li {
    margin-left: 0; }
  .wpc-tabs .tabs-content {
    padding-left: 80px; }
  .wpc-counter {
    font-size: 30px; } }

@media (max-width: 991px) {
  .wpc-top-slider .title-slide {
    font-size: 40px; }
  .wpc-services .icon-wrap {
    min-height: 135px;
    max-width: 40%; }
  .wpc-services .wrap-info {
    margin-bottom: 75px; }
  .wpc-team .team-slider-wrapper {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    min-width: 100%;
    margin-left: 0;
    width: auto; }
  .wpc-team-slider {
    margin-top: 100px;
    margin-left: 0;
    max-width: 100%; }
  .full-width-md {
    width: 100%; }
  .wpc-team .wrap-info {
    margin-top: 50px;
    padding: 0 15px; }
  .wpc-team .img-wrap {
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0); }
  .wpc-swiper-arrow.classic.arrow-left {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  .wpc-swiper-arrow.classic.arrow-right {
    -webkit-transform: rotateZ(0) translate(-35%);
    transform: rotateZ(0) translate(-35%); }
  .wpc-swiper-arrow.classic.arrow-left i,
  .wpc-swiper-arrow.classic.arrow-right i {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  .wpc-team .wpc-swiper-arrow {
    position: static;
    margin: 20px; }
  .wpc-team .team-slider-wrapper {
    text-align: center; }
  .team-slider-wrapper {
    position: relative;
    z-index: 99; }
  .wpc-team .wpc-swiper-arrow.classic.light i {
    margin-top: -5px;
    margin-left: -3px;
    display: inline-block; }
  .wpc-team .wrap-info .title {
    line-height: 35px; }
  .wpc-work .wpc-svg-wrap {
    min-height: 950px; }
  .wpc-swiper-arrow.classic.arrow-left.work-arrow {
    left: 10%; }
  .wpc-swiper-arrow.classic.arrow-right.work-arrow {
    right: 10%; }
  .wpc-team .wrap-info .desc {
    margin-bottom: 60px; }
  .wpc-team {
    min-height: 100%; } }

@media (max-width: 767px) {
  .wpc-navigation.active .main-menu {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 0;
    height: auto; }
  .wpc-team .wpc-swiper-arrow {
    display: inline-block; }
  .main-menu li {
    display: block; }
  .main-menu .sub-menu {
    position: static;
    padding: 5px 15px; }
  .menu-item-has-children > a span {
    display: inline-block; }
  .menu-item-has-children.active > .sub-menu {
    display: block;
    position: static; }
  .wpc-logo {
    font-size: 26px;
    margin-left: 20px; }
  .main-menu > .menu-item > a {
    font-size: 22px;
    line-height: 15px; }
  .main-menu {
    padding-top: 30%; }
  .wpc-swiper-arrow {
    display: none; }
  .wpc-top-slider .img-wrap img {
    max-height: 450px; }
  .wpc-about .wpc-svg-wrap {
    top: 0;
    background-image: none !important; }
    .wpc-about .wpc-svg-wrap:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(255, 255, 255, 0.8); }
  .wpc-top-slider .title-slide a:before {
    bottom: 5px; }
  .wpc-about .arrow-left {
    right: 40px; }
  .wpc-about .arrow-right {
    left: 40px; }
  .wpc-subheading {
    max-width: 100%; }
  .wpc-services .icon-wrap {
    max-width: 75px;
    min-height: 75px; }
  .wpc-services .icon-wrap .icon:before {
    font-size: 20px; }
  .wpc-about .wpc-svg-wrap {
    min-height: 100%; }
  .wpc-services .title {
    margin-top: 25px; }
  .wpc-testimonials .pagination-title {
    margin-left: -90px;
    font-size: 13px; }
  .wpc-work .wpc-svg-wrap {
    background-image: none !important; }
    .wpc-work .wpc-svg-wrap:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(255, 255, 255, 0.8);
      z-index: 2; }
  .wpc-work {
    min-height: 100%;
    max-height: 100%; }
  .wpc-work .img-wrap {
    min-height: 70px; }
  .wpc-work .wpc-svg-wrap {
    min-height: 500px; }
  .wpc-work .wpc-swiper-arrow {
    display: inline-block; }
  .wpc-swiper-arrow.classic.work-arrow {
    top: 25%; }
  .wpc-work .desc {
    font-size: 14px; }
  .wpc-swiper-arrow.classic.arrow-left.work-arrow {
    left: 25px; }
  .wpc-swiper-arrow.classic.arrow-right.work-arrow {
    right: 25px; }
  .wpc-footer {
    min-height: 500px; }
  .wpc-footer .copyright {
    bottom: 40px; }
  .wpc-contact-info .link {
    font-size: 20px;
    line-height: 25px; }
  .wpc-contact-info .link.small-text {
    font-size: 16px; }
  .wpc-contact-info .text-info {
    font-size: 20px;
    margin-top: 0; }
  .wpc-contact-form {
    width: 100%;
    margin-top: 100px; }
  .wpc-contact-form .field {
    margin-bottom: 30px; }
  .wpc-services .title.title-count {
    margin-top: 55px;
    line-height: 20px; }
  .wpc-services.counters .icon-wrap {
    max-width: 140px;
    min-height: 75px; }
  .wpc-tabs .tabs-header ul {
    text-align: center; }
  .wpc-tabs .tabs-header li {
    display: inline-block;
    margin: 0 15px; }
  .wpc-tabs .tabs-header {
    float: none; }
  .wpc-tabs .tabs-content {
    padding-left: 0; }
  .wpc-footer .copyright.classic {
    bottom: 35px; }
  .wpc-footer.classic {
    min-height: 290px; }
  .wpc-about .title {
    font-size: 38px; }
  .wpc-about.classic:before {
    content: none; } }

@media (max-width: 650px) {
  .wpc-navigation .menu-toggle {
    right: 15px; }
  .wpc-top-header .info {
    font-size: 11px; } }

@media (max-width: 540px) {
  .wpc-services .icon-wrap .icon:before {
    font-size: 14px; }
  .wpc-testimonials.classic .swiper-container {
    padding-bottom: 90px; } }

@media (max-width: 480px) {
  .wpc-testimonials .pagination-title {
    display: none !important; }
  .wpc-work .wpc-swiper-arrow {
    display: none; }
  .wpc-testimonials.classic .swiper-container {
    padding-bottom: 185px; } }

@media (max-width: 1199px) {
  .wpc-comming-soon .title-slide {
    font-size: 32px; } }

@media (max-width: 767px) {
  .wpc-comming-soon .title-slide {
    font-size: 26px; } }